vuexy 0.1.0

data/app/assets/javascripts/vuexy/scripts/pages/page-account-settings-billing.js

@@ -0,0 +1,368 @@
+$(function () {
+  ('use strict');
+
+  // variables
+  var form = $('.validate-form'),
+    assetPath = '../../../app-assets/',
+    dtInvoiceTable = $('.invoice-list-table'),
+    invoicePreview = 'app-invoice-preview.html',
+    invoiceEdit = 'app-invoice-edit.html',
+    accountNumberMask = $('.account-number-mask'),
+    accountZipCode = $('.account-zip-code'),
+    select2 = $('.select2'),
+    cancelSubscription = document.querySelector('.cancel-subscription');
+
+  if ($('body').attr('data-framework') === 'laravel') {
+    assetPath = $('body').attr('data-asset-path');
+    invoicePreview = assetPath + 'app/invoice/preview';
+    invoiceEdit = assetPath + 'app/invoice/edit';
+  }
+
+  // jQuery Validation for all forms
+  // --------------------------------------------------------------------
+  if (form.length) {
+    form.each(function () {
+      var $this = $(this);
+
+      $this.validate({
+        rules: {
+          addCard: {
+            required: true
+          },
+          companyName: {
+            required: true
+          },
+          billingEmail: {
+            required: true
+          }
+        }
+      });
+      $this.on('submit', function (e) {
+        e.preventDefault();
+      });
+    });
+  }
+
+  // cancel subscription button
+  if (cancelSubscription) {
+    cancelSubscription.onclick = function () {
+      Swal.fire({
+        text: 'Are you sure you would like to cancel your subscription?',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: 'Yes',
+        customClass: {
+          confirmButton: 'btn btn-primary',
+          cancelButton: 'btn btn-outline-danger ms-1'
+        },
+        buttonsStyling: false
+      }).then(function (result) {
+        if (result.value) {
+          Swal.fire({
+            icon: 'success',
+            title: 'Unsubscribed!',
+            text: 'Your subscription cancelled successfully.',
+            customClass: {
+              confirmButton: 'btn btn-success'
+            }
+          });
+        } else if (result.dismiss === Swal.DismissReason.cancel) {
+          Swal.fire({
+            title: 'Cancelled',
+            text: 'Unsubscription Cancelled!!',
+            icon: 'error',
+            customClass: {
+              confirmButton: 'btn btn-success'
+            }
+          });
+        }
+      });
+    };
+  }
+
+  //phone
+  if (accountNumberMask.length) {
+    accountNumberMask.each(function () {
+      new Cleave($(this), {
+        phone: true,
+        phoneRegionCode: 'US'
+      });
+    });
+  }
+
+  //zip code
+  if (accountZipCode.length) {
+    accountZipCode.each(function () {
+      new Cleave($(this), {
+        delimiter: '',
+        numeral: true
+      });
+    });
+  }
+
+  // For all Select2
+  if (select2.length) {
+    select2.each(function () {
+      var $this = $(this);
+      $this.wrap('<div class="position-relative"></div>');
+      $this.select2({
+        dropdownParent: $this.parent()
+      });
+    });
+  }
+
+  // datatable
+  if (dtInvoiceTable.length) {
+    var dtInvoice = dtInvoiceTable.DataTable({
+      ajax: assetPath + 'data/invoice-list.json', // JSON file to add data
+      autoWidth: false,
+      pageLength: 6,
+      columns: [
+        // columns according to JSON
+        { data: 'responsive_id' },
+        { data: 'invoice_id' },
+        { data: 'invoice_status' },
+        { data: 'issued_date' },
+        { data: 'due_date' },
+        { data: 'total' },
+        { data: 'balance' },
+        { data: 'invoice_status' },
+        { data: '' }
+      ],
+      columnDefs: [
+        {
+          // For Responsive
+          className: 'control',
+          responsivePriority: 2,
+          targets: 0
+        },
+        {
+          // Invoice ID
+          targets: 1,
+          width: '46px',
+          render: function (data, type, full, meta) {
+            var $invoiceId = full['invoice_id'];
+            // Creates full output for row
+            var $rowOutput = '<a class="fw-bold" href="' + invoicePreview + '"> #' + $invoiceId + '</a>';
+            return $rowOutput;
+          }
+        },
+        {
+          // Invoice status
+          targets: 2,
+          width: '42px',
+          render: function (data, type, full, meta) {
+            var $invoiceStatus = full['invoice_status'],
+              $dueDate = full['due_date'],
+              $balance = full['balance'],
+              roleObj = {
+                Sent: { class: 'bg-light-secondary', icon: 'send' },
+                Paid: { class: 'bg-light-success', icon: 'check-circle' },
+                Draft: { class: 'bg-light-primary', icon: 'save' },
+                Downloaded: { class: 'bg-light-info', icon: 'arrow-down-circle' },
+                'Past Due': { class: 'bg-light-danger', icon: 'info' },
+                'Partial Payment': { class: 'bg-light-warning', icon: 'pie-chart' }
+              };
+            return (
+              "<span data-bs-toggle='tooltip' data-bs-html='true' title='<span>" +
+              $invoiceStatus +
+              '<br> <span class="fw-bold">Balance:</span> ' +
+              $balance +
+              '<br> <span class="fw-bold">Due Date:</span> ' +
+              $dueDate +
+              "</span>'>" +
+              '<div class="avatar avatar-status ' +
+              roleObj[$invoiceStatus].class +
+              '">' +
+              '<span class="avatar-content">' +
+              feather.icons[roleObj[$invoiceStatus].icon].toSvg({ class: 'avatar-icon' }) +
+              '</span>' +
+              '</div>' +
+              '</span>'
+            );
+          }
+        },
+        {
+          // Total Invoice Amount
+          targets: 3,
+          width: '73px',
+          render: function (data, type, full, meta) {
+            var $total = full['total'];
+            return '$' + $total;
+          }
+        },
+        {
+          // Issue date
+          targets: 4,
+          width: '130px',
+          render: function (data, type, full, meta) {
+            var $issuedDate = new Date(full['issued_date']);
+            // Creates full output for row
+            var $rowOutput = moment($issuedDate).format('DD MMM YYYY');
+            $issuedDate;
+            return $rowOutput;
+          }
+        },
+        {
+          // Due Date
+          targets: 5,
+          width: '130px',
+          render: function (data, type, full, meta) {
+            var $dueDate = new Date(full['due_date']);
+            // Creates full output for row
+            var $rowOutput = moment($dueDate).format('DD MMM YYYY');
+            $dueDate;
+            return $rowOutput;
+          }
+        },
+        {
+          // Client Balance/Status
+          targets: 6,
+          width: '98px',
+          render: function (data, type, full, meta) {
+            var $balance = full['balance'];
+            if ($balance === 0) {
+              var $badge_class = 'badge-light-success';
+              return '<span class="badge rounded-pill ' + $badge_class + '" text-capitalized> Paid </span>';
+            } else {
+              return '<span class="d-none">' + $balance + '</span>' + $balance;
+            }
+          }
+        },
+        {
+          targets: 7,
+          visible: false
+        },
+        {
+          // Actions
+          targets: -1,
+          title: 'Actions',
+          width: '80px',
+          orderable: false,
+          render: function (data, type, full, meta) {
+            return (
+              '<div class="d-flex align-items-center col-actions">' +
+              '<a class="me-1" href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Mail">' +
+              feather.icons['send'].toSvg({ class: 'font-medium-2 text-body' }) +
+              '</a>' +
+              '<a class="me-25" href="' +
+              invoicePreview +
+              '" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview Invoice">' +
+              feather.icons['eye'].toSvg({ class: 'font-medium-2 text-body' }) +
+              '</a>' +
+              '<div class="dropdown">' +
+              '<a class="btn btn-sm btn-icon dropdown-toggle hide-arrow" data-bs-toggle="dropdown">' +
+              feather.icons['more-vertical'].toSvg({ class: 'font-medium-2 text-body' }) +
+              '</a>' +
+              '<div class="dropdown-menu dropdown-menu-end">' +
+              '<a href="#" class="dropdown-item">' +
+              feather.icons['download'].toSvg({ class: 'font-small-4 me-50' }) +
+              'Download</a>' +
+              '<a href="' +
+              invoiceEdit +
+              '" class="dropdown-item">' +
+              feather.icons['edit'].toSvg({ class: 'font-small-4 me-50' }) +
+              'Edit</a>' +
+              '<a href="#" class="dropdown-item">' +
+              feather.icons['trash'].toSvg({ class: 'font-small-4 me-50' }) +
+              'Delete</a>' +
+              '<a href="#" class="dropdown-item">' +
+              feather.icons['copy'].toSvg({ class: 'font-small-4 me-50' }) +
+              'Duplicate</a>' +
+              '</div>' +
+              '</div>' +
+              '</div>'
+            );
+          }
+        }
+      ],
+      order: [[1, 'desc']],
+      dom: '<"card-header pt-1 pb-25"<"head-label"><"dt-action-buttons text-end"B>>t',
+      buttons: [
+        {
+          extend: 'collection',
+          className: 'btn btn-outline-secondary dropdown-toggle',
+          text: feather.icons['external-link'].toSvg({ class: 'font-small-4 me-50' }) + 'Export',
+          buttons: [
+            {
+              extend: 'print',
+              text: feather.icons['printer'].toSvg({ class: 'font-small-4 me-50' }) + 'Print',
+              className: 'dropdown-item',
+              exportOptions: { columns: [3, 4, 5, 6, 7] }
+            },
+            {
+              extend: 'csv',
+              text: feather.icons['file-text'].toSvg({ class: 'font-small-4 me-50' }) + 'Csv',
+              className: 'dropdown-item',
+              exportOptions: { columns: [3, 4, 5, 6, 7] }
+            },
+            {
+              extend: 'excel',
+              text: feather.icons['file'].toSvg({ class: 'font-small-4 me-50' }) + 'Excel',
+              className: 'dropdown-item',
+              exportOptions: { columns: [3, 4, 5, 6, 7] }
+            },
+            {
+              extend: 'pdf',
+              text: feather.icons['clipboard'].toSvg({ class: 'font-small-4 me-50' }) + 'Pdf',
+              className: 'dropdown-item',
+              exportOptions: { columns: [3, 4, 5, 6, 7] }
+            },
+            {
+              extend: 'copy',
+              text: feather.icons['copy'].toSvg({ class: 'font-small-4 me-50' }) + 'Copy',
+              className: 'dropdown-item',
+              exportOptions: { columns: [3, 4, 5, 6, 7] }
+            }
+          ],
+          init: function (api, node, config) {
+            $(node).removeClass('btn-secondary');
+            $(node).parent().removeClass('btn-group');
+            setTimeout(function () {
+              $(node).closest('.dt-buttons').removeClass('btn-group').addClass('d-inline-flex');
+            }, 50);
+          }
+        }
+      ],
+      // For responsive popup
+      responsive: {
+        details: {
+          display: $.fn.dataTable.Responsive.display.modal({
+            header: function (row) {
+              var data = row.data();
+              return 'Details of ' + data['client_name'];
+            }
+          }),
+          type: 'column',
+          renderer: function (api, rowIdx, columns) {
+            var data = $.map(columns, function (col, i) {
+              return col.columnIndex !== 2 // ? Do not show row in modal popup if title is blank (for check box)
+                ? '<tr data-dt-row="' +
+                    col.rowIdx +
+                    '" data-dt-column="' +
+                    col.columnIndex +
+                    '">' +
+                    '<td>' +
+                    col.title +
+                    ':' +
+                    '</td> ' +
+                    '<td>' +
+                    col.data +
+                    '</td>' +
+                    '</tr>'
+                : '';
+            }).join('');
+            return data ? $('<table class="table"/>').append('<tbody>' + data + '</tbody>') : false;
+          }
+        }
+      },
+      initComplete: function () {
+        $(document).find('[data-bs-toggle="tooltip"]').tooltip();
+      },
+      drawCallback: function () {
+        $(document).find('[data-bs-toggle="tooltip"]').tooltip();
+      }
+    });
+    $('div.head-label').html('<h4 class="card-title">Billing History</h4>');
+  }
+});

