Jefry
/
Saturday_Sharing_Front
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
4 Incheckningar
1 Gren
7.6 MiB
 
 
 
Träd: e95a9f14ea
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från 'e95a9f14ea'
${ noResults }
Saturday_Sharing_Front/public/js/page/dashboard.js

919 rader
35 KiB
Rå Blame Historik 

  1. /* eslint-disable no-undef */

  2. 

  3. let list;

  4. let attachment;

  5. let removeMedia = [];

  6. 

  7. var selectCompanyList = new drop({

  8.   selector:  '.modalCompanySelect'

  9. });

  10. 

  11. var selectDivisiList = new drop({

  12.   selector:  '.modalDivisionSelect'

  13. });

  14. 

  15. 

  16. 

  17. var rowPage = 9;

  18. 

  19. async function paginationSummary(pageSize,page,id,token){

  20.   var res = await fetch(`/api/materials?filters[pintar_summary][id][$eq]=${id}&pagination[page]=${page}&pagination[pageSize]=${pageSize}&populate=*`,{

  21.       headers: {

  22.           'Authorization': `Bearer ${token}`

  23.       },

  24.   });

  25.   if(res.ok){

  26.       var obj = await res.json();

  27.       $("#summaryTable tbody").empty();

  28.       $("#summaryPagination").empty();

  29.       $("#summaryPagination").append(`

  30.           <li class="page-item ${obj.meta.pagination.page==1?'disabled':''}">

  31.               <a value="${obj.meta.pagination.page-1}" class="page-link" href="#" tabindex="-1">

  32.               <i class="fas fa-angle-left"></i>

  33.               <span class="sr-only">Previous</span>

  34.               </a>

  35.           </li>

  36.       `);

  37.       for(var i =1; i <= obj.meta.pagination.pageCount;i++){

  38.           $("#summaryPagination").append(`

  39.               <li class="page-item ${obj.meta.pagination.page==i?"active":''}"><a value="${i}" class="page-link" href="#">${i}</a></li>

  40.           `);

  41.       }

  42.       $("#summaryPagination").append(`

  43.           <li class="page-item ${obj.meta.pagination.page==obj.meta.pagination.pageCount?'disabled':''}">

  44.               <a value="${obj.meta.pagination.page+1}" class="page-link" href="#">

  45.               <i class="fas fa-angle-right"></i>

  46.               <span class="sr-only">Next</span>

  47.               </a>

  48.           </li>

  49.       `);

  50.       obj.data.forEach((i,indx)=>{

  51.         var imgs = '-';

  52.         if(i.attributes.Images.data){

  53.           imgs = '';

  54.           i.attributes.Images.data.forEach(img=>imgs+=`<img style="padding:5px;width:100px;" src="${img.attributes.url}"/><br/>`);

  55.         }

  56.           $("#summaryTable tbody").append(`

  57.           <tr>

  58.           <th scope="row">${((obj.meta.pagination.page-1)*pageSize)+indx+1}</th>

  59.           <td>${i.attributes.company.data.attributes.Name}</td>

  60.           <td>${i.attributes.division.data.attributes.Name}</td>

  61.           <td>${i.attributes.Presented?moment(i.attributes.Presented,'MM/DD/YYYY').format('DD-MMM-YYYY'):'-'}</td>

  62.           <td>${imgs}</td>

  63.           <td>${(i.attributes.Video.data)?"<a href='"+i.attributes.Video.data.attributes.url+"' target='_blank'>video</a>":'-'}</td>

  64.           <td>${i.attributes.Name??'-'}</td>

  65.           <td>${(i.attributes.participants.data)?i.attributes.participants.data.length:''}</td>

  66.           </tr>

  67.           `);

  68.       });

  69. 

  70.       //set callback pagination

  71.       $('#summaryPagination .page-link').off('click');

  72.       $("#summaryPagination .page-link").click(async(e)=>{

  73.           e.preventDefault();

  74.           paginationSummary(pageSize,$(e.target.closest('a')).attr('value'),id,token);

  75.       });

  76.   }

  77.   else{

  78.       showAlert('error','Gagal menarik data. Harap login ulang!');

  79.   }

  80. }

  81. 

  82. $('#modal-summary').on('shown.bs.modal', async function(event) {

  83.   $("#summaryMaterial").text($(event.relatedTarget).attr('material'));

  84.   var id = $(event.relatedTarget).attr('summary');

  85.   if(id){

  86.       var getToken = await fetch(`/session/key?s=jwt`);

  87.       if(getToken.ok){

  88.         paginationSummary(rowPage,1,id,await getToken.text());

  89.       }

  90.       else{

  91.           showAlert('error','Gagal menarik data divisi. Harap login ulang!');

  92.       }

  93.   }

  94.   else{

  95.       showAlert("error","Terjadi kesalahan saat menarik data!");

  96.   }

  97. })

  98. 

  99. $('#companySelect').change(async e => {

  100.   if (e.target.value && e.target.value != '') {

  101.     $('#divisionSelect').removeAttr('disabled');

  102.     const getToken = await fetch(`/session/key?s=jwt`);

  103.     if (getToken.ok) {

  104.       const token = await getToken.text();

  105.       const res = await fetch(`/api/divisions${(e.target.value=='All')?'':"?filters[companies][id][$in]="+e.target.value}`, {

  106.         headers: {

  107.           Authorization: `Bearer ${token}`,

  108.         },

  109.       });

  110.       if (res.ok) {

  111.         const obj = await res.json();

  112.         $('#divisionSelect').empty();

  113.         $('#divisionSelect').append('<option  value="All">Semua</option>');

  114.         obj.data.forEach(i => {

  115.           $('#divisionSelect').append(`<option  value="${i.id}">${i.attributes.Name}</option>`);

  116.         });

  117.       }

  118.     } else {

  119.       showAlert('error', 'Gagal menarik data divisi. Harap login ulang!');

  120.     }

  121.   } else {

  122.     $('#divisionSelect').attr('disabled', 'disabled');

  123.   }

  124. });

  125. 

  126. $('.editMaterial').click(async e => {

  127.   e.preventDefault();

  128.   const getRole = await fetch(`/session/key?s=role`);

  129.     if (getRole.ok) {

  130.       var role = JSON.parse(await getRole.text());

  131.       // if(role.name == 'Editor'||role.name == 'Admin'){

  132.         const id = $(e.target.closest('a')).attr('value');

  133.         $("input.categoryField").val($(e.target.closest('a')).attr('category'));

  134.         $('#selMaterial').val(id);

  135.         $('#modal-form').attr('operation', 'edit');

  136.         $('#modal-form').modal('show');

  137.         showForm('Sharing');

  138.       // }

  139.       // else{

  140.       //   showAlert('error', "Tidak diperbolehkan untuk mengubah data. Minta ijin dari admin terlebih dahulu");

  141.       // }

  142.     }

  143.     else{

  144.       window.location = '/logout'

  145.     }

  146. });

  147. 

  148. $('.completeMaterial').click(async e => {

  149.   e.preventDefault();

  150.   const id = $(e.target.closest('a')).attr('value');

  151.   $("input.categoryField").val($(e.target.closest('a')).attr('category'));

  152.   $('#selMaterial').val(id);

  153.   $('#modal-form').attr('operation', 'complete');

  154.   $('#modal-form').modal('show');

  155.   showForm('Sharing');

  156. });

  157. 

  158. $('.resetMaterial').click(async e => {

  159.   e.preventDefault();

  160.   const id = $(e.target.closest('a')).attr('value');

  161.   loading(70, true);

  162.     const getToken = await fetch(`/session/key?s=jwt`);

  163.     if (getToken.ok) {

  164.       const token = await getToken.text();

  165.       const res = await fetch(`/api/resetMaterial/${id}`, {

  166.         method: 'PUT',

  167.         headers: {

  168.           Authorization: `Bearer ${token}`,

  169.         },

  170.       });

  171.       if (res.ok) {

  172.         location.reload();

  173.       } else {

  174.         loading(0, false);

  175.         try {

  176.           const obj = await res.json();

  177.           if(obj.error.message.includes('Forbidden')){

  178.             showAlert('error', "Tidak diperbolehkan untuk mengubah data. Minta ijin dari admin terlebih dahulu");

  179.           }

  180.           else showAlert('error', obj.error.message);

  181.         } catch (e) {

  182.           showAlert('error', 'Tidak dapat mereset materi. Terjadi kesalahan!');

  183.         }

  184.       }

  185.     } else {

  186.       loading(0, false);

  187.       showAlert('error', 'Gagal menarik data divisi. Harap login ulang!');

  188.     }

  189. });

  190. 

  191. 

  192. 

  193. $('.removeMaterial').click(async e => {

  194.   e.preventDefault();

  195.   const id = $(e.target.closest('a')).attr('value');

  196.   if (confirm('delete this material?')) {

  197.     loading(70, true);

  198.     const getToken = await fetch(`/session/key?s=jwt`);

  199.     if (getToken.ok) {

  200.       const token = await getToken.text();

  201.       const res = await fetch(`/api/materials/${id}`, {

  202.         method: 'DELETE',

  203.         headers: {

  204.           Authorization: `Bearer ${token}`,

  205.         },

  206.       });

  207.       if (res.ok) {

  208.         location.reload();

  209.       } else {

  210.         loading(0, false);

  211. 

  212.         try {

  213.           const obj = await res.json();

  214.           if(obj.error.message.includes('Forbidden')){

  215.             showAlert('error', "Tidak diperbolehkan untuk mengubah data. Minta ijin dari admin terlebih dahulu");

  216.           }

  217.           else showAlert('error', obj.error.message);

  218.         } catch (e) {

  219.           showAlert('error', 'Tidak dapat menghapus materi. Terjadi kesalahan!');

  220.         }

  221.       }

  222.     } else {

  223.       loading(0, false);

  224.       showAlert('error', 'Gagal menarik data divisi. Harap login ulang!');

  225.     }

  226.   }

  227. });

  228. 

  229. function showForm(dialog) {

  230.   $("#pickForm input[name='Category']").val(dialog);

  231.   $("#pickForm span.categoryTitle").text(dialog);

  232.   $('#pickForm').removeClass('hide');

  233.   $('#pickCategory').addClass('hide');

  234. }

  235. 

  236. function hideform() {

  237.   $("#pickForm input[name='Category']").val('');

  238.   $("#pickForm span.categoryTitle").text('');

  239.   $('#pickForm').addClass('hide');

  240.   $('#pickCategory').removeClass('hide');

  241. }

  242. 

  243. $('input[type=file]').change(function(e) {

  244.   var files = e.target.files;

  245.   if (files && [...files].filter(i=>i.size>104857600).length >0) {

  246.     showAlert(

  247.       'error',

  248.       'File yang dipilih terlalu besar Max(100 MB)! Compress atau potong file yang ingin di upload!'

  249.     );

  250.     e.target.value = '';

  251.   }

  252. });

  253. 

  254. function removeUpload(e, listFile) {

  255.   let li = $(e.target).parent();

  256.   

  257.   while  (li[0].localName != 'li') {

  258.     li = $(li).parent();

  259.   }

  260.   if (li.attr('status') == 'uploaded') removeMedia.push(li.val());

  261.   else {

  262.     for (let i = 0; i < listFile.items.length; i++) {

  263.       if (listFile.files[i].name.replace(/["']/g, '') == li.attr('name')) {

  264.         listFile.items.remove(i);

  265.       }

  266.     }

  267.   }

  268.   li.remove();

  269. }

  270. 

  271. $('#modal-form').on('hide.bs.modal', function(e) {

  272.   if($(e.target).hasClass('modal')){

  273.     hideform();

  274.     $('#modal-form').attr('operation', '');

  275.     $('#uploadedAttachment').empty();

  276.     $('#uploadedFile').empty();

  277.     $('#modal-form input[name=Title]').removeAttr('disabled');

  278.     $(`#modal-form input[name=Start_Date]`).removeAttr('disabled');

  279.     $(`#modal-form input[name=End_Date]`).removeAttr('disabled');

  280.     $('#modal-form textarea[name=Description]').removeAttr('disabled');

  281.     $('#modal-form input#formAttachment').closest('.form-group').show();

  282.     $(`#modal-form input#thumbnail`).closest('.form-group').show();

  283.     $('#modal-form select[name=company]').closest('.form-group').show();

  284.     $('#modal-form select[name=division]').closest('.form-group').show();

  285.     $("#thumbnailSelected").remove();

  286.     $("#videoSelected").remove();

  287.     $(`#modal-form .completeData`).addClass('hide');

  288.   }

  289. });

  290. 

  291. $('#modal-form').on('shown.bs.modal', async function() {

  292.   removeMedia = [];

  293.   let materialData;

  294.   $("#modal-form input[type!='hidden']").val('');

  295.   $('#modal-form select').val('');

  296.   $('#modal-form select[name=division]').attr('disabled','disabled');

  297.   $('#modal-form textarea').html('');

  298.   $('#modal-form textarea').val('');

  299.   const container = document.getElementById('participantCounter');

  300.   if(container)container.innerHTML = '';

  301.   $("#modal-form input[name='ParticipantList']").val('');

  302.   list = new DataTransfer();

  303.   attachment = new DataTransfer();

  304.   if ($('#modal-form').attr('operation') == 'edit' || $('#modal-form').attr('operation') == 'complete') {

  305.     loading(0, true);

  306.     const getToken = await fetch(`/session/key?s=jwt`);

  307.     if (getToken.ok) {

  308.       const token = await getToken.text();

  309.       const res = await fetch(`/api/materials/${$('#selMaterial').val()}?populate=*`, {

  310.         method: 'GET',

  311.         headers: {

  312.           Authorization: `Bearer ${token}`,

  313.         },

  314.       });

  315.       loading(100, true);

  316.       if (res.ok) {

  317.         loading(0, false);

  318.         try {

  319.           let obj = await res.json();

  320.           obj = obj.data.attributes;

  321.           if(obj.Presented) obj.Presented = moment(obj.Presented,'DD MMM YYYY').format('YYYY-MM-DD');

  322.           materialData = obj;

  323.           var form = $("#formCreateAdmin").length>0?'formCreateAdmin':'formCreate';

  324.           $(`#${form} select[name=company]`).closest('.form-group').hide();

  325.           $(`#${form} select[name=division]`).closest('.form-group').hide();

  326.           if(obj.Presented || $('#modal-form').attr('operation') == 'complete')$(`#${form} .completeData`).removeClass('hide');

  327.           if($('#modal-form').attr('operation') =='complete'){

  328.             $(`#${form} input[name=Title]`).attr('disabled','');

  329.             $(`#${form} input[name=Start_Date]`).attr('disabled','');

  330.             $(`#${form} input[name=End_Date]`).attr('disabled','');

  331.             $(`#${form} textarea[name=Description]`).attr('disabled','');

  332.             $(`#${form} input#formAttachment`).closest('.form-group').hide();

  333.             $(`#${form} input#thumbnail`).closest('.form-group').hide();

  334.           }

  335.           $(`#${form} input[name="Category"]`).val(obj.Category);

  336.           Object.keys(obj).forEach(async i => {

  337.             if(obj[i]&&obj[i].data){

  338.                 if (typeof obj[i] === 'object' && !(obj[i].data instanceof Array)) {

  339.                 if (!obj[i].data.attributes.mime) {

  340.                   $(`#${form} [name='${i}']`).val(obj[i].data.id);

  341.                   if (i == 'company') {

  342.                     const res = await fetch(

  343.                       `/api/divisions?filters[companies][id][$in]=${obj[i].data.id}`,

  344.                       {

  345.                         headers: {

  346.                           Authorization: `Bearer ${token}`,

  347.                         },

  348.                       }

  349.                     );

  350.                     if (res.ok) {

  351.                       const resp = await res.json();

  352.                       $(`#${form} .modalDivisionSelect`).empty();

  353.                       $(`#${form} .modalDivisionSelect`).append(

  354.                         $(`#${form} .categoryField`).val()=='Pintar'

  355.                         ?'<option value="All">Semua</option>'

  356.                         :'<option value="">Pilih divisi dari list</option>'

  357.                       );

  358.                       resp.data.forEach(item => {

  359.                         $(`#${form} .modalDivisionSelect`).append(

  360.                           `<option ${item.id == (obj.division.data?obj.division.data.id:'') ? 'selected' : ''} value="${

  361.                             item.id

  362.                           }">${item.attributes.Name}</option>`

  363.                         );

  364.                       });

  365.                       $(`#${form} .modalDivisionSelect`).removeAttr('disabled');

  366.                     }

  367.                   }

  368.                 } else {

  369.                   if(i == 'Video'){

  370.                     $(`#${form} input#videoFile`).after(

  371.                       `<small id="videoSelected" style="line-height: 4em;">current video : ${obj[i].data.attributes.name}</small>`

  372.                     );

  373.                   }

  374.                   else if(i == 'Thumbnail'){

  375.                     $(`#${form} input#thumbnail`).after(

  376.                       `<small id="thumbnailSelected" style="line-height: 4em;">current Thumbnail : ${obj[i].data.attributes.name}</small>`

  377.                     );

  378.                   }

  379.                 }

  380.                 } else if (obj[i].data instanceof Array) {

  381.                   if (i == 'participants') {

  382.                     const aoa = obj[i].data.map(o => o.attributes);

  383.                     const container = document.getElementById('participantCounter');

  384.                     if(container)container.innerHTML = `${aoa.length} Participant(s)`;

  385.                     $(`#${form} input[name='ParticipantList']`).val(JSON.stringify(aoa));

  386.                   } else if (i == 'Images') {

  387.                     obj[i].data.forEach(async thumbnails => {

  388.                       $(`#${form} #uploadedFile`).append(

  389.                         `<li status='uploaded' value='${

  390.                           thumbnails.id

  391.                         }' name='${thumbnails.attributes.name.replace(/["']/g, '')}'>${

  392.                           thumbnails.attributes.name

  393.                         }

  394.                                                     <button type="button" class="btn-close btn-icon removeUpload" onclick="removeUpload(event,list)" aria-label="Close">

  395.                                                       <span class="btn-inner--icon"><i class="ni ni-fat-remove"></i></span>

  396.                                                     </button>

  397.                                                 </li>`

  398.                       );

  399.                     });

  400.                   } else if (i == 'Attachments') {

  401.                     obj[i].data.forEach(async attachments => {

  402.                       $(`#${form} #uploadedAttachment`).append(

  403.                         `<li status='uploaded' value='${

  404.                           attachments.id

  405.                         }' name="${attachments.attributes.name.replace(/["']/g, '')}">${

  406.                           attachments.attributes.name

  407.                         }

  408.                                                     <button type="button" class="btn-close btn-icon removeUpload" onclick="removeUpload(event,attachment)" aria-label="Close">

  409.                                                       <span class="btn-inner--icon"><i class="ni ni-fat-remove"></i></span>

  410.                                                     </button>

  411.                                                 </li>`

  412.                       );

  413.                     });

  414.                   }

  415.                 } 

  416.             }

  417.             else {

  418.               if($(`#${form} [name='${i}']`).length>0)$(`#modal-form [name='${i}']`).val(obj[i]);

  419.             }

  420.             

  421.           });

  422.         } catch (e) {

  423.           $('#loading').hide();

  424.           console.log(e);

  425.         }

  426.       } else {

  427.         loading(0, false);

  428.         showAlert('error', 'Tidak dapat mencari data materi. Terjadi kesalahan!');

  429.       }

  430.     } else {

  431.       loading(0, false);

  432.       showAlert('error', 'Terjadi kesalahan! Harap coba login kembail atau hubungi admin!');

  433.     }

  434.   }

  435.   $('#formCreate').off('submit');

  436.   $('#formCreateAdmin').off('submit');

  437. 

  438.   $('#formCreate').submit(async event => {

  439.     event.preventDefault();

  440.     clearAlert();

  441.     var el = this;

  442.     $(el).find(':input[type=submit]').prop('disabled', true);

  443.     if ($('#modal-form').attr('operation') == 'edit'|| $('#modal-form').attr('operation') == 'complete') {

  444.       if (

  445.         (materialData.Presented || $('#modal-form').attr('operation') == 'complete')

  446.         ?($(event.target)

  447.           .serializeArray()

  448.           .filter(item => item.value == '').length > 0)

  449.         :($(event.target)

  450.         .serializeArray()

  451.         .filter(item => item.value == '' && !($("#modal-form .completeData input").map((idx,i)=>$(i).attr("name")).toArray().includes(item.name))).length > 0)

  452.       ) {

  453.         showAlert('error', 'Cek kembali data yang belum diisi!');

  454.       }

  455.       else if ($('ul#uploadedFile li').length < 3 || $('ul#uploadedAttachment li').length <= 0) {

  456.         showAlert('error', 'File yang dibutuhkan tidak lengkap!');

  457.       } else {

  458.         loading(10, true);

  459.         var getToken = await fetch(`/session/key?s=jwt`);

  460.         if (getToken.ok) {

  461.           const formData = new FormData();

  462.           var obj = {};

  463.           $(event.target)

  464.             .serializeArray()

  465.             .forEach(element => {

  466.               try {

  467.                 obj[element.name] = JSON.parse(element.value);

  468.               } catch (e) {

  469.                 obj[element.name] = element.value;

  470.               }

  471.             });

  472.           if(materialData && materialData.Images.data){

  473.             const Images = materialData.Images.data.map(item => item.id);

  474.             if(removeMedia && removeMedia.length>0 && removeMedia.some(r=> Images.includes(r))){

  475.               obj.Images = Images.filter(item => !removeMedia.includes(item));

  476.             }

  477.           }

  478. 

  479.           for (let i = 0; i < list.files.length; i++) {

  480.             const file = list.files[i];

  481.             formData.append(`files.Images`, file, file.name);

  482.           }

  483. 

  484.           if(materialData && materialData.Attachments){

  485.             const Attachments = materialData.Attachments.data.map(item => item.id);

  486.             if(removeMedia && removeMedia.length>0 && removeMedia.some(r=> Attachments.includes(r))){

  487.               obj.Attachments = Attachments.filter(item => !removeMedia.includes(item));

  488.             }

  489.           }

  490. 

  491.           for (let i = 0; i < attachment.files.length; i++) {

  492.             const file = attachment.files[i];

  493.             formData.append(`files.Attachments`, file, file.name);

  494.           }

  495. 

  496.           if ($('#videoFile').prop('files').length > 0) {

  497.             obj.Video = [];

  498.             formData.append(

  499.               `files.Video`,

  500.               $('#videoFile').prop('files')[0],

  501.               $('#videoFile').prop('files')[0].name

  502.             );

  503.           }

  504. 

  505.           if($('#thumbnail').prop('files').length>0){

  506.             obj.Thumbnail = [];

  507.             formData.append(

  508.               `files.Thumbnail`,

  509.               $('#thumbnail').prop('files')[0],

  510.               $('#thumbnail').prop('files')[0].name

  511.             );

  512.           }

  513. 

  514.           const request = new XMLHttpRequest();

  515.           request.upload.onprogress = function(evt) {

  516.             if (evt.lengthComputable) {

  517.               const percentComplete = parseInt((evt.loaded / evt.total) * 100);

  518.               loading(percentComplete, true);

  519.             }

  520.           };

  521.           request.onreadystatechange = function() {

  522.             if (request.readyState == 4) {

  523.               loading(0, false);

  524.               if (request.status == 200) {

  525.                 location.reload();

  526.               } else {

  527.                 showAlert('error', 'Terjadi kesalahan! Harap coba login kembali / hubungi admin!');

  528.               }

  529.             }

  530.           };

  531. 

  532.           formData.append('data', JSON.stringify(obj));

  533.           if($('#modal-form').attr('operation')=='edit') request.open('PUT', `/api/materials/${$('#selMaterial').val()}`);

  534.           else request.open('PUT', `/api/saveMaterial/${$('#selMaterial').val()}`);

  535.           request.setRequestHeader('Authorization', `Bearer ${await getToken.text()}`);

  536.           request.send(formData);

  537.         } else {

  538.           loading(0, false);

  539.           showAlert('error', 'Terjadi kesalahan. Harap login kembali!');

  540.         }

  541.       }

  542.     } else{

  543.       if (

  544.         $(event.target)

  545.           .serializeArray()

  546.           .filter(item => item.value == '').length > 0

  547.     ) {

  548.       showAlert('error', `Cek kembali data (${$(event.target)

  549.         .serializeArray()

  550.         .filter(item => item.value == '').map(i=>i.name).join(',')})  yang belum diisi!`);

  551.     } else if (

  552.       $('input#videoFile').prop('files').length <= 0 ||

  553.       $('input#thumbnail').prop('files').length <= 0||

  554.       list.files.length <= 0 ||

  555.       attachment.files.length <= 0

  556.     ) {

  557.       showAlert('error', 'File yang dibutuhkan tidak lengkap!');

  558.     } else {

  559.       loading(0, true);

  560.       var getToken = await fetch(`/session/key?s=jwt`);

  561.       if (getToken.ok) {

  562.         var obj = {};

  563.         $(event.target)

  564.           .serializeArray()

  565.           .forEach(element => {

  566.             try {

  567.               obj[element.name] = JSON.parse(element.value);

  568.             } catch (e) {

  569.               obj[element.name] = element.value;

  570.             }

  571.           });

  572.         const formData = new FormData();

  573.         formData.append('data', JSON.stringify(obj));

  574.         for (let i = 0; i < list.files.length; i++) {

  575.           const file = list.files[i];

  576.           formData.append(`files.Images`, file, file.name);

  577.         }

  578.         for (let i = 0; i < attachment.files.length; i++) {

  579.           const file = attachment.files[i];

  580.           formData.append(`files.Attachments`, file, file.name);

  581.         }

  582.         formData.append(

  583.           `files.Video`,

  584.           $('#videoFile').prop('files')[0],

  585.           $('#videoFile').prop('files')[0].name

  586.         );

  587. 

  588.         formData.append(

  589.           `files.Thumbnail`,

  590.           $('#thumbnail').prop('files')[0],

  591.           $('#thumbnail').prop('files')[0].name

  592.         );

  593.         

  594. 

  595.         const request = new XMLHttpRequest();

  596.         request.upload.onprogress = function(evt) {

  597.           if (evt.lengthComputable) {

  598.             const percentComplete = parseInt((evt.loaded / evt.total) * 100);

  599.             loading(percentComplete, true);

  600.           }

  601.         };

  602.         request.onreadystatechange = function() {

  603.           if (request.readyState == 4) {

  604.             loading(0, false);

  605.             if (request.status == 200) {

  606.               location.reload();

  607.             } else {

  608.               showAlert('error', 'Terjadi kesalahan! Harap coba login kembali / hubungi admin!');

  609.             }

  610.           }

  611.         };

  612.         request.open('POST', '/api/materials');

  613.         request.setRequestHeader('Authorization', `Bearer ${await getToken.text()}`);

  614.         request.send(formData);

  615.       } else {

  616.         loading(0, false);

  617.         showAlert('error', 'Terjadi kesalahan. Harap login kembali!');

  618.       }

  619.     }

  620.     } 

  621.     setTimeout(function(){$(el).find(':input[type=submit]').prop('disabled', false);},3000);

  622.   });

  623. 

  624.   $('#formCreateAdmin').submit(async event => {

  625.     event.preventDefault();

  626.     clearAlert();

  627.     var el = this;

  628.     $(el).find(':input[type=submit]').prop('disabled', true);

  629.     setTimeout(function(){$(el).find(':input[type=submit]').prop('disabled', false);},3000);

  630.     if ($('#modal-form').attr('operation') == 'edit'|| $('#modal-form').attr('operation') == 'complete') {

  631.       if (

  632.         (materialData.Presented || $('#modal-form').attr('operation') == 'complete')

  633.         ?($(event.target)

  634.           .serializeArray()

  635.           .filter(item => item.value == '').length > 0)

  636.         :($(event.target)

  637.         .serializeArray()

  638.         .filter(item => item.value == '' && !($("#modal-form .completeData input").map((idx,i)=>$(i).attr("name")).toArray().includes(item.name))).length > 0)

  639.       ) {

  640.         showAlert('error', 'Cek kembali data yang belum diisi!');

  641.       }

  642.       // else if ($('ul#uploadedFile li').length <= 0 || $('ul#uploadedAttachment li').length <= 0) {

  643.         else if(((materialData.Presented || $('#modal-form').attr('operation') == 'complete')?$("#modal-form input[type=file][multiple=multiple]"):$("#modal-form input[type=file][multiple=multiple]").not(".completeData input[type=file][multiple=multiple]")).filter((i,k)=> $(k).parent().next().children('li').length<=0).length>0) {

  644.           showAlert('error', 'File yang dibutuhkan tidak lengkap!');

  645.       } else {

  646.         loading(10, true);

  647.         var getToken = await fetch(`/session/key?s=jwt`);

  648.         if (getToken.ok) {

  649.           const formData = new FormData();

  650.           var obj = {};

  651.           $(event.target)

  652.             .serializeArray()

  653.             .forEach(element => {

  654.               try {

  655.                 if(element.value[0]=='{'){

  656.                   obj[element.name] = JSON.parse(element.value);

  657.                 }

  658.                 else if(element.value.includes('/')){

  659.                   obj[element.name] = moment(element.value,'MM/DD/YYYY').format('YYYY-MM-DD');

  660.                 }

  661.                 else{

  662.                   obj[element.name] = element.value;

  663.                 }

  664.               } catch (e) {

  665.                 obj[element.name] = `"${element.value}"`;

  666.               }

  667.             });

  668.           if(!$(`#modal-form .completeData`).hasClass('hide')){

  669.             if(materialData.Images.data){

  670.               const Images = materialData.Images.data.map(item => item.id);

  671.               if(removeMedia && removeMedia.length>0 && removeMedia.some(r=> Images.includes(r))){

  672.                 obj.Images = Images.filter(item => !removeMedia.includes(item));

  673.               }

  674.             }

  675.             for (let i = 0; i < list.files.length; i++) {

  676.               const file = list.files[i];

  677.               formData.append(`files.Images`, file, file.name);

  678.             }

  679. 

  680.             if($('#videoFile').prop('files').length>0){

  681.               obj.Video = [];

  682.               formData.append(

  683.                 `files.Video`,

  684.                 $('#videoFile').prop('files')[0],

  685.                 $('#videoFile').prop('files')[0].name

  686.               );

  687.             }

  688.           }

  689.           else{

  690.             delete obj['ParticipantList'];

  691.           }

  692.           const Attachments = materialData.Attachments.data.map(item => item.id);

  693.           if(removeMedia && removeMedia.length>0 && removeMedia.some(r=> Attachments.includes(r))){

  694.             obj.Attachments = Attachments.filter(item => !removeMedia.includes(item));

  695.           }

  696. 

  697.           for (let i = 0; i < attachment.files.length; i++) {

  698.             const file = attachment.files[i];

  699.             formData.append(`files.Attachments`, file, file.name);

  700.           }

  701.           

  702.           if($('#thumbnail').prop('files').length>0){

  703.             obj.Thumbnail = [];

  704.             formData.append(

  705.               `files.Thumbnail`,

  706.               $('#thumbnail').prop('files')[0],

  707.               $('#thumbnail').prop('files')[0].name

  708.             );

  709.           }

  710.           const request = new XMLHttpRequest();

  711.           request.upload.onprogress = function(evt) {

  712.             if (evt.lengthComputable) {

  713.               const percentComplete = parseInt((evt.loaded / evt.total) * 100);

  714.               loading(percentComplete, true);

  715.             }

  716.           };

  717.           request.onreadystatechange = function() {

  718.             // console.log(this.responseText,request.readyState,request.status);

  719.             if (request.readyState == 4) {

  720.               loading(0, false);

  721.               if (request.status == 200) {

  722.                 location.reload();

  723.               } else {

  724.                 console.log(this.responseURL,this.responseText);

  725.                 showAlert('error', 'Terjadi kesalahan! Harap coba login kembali / hubungi admin!');

  726.               }

  727.             }

  728.           };

  729.           formData.append('data', JSON.stringify(obj));

  730.           if($('#modal-form').attr('operation')=='edit') request.open('PUT', `/api/materials/${$('#selMaterial').val()}`);

  731.           else request.open('PUT', `/api/saveMaterial/${$('#selMaterial').val()}`);

  732.           request.setRequestHeader('Authorization', `Bearer ${await getToken.text()}`);

  733.           request.send(formData);

  734.         } else {

  735.           loading(0, false);

  736.           showAlert('error', 'Terjadi kesalahan. Harap login kembali!');

  737.         }

  738.       }

  739.     } else {

  740.       if (

  741.         $(event.target)

  742.           .serializeArray()

  743.           .filter(item => item.value == '' && !($("#modal-form .completeData input").map((idx,i)=>$(i).attr("name")).toArray().includes(item.name))).length > 0

  744.       ) {

  745.         showAlert('error', 'Cek kembali data yang belum diisi!');

  746.       } else {

  747.         loading(0, true);

  748.         var getToken = await fetch(`/session/key?s=jwt`);

  749.         if (getToken.ok) {

  750.           var obj = {};

  751.           $(event.target)

  752.             .serializeArray()

  753.             .forEach(element => {

  754.               try {

  755.                 if(element.value[0]=='{'){

  756.                   obj[element.name] = JSON.parse(element.value);

  757.                 }

  758.                 else{

  759.                   obj[element.name] = element.value;

  760.                 }

  761.               } catch (e) {

  762.                 obj[element.name] = element.value;

  763.               }

  764.             });

  765.           // console.log(JSON.stringify(obj));

  766.           const formData = new FormData();

  767.           formData.append('data', JSON.stringify(obj));

  768.           // for (let i = 0; i < list.files.length; i++) {

  769.           //   const file = list.files[i];

  770.           //   formData.append(`files.Images`, file, file.name);

  771.           // }

  772.           for (let i = 0; i < attachment.files.length; i++) {

  773.             const file = attachment.files[i];

  774.             formData.append(`files.Attachments`, file, file.name);

  775.           }

  776.           

  777.           formData.append(

  778.             `files.Thumbnail`,

  779.             $('#thumbnail').prop('files')[0],

  780.             $('#thumbnail').prop('files')[0].name

  781.           );

  782.         

  783.           const request = new XMLHttpRequest();

  784.           request.upload.onprogress = function(evt) {

  785.             if (evt.lengthComputable) {

  786.               const percentComplete = parseInt((evt.loaded / evt.total) * 100);

  787.               loading(percentComplete, true);

  788.             }

  789.           };

  790.           request.onreadystatechange = function() {

  791.             if (request.readyState == 4) {

  792.               loading(0, false);

  793.               if (request.status == 200) {

  794.                 location.reload();

  795.               } else {

  796.                 console.log(this.responseURL,this.responseText);

  797.                 showAlert('error', 'Terjadi kesalahan! Harap coba login kembali / hubungi admin!');

  798.               }

  799.             }

  800.           };

  801.           request.open('POST', '/api/materials');

  802.           request.setRequestHeader('Authorization', `Bearer ${await getToken.text()}`);

  803.           request.send(formData);

  804.         } else {

  805.           loading(0, false);

  806.           showAlert('error', 'Terjadi kesalahan. Harap login kembali!');

  807.         }

  808.       }

  809.     }

  810.   });

  811. 

  812.   $('#formFile').change(event => {

  813.     if (event.target.files.length > 0) {

  814.       for (let i = 0; i < event.target.files.length; i++) {

  815.         list.items.add(event.target.files[i]);

  816.         $('#uploadedFile').append(

  817.           `<li name='${event.target.files[i].name.replace(/["']/g, '')}'>${

  818.             event.target.files[i].name

  819.           }

  820.               <button type="button" class="btn btn-secondary btn-sm btn-close btn-icon removeUpload" onclick="removeUpload(event,list)" aria-label="Close"><i class="ni ni-fat-remove"></i></button>

  821.           </li>`

  822.         );

  823.       }

  824.       $(event.target).val('');

  825.     }

  826.   });

  827. 

  828.   $('#formAttachment').change(event => {

  829.     if (event.target.files.length > 0) {

  830.       for (let i = 0; i < event.target.files.length; i++) {

  831.         attachment.items.add(event.target.files[i]);

  832.         $('#uploadedAttachment').append(

  833.           `<li name='${event.target.files[i].name.replace(/["']/g, '')}'>${

  834.             event.target.files[i].name

  835.           }

  836.                         <button type="button" class="btn btn-secondary btn-sm btn-close removeUpload" onclick="removeUpload(event,attachment)" aria-label="Close"><i class="ni ni-fat-remove"></i></button>

  837.                     </li>`

  838.         );

  839.       }

  840.       $(event.target).val('');

  841.     }

  842.   });

  843. 

  844.   $('#formAttachmentPintar').change(event => {

  845.     if (event.target.files.length > 0) {

  846.       for (let i = 0; i < event.target.files.length; i++) {

  847.         attachment.items.add(event.target.files[i]);

  848.         $('#uploadedAttachmentPintar').append(

  849.           `<li name='${event.target.files[i].name.replace(/["']/g, '')}'>${

  850.             event.target.files[i].name

  851.           }

  852.                         <button type="button" class="btn btn-secondary btn-sm btn-close removeUpload" onclick="removeUpload(event,attachment)" aria-label="Close"><i class="ni ni-fat-remove"></i></button>

  853.                     </li>`

  854.         );

  855.       }

  856.       $(event.target).val('');

  857.     }

  858.   });

  859. 

  860.   $('#formFilePintar').change(event => {

  861.     if (event.target.files.length > 0) {

  862.       for (let i = 0; i < event.target.files.length; i++) {

  863.         list.items.add(event.target.files[i]);

  864.         $('#uploadedFilePintar').append(

  865.           `<li name='${event.target.files[i].name.replace(/["']/g, '')}'>${

  866.             event.target.files[i].name

  867.           }

  868.               <button type="button" class="btn btn-secondary btn-sm btn-close removeUpload" onclick="removeUpload(event,list)" aria-label="Close"><i class="ni ni-fat-remove"></i></button>

  869.           </li>`

  870.         );

  871.       }

  872.       $(event.target).val('');

  873.     }

  874.   });

  875. 

  876.   $('#join-form').change(async event => {

  877.     const file = event.target.files[0];

  878.     const data = await file.arrayBuffer();

  879.     const workbook = XLSX.read(data);

  880.     const aoa = XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]], { header: 0 });

  881.     const container = document.getElementById('participantCounter');

  882.     container.innerHTML = `${aoa.length} Participant(s)`;

  883.     $("input[name='ParticipantList']").val(JSON.stringify(aoa));

  884.   });

  885. });

  886. 

  887. $('#btnDisabled').click(e => {

  888.   e.preventDefault();

  889.   showAlert('error',"Hanya Admin yang dapat membuat Materi Sabtu Pintar!");

  890. });

  891. 

  892. 

  893. $('#btnPintar').click(e => {

  894.   e.preventDefault();

  895.   showForm('Pintar');

  896. });

  897. 

  898. $('#btnSharing').click(e => {

  899.   e.preventDefault();

  900.   showForm('Sharing');

  901. });

  902. 

  903. $('.exportSummary').click(async e => {

  904.   e.preventDefault();

  905.   window.html2canvas = html2canvas;

  906.   var doc = new jspdf.jsPDF('p', 'pt');          

  907.   var source = window.document.getElementById("summaryTable");

  908.   await doc.html(

  909.       source,

  910.       {

  911.         callback:function(pdf){

  912.           pdf.save(`${$('#summaryMaterial').text()}.pdf`);

  913.         },

  914.         html2canvas: { scale: 0.75 },

  915.       }

  916.   );

  917. });