v2 first commit

2019-11-16 10:21:14 +03:00
parent 5b23e9c2c4
commit 6d50fa8442
3075 changed files with 3451681 additions and 65594 deletions
--- a/resources/assets/js/components/AkauntingModal.vue
+++ b/resources/assets/js/components/AkauntingModal.vue
@ -0,0 +1,120 @@
+<template>
+    <SlideYUpTransition :duration="animationDuration">
+    <div class="modal fade"
+         @click.self="closeModal"
+         :class="[{'show d-block': show}, {'d-none': !show}]"
+         v-show="show"
+         tabindex="-1"
+         role="dialog"
+         :aria-hidden="!show">
+        <div class="modal-dialog">
+            <slot name="modal-content">
+            <div class="modal-content">
+                <div class="card-header pb-2">
+                    <slot name="card-header">
+                        <h4 class="float-left"> {{ title }} </h4>
+                        <button type="button" class="close" @click="onCancel" aria-hidden="true">&times;</button>
+                    </slot>
+                </div>
+                <slot name="modal-body">
+                    <div class="modal-body" v-html="message">
+                    </div>
+                </slot>
+                <div class="card-footer border-top-0">
+                    <slot name="card-footer">
+                        <div class="float-right">
+                            <button type="button" class="btn btn-outline-secondary" @click="onCancel"> {{ button_cancel }} </button>
+                            <button type="button" class="btn btn-danger" @click="onConfirm"> {{ button_delete }} </button>
+                        </div>
+                    </slot>
+                </div>
+            </div>
+            </slot>
+        </div>
+    </div>
+    </SlideYUpTransition>
+</template>
+
+<script>
+import { SlideYUpTransition } from "vue2-transitions";
+import AkauntingRadioGroup from './forms/AkauntingRadioGroup';
+import AkauntingSelect from './AkauntingSelect';
+import AkauntingDate from './AkauntingDate';
+import AkauntingRecurring from './AkauntingRecurring';
+
+export default {
+    name: 'akaunting-modal',
+
+    componentName: 'akaunting-modal',
+
+    components: {
+        SlideYUpTransition,
+        AkauntingRadioGroup,
+        AkauntingSelect,
+        AkauntingDate,
+        AkauntingRecurring
+    },
+
+    props: {
+        show: Boolean,
+        title: {
+            type: String,
+            default: '',
+            description: "Modal header title"
+        },
+        message: {
+            type: String,
+            default: '',
+            description: "Modal body message"
+        },
+        button_cancel: {
+            type: String,
+            default: '',
+            description: "Modal footer cancel button text"
+        },
+        button_delete: {
+            type: String,
+            default: '',
+            description: "Modal footer delete button text"
+        },
+        animationDuration: {
+            type: Number,
+            default: 800,
+            description: "Modal transition duration"
+        }
+    },
+
+    methods: {
+        closeModal() {
+            this.$emit("update:show", false);
+            this.$emit("close");
+        },
+
+        onConfirm() {
+            this.$emit("confirm");
+        },
+
+        onCancel() {
+            this.$emit("cancel");
+        }
+    },
+
+    watch: {
+        show(val) {
+            let documentClasses = document.body.classList;
+
+            if (val) {
+                documentClasses.add("modal-open");
+            } else {
+                documentClasses.remove("modal-open");
+            }
+        }
+    }
+}
+</script>
+
+<style>
+    .modal.show {
+        background-color: rgba(0, 0, 0, 0.3);
+    }
+</style>