data/app/assets/javascripts/vuexy/scripts/pages/page-account-settings-billing.min.js

@@ -0,0 +1 @@
+$((function(){var t=$(".validate-form"),e="../../../app-assets/",a=$(".invoice-list-table"),n="app-invoice-preview.html",o="app-invoice-edit.html",s=$(".account-number-mask"),i=$(".account-zip-code"),l=$(".select2"),c=document.querySelector(".cancel-subscription");if("laravel"===$("body").attr("data-framework")&&(e=$("body").attr("data-asset-path"),n=e+"app/invoice/preview",o=e+"app/invoice/edit"),t.length&&t.each((function(){var t=$(this);t.validate({rules:{addCard:{required:!0},companyName:{required:!0},billingEmail:{required:!0}}}),t.on("submit",(function(t){t.preventDefault()}))})),c&&(c.onclick=function(){Swal.fire({text:"Are you sure you would like to cancel your subscription?",icon:"warning",showCancelButton:!0,confirmButtonText:"Yes",customClass:{confirmButton:"btn btn-primary",cancelButton:"btn btn-outline-danger ms-1"},buttonsStyling:!1}).then((function(t){t.value?Swal.fire({icon:"success",title:"Unsubscribed!",text:"Your subscription cancelled successfully.",customClass:{confirmButton:"btn btn-success"}}):t.dismiss===Swal.DismissReason.cancel&&Swal.fire({title:"Cancelled",text:"Unsubscription Cancelled!!",icon:"error",customClass:{confirmButton:"btn btn-success"}})}))}),s.length&&s.each((function(){new Cleave($(this),{phone:!0,phoneRegionCode:"US"})})),i.length&&i.each((function(){new Cleave($(this),{delimiter:"",numeral:!0})})),l.length&&l.each((function(){var t=$(this);t.wrap('<div class="position-relative"></div>'),t.select2({dropdownParent:t.parent()})})),a.length){a.DataTable({ajax:e+"data/invoice-list.json",autoWidth:!1,pageLength:6,columns:[{data:"responsive_id"},{data:"invoice_id"},{data:"invoice_status"},{data:"issued_date"},{data:"due_date"},{data:"total"},{data:"balance"},{data:"invoice_status"},{data:""}],columnDefs:[{className:"control",responsivePriority:2,targets:0},{targets:1,width:"46px",render:function(t,e,a,o){var s=a.invoice_id;return'<a class="fw-bold" href="'+n+'"> #'+s+"</a>"}},{targets:2,width:"42px",render:function(t,e,a,n){var o=a.invoice_status,s=a.due_date,i={Sent:{class:"bg-light-secondary",icon:"send"},Paid:{class:"bg-light-success",icon:"check-circle"},Draft:{class:"bg-light-primary",icon:"save"},Downloaded:{class:"bg-light-info",icon:"arrow-down-circle"},"Past Due":{class:"bg-light-danger",icon:"info"},"Partial Payment":{class:"bg-light-warning",icon:"pie-chart"}};return"<span data-bs-toggle='tooltip' data-bs-html='true' title='<span>"+o+'<br> <span class="fw-bold">Balance:</span> '+a.balance+'<br> <span class="fw-bold">Due Date:</span> '+s+"</span>'><div class=\"avatar avatar-status "+i[o].class+'"><span class="avatar-content">'+feather.icons[i[o].icon].toSvg({class:"avatar-icon"})+"</span></div></span>"}},{targets:3,width:"73px",render:function(t,e,a,n){return"$"+a.total}},{targets:4,width:"130px",render:function(t,e,a,n){var o=new Date(a.issued_date);return moment(o).format("DD MMM YYYY")}},{targets:5,width:"130px",render:function(t,e,a,n){var o=new Date(a.due_date);return moment(o).format("DD MMM YYYY")}},{targets:6,width:"98px",render:function(t,e,a,n){var o=a.balance;if(0===o){return'<span class="badge rounded-pill badge-light-success" text-capitalized> Paid </span>'}return'<span class="d-none">'+o+"</span>"+o}},{targets:7,visible:!1},{targets:-1,title:"Actions",width:"80px",orderable:!1,render:function(t,e,a,s){return'<div class="d-flex align-items-center col-actions"><a class="me-1" href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Mail">'+feather.icons.send.toSvg({class:"font-medium-2 text-body"})+'</a><a class="me-25" href="'+n+'" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview Invoice">'+feather.icons.eye.toSvg({class:"font-medium-2 text-body"})+'</a><div class="dropdown"><a class="btn btn-sm btn-icon dropdown-toggle hide-arrow" data-bs-toggle="dropdown">'+feather.icons["more-vertical"].toSvg({class:"font-medium-2 text-body"})+'</a><div class="dropdown-menu dropdown-menu-end"><a href="#" class="dropdown-item">'+feather.icons.download.toSvg({class:"font-small-4 me-50"})+'Download</a><a href="'+o+'" class="dropdown-item">'+feather.icons.edit.toSvg({class:"font-small-4 me-50"})+'Edit</a><a href="#" class="dropdown-item">'+feather.icons.trash.toSvg({class:"font-small-4 me-50"})+'Delete</a><a href="#" class="dropdown-item">'+feather.icons.copy.toSvg({class:"font-small-4 me-50"})+"Duplicate</a></div></div></div>"}}],order:[[1,"desc"]],dom:'<"card-header pt-1 pb-25"<"head-label"><"dt-action-buttons text-end"B>>t',buttons:[{extend:"collection",className:"btn btn-outline-secondary dropdown-toggle",text:feather.icons["external-link"].toSvg({class:"font-small-4 me-50"})+"Export",buttons:[{extend:"print",text:feather.icons.printer.toSvg({class:"font-small-4 me-50"})+"Print",className:"dropdown-item",exportOptions:{columns:[3,4,5,6,7]}},{extend:"csv",text:feather.icons["file-text"].toSvg({class:"font-small-4 me-50"})+"Csv",className:"dropdown-item",exportOptions:{columns:[3,4,5,6,7]}},{extend:"excel",text:feather.icons.file.toSvg({class:"font-small-4 me-50"})+"Excel",className:"dropdown-item",exportOptions:{columns:[3,4,5,6,7]}},{extend:"pdf",text:feather.icons.clipboard.toSvg({class:"font-small-4 me-50"})+"Pdf",className:"dropdown-item",exportOptions:{columns:[3,4,5,6,7]}},{extend:"copy",text:feather.icons.copy.toSvg({class:"font-small-4 me-50"})+"Copy",className:"dropdown-item",exportOptions:{columns:[3,4,5,6,7]}}],init:function(t,e,a){$(e).removeClass("btn-secondary"),$(e).parent().removeClass("btn-group"),setTimeout((function(){$(e).closest(".dt-buttons").removeClass("btn-group").addClass("d-inline-flex")}),50)}}],responsive:{details:{display:$.fn.dataTable.Responsive.display.modal({header:function(t){return"Details of "+t.data().client_name}}),type:"column",renderer:function(t,e,a){var n=$.map(a,(function(t,e){return 2!==t.columnIndex?'<tr data-dt-row="'+t.rowIdx+'" data-dt-column="'+t.columnIndex+'"><td>'+t.title+":</td> <td>"+t.data+"</td></tr>":""})).join("");return!!n&&$('<table class="table"/>').append("<tbody>"+n+"</tbody>")}}},initComplete:function(){$(document).find('[data-bs-toggle="tooltip"]').tooltip()},drawCallback:function(){$(document).find('[data-bs-toggle="tooltip"]').tooltip()}});$("div.head-label").html('<h4 class="card-title">Billing History</h4>')}}));

