Customer document icon applied

package.json

@@ -28,4 +28,4 @@
         "type": "opencollective",
         "url": "https://opencollective.com/bagisto"
     }
-}
+}

packages/Webkul/CustomerDocument/.gitignore

@@ -0,0 +1,3 @@
+/node_modules
+/package-lock.json
+npm-debug.log

packages/Webkul/CustomerDocument/package.json

@@ -0,0 +1,25 @@
+{
+  "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": "cross-env npm run watch -- --watch-poll --progress",
+    "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 --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+  },
+  "devDependencies": {
+    "axios": "^0.18",
+    "cross-env": "^5.1.4",
+    "laravel-mix": "^2.1",
+    "laravel-mix-merge-manifest": "^0.1.1",
+    "jquery": "^3.2",
+    "vue": "^2.1.10"
+  },
+  "dependencies": {
+    "vee-validate": "2.0.0-rc.26",
+    "vue-flatpickr": "^2.3.0",
+    "vue-slider-component": "^2.7.5"
+  }
+}

packages/Webkul/CustomerDocument/src/Config/menu.php

@@ -6,7 +6,7 @@ return [
         'name' => 'customerdocument::app.admin.customers.documents',
         'route' => 'admin.documents.index',
         'sort' => 6,
-        'icon-class' => 'sales-icon',
+        'icon-class' => 'document-icon',
     ], [
         'key' => 'documents.files',
         'name' => 'customerdocument::app.admin.documents.b2b-files',

packages/Webkul/CustomerDocument/src/Providers/CustomerDocumentServiceProvider.php

@@ -24,6 +24,10 @@ class CustomerDocumentServiceProvider extends ServiceProvider
 
         $this->loadMigrationsFrom(__DIR__ . '/../Database/migrations');
 
+        $this->publishes([
+            dirname(__DIR__) . '/Resources/assets/sass/customerdocument.scss' => base_path('public/vendor/webkul/customerdocument/assets/css/customerdocument.css')
+        ]);
+
         \Webkul\CustomerDocument\Models\CustomerDocument::observe(\Webkul\CustomerDocument\Observers\CustomerDocumentObserver::class);
 
         $this->app->register(ModuleServiceProvider::class);

packages/Webkul/CustomerDocument/src/Providers/EventServiceProvider.php

@@ -14,6 +14,10 @@ class EventServiceProvider extends ServiceProvider
      */
     public function boot()
     {
+        Event::listen('bagisto.admin.layout.head', function($viewRenderEventManager) {
+            $viewRenderEventManager->addTemplate('customerdocument::style');
+        });
+
         Event::listen('bagisto.admin.customer.edit.after', function($viewRenderEventManager) {
             $viewRenderEventManager->addTemplate('customerdocument::admin.customers.upload');
         });

packages/Webkul/CustomerDocument/src/Resources/assets/images/Icon-Document-Active.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
+    <title>Icon-Document-Active</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Icon-Document-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-2" transform="translate(13.000000, 10.000000)" stroke="#0041FF" stroke-width="2">
+            <g id="Group">
+                <polygon id="Rectangle-15" points="0 0.0511538462 22 0 22 27.0677273 0 27.0165734"></polygon>
+            </g>
+            <path d="M4,0.5 L4,26.5" id="Path-27"></path>
+            <polyline id="Path-28" points="11 1 11 10.5 14.25 7.25 17.5 10.5 17.5 1"></polyline>
+        </g>
+    </g>
+</svg>

packages/Webkul/CustomerDocument/src/Resources/assets/images/Icon-Document.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
+    <title>Icon-Document</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Icon-Document" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-2" transform="translate(13.000000, 10.000000)" stroke="#979797" stroke-width="2">
+            <g id="Group">
+                <polygon id="Rectangle-15" points="0 0.0511538462 22 0 22 27.0677273 0 27.0165734"></polygon>
+            </g>
+            <path d="M4,0.5 L4,26.5" id="Path-27"></path>
+            <polyline id="Path-28" points="11 1 11 10.5 14.25 7.25 17.5 10.5 17.5 1"></polyline>
+        </g>
+    </g>
+</svg>

packages/Webkul/CustomerDocument/src/Resources/assets/sass/customerdocument.scss

@@ -0,0 +1,23 @@
+.icon {
+    display: inline-block;
+    background-size: cover;
+}
+
+%menu-properties {
+    width: 48px;
+    height: 48px;
+    display: inline-block;
+    background-size: cover;
+}
+
+.document-icon {
+    @extend %menu-properties;
+    background-image: url("../images/Icon-Document.svg");
+}
+
+.active {
+    .document-icon {
+        @extend %menu-properties;
+        background-image: url("../images/Icon-Document-Active.svg");
+    }
+}

packages/Webkul/CustomerDocument/src/Resources/views/style.blade.php

@@ -0,0 +1 @@
+<link href="{{ asset('vendor/webkul/customerdocument/assets/css/customerdocument.css') }}" rel="stylesheet" />

packages/Webkul/CustomerDocument/webpack.mix.js

@@ -0,0 +1,18 @@
+const { mix } = require("laravel-mix");
+require("laravel-mix-merge-manifest");
+
+// var publicPath = 'publishable/assets';
+var publicPath = "../../../public/vendor/webkul/customerdocument/assets";
+
+mix.setPublicPath(publicPath).mergeManifest();
+mix.disableNotifications();
+
+    mix.copy(__dirname + "/src/Resources/assets/images", publicPath + "/images/")
+    .sass(__dirname + "/src/Resources/assets/sass/customerdocument.scss", "css/customerdocument.css")
+    .options({
+        processCssUrls: false
+    });
+
+if (mix.inProduction()) {
+    mix.version();
+}

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/app.js": "/js/app.js",
     "/css/app.css": "/css/app.css"
-}
+}