add yg baru

resources/js/app.js

@@ -19,10 +19,60 @@ import router from './routes'
 import Vuelidate from 'vuelidate'
 import datetime from 'vuejs-datetimepicker';
 import VueContentPlaceholders from 'vue-content-placeholders'
-import VueIframe from 'vue-iframes'
+// import VueIframe from 'vue-iframes'
+import VueFriendlyIframe from 'vue-friendly-iframe';
 import VueSweetalert2 from 'vue-sweetalert2';
 import 'sweetalert2/dist/sweetalert2.min.css';
 
+import VueHtml5Editor from 'vue-html5-editor'
+
+let ops = {
+    // global component name
+    name: "vue-html5-editor",
+    // if set true,will append module name to toolbar after icon
+    showModuleName: false,
+    // custom icon class of built-in modules,default using font-awesome
+    icons: {
+        text: "fa fa-pencil",
+        color: "fa fa-paint-brush",
+        font: "fa fa-font",
+        align: "fa fa-align-justify",
+        list: "fa fa-list",
+        link: "fa fa-chain",
+        unlink: "fa fa-chain-broken",
+        tabulation: "fa fa-table",
+        image: "fa fa-file-image-o",
+        hr: "fa fa-minus",
+        eraser: "fa fa-eraser",
+        undo: "fa-undo fa",
+        "full-screen": "fa fa-arrows-alt",
+        info: "fa fa-info",
+    },
+    //default en-us, en-us and zh-cn are built-in
+    language: "en-us",
+    // the modules you don't want
+    hiddenModules: [],
+    // keep only the modules you want and customize the order.
+    // can be used with hiddenModules together
+    visibleModules: [
+        "text",
+        "color",
+        // "font",
+        "align",
+        // "list",
+        // "link",
+        // "unlink",
+        // "tabulation",
+        // "image",
+        // "hr",
+        // "eraser",
+        "undo",
+        "full-screen",
+        // "info",
+    ]
+};
+
+Vue.use(VueHtml5Editor,ops);
 
 require('./bootstrap');
 
@@ -56,7 +106,7 @@ Vue.use(Toast, options)
 Vue.use(datetime)
 Vue.use(VueContentPlaceholders)
 Vue.use(VueSweetalert2);
-Vue.use(VueIframe)
+Vue.use(VueFriendlyIframe)
 
 
 Alpine.start()
@@ -138,6 +188,7 @@ Vue.component('modal-component', require('./components/util/Modal.vue').default)
 Vue.component('searchpelanggan-component', require('./components/Searchpelanggan.vue').default)
 Vue.component('laporanakaun-component', require('./Akaun/Laporan.vue').default)
 Vue.component('online-component', require('./Online/Online.vue').default)
+Vue.component('noticelelong-component', require('./pages/NotisLelong.vue').default)
 
 Vue.component('details-pelanggan', require('./pages/Detailspelanggan.vue').default)
 Vue.component('blacklist-pelanggan', require('./pages/Blacklist.vue').default)