src/ApplicationBundle/Resources/views/pages/consultancy/event_list_page.html.twig line 1

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: 14px;
  19.         background-size: contain !important;
  20.         background-repeat: no-repeat !important;
  21.         background-position: center !important;
  23.     }
  25.     .consultant_search_bar.searchbar-content {
  26.         position: relative;
  27.     }
  29.     .consultant_search_bar.searchbar-content a {
  30.         position: absolute;
  31.         right: 9px;
  32.         top: 7px;
  33.     }
  35.     .filter_div img {
  36.         /*display: block;*/
  37.         color: #fff;
  38.         /*padding: 10px 0;*/
  39.         font-size: 14px;
  40.         background: #1D5B9E;
  41.         width: 40px;
  42.         height: 40px;
  43.         padding: 6px;
  44.         text-align: center;
  45.         line-height: 51px;
  46.         border-radius: 50%;
  47.     }
  49.     .filter_div_btn {
  51.     }
  53.     .filter_div {
  54.         display: inline-block;
  55.         width: 70px;
  56.         padding: 10px 0;
  57.         position: relative;
  58.     }
  60.     .consultant-title .searchbar {
  61.         width: 290px;
  62.         display: inline-block;
  63.         position: relative;
  64.     }
  66.     .filter_div_content {
  67.         padding: 20px;
  68.         width: 300px;
  69.         min-height: 400px;
  70.         height: auto;
  71.         left: -115px;
  72.         position: absolute;
  73.         z-index: 99999;
  74.         background: white;
  75.         display: none;;
  76.         /*border:1px solid darkblue;*/
  77.         box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  78.     }
  80.     .filter_div_content .head {
  81.         display: flex;
  82.         justify-content: space-between;
  83.         border-bottom: 1px solid #f1e4e4;
  84.     }
  86.     .filter_div_content .head .title {
  87.         font-size: 13px;
  88.         display: inline-block;
  89.         float: left;
  90.         margin-bottom: 0.5rem;
  92.     }
  94.     .filter_div_content .head .title.right {
  95.         float: right;
  96.         color: #1D5B9E;
  97.         font-weight: bold;
  98.         text-decoration: none;
  100.     }
  102.     .filter_div_content .body {
  103.         text-align: left;
  104.         /*padding-top: 15px;*/
  106.     }
  108.     .filter_div_content .body .title {
  109.         margin-top: 15px;
  110.         margin-bottom: 2px;
  111.         font-size: 11px;
  112.         text-align: left;
  113.         text-transform: uppercase;
  114.         color: #6c757d;
  116.     }
  118.     .filter_div_content .body .option {
  120.     }
  122.     .filter_div_content .body .form-check {
  123.         text-align: left;
  124.         width: 49%;
  125.         display: inline-block;
  127.     }
  129.     .filter_div_content .body .form-check .form-check-label span {
  130.         font-size: 13px;;
  132.     }
  134.     .filter_div_content .body .form-check .form-check-input:checked {
  135.         background-color: #1D5B9E;
  136.         border-color: #1D5B9E;
  137.     }
  139.     @media (min-width: 320px) and (max-width: 480px) {
  140.         .consultant-title .searchbar {
  141.             width: 250px;
  143.         }
  145.         .filter_div_content {
  146.             left: unset;
  147.             right: 0;
  148.         }
  149.     }
  151.     @media (min-width: 481px) and (max-width: 540px) {
  152.         .consultant-title .searchbar {
  153.             width: 250px;
  155.         }
  157.         .filter_div_content {
  158.             left: unset;
  159.             right: 0;
  160.         }
  161.     }
  163.     @media (min-width: 320px) and (max-width: 480px) {
  165.         .consultant-bio-img .cons_image_view {
  166.             height: 60px !important;
  167.             width: 60px !important;
  168.         }
  170.         .book_btn_span {
  171.             display: none;
  172.         }
  174.         .rating_value_span {
  175.             display: block;
  176.             padding: 0 21px;;
  177.         }
  178.     }
  180.     .consultant-bio {
  181.         cursor: pointer;
  182.         flex-direction: column;
  183.     }
  185.     .consultant-bio-right, .consultant-bio-left, .consultant-bio-left .cons_image_view {
  186.         width: 100%;
  187.     }
  189.     .consultant-bio-right h3 {
  190.         color: #6E6B78;
  191.         font-size: 20px;
  192.         margin-top: 13px;;
  193.         margin-bottom: 13px;;
  194.         /*font-family: nexa;*/
  195.         font-weight: bold;;
  197.     }
  199.     .consultant-bio-right p {
  200.         color: #6E6B78;
  201.         font-size: 16px;
  202.         margin-top: 3px;;
  203.         /*font-family: nexa;*/
  204.         font-weight: 300;;
  206.     }
  208.     .consultant-bio-right i.fa {
  210.         font-weight: normal;;
  212.     }
  214.     .consultant-bio-right button.btn-event-action {
  216.         width: 48%;
  217.         height: 50px;;
  218.         background: white;
  219.         border-radius: 5px;;
  220.         border: 1px solid #1D5B9E;
  221.         color: #1D5B9E;
  223.     }
  225.     .consultant-bio-right button.btn-event-action.btn-event-going.going {
  226.         background: #1D5B9E;
  227.         border: 1px solid #1D5B9E;
  228.         color: white;
  230.     }
  232.     .consultant-bio-right button.btn-event-action.btn-event-going.not_going {
  234.     }
  236.     .consultant-bio-right button.btn-event-action.btn-event-save.saved {
  238.     }
  239.     .cta
  240.     {
  241.         display: block;;
  245.     }
  246. </style>
  250. <section class="consultant-section">
  251.     {% set countries_data='_HAS_CONSULTANT_'|getCountriesBuddyBee('object') %}
  252.     {% set language_list='_ALL_'|getLanguagesBuddyBee('object') %}
  253.     <div class="consultant-title">
  254.         <div class="container">
  255.             <div class="row mb-5">
  256.                 <div class="col-md-3"></div>
  257.                 <div class="col-md-6" style="position: relative;text-align: center">
  258.                     <h2>All Events</h2>
  260.                 </div>
  261.                 <div class="col-md-3"></div>
  262.             </div>
  263.         </div>
  264.     </div>
  267.     <div class="consultant-list">
  268.         <div class="container">
  269.             <div class="row pList" style="justify-content: space-evenly;">
  272.             </div>
  273.             <div class="row ">
  276.                 <div class="col-md-12 ">
  278.                     <div class="page-pagination  mt-5" id="consultant_pagination">
  280.                     </div>
  281.                 </div>
  283.             </div>
  284.         </div>
  285.     </div>
  286. </section>
  289. {% include '@Application/footer/buddybee_new_footer.html.twig' %}
  291. <script type="text/javascript"
  292.         src="{{ absolute_url(path('dashboard')) }}condensed_assets/pagination/pagination.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  294. <script>
  295.     var countries_data ={{ countries_data|json_encode()|raw() }}
  296.     var language_list ={{ language_list|json_encode()|raw() }}
  297.     var skipEventIds ={{ skipEventIds|json_encode()|raw() }}
  298.     var attendingEventIds ={{ attendingEventIds|json_encode()|raw() }}
  299.     var followingEventIds ={{ followingEventIds|json_encode()|raw() }}
  301.     var topic_conditional_string = ""
  302.     var config = {
  303.         'mainTableAlias': "mainTable",
  304.         'mainTableClass': "CompanyGroupBundle:EntityCreateTopic",
  305.         'mainTableIdField': "Id",
  306. //                'otherConditions': " (mainTable.CompanyId=1 and mainTable.status=1) ",
  307. //        'otherConditions': " ( mainTable.isConsultant=1 and mainTable.accountStatus=1  ) ",
  309.         {% set THIS_USER_ID= 0 %}
  313.         {% if (session[UserConstants.USER_ID] is defined ) %}
  314.         {% set THIS_USER_ID =session[UserConstants.USER_ID] %}
  316.         {% endif %}
  318.         'otherConditions': " ( mainTable.isEvent=1) ",
  321.         'dateFieldsToStr': ['createdAt'],
  322.         'dateFieldsToStrFormat': ['m-d-Y h:i'],
  323.         'convertToObjectFields': [],
  324.         'skipColumnNames': [],
  325.         'flagColNames': [],
  326.         columns:[
  327.             {
  328.                 name: 'mainTable.eventStartDateTs',
  329.                 search:{
  330.                     value:'',
  331.                     regex:false
  332.                 }
  333.             }
  334.         ],
  335.         'order': [
  336.             {
  337.                 "column": "0",
  338.                 "dir": "desc",
  340.             }
  341.         ],
  342.         'flagConversionByCols': {},
  344.         'joinTableList': [
  345. //            {
  346. //                'tableClass': "CompanyGroupBundle\\Entity\\EntityApplicantDetails",
  347. //                'tableAlias': "consultantTable",
  348. //                'onField': 'applicantId',
  349. //                "onMainTableField": "applicantId",
  350. //                "fields": {
  351. //                    //'alisaFiled':'actiual field Name'
  352. //                    'consultantFirstName': 'firstname',
  353. //                    'consultantLastName': 'lastname',
  354. //                    'consultantImage': 'image',
  355. //
  356. //                }
  357. //            },
  358. //                    {
  359. //                        'tableClass': "CompanyGroupBundle\\Entity\\EntityApplicantDetails",
  360. //                        'tableAlias': "studentTable",
  361. //                        'onField': 'applicantId',
  362. //                        "onMainTableField": "studentId",
  363. //                        "fields": {
  364. //                            //'alisaFiled':'actiual field Name'
  365. //                            'studentFirstName': 'firstname',
  366. //                            'studentLastName': 'lastname',
  367. //                            'studentImage': 'image',
  368. //
  369. //                        }
  370. //                    },
  372.         ],
  373.         'returnJson': 1,
  374.         'getUnitListFlag': 1
  377.     }
  378.     var pika = null;
  380.     function refresh_filter() {
  381.         var new_other_cond = "( mainTable.isEvent=1  )";
  383.         {#{% if topicId !=0 %}#}
  384.         {#new_other_cond+=" ) and mainTable.preferredTopicIdsAsConsultant like '%\"{{ topicId }}\"%'   ) ";#}
  385.         {#{% else %}#}
  386. //        new_other_cond += " ) "
  387.         {#{% endif %}#}
  390.         config.otherConditions = new_other_cond;
  391.         if (pika != null)
  392.             pika.pagination(1)
  393.         else
  394.             pika = $('#consultant_pagination').pagination({
  395.                 dataSource: "{{ url('generic_datatable_ajax_company_group') }}?dataTableQry=1",
  396.                 locator: 'data',
  397.                 //    totalNumberLocator: function(response) {
  398.                 //        // you can return totalNumber by analyzing response content
  399.                 //        return Math.floor(Math.random() * (1000 - 100)) + 100;
  400.                 //    },
  401.                 pageSize: 10,
  402.                 classPrefix: "pico",
  403.                 ulClassName: "pagination justify-content-center",
  404. //            totalNumber: 6,
  405.                 totalNumberLocator: function (response) {
  406.                     // you can return totalNumber by analyzing response content
  409.                     return response.totalObjectsCount != 0 ? (response.totalObjectsCount) : 0;
  410.                 },
  411.                 className: "pagination-div",
  413. //                pageRange: null,
  414. //            prevText :'<i class="material-icons">chevron_left</i>',
  415. //            nextText :'<i class="material-icons">chevron_right</i>',
  417.                 ajax: {
  418.                     beforeSend: function () {
  419.                         //            dataContainer.html('Loading data from flickr.com ...');
  420.                     },
  421.                     "type": 'POST',
  422.                     "data": {
  423.                         returnJson: 1,
  424.                         config: config
  425. //                           sessionData: sessionData,
  426. //                           getUnitListFlag:getUnitListFlag
  427.                     }
  428.                 },
  429.                 callback: function (data, pagination) {
  430.                     // template method of yourself
  431.                     var html = "";
  432.                     // alert('working')
  433.                     //    console.log(data)
  435.                     $('html,body').stop().animate({scrollTop: 0}, 500, 'swing', function () {
  436. //                    alert("Finished animating");
  437.                     });
  440.                     for (var k = 0; k < data.length; k++) {
  442.                         var row_here = data[k]
  444.                         html += '<div class="consultant-bio d-flex justify-content-between  col-md-3" onclick="return 0;window.location.href=\'{{ path('consultant_profile') }}/' + row_here.mainTable.id + '\'"> ' +
  445.                                 '<div class="consultant-bio-left" > ' +
  446.                                 '<div class="consultant-bio-img"> ' +
  447.                                 '<div style="background:url(' + row_here.mainTable.topicImage + '); "class="cons_image_view"></div> ' +
  448.                                 '</div> ' +
  449.                                 '</div> ' +
  450.                                 '<div class="consultant-bio-right" style="min-height:8rem;"><h3>' + row_here.mainTable.topicName + '</h3>' +
  451.                                 '<p><i class="fa fa-map-marker"></i> ' + row_here.mainTable.address + '</p>' +
  452.                                 '<p><i class="fa fa-calendar"></i> <span class="convert_to_moment_time" data-moment-ts-format="DD/MM/YYYY" data-moment-ts="' + row_here.mainTable.eventStartDateTs + '">15/01/2023</span> &nbsp;&nbsp; <i class="fa fa-clock"></i> <span class="convert_to_moment_time" data-moment-ts-format="HH:mm" data-moment-ts="' + row_here.mainTable.eventStartDateTs + '">11:00 AM</span> </p>' +
  453.                                 '<div class="row" style="padding-top: 10px;">' +
  455.                                 ' <div class="col-md-12" style="text-align: left;display: flex;flex-direction:row;justify-content: space-between; ">' +
  457.                                 '<button type="button" style="" class="btn btn-event-action btn-event-save btn-default '+(followingEventIds.indexOf(row_here.mainTable.id)!=-1?'saved':'')+' btn-event-save_' + row_here.mainTable.id + '" data-event-id="' + row_here.mainTable.id + '">'+(followingEventIds.indexOf(row_here.mainTable.id)!=-1?'Saved':'Save')+'' +
  458.                                 '</button>' +
  459.                                 '<button type="button" style="" class="btn btn-event-action btn-event-going  btn-default '+(attendingEventIds.indexOf(row_here.mainTable.id)!=-1?'going':'')+' btn-event-going_' + row_here.mainTable.id + '" data-event-id="' + row_here.mainTable.id + '">'+(attendingEventIds.indexOf(row_here.mainTable.id)!=-1?'Going':'Attend')+'' +
  460.                                 '</button>' +
  462.                                 '</div>' +
  463.                                 '</div>' +
  465.                                 '</div>' +
  466.                                 '</div>'
  469.                     }
  471.                     //    console.log(data)
  472.                     $('.pList').html(html);
  474.                     refresh_moment_times();
  475.                 }
  476.             })
  479.     }
  480.     $(document).ready(function () {
  482.         var lastViewedConsultantListStr = window.localStorage.getItem('lvcl');
  483.         var lastViewedConsultantList = [];
  484.         if (lastViewedConsultantListStr != 'null' && lastViewedConsultantListStr != null)
  485.             lastViewedConsultantList = JSON.parse(lastViewedConsultantListStr);
  488.         $('.consFilter').change(function () {
  489.             refresh_filter()
  491. //            op
  492.         })
  494.         $(document).on('click', '.btn-event-save', function (e) {
  495.             e.preventDefault();
  497.             var newStatus=$(this).hasClass('saved')? 0:1;
  499.             $.ajax({
  500.                 url: BaseURL + "mark_buddybee_event",
  501.                 type: 'POST',
  502.                 dataType: 'json',
  503.                 data: {
  506.                     relId: $(this).data('eventId'),
  507.                     eventId: $(this).data('eventId'),
  508.                     applicantId: {{ applicantId }},
  509.                     followStatus: newStatus,
  510.                     attendingStatus: "_UNCHANGED_",
  513.                 },
  516.                 error: function () {
  517.                     // callback();
  518.                 },
  519.                 success: function (res) {
  520.                     ;
  521.                     // $('#').val(res.);
  523.                     if (res.success == true) {
  525.                         if(res.followStatus==1) {
  526.                             $('.btn-event-save_' + res.relId).addClass('saved')
  527.                             $('.btn-event-save_' + res.relId).text('Saved')
  528.                         }
  529.                         else {
  530.                             $('.btn-event-save_' + res.relId).removeClass('saved')
  531.                             $('.btn-event-save_' + res.relId).text('Save')
  532.                         }
  533. //                        swal("Success", "Done!", "success");
  536.                     }
  537.                     else {
  538.                         if(res.applicantId==0) {
  539.                             swal("Oops", "You need to Login to perform this action!", "warning");
  540.                         }
  541.                         else {
  542.                             swal("Oops", "Could not perform the action!", "error");
  543.                         }
  547.                     }
  549.                 }
  550.             });
  553.         })
  554.         $(document).on('click', '.btn-event-going', function (e) {
  555.             e.preventDefault();
  557.             var newStatus=$(this).hasClass('going')? 0:1;
  559.             $.ajax({
  560.                 url: BaseURL + "mark_buddybee_event",
  561.                 type: 'POST',
  562.                 dataType: 'json',
  563.                 data: {
  566.                     relId: $(this).data('eventId'),
  567.                     eventId: $(this).data('eventId'),
  568.                     applicantId: {{ applicantId }},
  569.                     followStatus: "_UNCHANGED_",
  570.                     attendingStatus: newStatus,
  574.                 },
  577.                 error: function () {
  578.                     // callback();
  579.                 },
  580.                 success: function (res) {
  581.                     ;
  582.                     // $('#').val(res.);
  584.                     if (res.success == true) {
  586.                         if(res.attendingStatus==1) {
  587.                             $('.btn-event-going_'+res.relId).addClass('going')
  588.                             $('.btn-event-going_'+res.relId).text('Going')
  589.                         }
  590.                         else {
  591.                             $('.btn-event-going_'+res.relId).removeClass('going')
  592.                             $('.btn-event-going_'+res.relId).text('Attend')
  593.                         }
  594. //                        swal("Success", "Done!", "success");
  597.                     }
  598.                     else {
  599.                         if(res.applicantId==0) {
  600.                             swal("Oops", "You need to Login to perform this action!", "warning");
  601.                         }
  602.                         else {
  603.                             swal("Oops", "Could not perform the action!", "error");
  604.                         }
  607.                     }
  609.                 }
  610.             });
  613.         })
  615.         refresh_filter()
  617.         $(document).mouseup(function (e) {
  618.             var container = $(".filter_div_content");
  620.             // if the target of the click isn't the container nor a descendant of the container
  621.             if (!container.is(e.target) && container.has(e.target).length === 0) {
  622.                 container.hide();
  623.             }
  624.         });
  627.         $('.filter_div_btn').click(function (e) {
  628.             e.preventDefault();
  629.             $('.filter_div_content').toggle()
  630.         })
  633.     });
  636.     function refresh_moment_times() {
  637.         $('.convert_to_moment_time').each(function (ind, elem) {
  639.             var moment_time = moment.unix($(elem).attr('data-moment-ts'));
  640.             //    console.log($(elem).attr('data-moment-ts'));
  642.             var format = $(elem).attr('data-moment-ts-format');
  643.             var toReplaceStr = '';
  645.             if (format == '_today_or_date_') {
  646.                 toReplaceStr = moment_time.fromNow()
  647.             }
  648.             else {
  649.                 toReplaceStr = moment_time.format(format)
  650.             }
  651.             $(elem).text(toReplaceStr)
  653.         });
  654.     }
  656. </script>
  659. <style type="text/css">
  660.     body {
  661.         /*-moz-transform: scale(0.5, 0.5); !* Moz-browsers *!*/
  662.         zoom: 1; /* Other non-webkit browsers */
  663.         zoom: 100%; /* Webkit browsers */
  664.     }
  666.     /*.modal-dialog {*/
  667.     /*width: 75%;*/
  668.     /*}*/
  670.     .trans_amount {
  671.         text-align: right;
  672.     }
  673. </style>