Browse Source

ability to add class to tab

Arpad Olasz 2 years ago
parent
commit
e7dd01208d
4 changed files with 22 additions and 36 deletions
  1. 17 17
      package-lock.json
  2. 4 1
      src/components/wingsline-tab-panel.vue
  3. 1 1
      src/components/wingsline-tabs.vue
  4. 0 17
      webpack.base.js

+ 17 - 17
package-lock.json

@@ -3018,14 +3018,6 @@
             }
           }
         },
-        "string_decoder": {
-          "version": "1.0.1",
-          "bundled": true,
-          "dev": true,
-          "requires": {
-            "safe-buffer": "5.0.1"
-          }
-        },
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
@@ -3036,6 +3028,14 @@
             "strip-ansi": "3.0.1"
           }
         },
+        "string_decoder": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.0.1"
+          }
+        },
         "stringstream": {
           "version": "0.0.5",
           "bundled": true,
@@ -5657,15 +5657,6 @@
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
       "dev": true
     },
-    "string_decoder": {
-      "version": "1.0.3",
-      "resolved": "http://127.0.0.1:4873/string_decoder/-/string_decoder-1.0.3.tgz",
-      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "5.1.1"
-      }
-    },
     "string-width": {
       "version": "2.1.1",
       "resolved": "http://127.0.0.1:4873/string-width/-/string-width-2.1.1.tgz",
@@ -5699,6 +5690,15 @@
         }
       }
     },
+    "string_decoder": {
+      "version": "1.0.3",
+      "resolved": "http://127.0.0.1:4873/string_decoder/-/string_decoder-1.0.3.tgz",
+      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
     "strip-ansi": {
       "version": "3.0.1",
       "resolved": "http://127.0.0.1:4873/strip-ansi/-/strip-ansi-3.0.1.tgz",

+ 4 - 1
src/components/wingsline-tab-panel.vue

@@ -22,7 +22,10 @@ export default {
     },
     suffix: {
       default: ""
-    }
+    },
+    tabClass: {
+      default: ""
+    },
   },
 
   computed: {

+ 1 - 1
src/components/wingsline-tabs.vue

@@ -1,6 +1,6 @@
 <template>
   <ul role="tablist">
-    <li v-for="tab in tabs" role="presentation">
+    <li v-for="tab in tabs" role="presentation" :class="tab.tabClass">
       <a v-html="tab.header" :href="`#${tab.generatedId}`" @click="selectPanel(tab.hash)" :aria-controls="tab.hash" :aria-selected="tab.isActive" role="tab"></a>
     </li>
   </ul>

+ 0 - 17
webpack.base.js

@@ -1,17 +0,0 @@
-module.exports = {
-  module: {
-    rules: [{
-      test: /\.js/,
-      loaders: ["babel-loader"],
-      exclude: /node_modules/,
-    }, {
-      test: /\.vue$/,
-      loaders: ["vue-loader"],
-      exclude: /node_modules/,
-    }, ],
-  },
-
-  resolve: {
-    extensions: [".js", ".vue"],
-  },
-};