file_group form element enhancement

public/css/custom.css

@@ -847,8 +847,90 @@ table .align-items-center td span.badge {
 }
 /*--lightbox Finish--*/
 
-/*-- Search string & BulkAction Start --*/
+/*-- Search string & BulkAction Start --
 #app > .card > .card-header {
     min-height: 88px;
 }
-/*-- Search string & BulkAction Finish --*/
+/*-- Search string & BulkAction Finish --*/
+
+/*-- Embed accordion textarea Start--*/
+.embed-card-body-footer {
+    margin-bottom: -1.5rem;
+}
+
+.embed-acoordion-textarea {
+    margin-bottom: 0;
+}
+
+.embed-acoordion-textarea .embed-card-body-footer-textarea {
+    margin-left: -12px;
+}
+
+.embed-acoordion-textarea textarea {
+    border: none;
+    margin-top: 5px;
+    resize: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background-clip: unset;
+    margin-left: 15px;
+}
+
+.embed-acoordion-textarea textarea:focus {
+    border: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background-clip: unset;
+}
+/*-- Embed accordion textarea Start Finish--*/
+
+.document-item-body {
+    margin-left: -25px;
+    margin-right: -25px;
+}
+
+.item-columns-edit {
+    display: inline-block;
+    margin-left: 50px;
+    background: #f6f9fc;
+    color: #8898aa;
+    padding: 6px 12px;
+    border-radius: 6px 6px 0 0;
+}
+
+.document-total-currency {
+    float: right;
+    margin-bottom: 0;
+    max-width: 150px;
+}
+
+.document-total-span {
+    vertical-align: middle;
+    line-height: 44px;
+    margin-right: 15px;
+}
+
+#invoice-item-rows td {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
+.disabled-money,
+.disabled-money input {
+    border:none !important;
+    background-color: #ffffff !important;
+    box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+    -webkit-transition: none !important;
+    transition: none !important;
+}
+
+.form-group .custom-file {
+    height: calc(1.5em + 1.25rem + 130px) !important;
+}
+
+.dz-message .dz-button {
+    background: hsla(0,0%,100%,0);
+    border: none;
+    color: #8898aa;
+}

resources/assets/js/mixins/global.js

@@ -2,6 +2,11 @@ import Vue from 'vue';
 
 import axios from 'axios';
 
+import DropzoneFileUpload from './../components/Inputs/DropzoneFileUpload';
+import AkauntingContactCard from './../components/AkauntingContactCard';
+import AkauntingCompanyEdit from './../components/AkauntingCompanyEdit';
+import AkauntingEditItemColumns from './../components/AkauntingEditItemColumns';
+import AkauntingItemButton from './../components/AkauntingItemButton';
 import AkauntingSearch from './../components/AkauntingSearch';
 import AkauntingModal from './../components/AkauntingModal';
 import AkauntingMoney from './../components/AkauntingMoney';
@@ -21,9 +26,15 @@ import NProgressAxios from './../plugins/nprogress-axios';
 import { Select, Option, Steps, Step, Button, Link, Tooltip, ColorPicker } from 'element-ui';
 
 import Form from './../plugins/form';
+import { concat } from 'lodash';
 
 export default {
     components: {
+        DropzoneFileUpload,
+        AkauntingContactCard,
+        AkauntingCompanyEdit,
+        AkauntingEditItemColumns,
+        AkauntingItemButton,
         AkauntingSearch,
         AkauntingRadioGroup,
         AkauntingSelect,
@@ -49,6 +60,7 @@ export default {
         return {
             component: '',
             currency: null,
+            fileSingle: []
         }
     },
 
@@ -388,5 +400,17 @@ export default {
                 })
             });
         },
+
+        // Change Contact Card set form fields..
+        onChangeContactCard(contact) {
+            this.form.contact_id = contact.id;
+            this.form.contact_name = contact.name;
+            this.form.contact_email = contact.email;
+            this.form.contact_tax_number = contact.tax_number;
+            this.form.contact_phone = contact.phone;
+            this.form.contact_address = contact.address;
+
+            this.form.currency_code = contact.currency_code;
+        }
     }
 }

resources/views/partials/admin/head.blade.php

@@ -26,7 +26,6 @@
     <link rel="stylesheet" href="{{ asset('public/css/custom.css?v=' . version('short')) }}" type="text/css">
     <link rel="stylesheet" href="{{ asset('public/css/element.css?v=' . version('short')) }}" type="text/css">
 
-
     @stack('css')
 
     @stack('stylesheet')

resources/views/partials/admin/scripts.blade.php

@@ -5,6 +5,9 @@
 
     @stack('scripts_start')
 
+    <script src="{{ asset('public/0.js?v=' . version('short')) }}"></script>
+    <script src="{{ asset('public/1.js?v=' . version('short')) }}"></script>
+
     <script src="{{ asset('public/js/common/search.js?v=' . version('short')) }}"></script>
 
     @stack('charts')

resources/views/partials/form/file_group.blade.php

@@ -8,11 +8,7 @@
         @endif
 
         <div class="custom-file">
-            {!! Form::file($name, array_merge([
+            <dropzone-file-upload v-model="fileSingle"></dropzone-file-upload>
-                'class' => 'custom-file-input cursor-pointer',
-                '@input' => 'onHandleFileUpload("' . $name .'", $event)'
-            ], $attributes)) !!}
-            {!! Form::label($name, $text, ['class' => 'custom-file-label']) !!}
         </div>
 
         <div class="invalid-feedback d-block"