data/app/assets/javascripts/vuexy/scripts/pages/page-account-settings-security.js

@@ -0,0 +1,71 @@
+$(function () {
+  ('use strict');
+
+  // variables
+  var form = $('.validate-form'),
+    select2 = $('.select2'),
+    accountNumberMask = $('.account-number-mask');
+
+  // jQuery Validation for all forms
+  // --------------------------------------------------------------------
+  if (form.length) {
+    form.each(function () {
+      var $this = $(this);
+
+      $this.validate({
+        rules: {
+          password: {
+            required: true
+          },
+          'new-password': {
+            required: true,
+            minlength: 8
+          },
+          'confirm-new-password': {
+            required: true,
+            minlength: 8,
+            equalTo: '#account-new-password'
+          },
+          apiKeyName: {
+            required: true
+          }
+        },
+        messages: {
+          'new-password': {
+            required: 'Enter new password',
+            minlength: 'Enter at least 8 characters'
+          },
+          'confirm-new-password': {
+            required: 'Please confirm new password',
+            minlength: 'Enter at least 8 characters',
+            equalTo: 'The password and its confirm are not the same'
+          }
+        }
+      });
+      $this.on('submit', function (e) {
+        e.preventDefault();
+      });
+    });
+  }
+
+  //phone
+  if (accountNumberMask.length) {
+    accountNumberMask.each(function () {
+      new Cleave($(this), {
+        phone: true,
+        phoneRegionCode: 'US'
+      });
+    });
+  }
+
+  // For all Select2
+  if (select2.length) {
+    select2.each(function () {
+      var $this = $(this);
+      $this.wrap('<div class="position-relative"></div>');
+      $this.select2({
+        dropdownParent: $this.parent()
+      });
+    });
+  }
+});

