src/ApplicationBundle/Modules/Buddybee/Resources/views/pages/consultancySearchPage.html.twig line 600

Open in your IDE?
  1. {% include '@Application/inc/buddybee_new_header.html.twig' %}
  4. <style>
  5.     .consultant-bio-img img {
  6.         height: 154px;
  7.         border-radius: 10%;
  8.     }
  10.     .small_language_img {
  12.     }
  14.     .consultant-bio-img .cons_image_view {
  16.         height: 154px;
  17.         width: 154px;
  18.         border-radius: 10%;
  19.         background-size: cover !important;
  20.         background-position: center !important;
  22.     }
  24.     .consultant_search_bar.searchbar-content {
  25.         position: relative;
  26.     }
  28.     .consultant_search_bar.searchbar-content a {
  29.         position: absolute;
  30.         right: 9px;
  31.         top: 7px;
  32.     }
  34.     .filter_div img {
  35.         /*display: block;*/
  36.         color: #fff;
  37.         /*padding: 10px 0;*/
  38.         font-size: 14px;
  39.         background: #1D5B9E;
  40.         width: 40px;
  41.         height: 40px;
  42.         padding: 6px;
  43.         text-align: center;
  44.         line-height: 51px;
  45.         border-radius: 50%;
  46.     }
  48.     .filter_div_btn {
  50.     }
  52.     .filter_div {
  53.         display: inline-block;
  54.         width: 70px;
  55.         padding: 10px 0;
  56.         position: relative;
  57.     }
  59.     .consultant-title .searchbar {
  60.         width: 290px;
  61.         display: inline-block;
  62.         position: relative;
  63.     }
  65.     .filter_div_content {
  66.         padding: 20px;
  67.         width: 300px;
  68.         min-height: 400px;
  69.         height: auto;
  70.         left: -115px;
  71.         position: absolute;
  72.         z-index: 99999;
  73.         background: white;
  74.         display: none;;
  75.         /*border:1px solid darkblue;*/
  76.         box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  77.     }
  79.     .filter_div_content .head {
  80.         display: flex;
  81.         justify-content: space-between;
  82.         border-bottom: 1px solid #f1e4e4;
  83.     }
  85.     .filter_div_content .head .title {
  86.         font-size: 13px;
  87.         display: inline-block;
  88.         float: left;
  89.         margin-bottom: 0.5rem;
  91.     }
  93.     .filter_div_content .head .title.right {
  94.         float: right;
  95.         color: #1D5B9E;
  96.         font-weight: bold;
  97.         text-decoration: none;
  99.     }
  101.     .filter_div_content .body {
  102.         text-align: left;
  103.         /*padding-top: 15px;*/
  105.     }
  107.     .filter_div_content .body .title {
  108.         margin-top: 15px;
  109.         margin-bottom: 2px;
  110.         font-size: 11px;
  111.         text-align: left;
  112.         text-transform: uppercase;
  113.         color: #6c757d;
  115.     }
  117.     .filter_div_content .body .option {
  119.     }
  121.     .filter_div_content .body .form-check {
  122.         text-align: left;
  123.         width: 49%;
  124.         display: inline-block;
  126.     }
  128.     .filter_div_content .body .form-check .form-check-label span {
  129.         font-size: 13px;;
  131.     }
  133.     .filter_div_content .body .form-check .form-check-input:checked {
  134.         background-color: #1D5B9E;
  135.         border-color: #1D5B9E;
  136.     }
  138.     @media (min-width: 320px) and (max-width: 480px) {
  139.         .consultant-title .searchbar {
  140.             width: 250px;
  142.         }
  144.         .filter_div_content {
  145.             left: unset;
  146.             right: 0;
  147.         }
  148.     }
  150.     @media (min-width: 481px) and (max-width: 540px) {
  151.         .consultant-title .searchbar {
  152.             width: 250px;
  154.         }
  156.         .filter_div_content {
  157.             left: unset;
  158.             right: 0;
  159.         }
  160.     }
  162.     @media (min-width: 320px) and (max-width: 480px) {
  164.         .consultant-bio-img .cons_image_view {
  165.             height: 60px !important;
  166.             width: 60px !important;
  167.             margin: auto;
  168.         }
  169.         .consultant-bio-img  {
  170.            text-align: center;
  171.         }
  173.         .book_btn_span {
  174.             /*display: none;*/
  175.         }
  177.         .rating_value_span {
  178.             display: block;
  179.             padding: 0 21px;;
  180.         }
  181.     }
  182. </style>
  185. <section class="consultant-section">
  186.     {% set countries_data='_HAS_CONSULTANT_'|getCountriesBuddyBee('object') %}
  187.     {% set language_list='_ALL_'|getLanguagesBuddyBee('object') %}
  188.     <div class="consultant-title">
  189.         <div class="container">
  190.             <div class="row mb-5">
  191.                 <div class="col-md-3"></div>
  192.                 <div class="col-md-6" style="position: relative;text-align: center">
  193.                     {% if ref=='_ADMIN_' %}
  194.                     <h2>Meet the BuddyBee Admins</h2>
  195.                     {% else %}
  196.                     <h2>Meet the BuddyBee Consultant</h2>
  197.                     {% endif %}
  198.                     <div class="searchbar" style="">
  199.                         <div class="searchbar-content consultant_search_bar">
  200.                             <input type="text" placeholder="Search Consultant" class="consultantSearch small_search">
  201.                             <a href="#"><i class="fas fa-search"></i></a>
  202.                         </div>
  203.                     </div>
  204.                     <div class="filter_div" style="width: 70px;">
  205.                         <a href="#" class="filter_div_btn">
  206.                             {#<img style="width: 20px; height: 20px;" src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/filter_image.png"  alt="">#}
  207.                             {#<i class="fas fa-filter">#}
  208.                             <i class="">
  209.                                 <img style=""
  210.                                      src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/filter_image.png"
  211.                                      alt="">
  212.                             </i>
  213.                         </a>
  214.                         <div class="filter_div_content" style="">
  215.                             <div class="head">
  216.                                 <h1 class="title">Filter By</h1>
  217.                                 <a class="title right">Reset Filters</a>
  218.                             </div>
  219.                             <div class="body">
  220.                                 <h1 class="title">Language</h1>
  221.                                 {% for entry in language_list %}
  222.                                     <div class="form-check">
  223.                                         <input class="form-check-input consFilter langFilter" type="checkbox"
  224.                                                value="{{ entry.id }}" id="langFilter{{ entry.id }}" >
  225.                                         <label class="form-check-label" for="langFilter{{ entry.id }}">
  226.                                             <span>{{ entry.name }}</span>
  227.                                         </label>
  228.                                     </div>
  229.                                 {% endfor %}
  231.                                 <h1 class="title">Country</h1>
  232.                                 {% for entry in countries_data %}
  233.                                     <div class="form-check">
  234.                                         <input class="form-check-input consFilter countryFilter" type="checkbox"
  235.                                                value="{{ entry.id }}" id="countryFilter{{ entry.id }}" >
  236.                                         <label class="form-check-label" for="countryFilter{{ entry.id }}">
  237.                                             <span>{{ entry.name }}</span>
  238.                                         </label>
  239.                                     </div>
  240.                                 {% endfor %}
  242.                                 <h1 class="title">Topics</h1>
  243.                                 {% for entry in topic %}
  244.                                     <div class="form-check" style="width: 100%;">
  245.                                         <input class="form-check-input consFilter topicFilter" type="checkbox"
  246.                                                value="{{ entry.id }}" id="topicFilter{{ entry.id }}"
  247.                                                {% if topicId !=0 %}{% if topicId ==entry.id %}checked{% endif %} {% else %}{% endif %}>
  248.                                         <label class="form-check-label" for="topicFilter{{ entry.id }}">
  249.                                             <span>{{ entry.topicName }}</span>
  250.                                         </label>
  251.                                     </div>
  252.                                 {% endfor %}
  255.                             </div>
  258.                         </div>
  259.                     </div>
  261.                 </div>
  262.                 <div class="col-md-3"></div>
  263.             </div>
  264.         </div>
  265.     </div>
  268.     <div class="consultant-list">
  269.         <div class="container">
  270.             <div class="row">
  271.                 <div class="col-md-3">
  272.                     <div class="viewed-consultant">
  273.                         <div class="viewed-consultant-title">
  274.                             <h6>Last Viewed</h6>
  275.                         </div>
  276.                         <div id="lvcl">
  277.                             {##}
  278.                             {#<div class="viewed-consultant-content my-2">#}
  279.                             {#<div class="consultant-card d-flex">#}
  280.                             {#<div class="consultant-card-left">#}
  281.                             {#<div class="consultant-img">#}
  282.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant-3.png" alt="consultant-3">#}
  283.                             {#<div class="cosultant-country">#}
  284.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/flag-2.png" alt="flag-2">#}
  285.                             {#</div>#}
  286.                             {#</div>#}
  287.                             {#</div>#}
  288.                             {#<div class="consultant-card-right">#}
  289.                             {#<div class="consultant-title">#}
  290.                             {#<h4>Philip Ericsson</h4>#}
  291.                             {#<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Magnis fames fames fames fames</p>#}
  292.                             {#</div>#}
  293.                             {#</div>#}
  294.                             {#</div>#}
  295.                             {#</div>#}
  296.                             {#<div class="viewed-consultant-content">#}
  297.                             {#<div class="consultant-card d-flex">#}
  298.                             {#<div class="consultant-card-left">#}
  299.                             {#<div class="consultant-img">#}
  300.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant-3.png" alt="consultant-3">#}
  301.                             {#<div class="cosultant-country">#}
  302.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/flag-2.png" alt="flag-2">#}
  303.                             {#</div>#}
  304.                             {#</div>#}
  305.                             {#</div>#}
  306.                             {#<div class="consultant-card-right">#}
  307.                             {#<div class="consultant-title">#}
  308.                             {#<h4>Philip Ericsson</h4>#}
  309.                             {#<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Magnis fames fames fames fames</p>#}
  310.                             {#</div>#}
  311.                             {#</div>#}
  312.                             {#</div>#}
  313.                             {#</div>#}
  314.                             {#<div class="viewed-consultant-content my-2">#}
  315.                             {#<div class="consultant-card d-flex">#}
  316.                             {#<div class="consultant-card-left">#}
  317.                             {#<div class="consultant-img">#}
  318.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant-3.png" alt="consultant-3">#}
  319.                             {#<div class="cosultant-country">#}
  320.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/flag-2.png" alt="flag-2">#}
  321.                             {#</div>#}
  322.                             {#</div>#}
  323.                             {#</div>#}
  324.                             {#<div class="consultant-card-right">#}
  325.                             {#<div class="consultant-title">#}
  326.                             {#<h4>Philip Ericsson</h4>#}
  327.                             {#<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Magnis fames fames fames fames</p>#}
  328.                             {#</div>#}
  329.                             {#</div>#}
  330.                             {#</div>#}
  331.                             {#</div>#}
  332.                             {#<div class="viewed-consultant-content">#}
  333.                             {#<div class="consultant-card d-flex">#}
  334.                             {#<div class="consultant-card-left">#}
  335.                             {#<div class="consultant-img">#}
  336.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant-3.png" alt="consultant-3">#}
  337.                             {#<div class="cosultant-country">#}
  338.                             {#<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/flag-2.png" alt="flag-2">#}
  339.                             {#</div>#}
  340.                             {#</div>#}
  341.                             {#</div>#}
  342.                             {#<div class="consultant-card-right">#}
  343.                             {#<div class="consultant-title">#}
  344.                             {#<h4>Philip Ericsson</h4>#}
  345.                             {#<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Magnis fames fames fames fames</p>#}
  346.                             {#</div>#}
  347.                             {#</div>#}
  348.                             {#</div>#}
  349.                             {#</div>#}
  350.                         </div>
  351.                         <div class="more-consultant">
  352.                             {#<p style="text-align: center;"><a href="#">View More</a></p>#}
  353.                         </div>
  354.                     </div>
  355.                 </div>
  356.                 <div class="col-md-6 ">
  357.                     <div class="pList"></div>
  359.                     <div class="page-pagination  mt-5" id="consultant_pagination">
  361.                     </div>
  362.                 </div>
  363.                 <div class="col-md-3">
  364.                     <div class="consultancy-topic">
  365.                         <div class="consultancy-topic-title">
  366.                             <h6>Consultancy Topic</h6>
  367.                         </div>
  368.                         {% for data in topic %}
  369.                             {% if countries_data[data.countryId] is defined %}
  370.                             <div class="consultancy-topic-content" style="cursor: pointer;"
  371.                                  onclick="window.location.href='{{ path('topic_list') }}/{{ data.id }}'">
  372.                                 <div class="consultant-card d-flex">
  373.                                     <div class="consultant-card-left">
  374.                                         <div class="consultant-img">
  375.                                             <img class="bordered-flag" style="height: 68px; width:68px;"
  376.                                                  src="{{ absolute_url(path('dashboard')) }}{{ countries_data[data.countryId] is defined?countries_data[data.countryId].flagImageSquare:'buddybee_assets/images/country-1.png' }}"
  377.                                                  alt="country-1">
  378.                                         </div>
  379.                                     </div>
  380.                                     <div class="consultant-card-right">
  381.                                         <div class="consultant-title">
  382.                                             <h4>{{ data.topicName }}</h4>
  383.                                             <p>{{ data.topicSummary }}</p>
  384.                                         </div>
  385.                                     </div>
  386.                                 </div>
  387.                             </div>
  388.                             {% endif %}
  389.                         {% endfor %}
  392.                         {#                        <div class="more-consultant">#}
  393.                         {#                            <center><a href="#">View More</a></center>#}
  394.                         {#                        </div>#}
  395.                     </div>
  396.                 </div>
  397.             </div>
  398.         </div>
  399.     </div>
  400. </section>
  403. {% include '@Application/footer/buddybee_new_footer.html.twig' %}
  405. <script type="text/javascript"
  406.         src="{{ absolute_url(path('dashboard')) }}condensed_assets/pagination/pagination.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  408. <script>
  409.     var countries_data ={{ countries_data|json_encode()|raw() }}
  410.     var language_list ={{ language_list|json_encode()|raw() }}
  412.     var topic_conditional_string = "preferredTopicIdsAsConsultant like '%\"{{ topicId }}\"%'"
  413.     var config = {
  414.         'mainTableAlias': "mainTable",
  415.         'mainTableClass': "CompanyGroupBundle\\Entity\\EntityApplicantDetails",
  416.         'mainTableIdField': "Id",
  417. //                'otherConditions': " (mainTable.CompanyId=1 and mainTable.status=1) ",
  418. //        'otherConditions': " ( mainTable.isConsultant=1 and mainTable.accountStatus=1  ) ",
  420.         {% set THIS_USER_ID= 0 %}
  424.         {% if (session[UserConstants.USER_ID] is defined ) %}
  425.         {% set THIS_USER_ID =session[UserConstants.USER_ID] %}
  427.         {% endif %}
  429.     {% if ref=='_ADMIN_' %}
  431.         {% if topicId !=0 %}
  432.         'otherConditions': " ( mainTable.isAdmin >=1 and mainTable.applicantId != {{ THIS_USER_ID }}  and mainTable.preferredTopicIdsAsConsultant like '%\"{{ topicId }}\"%'   ) ",
  433.         {% else %}
  434.         'otherConditions': " ( mainTable.isAdmin >=1 and mainTable.applicantId != {{ THIS_USER_ID }}    ) ",
  435.         {% endif %}
  436.     {% else %}
  437.         {% if topicId !=0 %}
  438.         'otherConditions': " ( mainTable.isConsultant=1 and mainTable.applicantId != {{ THIS_USER_ID }}  and mainTable.preferredTopicIdsAsConsultant like '%\"{{ topicId }}\"%'   ) ",
  439.         {% else %}
  440.         'otherConditions': " ( mainTable.isConsultant=1 and mainTable.applicantId != {{ THIS_USER_ID }}    ) ",
  441.         {% endif %}
  443.     {% endif %}
  446.         'dateFieldsToStr': ['createdAt'],
  447.         'dateFieldsToStrFormat': ['m-d-Y h:i'],
  448.         'convertToObjectFields': ['languagesData'],
  449.         'skipColumnNames': [],
  450.         'flagColNames': [],
  451.         'flagConversionByCols': {},
  453.         'joinTableList': [
  454. //            {
  455. //                'tableClass': "CompanyGroupBundle\\Entity\\EntityApplicantDetails",
  456. //                'tableAlias': "consultantTable",
  457. //                'onField': 'applicantId',
  458. //                "onMainTableField": "applicantId",
  459. //                "fields": {
  460. //                    //'alisaFiled':'actiual field Name'
  461. //                    'consultantFirstName': 'firstname',
  462. //                    'consultantLastName': 'lastname',
  463. //                    'consultantImage': 'image',
  464. //
  465. //                }
  466. //            },
  467. //                    {
  468. //                        'tableClass': "CompanyGroupBundle\\Entity\\EntityApplicantDetails",
  469. //                        'tableAlias': "studentTable",
  470. //                        'onField': 'applicantId',
  471. //                        "onMainTableField": "studentId",
  472. //                        "fields": {
  473. //                            //'alisaFiled':'actiual field Name'
  474. //                            'studentFirstName': 'firstname',
  475. //                            'studentLastName': 'lastname',
  476. //                            'studentImage': 'image',
  477. //
  478. //                        }
  479. //                    },
  481.         ],
  482.         'returnJson': 1,
  483.         'getUnitListFlag': 1
  486.     }
  487.     var pika = null;
  489.     function refresh_filter() {
  491.         {% if ref=='_ADMIN_' %}
  492.         var new_other_cond = "( mainTable.isAdmin >= 1 and mainTable.applicantId != {{ THIS_USER_ID }}  and (1=0 ";
  493.         {% else %}
  494.         var new_other_cond = "( mainTable.isConsultant=1 and mainTable.applicantId != {{ THIS_USER_ID }}  and (1=0 ";
  495.         {% endif %}
  497.         if ($(".langFilter:checked").length)
  498.             $(".langFilter:checked").each(function (indu, elem) {
  499.                 new_other_cond += "or mainTable.languagesData like '%\"" + $(elem).val() + "\"%' ";
  500.             })
  501.         else
  502.             new_other_cond += "or 1=1 ";
  503.         new_other_cond += ") and (1=0 "
  504.         if ($(".countryFilter:checked").length)
  505.             $(".countryFilter:checked").each(function (indu, elem) {
  506.                 new_other_cond += "or mainTable.currentCountryId = " + $(elem).val() + " ";
  507.             })
  508.         else
  509.             new_other_cond += "or 1=1 ";
  511.         new_other_cond += ") and (mainTable.preferredTopicIdsAsConsultant is null or mainTable.preferredTopicIdsAsConsultant='[]' or mainTable.preferredTopicIdsAsConsultant=''  "
  512.         if ($(".topicFilter:checked").length)
  513.             $(".topicFilter:checked").each(function (indu, elem) {
  514.                 new_other_cond += "or mainTable.preferredTopicIdsAsConsultant like '%\"" + $(elem).val() + "\"%' ";
  515.             })
  516.         else
  517.             new_other_cond += "or 1=1 ";
  519.         {#{% if topicId !=0 %}#}
  520.         {#new_other_cond+=" ) and mainTable.preferredTopicIdsAsConsultant like '%\"{{ topicId }}\"%'   ) ";#}
  521.         {#{% else %}#}
  522.         new_other_cond += " ) ) "
  523.         {#{% endif %}#}
  526.         config.otherConditions = new_other_cond;
  527.         if (pika != null)
  528.             pika.pagination(1)
  529.         else
  530.             pika = $('#consultant_pagination').pagination({
  531.                 dataSource: "{{ url('generic_datatable_ajax_company_group') }}?dataTableQry=1",
  532.                 locator: 'data',
  533.                 //    totalNumberLocator: function(response) {
  534.                 //        // you can return totalNumber by analyzing response content
  535.                 //        return Math.floor(Math.random() * (1000 - 100)) + 100;
  536.                 //    },
  537.                 pageSize: 10,
  538.                 classPrefix: "pico",
  539.                 ulClassName: "pagination justify-content-center",
  540. //            totalNumber: 6,
  541.                 totalNumberLocator: function (response) {
  542.                     // you can return totalNumber by analyzing response content
  545.                     return response.totalObjectsCount != 0 ? (response.totalObjectsCount) : 0;
  546.                 },
  547.                 className: "pagination-div",
  549. //                pageRange: null,
  550. //            prevText :'<i class="material-icons">chevron_left</i>',
  551. //            nextText :'<i class="material-icons">chevron_right</i>',
  553.                 ajax: {
  554.                     beforeSend: function () {
  555.                         //            dataContainer.html('Loading data from flickr.com ...');
  556.                     },
  557.                     "type": 'POST',
  558.                     "data": {
  559.                         returnJson: 1,
  560.                         config: config
  561. //                           sessionData: sessionData,
  562. //                           getUnitListFlag:getUnitListFlag
  563.                     }
  564.                 },
  565.                 callback: function (data, pagination) {
  566.                     // template method of yourself
  567.                     var html = "";
  568.                     // alert('working')
  569.                     //    console.log(data)
  571.                     $('html,body').stop().animate({scrollTop: 0}, 500, 'swing', function () {
  572. //                    alert("Finished animating");
  573.                     });
  576.                     for (var k = 0; k < data.length; k++) {
  578.                         var row_here = data[k]
  579.                         {% if ref=='_ADMIN_' %}
  581.                                 if (data[k].isAdmin <= 0)
  582.                                     continue;
  583.                         {% else %}
  584.                             if (data[k].isConsultant = 0)
  585.                                 continue;
  587.                         {% endif %}
  591.                         var speaks_content = "";
  592.                         var languages_data = row_here.mainTable.languagesData;
  594.                         for (var lol = 0; lol < languages_data.length; lol++) {
  595.                             speaks_content += '<span> &nbsp;' +
  596.                                     '<img class="small_language_img" style="width: 20px; " src="{{ absolute_url(path('dashboard')) }}' + (typeof language_list[languages_data[lol]] === 'undefined' ? 'buddybee_assets/images/flag-2.png' : language_list[languages_data[lol]].image) + '"  alt="flag-2">' +
  597.                                     '&nbsp;' + language_list[languages_data[lol]].name + '</span>'
  598.                         }
  600.                         html += ' <div style="cursor:pointer;" class="consultant-bio d-flex justify-content-between ' + (k != 0 ? ' mt-5' : '') + '"  onclick="window.location.href=\'{{ path('consultant_profile') }}/' + data[k].applicantId + '{{ topicId!=0?('?topicId='~topicId):'' }}\'">' +
  601.                                 '<div class="consultant-bio-left">' +
  602.                                 '<div class="consultant-bio-img">' +
  603.                                 {#((row_here.mainTable.image!=null && row_here.mainTable.image!='')? '<img src="'+row_here.mainTable.image +'" alt="" class="img-fluid" style="154px">':#}
  604.                                 {#'<img src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant_image_ph_male.png" alt="" class="img-fluid" style="154px">') +#}
  605.                                 {#'<div class="consultant-review">' +                           #}
  606.                                 ((row_here.mainTable.image != null && row_here.mainTable.image != '') ? '<div style="background:url(' + row_here.mainTable.image + ')"  class="cons_image_view" ></div>' :
  607.                                         '<div style="background:url({{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant_image_ph_male.png)"  class="cons_image_view" ></div>') +
  608.                                 '<div class="consultant-review">' +
  609.                                 (row_here.mainTable.rating >0?
  610.                                 ((row_here.mainTable.rating >= 1 ? '<i class="fas fa-star"></i>' : '<i class="fa fa-star"></i>') +
  611.                                 (row_here.mainTable.rating >= 2 ? '<i class="fas fa-star"></i>' : '<i class="fa fa-star"></i>') +
  612.                                 (row_here.mainTable.rating >= 3 ? '<i class="fas fa-star"></i>' : '<i class="fa fa-star"></i>') +
  613.                                 (row_here.mainTable.rating >= 4 ? '<i class="fas fa-star"></i>' : '<i class="fa fa-star"></i>') +
  614.                                 (row_here.mainTable.rating >= 4.5 ? '<i class="fas fa-star"></i>' : '<i class="fa fa-star"></i>') +
  616.                                 '<span class="rating_value_span" style="font-weight:bold;">&nbsp;' + ((1 * row_here.mainTable.rating).toFixed(1)) + '</span>'):
  617.                                 ('<span class="rating_value_span" style="font-weight:bold;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>'))
  621.                                 +
  623.                             (row_here.mainTable.scheduleAvailableFlag==1?('<span class="book_btn_span"><a href="{{ path('consultant_profile') }}/' + row_here.mainTable.applicantId + '" >Book</a></span>'):('<span class="book_btn_span"><a style="background:orange;" href="{{ path('consultant_profile') }}/' + row_here.mainTable.applicantId + '" >Unavailable</a></span>')) +
  624.                                 '</div>' +
  625.                                 '</div>' +
  626.                                 '</div>' +
  628.                                 '<div class="consultant-bio-right" style="min-height:8rem;">' +
  629.                                 '<h3>' + row_here.mainTable.firstname + ' ' + row_here.mainTable.lastname + '</h3>' +
  630.                                 '<p><b>Profession: </b>' + ((row_here.mainTable.professionText != '' && row_here.mainTable.professionText != null) ? row_here.mainTable.professionText : 'Buddybee Consultant') + '</p>' +
  631.                                 '<p><b>University: </b>' + ((row_here.mainTable.universityText != '' && row_here.mainTable.universityText != null) ? row_here.mainTable.universityText : '') + '</p>' +
  632. //                       '<p><b>University: </b>Canadian English University College</p>' +
  633.                                 '<p><b>Country: </b>' + (typeof countries_data[row_here.mainTable.currentCountryId] === 'undefined' ? '' : countries_data[row_here.mainTable.currentCountryId].name) + '</p>' +
  634.                                 '<p><b>Speaks: </b>' + speaks_content + '</p>' +
  635. //                           '<p><b>Interests: </b>'+((row_here.mainTable.interest != '' && row_here.mainTable.interest != null) ?row_here.mainTable.interest:'Learning new Things') +'</p>' +
  636.                                 '<p><b>Education: </b>' + ((row_here.mainTable.educationText != '' && row_here.mainTable.educationText != null) ? row_here.mainTable.educationText : '') + '</p>' +
  637.                                 '<p><b>Speciality: </b>' + ((row_here.mainTable.speciality != '' && row_here.mainTable.speciality != null) ? row_here.mainTable.speciality : '') + '</p>' +
  638. //                           '<p><b>Speciality: </b>Badminton,Music,Culture & Heritage, Median & Arts</p>' +
  639. //                       '<p><b>Education: </b>Canadian University International College</p>' +
  640. //                       '<p><b>Speciality: </b>English (Native US/Canada)</p>' +
  641.                                 '</div>' +
  642.                                 '</div>'
  645.                     }
  647.                     //    console.log(data)
  648.                     $('.pList').html(html);
  649.                 }
  650.             })
  653.     }
  654.     $(document).ready(function () {
  656.         var lastViewedConsultantListStr = window.localStorage.getItem('lvcl');
  657.         var lastViewedConsultantList = [];
  658.         if (lastViewedConsultantListStr != 'null' && lastViewedConsultantListStr != null)
  659.             lastViewedConsultantList = JSON.parse(lastViewedConsultantListStr);
  662.         for (var p = 0; p < lastViewedConsultantList.length; p++) {
  663.             var currConsDataForLastview = lastViewedConsultantList[p];
  664.             var toappendStr = '<div class="viewed-consultant-content" onclick="window.location.href=\'' + currConsDataForLastview.prfUrl + '\'">' +
  665.                     '<div class="consultant-card d-flex">' +
  666.                     '<div class="consultant-card-left">' +
  667.                     '<div class="consultant-img" style="background: url(' + currConsDataForLastview.imageUrl + ');' +
  668.                     'height: 68px;' +
  669.                     'width: 68px;' +
  670.                     'border-radius: 50%;' +
  671.                     'background-size: cover;' +
  672.                     'background-position: center;">' +
  673. //                    '<img src="'+currConsDataForLastview.imageUrl+'" style="width:68px;" alt="consultant-3">'+
  674.                     '<div class="cosultant-country">' +
  675.                     '<img style="width: 20px; height: 20px;" src="{{ absolute_url(path('dashboard')) }}' + (typeof countries_data[currConsDataForLastview.currentCountryId] === 'undefined' ? 'buddybee_assets/images/flag-2.png' : countries_data[currConsDataForLastview.currentCountryId].flagImageSquare) + '"  alt="">' +
  676.                     '</div>' +
  677.                     '</div>' +
  678.                     '</div>' +
  679.                     '<div class="consultant-card-right">' +
  680.                     '<div class="consultant-title">' +
  681.                     '<h4>' + currConsDataForLastview.name + '</h4>' +
  682.                     '<p>' + (typeof currConsDataForLastview.professionalTitle !== 'undefined' ? currConsDataForLastview.professionalTitle : 'Professional Consultant') + '</p>' +
  683.                     '</div>' +
  684.                     '</div>' +
  685.                     '</div>' +
  686.                     '</div>';
  687.             $('#lvcl').append(toappendStr);
  688.             {#var currConsDataForLastview={#}
  689.             {#imageUrl:'{{ consultantDetails.image }}',#}
  690.             {#name:'{{ consultantDetails.firstname }} {{ consultantDetails.lastName }}',#}
  691.             {#consSummary:'{{ consSummary }}',#}
  692.             {#prfUrl:'{{ url('consultant_profile') }}/{{ consultantDetails.applicantId }}'#}
  694.             {#};#}
  695.         }
  698.         $('.consFilter').change(function () {
  699.             refresh_filter()
  701. //            op
  702.         })
  704.         refresh_filter()
  706.         $(document).mouseup(function (e) {
  707.             var container = $(".filter_div_content");
  709.             // if the target of the click isn't the container nor a descendant of the container
  710.             if (!container.is(e.target) && container.has(e.target).length === 0) {
  711.                 container.hide();
  712.             }
  713.         });
  716.         $('.filter_div_btn').click(function (e) {
  717.             e.preventDefault();
  718.             $('.filter_div_content').toggle()
  719.         })
  721.         var consultantSearch = $(".consultantSearch").selectize({
  722.             valueField: "url",
  723.             labelField: "name",
  724.             searchField: "name",
  725.             create: false,
  727.             preload: true,
  728.             render: {
  729.                 option: function (item, escape) {
  730.                     return (
  732.                             '<div style="padding: 2px;">' +
  733.                             '<span class="title" style="    min-width: 2rem;display: inline-block;">' +
  734.                             ((item.image != null && item.image != '') ? '<img style="border-radius: 50%;height: 2rem;width: 2rem;" src="' + item.image + '" alt="" class="img-fluid" >' :
  735.                                     '<img style="border-radius: 50%;height: 2rem;width: 2rem;" src="{{ absolute_url(path('dashboard')) }}buddybee_assets/images/consultant_image_ph_male.png" alt="" class="img-fluid" >') +
  736.                             "</span>" +
  737.                             '<span class="name" style="padding-left:0.5rem;font-size: 14px;">' +
  738. //                        '<i class="icon ' +
  739. //                        (item.type == 1 ? "fa fa-list" : "fa fa-clock") +
  740. //                        '"></i>' +
  742. //                        "<div class='form-control mainDiv'>" +
  744. //                        '<span class="name">' +
  746.                             escape(item.name) +
  749.                             "</span>" +
  752.                                 // '<span class="description">' +
  753.                                 // escape(item.description) +
  754. //                    "</span>" +
  757.                             "</div>"
  759.                     );
  760.                     // return (
  761.                     //     "<div>" +
  762.                     //     '<span class="title">' +
  763.                     //     '<span class="name"><i class="icon ' +
  764.                     //     (item.type == 1 ? "fa fa-list" : "fa fa-clock") +
  765.                     //     '"></i>' +
  766.                     //     escape(item.name) +
  767.                     //     "</span>" +
  768.                     //
  769.                     //     "</span>" +
  770.                     //     '<span class="description">' +
  771.                     //     escape(item.description) +
  772.                     //     "</span>" +
  773.                     //
  774.                     //     "</div>"
  775.                     // );
  776.                 },
  777.             },
  780.             onChange: function (value) {
  782.                 if (!value.length) return;
  783.                 var sval = value
  784.                 consultantSearch.setValue([])
  786.                 window.location.href = sval;
  787.                 //addProductToListById(value);
  789.                 // alert(value)
  791.                 // small_search_box.clear()
  792.                 // small_search_box.focus()
  794.             },
  795.             load: function (query, callback) {
  796.                 if (!query.length) return callback();
  797.                 $.ajax({
  798.                     url: "{{ url('consultant_search_from_list') }}/" + encodeURIComponent(query),
  799.                     type: "GET",
  800.                     error: function () {
  801.                         callback();
  802.                     },
  803.                     success: function (res) {
  804.                         //    console.log(res.data)
  805.                         callback(res.data);
  806.                     },
  807.                 });
  808.             },
  809.         })[0].selectize;
  810.     });
  812. </script>
  815. <style type="text/css">
  816.     body {
  817.         /*-moz-transform: scale(0.5, 0.5); !* Moz-browsers *!*/
  818.         zoom: 1; /* Other non-webkit browsers */
  819.         zoom: 100%; /* Webkit browsers */
  820.     }
  822.     /*.modal-dialog {*/
  823.     /*width: 75%;*/
  824.     /*}*/
  826.     .trans_amount {
  827.         text-align: right;
  828.     }
  829. </style>