src/ApplicationBundle/Resources/views/modals/input_forms/selectEntityModal.html.twig line 1

Open in your IDE?
  1. {% include '@Application/framework/_select_entity_modal_css.html.twig' %}
  3. <div class="modal fade" id="selectEntityModal" tabindex="-1" aria-labelledby="exampleModalLabel"
  4.      aria-hidden="true">
  5.     <div class="modal-dialog modal-dialog-centered">
  6.         <div class="modal-content">
  7.             <div class="modal-header" style="">
  8.                 <div class="header  dont_print">
  9.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  10.                     <h4 class="modal-title" id="myModalLabel"><span class="fa fa-list"></span> Select Company</h4>
  12.                 </div>
  14.             </div>
  15.             <div class="modal-body">
  18.                 <div class="row clearfix">
  19.                 <div class="col-md-12">
  25.                     <form id="selectEntityModalForm" action="#">
  26.                         <!-- start step indicators -->
  27.                         <div style="display: none;" class="form-header d-flex mb-4">
  29.                             <span class="stepIndicator seq_0" data-seq-id="0">Select Country</span>
  32.                         </div>
  34.                         <div class="step seq_0 ">
  35. {#                            <h5 class=" ">Select a Country</h5>#}
  38.                             <div class="row clearfix cg_holder">
  43.                             </div>
  46.                         </div>
  51.                         <div class="form-footer d-flex" style="display: none;">
  52.                             <button type="button" class="prevBtn" id="selectEntityModal_prevBtn">
  53.                                 Previous
  54.                             </button>
  55.                             <button type="button" class="nextBtn" id="selectEntityModal_nextBtn">
  56.                                 Next
  57.                             </button>
  58.                         </div>
  60.                     </form>
  63.                 </div>
  64.                 </div>
  66.             </div>
  67.             {# <div class="modal-footer"> #}
  69.             {# </div> #}
  70.         </div>
  71.     </div>
  72. </div>
  75. <script>
  78.     var selectEntityModal = {};
  79.     var spd = "";
  80.     var csToken = '';
  81.     var nextServerUrl = '';
  83.     var currentTabSelectEntityModal=0;
  85.     var accessList=[];
  86.     var accessListInitiated=0;
  88.     {% if app.session.get('aceessList','') !='' %}
  89.     accessList={{ app.session.get('aceessList','')|json_encode|raw() }}
  90.         accessListInitiated=1
  91.     {% endif %}
  93.     function stepShowTab(n, parentSelector) {
  94.         // alert('here')
  95.         // This function will display the specified tab of the form...
  97.         parentSelector = parentSelector || '#selectEntityModal'
  99.         var prevN = -1;
  100.         $(parentSelector + ' .stepIndicator.active').each(function (gg, elem) {
  101.             prevN = 1 * $(elem).data('seqId');
  103.         });
  105.         var newN = 0;
  107.         if (n === '+1') {
  108.             newN = (1 * prevN) + 1;
  109.         } else if (n === '-1') {
  110.             newN = (1 * prevN) - 1;
  112.         } else
  113.             newN = n;
  116.         if (!$(parentSelector + ' .stepIndicator.seq_' + newN).length)
  117.             newN = (1 * prevN);
  120.         if (!$(parentSelector + ' .stepIndicator.seq_' + (newN + 1)).length)
  121.             $(parentSelector + " .nextBtn").text('Confirm');
  122.         else
  123.             $(parentSelector + " .nextBtn").text('Next');
  125.         if (!$(parentSelector + ' .stepIndicator.seq_' + (newN - 1)).length)
  126.             $(parentSelector + " .prevBtn").hide();
  127.         else
  128.             $(parentSelector + " .prevBtn").show();
  130.         // alert(prevN)
  131.         // alert(newN)
  132.         // alert($(parentSelector+' .stepIndicator.seq_'+(newN+1)).length)
  135.         if (prevN == newN) {
  136.             $(parentSelector).modal('hide')
  137.             return false;
  138.         }
  141.         $(parentSelector + ' .stepIndicator').removeClass('active')
  142.         $(parentSelector + ' .step').hide()
  143.         $(parentSelector + '  .step.seq_' + newN).show()
  144.         for (var gg = 0; gg <= newN; gg++)
  145.             $(parentSelector + '  .stepIndicator.seq_' + gg).addClass('active')
  147.         var triggerFunc = $(parentSelector + '  .step.seq_' + newN).attr('data-trigger-function');
  150.         if (typeof triggerFunc !== 'undefined' && triggerFunc !== false) {
  151.             window[triggerFunc]();
  153.         }
  156.     }
  158.     function getUserCompanyList(userGetType){
  160.         userGetType=userGetType||'_LOCAL_';
  162.         var pika_ind_id = "_NA_";
  163.         $('#selectEntityModal .cg_holder').empty();
  165.         var userTypeTextObject={
  166.             1: 'Admin',
  167.             2: 'User',
  168.             3: 'Vendor',
  169.             4: 'Customer',
  170.             5: 'Management User',
  171.             6: 'Group Owner',
  172.             7: 'GLobal User',
  173.             8: 'Applicant',
  174.             9: 'Collaborator',
  176.         }
  178.         if(userGetType =='_LOCAL_') {
  180.             $.ajax({
  181.                 url: BaseURL + "get_users_by_query?queryStr=" + $('#tempUsername').val(),
  182.                 type: 'POST',
  183.                 dataType: 'json',
  184.                 data: {},
  185.                 error: function () {
  186.                     // callback();
  187.                 },
  188.                 success: function (res) {
  191.                     if (res.success == true) {
  193.                         if (res.data.length == 1) {
  194.                             var dt = res.data[0];
  196.                             $('#gocId').val(dt['gocId']);
  197.                             $('#username').val(dt['loginUserName']);
  198.                             $('#loginform').submit();
  200.                         } else {
  202.                             for (var jj = 0; jj < res.data.length; jj++) {
  203.                                 var dt = res.data[jj];
  205.                                 var ggStr = ' <div class="box-selector cg_selector cg_' + dt['id'] + '  col-md-12 col-sm-12"' +
  206.                                     ' data-id="' + dt['gocId'] + '" ' +
  207.                                     ' data-goc-id="' + dt['gocId'] + '" ' +
  208.                                     ' data-user-name="' + dt['loginUserName'] + '" ' +
  209.                                     ' data-gen-class="cg_selector" ' +
  210.                                     '>' +
  211.                                     '<div class="inside" style="display: flex;"> ' +
  212.                                     '<div class="img" href="" style="' +
  213.                                     "background:url('" + dt['companyLogoUrl'] + "');" +
  214.                                     'height: 50px !important;width: 40%;background-position: left;background-size: contain;background-repeat: no-repeat;display: inline-block;"> ' +
  215.                                     '</div> ' +
  216.                                     '<h6 class="title" style="height: 2rem; width: 60%;text-align: left;">' + dt['companyName'] + ' <p class="sub-title">' + userTypeTextObject[dt['userType']] + '</p></h6> ' +
  217.                                     '</div>' +
  218.                                     '';
  220.                                 $('#selectEntityModal .cg_holder').append(ggStr);
  221.                             }
  223.                             $('#selectEntityModal').modal('show');
  224.                         }
  225.                     }
  228.                 }
  229.             });
  230.         }
  231.         if(userGetType =='_CENTRAL_') {
  233.             if(accessListInitiated==1) {
  236.                 if (accessList.length == 1) {
  237.                     // var dt = res.data[0];
  238.                     //
  239.                     // $('#gocId').val(dt['gocId']);
  240.                     // $('#username').val(dt['loginUserName']);
  241.                     // $('#loginform').submit();
  243.                 } else {
  245.                     for (var jj = 0; jj < accessList.length; jj++) {
  246.                         var dt = accessList[jj];
  248.                         var ggStr = ' <div class="box-selector cg_selector cg_' + dt['id'] + '  col-md-12 col-sm-12"' +
  249.                             ' data-id="' + dt['appId'] + '" ' +
  250.                             ' data-app-id="' + dt['appId'] + '" ' +
  251.                             ' data-goc-id="0" ' +
  252.                             // ' data-user-name="' + dt['loginUserName'] + '" ' +
  253.                             ' data-gen-class="cg_selector" ' +
  254.                             ' data-auth-str="' + dt['authenticationStr'] + '" ' +
  255.                             ' data-server-url="' + dt['serverUrl'] + '" ' +
  256.                             ' data-cs-token="{{ app.session.get('csToken','') }}" ' +
  257.                             '>' +
  258.                             '<div class="inside" style="display: flex;"> ' +
  259.                             '<div class="img" href="" style="' +
  260.                             "background:url('{{ constant('ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}" + dt['companyLogoUrl'] + "');" +
  261.                             'height: 50px !important;width: 40%;background-position: left;background-size: contain;background-repeat: no-repeat;display: inline-block;"> ' +
  262.                             '</div> ' +
  263.                             '<h6 class="title" style="height: 2rem; width: 60%;text-align: left;">' + dt['companyName'] + ' <p class="sub-title">' + userTypeTextObject[dt['userType']] + '</p></h6> ' +
  264.                             '</div>' +
  265.                             '';
  267.                         $('#selectEntityModal .cg_holder').append(ggStr);
  268.                     }
  270.                     $('#selectEntityModal').modal('show');
  271.                 }
  272.             }
  273.             else {
  274.                 $.ajax({
  275.                     url: "{{ constant('ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}/auth/getSessionDataForApp" ,
  276.                     type: 'POST',
  277.                     dataType: 'json',
  278.                     data: {
  279.                         token:'{{ app.session.get('csToken','') }}'
  281.                     },
  282.                     error: function () {
  283.                         // callback();
  284.                     },
  285.                     success: function (res) {
  288.                         if (res.success == true) {
  289.                             accessList=res.session_data.userAccessList;
  291.                             //    console.log(accessList)
  294.                             for (var jj = 0; jj < accessList.length; jj++) {
  295.                                 var dt = accessList[jj];
  297.                                 var ggStr = ' <div class="box-selector cg_selector cg_' + dt['id'] + '  col-md-12 col-sm-12"' +
  298.                                     ' data-id="' + dt['appId'] + '" ' +
  299.                                     ' data-app-id="' + dt['appId'] + '" ' +
  300.                                     ' data-goc-id="0" ' +
  301.                                     // ' data-user-name="' + dt['loginUserName'] + '" ' +
  302.                                     ' data-gen-class="cg_selector" ' +
  303.                                     ' data-auth-str="' + dt['authenticationStr'] + '" ' +
  304.                                     ' data-server-url="' + dt['serverUrl'] + '" ' +
  305.                                     ' data-cs-token="{{ app.session.get('csToken','') }}" ' +
  306.                                     '>' +
  307.                                     '<div class="inside" style="display: flex;"> ' +
  308.                                     '<div class="img" href="" style="' +
  309.                                     "background:url('{{ constant('ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}" + dt['companyLogoUrl'] + "');" +
  310.                                     'height: 50px !important;width: 40%;background-position: left;background-size: contain;background-repeat: no-repeat;display: inline-block;"> ' +
  311.                                     '</div> ' +
  312.                                     '<h6 class="title" style="height: 2rem; width: 60%;text-align: left;">' + dt['companyName'] + ' <p class="sub-title">' + userTypeTextObject[dt['userType']] + '</p></h6> ' +
  313.                                     '</div>' +
  314.                                     '';
  316.                                 $('#selectEntityModal .cg_holder').append(ggStr);
  317.                             }
  319.                             $('#selectEntityModal').modal('show');
  320.                         }
  323.                     }
  324.                 });
  326.             }
  331.         }
  333.     }
  336.     jQuery(document).ready(function () {
  340.         stepShowTab(currentTabSelectEntityModal, '#selectEntityModal')
  342.         $(document).on('click', '.box-selector', function () {
  344.             $('.' + $(this).data('genClass')).removeClass('active')
  345.             $(this).addClass('active')
  347.         })
  349.         $(document).on('click', '#selectEntityModal .prevBtn', function () {
  351. //validate action here
  352. // if (!validateForm()) return false;
  354.             stepShowTab('-1', '#selectEntityModal')
  356.         })
  357.         $(document).on('click', '#selectEntityModal .stepIndicator', function () {
  359. //validate action here
  360. // if (!validateForm()) return false;
  362.             stepShowTab($(this).data('seqId'), '#selectEntityModal')
  364.         })
  365.         $(document).on('click', '#selectEntityModal .nextBtn', function () {
  367. //validate action here
  368. // if (!validateForm()) return false;
  370.             stepShowTab('+1', '#selectEntityModal')
  372.         })
  374.         $(document).on('click', '#selectEntityModal .cg_selector', function () {
  377.             if (typeof $(this).data('authStr') !== 'undefined') {
  378.                 window.spd=$(this).data('authStr');
  379.                 window.csToken=$(this).data('authStr');
  380.                 window.nextServerUrl=$(this).data('serverUrl');
  382.                 $.ajax({
  383.                     url: "{{ url('user_logout') }}" ,
  384.                     type: 'POST',
  385.                     dataType: 'json',
  386.                     data: {
  387.                         returnJson: 1
  389.                     },
  390.                     error: function () {
  391.                         // callback();
  392.                     },
  393.                     success: function (res) {
  396.                         if (res.success == true) {
  397.                             window.location.href=(window.nextServerUrl+'/switch_app?spd='+window.spd+'&csToken='+window.csToken);
  398.                         }
  401.                     }
  402.                 });
  405.             }
  406.             else
  407.             {
  408.                 $('#gocId').val($(this).data('gocId'));
  409.                 $('#username').val($(this).data('userName'));
  410.                 $('#loginform').submit();
  411.             }
  416.         })
  419.     });
  420. </script>