data/app/assets/javascripts/vuexy/scripts/pages/page-account-settings-security.min.js

@@ -0,0 +1 @@
+$((function(){var e=$(".validate-form"),n=$(".select2"),a=$(".account-number-mask");e.length&&e.each((function(){var e=$(this);e.validate({rules:{password:{required:!0},"new-password":{required:!0,minlength:8},"confirm-new-password":{required:!0,minlength:8,equalTo:"#account-new-password"},apiKeyName:{required:!0}},messages:{"new-password":{required:"Enter new password",minlength:"Enter at least 8 characters"},"confirm-new-password":{required:"Please confirm new password",minlength:"Enter at least 8 characters",equalTo:"The password and its confirm are not the same"}}}),e.on("submit",(function(e){e.preventDefault()}))})),a.length&&a.each((function(){new Cleave($(this),{phone:!0,phoneRegionCode:"US"})})),n.length&&n.each((function(){var e=$(this);e.wrap('<div class="position-relative"></div>'),e.select2({dropdownParent:e.parent()})}))}));

data/app/assets/javascripts/vuexy/scripts/pages/page-api-key.js

@@ -0,0 +1,39 @@
+/*=========================================================================================
+	File Name: page-api-key.js
+	Description: API Key.
+	----------------------------------------------------------------------------------------
+	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+	Author: PIXINVENT
+	Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(function () {
+  'use strict';
+
+  var select2 = $('.select2'),
+    createApiForm = $('#createApiForm');
+
+  // select 2
+  select2.each(function () {
+    var $this = $(this);
+    $this.wrap('<div class="position-relative"></div>');
+    $this.select2({
+      // the following code is used to disable x-scrollbar when click in select input and
+      // take 100% width in responsive also
+      dropdownAutoWidth: true,
+      width: '100%',
+      dropdownParent: $this.parent()
+    });
+  });
+
+  // validation
+  if (createApiForm.length) {
+    createApiForm.validate({
+      rules: {
+        apiKeyName: {
+          required: true
+        }
+      }
+    });
+  }
+});

data/app/assets/javascripts/vuexy/scripts/pages/page-api-key.min.js

@@ -0,0 +1 @@
+$((function(){"use strict";var e=$(".select2"),t=$("#createApiForm");e.each((function(){var e=$(this);e.wrap('<div class="position-relative"></div>'),e.select2({dropdownAutoWidth:!0,width:"100%",dropdownParent:e.parent()})})),t.length&&t.validate({rules:{apiKeyName:{required:!0}}})}));

data/app/assets/javascripts/vuexy/scripts/pages/page-blog-edit.js

@@ -0,0 +1,119 @@
+/*=========================================================================================
+	File Name: blog-edit.js
+	Description: Blog edit field select2 and quill editor JS
+	----------------------------------------------------------------------------------------
+	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+	Author: PIXINVENT
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+(function (window, document, $) {
+  'use strict';
+
+  var select = $('.select2');
+  var editor = '#blog-editor-container .editor';
+  var blogFeatureImage = $('#blog-feature-image');
+  var blogImageText = document.getElementById('blog-image-text');
+  var blogImageInput = $('#blogCustomFile');
+
+  // Basic Select2 select
+  select.each(function () {
+    var $this = $(this);
+    $this.wrap('<div class="position-relative"></div>');
+    $this.select2({
+      // the following code is used to disable x-scrollbar when click in select input and
+      // take 100% width in responsive also
+      dropdownAutoWidth: true,
+      width: '100%',
+      dropdownParent: $this.parent()
+    });
+  });
+
+  // Snow Editor
+
+  var Font = Quill.import('formats/font');
+  Font.whitelist = ['sofia', 'slabo', 'roboto', 'inconsolata', 'ubuntu'];
+  Quill.register(Font, true);
+
+  var blogEditor = new Quill(editor, {
+    bounds: editor,
+    modules: {
+      formula: true,
+      syntax: true,
+      toolbar: [
+        [
+          {
+            font: []
+          },
+          {
+            size: []
+          }
+        ],
+        ['bold', 'italic', 'underline', 'strike'],
+        [
+          {
+            color: []
+          },
+          {
+            background: []
+          }
+        ],
+        [
+          {
+            script: 'super'
+          },
+          {
+            script: 'sub'
+          }
+        ],
+        [
+          {
+            header: '1'
+          },
+          {
+            header: '2'
+          },
+          'blockquote',
+          'code-block'
+        ],
+        [
+          {
+            list: 'ordered'
+          },
+          {
+            list: 'bullet'
+          },
+          {
+            indent: '-1'
+          },
+          {
+            indent: '+1'
+          }
+        ],
+        [
+          'direction',
+          {
+            align: []
+          }
+        ],
+        ['link', 'image', 'video', 'formula'],
+        ['clean']
+      ]
+    },
+    theme: 'snow'
+  });
+
+  // Change featured image
+  if (blogImageInput.length) {
+    $(blogImageInput).on('change', function (e) {
+      var reader = new FileReader(),
+        files = e.target.files;
+      reader.onload = function () {
+        if (blogFeatureImage.length) {
+          blogFeatureImage.attr('src', reader.result);
+        }
+      };
+      reader.readAsDataURL(files[0]);
+      blogImageText.innerHTML = blogImageInput.val();
+    });
+  }
+})(window, document, jQuery);

data/app/assets/javascripts/vuexy/scripts/pages/page-blog-edit.min.js

@@ -0,0 +1 @@
+!function(e,t,o){"use strict";var i=o(".select2"),n="#blog-editor-container .editor",l=o("#blog-feature-image"),r=t.getElementById("blog-image-text"),a=o("#blogCustomFile");i.each((function(){var e=o(this);e.wrap('<div class="position-relative"></div>'),e.select2({dropdownAutoWidth:!0,width:"100%",dropdownParent:e.parent()})}));var s=Quill.import("formats/font");s.whitelist=["sofia","slabo","roboto","inconsolata","ubuntu"],Quill.register(s,!0);new Quill(n,{bounds:n,modules:{formula:!0,syntax:!0,toolbar:[[{font:[]},{size:[]}],["bold","italic","underline","strike"],[{color:[]},{background:[]}],[{script:"super"},{script:"sub"}],[{header:"1"},{header:"2"},"blockquote","code-block"],[{list:"ordered"},{list:"bullet"},{indent:"-1"},{indent:"+1"}],["direction",{align:[]}],["link","image","video","formula"],["clean"]]},theme:"snow"});a.length&&o(a).on("change",(function(e){var t=new FileReader,o=e.target.files;t.onload=function(){l.length&&l.attr("src",t.result)},t.readAsDataURL(o[0]),r.innerHTML=a.val()}))}(window,document,jQuery);

data/app/assets/javascripts/vuexy/scripts/pages/page-knowledge-base.js

@@ -0,0 +1,38 @@
+/*=========================================================================================
+    File Name: page-knowledge-base.js
+    Description: Knowledge Base Page Script
+    ----------------------------------------------------------------------------------------
+    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+    Author: PIXINVENT
+    Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(function () {
+  'use strict';
+  var searchbar = $('#searchbar'),
+    search_content = $('.kb-search-content-info .kb-search-content'),
+    no_result = $('.kb-search-content-info .no-result');
+
+  // Filter for knowledge base and category page
+  searchbar.on('keyup', function () {
+    var value = $(this).val().toLowerCase();
+    if (value != '') {
+      search_content.filter(function () {
+        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
+      });
+      var search_row = $('.kb-search-content-info .kb-search-content:visible').length;
+
+      //Check if search-content has row or not
+      if (search_row == 0) {
+        no_result.removeClass('no-items');
+      } else {
+        if (!no_result.hasClass('no-items')) {
+          no_result.addClass('no-items');
+        }
+      }
+    } else {
+      // If filter box is empty
+      search_content.show();
+    }
+  });
+});

data/app/assets/javascripts/vuexy/scripts/pages/page-knowledge-base.min.js

@@ -0,0 +1 @@
+$((function(){"use strict";var e=$("#searchbar"),t=$(".kb-search-content-info .kb-search-content"),n=$(".kb-search-content-info .no-result");e.on("keyup",(function(){var e=$(this).val().toLowerCase();""!=e?(t.filter((function(){$(this).toggle($(this).text().toLowerCase().indexOf(e)>-1)})),0==$(".kb-search-content-info .kb-search-content:visible").length?n.removeClass("no-items"):n.hasClass("no-items")||n.addClass("no-items")):t.show()}))}));