Merge Invoice and Bill into Document

resources/assets/js/components/AkauntingMoney.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="form-group"
+    <div v-if="!rowInput" class="form-group"
         :class="[{'has-error': error}, {'required': required}, {'readonly': readonly}, {'disabled': disabled}, col]">
         <label v-if="title" :for="name" class="form-control-label">{{ title }}</label>
 
@@ -15,6 +15,26 @@
 
         <div class="invalid-feedback d-block" v-if="error" v-html="error"></div>
     </div>
+
+    <div v-else
+        :class="[{'has-error': error}, {'required': required}, {'readonly': readonly}, {'disabled': disabled}, col]">
+        <label v-if="title" :for="name" class="form-control-label">{{ title }}</label>
+
+        <div v-if="icon" class="input-group input-group-merge" :class="group_class">
+            <div v-if="icon" class="input-group-prepend">
+                <span class="input-group-text">
+                    <i :class="'fa fa-' + icon"></i>
+                </span>
+            </div>
+
+            <money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control"></money>
+        </div>
+
+        <money v-else :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control"></money>
+
+        <div class="invalid-feedback d-block" v-if="error" v-html="error"></div>
+    </div>
+
 </template>
 
 <script>
@@ -109,6 +129,11 @@ export default {
             default: false,
             description: "Money result value"
         },
+        rowInput: {
+            type: Boolean,
+            default: false,
+            description: "Money result value"
+        },
     },
 
     data() {