fix icon picker

resources/assets/js/admin/settings/customCaseList/CaseListSketch.vue

@@ -91,7 +91,7 @@
                             label="Icon "
                             label-for="icon"
                         >
-                            <icon-picker @selected="onSelectIcon" :color="menuColor"/>
+                            <icon-picker @selected="onSelectIcon" :default="params.iconList"/>
                         </b-form-group>
                         <div>
                              <b-form-group
@@ -99,7 +99,7 @@
                                 label="Menu Color "
                                 label-for="icon"    
                             >  
-                                <verte :value="menuColor" id="icon" @input="onChangeColor" picker="square" menuPosition="left" model="hex">
+                                <verte :value="params.iconColor" id="icon" @input="onChangeColor" picker="square" menuPosition="left" model="hex">
                                         <svg viewBox="0 0 50 50">
                                             <path d="M 10 10 H 90 V 90 H 10 L 10 10"/>
                                         </svg> 
@@ -156,7 +156,6 @@ export default {
         return {
              icon: "fas fa-user-cog",
             isLoading: false,
-            menuColor:"#4287f5",
             pmTablesOptions: [],
             columns: ['name', 'code', 'uri'],
             data: utils.getData(),
@@ -179,7 +178,7 @@ export default {
     methods: {
         onSelectIcon(data){
             console.log (data);
-
+            // this.params.iconList = data;
         },
         onChangeColor(color){
             console.log(color);

resources/assets/js/admin/settings/customCaseList/Tables.vue

@@ -59,8 +59,8 @@ export default {
                         name: "Rocko",
                         description: "algo te texto",
                         tableUid: "1234",
-                        iconList: '',
-                        iconColor: '',
+                        iconList: 'far fa-calendar-alt',
+                        iconColor: '#4287f5',
                         iconColorScreen:'',
                         type: this.module
 

resources/assets/js/admin/settings/customCaseList/main.js

@@ -2,25 +2,25 @@ import Vue from "vue";
 import VueRouter from "vue-router";
 import VueSidebarMenu from "vue-sidebar-menu";
 import VueI18n from 'vue-i18n';
-import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue';
+import { BootstrapVue } from 'bootstrap-vue';
 import { ServerTable, Event, ClientTable} from 'vue-tables-2';
 import Sortable from 'sortablejs';
 import "@fortawesome/fontawesome-free/css/all.css";
-import "@fortawesome/fontawesome-free/js/all.js";
 import 'bootstrap/dist/css/bootstrap-grid.css';
 import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 import CustomCaseList from "./CustomCaseList";
-
 import Verte from 'verte';
 import 'verte/dist/verte.css';
+import fontawesome from '@fortawesome/fontawesome'
+
+fontawesome.config = { autoReplaceSvg: false }
 // register component globally
 Vue.component('verte', Verte);
-Vue.use(VueRouter);
+Vue.use(VueRouter); 
 Vue.use(VueSidebarMenu);
 Vue.use(BootstrapVue);
 Vue.use(VueI18n);
-Vue.use(BootstrapVueIcons)
 Vue.use(ServerTable, {}, false, 'bootstrap3', {});
 Vue.use(ClientTable, {}, false, 'bootstrap3', {});
 window.ProcessMaker = {