@ecored-sena/base-kit 0.0.1

package/plugin/components/plantillaMixins.js

@@ -0,0 +1,34 @@
+export default {
+  computed: {
+    menuData() {
+      return this.$config.menuPrincipal.menu
+    },
+    iniciarLnk() {
+      const lnk = this.menuData.find(item => item.nombreRuta === 'introduccion')
+      const tema1 = this.menuData.find(item => item.nombreRuta === 'tema1')
+      return lnk || tema1
+    },
+  },
+  methods: {
+    quitarAcentos(str) {
+      const strNoHtml = str.replace(/<\/?[^>]+(>|$)/g, '')
+      const acentos = {
+        á: 'a',
+        é: 'e',
+        í: 'i',
+        ó: 'o',
+        ú: 'u',
+        Á: 'A',
+        É: 'E',
+        Í: 'I',
+        Ó: 'O',
+        Ú: 'U',
+      }
+      return strNoHtml
+        .split('')
+        .map(letra => acentos[letra] || letra)
+        .join('')
+        .toString()
+    },
+  },
+}

package/plugin/components/slyderMixins.js

@@ -0,0 +1,18 @@
+export default {
+  props: {
+    datos: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data: () => ({
+    mainId: Math.floor(Math.random() * 10 ** 10),
+    selected: '0',
+  }),
+  methods: {
+    getId(idx) {
+      if (idx < 0) return null
+      return 'sl-' + this.mainId + idx + 1
+    },
+  },
+}

package/plugin/plugin.js

@@ -0,0 +1,49 @@
+// bootstrap
+import '@popperjs/core'
+import 'bootstrap'
+import 'bootstrap/dist/css/bootstrap.min.css'
+
+// fontawesome
+import '@fortawesome/fontawesome-free/css/all.min.css'
+
+// AOS
+import AOS from 'aos'
+
+// COMPONENTS
+import * as globalComponents from './components/GlobalComponents.js'
+
+import globalMixins from './components/globalMixins'
+
+export default {
+  install: async (app, options) => {
+    const { config, packageJson } = options
+
+    app.prototype.$config = config
+    app.prototype.$package = packageJson
+
+    app.config.productionTip = false
+    // mixins
+    app.mixin(globalMixins)
+
+    // custom directive
+    app.directive('child', {
+      bind(el, binding) {
+        el.appendChild(binding.value)
+      },
+    })
+
+    // AOS
+    app.prototype.$aos = AOS
+    app.prototype.$aosRefresh = () => {
+      for (let i = 0; i <= 3; i++) {
+        setTimeout(() => {
+          AOS.refresh()
+        }, 1000 * i)
+      }
+    }
+    // GLOBAL COMPONENTS
+    Object.entries(globalComponents).forEach(([name, component]) => {
+      app.component(name, component)
+    })
+  },
+}