first commit

assets/js/pages/transport_provider_accounts/_form.js

@@ -0,0 +1,26 @@
+window.addEventListener('load', function() {
+ let editor = ace.edit('jsonEditor');
+// editor.setTheme("ace/theme/monokai");
+ editor.session.setMode("ace/mode/json");
+ let textarea = $('textarea[name="parameters"]');
+ editor.getSession().on("change", function () {
+  textarea.val(editor.getSession().getValue());
+ });
+
+ $(function() {
+
+  if($('#added:not([readonly])').length) {
+   $('#added').datepicker({
+    format: "yyyy-mm-dd",
+    autoclose: true
+   });
+  }
+
+  if($('#updated, #used').length) {
+   $('#updated, #used').datepicker({
+    format: "yyyy-mm-dd",
+    autoclose: true
+   });
+  }
+ });
+});

assets/js/pages/transport_provider_accounts/list.js

@@ -0,0 +1,91 @@
+window.addEventListener('load', function() {
+  $('#searchForm').on('submit', function(e) {
+    const searchKeyword = $("#searchText").val();
+
+    if (!searchKeyword) {
+      $('#searchText').attr('disabled', 'disabled');
+    }
+
+    return true;
+  });
+
+  $('.btn-remove').on('click', function(e) {
+    e.preventDefault();
+
+    const itemId = $(this).data('id');
+    const transport_provider = $(this).data('transport-provider-account');
+
+    $modal = $('#remove-transport-provider-account-warning-modal');
+    $modal.find('h4.modal-title').text(`Removing name: ${transport_provider}`);
+    $modal.find('#removeBtn').data('id', itemId);
+  });
+
+  $('#removeBtn').on('click', function(e) {
+    e.preventDefault();
+    const itemId = $(this).data('id');
+    window.__api__.remove(`/transport_provider_accounts/remove/${itemId}`, itemId);
+  })
+
+  $(function() {
+    if($('#added, #updated, #used').length) {
+      $("#added, #updated, #used").datepicker({
+        format: "yyyy-mm-dd",
+        autoclose: true
+      });
+    }
+  });
+
+  var transportProviderInput = $('#transport-provider').select2({
+    placeholder: 'Search by Transport Provider name',
+    maximumSelectionSize: 1,
+    minimumInputLength: 3,
+    ajax: {
+      url: '/transport_provider/searchTransportProvider',
+      type: 'GET',
+      dataType: 'json',
+      delay: 250,
+      data: function (params) {
+        const query = {
+          name: params.term,
+          page: params.page || 1
+        }
+        return query;
+      },
+      processResults: function(res, params) {
+        const { data, total } = res;
+        params.page = params.page || 1;
+        return {
+          results: data.map(item => ({ id: item.id, text: item.name })),
+          pagination: {
+            more: (params.page * 20 ) < +total
+          }
+        };
+      }
+    },
+  });
+
+  $('#transport-provider').on('select2:select', function (e) {
+    var data = e.params.data;
+    $('input[name="transport_provider_name"]').val(data.text);
+  });
+
+  /** date range picker */
+  let datepickerOptions = {
+    autoUpdateInput: false,
+    locale: {
+        format: 'YYYY-MM-DD',
+        cancelLabel: 'Clear'
+    }
+  };
+
+  let dateRangeEl = $('input[name="updated"], input[name="used"]');
+  dateRangeEl.daterangepicker(datepickerOptions);
+
+  dateRangeEl.on('apply.daterangepicker', function(ev, picker) {
+      $(this).val(picker.startDate.format('YYYY-MM-DD') + ' - ' + picker.endDate.format('YYYY-MM-DD'));
+  });
+
+  dateRangeEl.on('cancel.daterangepicker', function(ev, picker) {
+    $(this).val('');
+  });
+});

assets/js/pages/transport_provider_accounts/select2.js

@@ -0,0 +1,39 @@
+window.addEventListener('load', function() {
+  $('#transport-provider-id').select2({
+    placeholder: 'Search by Transport Provider name',
+    maximumSelectionSize: 1,
+    ajax: {
+      url: '/Transport_provider_accounts/getTransportProviderByName',
+      type: 'GET',
+      dataType: 'json',
+      delay: 250,
+      processResults: function (res) {
+        return {
+          results: jQuery.map(res.data, function(item) {
+              return {
+                id: item.id,
+                text: item.name
+              }
+          })
+        };
+      },
+      cache: true
+    },
+  });
+
+  // Everytime the search box changed, will update the value of hidden field
+  $('#transport-provider-id').on('change', () => {
+    $("#transport-provider-name").val($(".select2-selection__rendered").text());
+  });
+
+  // Set text default for Transport Provider Name
+  $(".select2-selection__rendered").text($("#transport-provider-name").val());
+
+  const data = {
+      id: $('#transport-provider-id-hidden').val(),
+      text: $('#transport-provider-name').val()
+  };
+  
+  var newOption = new Option(data.text, data.id, false, false);
+  $('#transport-provider-id').append(newOption).trigger('change');
+});