Minimal implementation for hiding header (#69)

* Minimal implementation for hiding header

* compile assets

Co-authored-by: Rafael Milewski <[email protected]>

README.md

@@ -171,6 +171,11 @@ MegaFilter::make([
         'columnsActive' => false,
         'filtersActive' => true,
         'actionsActive' => true,
+
+        /**
+         * Show/Hide elements
+         */
+        'showHeader' => true,
 
         /**
          * Labels

package.json

@@ -1,22 +1,21 @@
 {
     "private": true,
     "scripts": {
-        "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
+        "production": "mix --production"
     },
     "devDependencies": {
         "cross-env": "^7.0.3",
-        "laravel-mix": "^5.0.9",
-        "laravel-nova": "^1.7.0",
-        "vue-template-compiler": "^2.6.12"
-    },
-    "dependencies": {
-        "vue": "^2.6.12",
+        "laravel-mix": "^6.0.31",
+        "laravel-nova": "^1.12.3",
+        "sass": "^1.41.1",
+        "sass-loader": "^12.1.0",
+        "vue": "^2.6.14",
+        "vue-loader": "^15.9.8",
+        "vue-template-compiler": "^2.6.14",
         "vue2-transitions": "^0.3.0"
     }
 }

resources/js/components/MegaFilter.vue

@@ -2,7 +2,7 @@
 
     <card class="mega-filter flex flex-col p-6" @dblclick.native.self="toggleAllSections">
 
-        <div class="flex justify-between items-center">
+        <div v-if="card.settings.showHeader" class="flex justify-between items-center">
 
             <h4>{{ settings.headerLabel }}</h4>
 

src/MegaFilter.php

@@ -38,6 +38,11 @@ class MegaFilter extends Card
             'filtersActive' => true,
             'actionsActive' => true,
 
+            /**
+             * Show/Hide elements
+             */
+            'showHeader' => true,
+
             /**
              * Labels
              */

webpack.mix.js

@@ -1,6 +1,8 @@
 const mix = require('laravel-mix')
+const path = require('path')
 
 mix.setPublicPath('dist')
+    .vue()
     .js('resources/js/card.js', 'js')
     .webpackConfig({
         resolve: {