From 9b000c88fce274d2770b3920741aa2c115748cd0 Mon Sep 17 00:00:00 2001
From: Dedan Irungu <dedanirungu@gmail.com>
Date: Sat, 16 Jul 2022 11:51:36 +0300
Subject: [PATCH] removing files that are heavy

---
 views/admin/expense/create.vue | 957 ---------------------------------
 views/admin/expense/list.vue   | 483 -----------------
 views/admin/expense/single.vue | 363 -------------
 views/widgets/Expenses.vue     |  63 ---
 4 files changed, 1866 deletions(-)
 delete mode 100755 views/admin/expense/create.vue
 delete mode 100755 views/admin/expense/list.vue
 delete mode 100755 views/admin/expense/single.vue
 delete mode 100755 views/widgets/Expenses.vue

diff --git a/views/admin/expense/create.vue b/views/admin/expense/create.vue
deleted file mode 100755
index e092234..0000000
--- a/views/admin/expense/create.vue
+++ /dev/null
@@ -1,957 +0,0 @@
-<template>
-    <div class="container expense-create">
-        <!-- Start .header-section -->
-        <div class="content-header-section separator">
-            <div class="row between-xs">
-                <div class="col">
-                    <h2 v-if="draftToExpense()">
-                        {{ this.$func.__("Convert into Expense", "erp") }}
-                    </h2>
-                    <h2 v-else class="content-header__title">
-                        {{ this.$func.__("New Expense", "erp") }}
-                    </h2>
-                </div>
-            </div>
-        </div>
-        <!-- End .header-section -->
-
-        <form action="" method="post" @submit.prevent="SubmitForExpense">
-            <div
-                class="panel panel-default"
-                style="padding-bottom: 0"
-            >
-                <div class="panel-body">
-                    <show-errors :error_msgs="form_errors"></show-errors>
-
-                    <form action="" class="form" method="post">
-                        <div class="row">
-                            <div class="col-sm-4">
-                                <div class="form-group">
-                                    <select-people
-                                        v-model="basic_fields.people"
-                                    ></select-people>
-                                </div>
-                            </div>
-                            <div class="col-sm-4">
-                                <div class="form-group">
-                                    <label>{{
-                                        this.$func.__("Reference No", "erp")
-                                    }}</label>
-                                    <input
-                                        type="text"
-                                        class="form-control form-contro-sm form-field"
-                                        v-model="basic_fields.trn_ref"
-                                    />
-                                </div>
-                            </div>
-                            <div class="col-sm-4">
-                                <div class="form-group">
-                                    <label
-                                        >{{
-                                            this.$func.__(
-                                                "Expense Date",
-                                                "erp"
-                                            )
-                                        }}<span class="required-sign"
-                                            >*</span
-                                        ></label
-                                    >
-                                    <datepicker
-                                        v-model="basic_fields.trn_date"
-                                    ></datepicker>
-                                </div>
-                            </div>
-                            <div class="col-sm-4 with-multiselect">
-                                <label
-                                    >{{ this.$func.__("Payment Method", "erp")
-                                    }}<span class="required-sign"
-                                        >*</span
-                                    ></label
-                                >
-                                <multi-select
-                                    v-model="basic_fields.trn_by"
-                                    :options="pay_methods"
-                                ></multi-select>
-                            </div>
-                            <div class="col-sm-4 with-multiselect">
-                                <label
-                                    >{{
-                                        this.$func.__(
-                                            "Transaction From",
-                                            "erp"
-                                        )
-                                    }}<span class="required-sign"
-                                        >*</span
-                                    ></label
-                                >
-                                <select-accounts
-                                    v-model="basic_fields.deposit_to"
-                                    :override_accts="accts_by_chart"
-                                ></select-accounts>
-                            </div>
-                            <div
-                                class="col-sm-4"
-                                v-if="basic_fields.trn_by.id === '2'"
-                            >
-                                <div class="form-group">
-                                    <label>{{
-                                        this.$func.__(
-                                            "Transaction Charge",
-                                            "erp"
-                                        )
-                                    }}</label>
-                                    <input
-                                        type="text"
-                                        class="form-control form-contro-sm form-field"
-                                        v-model="bank_data.trn_charge"
-                                    />
-                                </div>
-                            </div>
-                            <div class="col-sm-4">
-                                <label>{{
-                                    this.$func.__("Billing Address", "erp")
-                                }}</label>
-                                <textarea
-                                    v-model.trim="basic_fields.billing_address"
-                                    rows="3"
-                                    class="form-control form-contro-sm form-field"
-                                    :placeholder="
-                                        this.$func.__('Type here')
-                                    "
-                                ></textarea>
-                            </div>
-
-                            <check-fields
-                                v-if="basic_fields.trn_by.id === '3'"
-                                @updateCheckFields="setCheckFields"
-                            />
-                        </div>
-                    </form>
-                </div>
-            </div>
-
-            <div class="table-responsive">
-                <!-- Start .crm-table -->
-                <div class="table-container">
-                    <table class="table form-table">
-                        <thead>
-                            <tr class="inline-edit-row">
-                                <th scope="col" class="col--id">
-                                    {{ this.$func.__("SL No.", "erp") }}
-                                </th>
-                                <th scope="col">
-                                    {{ this.$func.__("Account", "erp") }}
-                                </th>
-                                <th scope="col">
-                                    {{ this.$func.__("Description", "erp") }}
-                                </th>
-                                <th scope="col">
-                                    {{ this.$func.__("Amount", "erp") }}
-                                </th>
-                                <th scope="col">
-                                    {{ this.$func.__("Total", "erp") }}
-                                </th>
-                                <th scope="col" class="col--actions"></th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr
-                                :key="key"
-                                v-for="(line, key) in transactionLines"
-                                class="inline-edit-row"
-                            >
-                                <td scope="row" class="col--id">
-                                    {{ key + 1 }}
-                                </td>
-                                <td class="col--account with-multiselect">
-                                    <multi-select
-                                        v-model="line.ledger_id"
-                                        :options="ledgers"
-                                    />
-                                </td>
-                                <td class="col--particulars">
-                                    <textarea
-                                        v-model="line.particulars"
-                                        rows="1"
-                                        maxlength="250"
-                                        class="form-control form-contro-sm form-field display-flex"
-                                        :placeholder="
-                                            this.$func.__('Particulars')
-                                        "
-                                    ></textarea>
-                                </td>
-                                <td
-                                    class="col--amount"
-                                    :data-colname="
-                                        this.$func.__('Amount')
-                                    "
-                                >
-                                    <input
-                                        type="text"
-                                        name="amount"
-                                        autocomplete="off"
-                                        v-model="line.amount"
-                                        @keyup="updateFinalAmount"
-                                        class="text-right form-control form-contro-sm form-field"
-                                        :required="
-                                            line.ledger_id ? true : false
-                                        "
-                                    />
-                                </td>
-                                <td
-                                    class="col--total"
-                                    :data-colname="
-                                        this.$func.__('Total')
-                                    "
-                                >
-                                    <input
-                                        type="text"
-                                        :value="moneyFormat(line.amount)"
-                                        class="text-right form-control form-contro-sm form-field"
-                                        readonly
-                                        disabled
-                                    />
-                                </td>
-                                <td
-                                    class="delete-row"
-                                    :data-colname="
-                                        this.$func.__(
-                                            'Remove Above Selection',
-                                            'erp'
-                                        )
-                                    "
-                                >
-                                    <a @click.prevent="removeRow(key)" href="#"
-                                        ><i class="flaticon-trash"></i
-                                    ></a>
-                                </td>
-                            </tr>
-                            <tr class="add-new-line inline-edit-row">
-                                <td colspan="9" style="text-align: left">
-                                    <button
-                                        @click.prevent="addLine"
-                                        class="btn btn-primary add-line-trigger"
-                                    >
-                                        <i class="flaticon-add-plus-button"></i
-                                        >{{ this.$func.__("Add Line", "erp") }}
-                                    </button>
-                                </td>
-                            </tr>
-
-                            <tr class="total-amount-row inline-edit-row">
-                                <td class="text-right pr-0" colspan="4">
-                                    {{ this.$func.__("Total Amount", "erp") }}
-                                </td>
-                                <td
-                                    class="text-right"
-                                    :data-colname="
-                                        this.$func.__('Total Amount')
-                                    "
-                                >
-                                    <input
-                                        type="text"
-                                        class="text-right form-control form-contro-sm form-field"
-                                        name="finalamount"
-                                        :value="moneyFormat(finalTotalAmount)"
-                                        readonly
-                                        disabled
-                                    />
-                                </td>
-                                <td class="text-right"></td>
-                            </tr>
-
-                            <tr class="form-group inline-edit-row">
-                                <td colspan="9" style="text-align: left">
-                                    <label>{{
-                                        this.$func.__("Particulars", "erp")
-                                    }}</label>
-                                    <textarea
-                                        v-model="particulars"
-                                        rows="4"
-                                        maxlength="250"
-                                        class="form-control form-contro-sm form-field display-flex"
-                                        :placeholder="
-                                            this.$func.__(
-                                                'Internal Information',
-                                                'erp'
-                                            )
-                                        "
-                                    ></textarea>
-                                </td>
-                            </tr>
-                            <tr class="inline-edit-row">
-                                <td>
-                                    <div
-                                        class="attachment-item"
-                                        :key="index"
-                                        v-for="(file, index) in attachments"
-                                    >
-                                        <img
-                                            :src="
-                                               mybizna_assets +
-                                                '/images/file-thumb.png'
-                                            "
-                                        />
-                                        <span
-                                            class="remove-file"
-                                            @click="removeFile(index)"
-                                            >&#10007;</span
-                                        >
-
-                                        <div class="attachment-meta">
-                                            <h3>{{ getFileName(file) }}</h3>
-                                        </div>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr class="add-attachment-row inline-edit-row">
-                                <td colspan="9" style="text-align: left">
-                                    <div class="attachment-container">
-                                        <label class="col--attachement">{{
-                                            this.$func.__("Attachment", "erp")
-                                        }}</label>
-                                        <file-upload
-                                            v-model="attachments"
-                                            url="/invoices/attachments"
-                                        />
-                                    </div>
-                                </td>
-                            </tr>
-                        </tbody>
-                        <tfoot>
-                            <tr class="inline-edit-row">
-                                <td colspan="9" style="text-align: right">
-                                    <combo-button
-                                        v-if="draftToExpense()"
-                                        :options="[
-                                            {
-                                                id: 'update',
-                                                text: this.$func.__(
-                                                    'Save Conversion',
-                                                    'erp'
-                                                ),
-                                            },
-                                        ]"
-                                    />
-                                    <combo-button
-                                        v-else-if="editMode"
-                                        :options="updateButtons"
-                                    />
-                                    <combo-button
-                                        v-else
-                                        :options="createButtons"
-                                    />
-                                </td>
-                            </tr>
-                        </tfoot>
-                    </table>
-                </div>
-            </div>
-        </form>
-    </div>
-</template>
-
-<script>
-export default {
-    components: {
-        SelectAccounts: window.$func.fetchComponent(
-            "components/select/SelectAccounts.vue"
-        ),
-        Datepicker: window.$func.fetchComponent(
-            "components/base/Datepicker.vue"
-        ),
-        MultiSelect: window.$func.fetchComponent(
-            "components/select/MultiSelect.vue"
-        ),
-        FileUpload: window.$func.fetchComponent(
-            "components/base/FileUpload.vue"
-        ),
-        ComboButton: window.$func.fetchComponent(
-            "components/select/ComboButton.vue"
-        ),
-        SelectPeople: window.$func.fetchComponent(
-            "partner/widgets/SelectPeople.vue"
-        ),
-        CheckFields: window.$func.fetchComponent(
-            "components/check/CheckFields.vue"
-        ),
-        ShowErrors: window.$func.fetchComponent(
-            "components/base/ShowErrors.vue"
-        ),
-    },
-
-    data() {
-        return {
-            basic_fields: {
-                people: "",
-                trn_ref: "",
-                trn_date: "",
-                deposit_to: "",
-                trn_by: "",
-                billing_address: "",
-            },
-
-            check_data: {
-                bank_name: "",
-                payer_name: "",
-                check_no: "",
-            },
-
-            bank_data: {
-                trn_charge: 0,
-            },
-
-            form_errors: [],
-
-            createButtons: [
-                { id: "save", text: this.$func.__("Save", "erp") },
-                // {id: 'send_create', text: this.$func.__('Create and Send') },
-                {
-                    id: "new_create",
-                    text: this.$func.__("Save and New", "erp"),
-                },
-                { id: "draft", text: this.$func.__("Save as Draft", "erp") },
-            ],
-
-            updateButtons: [
-                { id: "update", text: this.$func.__("Update", "erp") },
-                // {id: 'send_update', text: this.$func.__('Update and Send')},
-                {
-                    id: "new_update",
-                    text: this.$func.__("Update and New", "erp"),
-                },
-                { id: "draft", text: "Save as Draft" },
-            ],
-
-            editMode: false,
-            voucherNo: 0,
-            transactionLines: [],
-            selected: [],
-            ledgers: [],
-            pay_methods: [],
-            attachments: [],
-            totalAmounts: 0,
-            finalTotalAmount: 0,
-            particulars: "",
-            isWorking: false,
-            accts_by_chart: [],
-           mybizna_assets:
-                this.$mybizna_var.acct_assets /* global this.$mybizna_var */,
-        };
-    },
-
-    watch: {
-        finalTotalAmount(newval) {
-            this.finalTotalAmount = newval;
-        },
-
-        "basic_fields.people"() {
-            this.getPeopleAddress();
-        },
-
-        "basic_fields.trn_by"() {
-            this.changeAccounts();
-        },
-    },
-
-    computed: {
-        ...mapState({ actionType: (state) => state.combo.btnID }),
-    },
-    emits: {
-        // Validate submit event
-        "remove-row": ({ index }) => {
-            this.$delete(this.transactionLines, index);
-            this.updateFinalAmount();
-            return true;
-        },
-        "combo-btn-select": ({ button }) => {
-            this.actionType = button.id;
-            return true;
-        },
-    },
-    created() {
-        this.prepareDataLoad();
-    },
-
-    methods: {
-        async prepareDataLoad() {
-            /**
-             * ----------------------------------------------
-             * check if editing
-             * -----------------------------------------------
-             */
-            if (this.$route.params.id) {
-                this.editMode = true;
-                this.voucherNo = this.$route.params.id;
-
-                /**
-                 * Duplicates of
-                 *? this.getLedgers()
-                 *? this.getPayMethods()
-                 */
-                const expense_chart_id = 5;
-
-                const [request1, request2] = await Promise.all([
-                    window.axios.get(`/ledgers/${expense_chart_id}/accounts`),
-                    window.axios.get("/transactions/payment-methods"),
-                ]);
-
-                const request3 = await window.axios.get(
-                    `/expenses/${this.$route.params.id}`
-                );
-
-                this.ledgers = request1.data;
-                this.pay_methods = request2.data;
-                this.setDataForEdit(request3.data);
-
-                // initialize combo button id with `update`
-                this.$store.dispatch("combo/setBtnID", "update");
-            } else {
-                /**
-                 * ----------------------------------------------
-                 * create a new expense
-                 * -----------------------------------------------
-                 */
-                this.getLedgers();
-                this.getPayMethods();
-
-                this.basic_fields.trn_date = this.$mybizna_var.current_date;
-                this.basic_fields.due_date = this.$mybizna_var.current_date;
-                this.transactionLines.push({}, {}, {});
-
-                // initialize combo button id with `save`
-                this.$store.dispatch("combo/setBtnID", "save");
-            }
-        },
-
-        setDataForEdit(expense) {
-            this.basic_fields.people = {
-                id: parseInt(expense.people_id),
-                name: expense.people_name,
-            };
-            this.basic_fields.deposit_to = { id: parseInt(expense.deposit_to) };
-            this.basic_fields.trn_by = this.pay_methods.find(
-                (method) => method.id === expense.trn_by
-            );
-            this.basic_fields.billing_address = expense.address;
-            this.basic_fields.trn_date = expense.trn_date;
-            this.basic_fields.trn_ref = expense.ref;
-            this.status = expense.status;
-            this.particulars = expense.particulars;
-            this.attachments = expense.attachments;
-
-            // format transaction lines
-            expense.bill_details.forEach((detail) => {
-                this.transactionLines.push({
-                    id: detail.id,
-                    ledger_id: {
-                        id: detail.ledger_id,
-                        name: detail.ledger_name,
-                    },
-                    particulars: detail.particulars,
-                    amount: detail.amount,
-                });
-            });
-
-            this.updateFinalAmount();
-        },
-
-        draftToExpense() {
-            return this.$route.query.convert;
-        },
-
-        getLedgers() {
-            const expense_chart_id = 5;
-
-            window.axios
-                .get(`/ledgers/${expense_chart_id}/accounts`)
-                .then((response) => {
-                    this.ledgers = response.data;
-                });
-        },
-
-        getPayMethods() {
-            window.axios
-                .get("/transactions/payment-methods")
-                .then((response) => {
-                    this.pay_methods = response.data;
-                })
-                .catch((error) => {
-                    throw error;
-                });
-        },
-
-        setCheckFields(check_data) {
-            this.check_data = check_data;
-        },
-
-        getPeopleAddress() {
-            const user_id = this.basic_fields.people.id;
-
-            if (!user_id) {
-                this.basic_fields.billing_address = "";
-                return;
-            }
-
-            window.axios.get(`/people/${user_id}`).then((response) => {
-                const billing = response.data;
-
-                if (typeof billing === "string") {
-                    this.basic_fields.billing_address = billing;
-                    return;
-                }
-
-                let street_1 = billing.street_1 ? billing.street_1 + "," : "";
-                let street_2 = billing.street_2 ? billing.street_2 : "";
-                let city = billing.city ? billing.city : "";
-                let state = billing.state ? billing.state + "," : "";
-                let postal_code = billing.postal_code
-                    ? billing.postal_code
-                    : "";
-                let country = billing.country ? billing.country : "";
-
-                const address = `${street_1} ${street_2} \n${city} \n${state} ${postal_code} \n${country}`;
-
-                this.basic_fields.billing_address = address;
-            });
-        },
-
-        updateFinalAmount() {
-            let finalAmount = 0;
-
-            this.transactionLines.forEach((element) => {
-                if (element.amount) {
-                    finalAmount += parseFloat(element.amount);
-                }
-            });
-
-            this.finalTotalAmount = parseFloat(finalAmount).toFixed(2);
-        },
-
-        addLine() {
-            this.transactionLines.push({});
-        },
-
-        updateExpense(requestData) {
-            window.axios
-                .put(`/expenses/${this.voucherNo}`, requestData)
-                .then((res) => {
-                    var message = this.$func.__("Expense Updated!", "erp");
-
-                    if (this.draftToExpense()) {
-                        message = this.$func.__(
-                            "Conversion Successful!",
-                            "erp"
-                        );
-                    }
-
-                    this.showAlert("success", message);
-                })
-                .catch((error) => {
-                    throw error;
-                })
-                .then(() => {
-                    this.isWorking = false;
-                    this.reset = true;
-
-                    if (
-                        this.actionType === "update" ||
-                        this.actionType === "draft"
-                    ) {
-                        this.$router.push({ name: "Expenses" });
-                    } else if (this.actionType === "new_update") {
-                        this.resetFields();
-                    }
-                });
-        },
-
-        createExpense(requestData) {
-            window.axios
-                .post("/expenses", requestData)
-                .then((res) => {
-                    this.showAlert(
-                        "success",
-                        this.$func.__("Expense Created!", "erp")
-                    );
-                    this.$router.push({ name: "Expenses" });
-                })
-                .catch((error) => {
-                    throw error;
-                })
-                .then(() => {
-                    // this.isWorking = false;
-                    // this.reset = true;
-                    /* if (this.actionType === 'save' || this.actionType === 'draft') {
-                    this.$router.push({ name: 'Expenses' });
-                } else if (this.actionType === 'new_create') {
-                    this.resetFields();
-                }*/
-                });
-        },
-
-        SubmitForExpense() {
-            this.validateForm();
-
-            if (this.form_errors.length) {
-                window.scrollTo({
-                    top: 10,
-                    behavior: "smooth",
-                });
-                return;
-            }
-
-            this.isWorking = true;
-
-            let trn_status = null;
-            if (this.actionType === "draft") {
-                trn_status = 1;
-            } else {
-                trn_status = 4;
-            }
-
-            let deposit_id = this.basic_fields.deposit_to.id;
-
-            if (
-                Object.prototype.hasOwnProperty.call(
-                    this.basic_fields.deposit_to,
-                    "people_id"
-                )
-            ) {
-                deposit_id = this.basic_fields.deposit_to.people_id;
-            }
-
-            let bank_trn_charge = 0;
-
-            if (parseInt(this.basic_fields.trn_by.id) === 2) {
-                bank_trn_charge = this.bank_data.trn_charge || 0;
-            }
-
-            const requestData = {
-                people_id: this.basic_fields.people.id,
-                ref: this.basic_fields.trn_ref,
-                trn_date: this.basic_fields.trn_date,
-                trn_by: this.basic_fields.trn_by.id,
-                bill_details: this.formatTrnLines(this.transactionLines),
-                deposit_to: deposit_id,
-                billing_address: this.basic_fields.billing_address,
-                attachments: this.attachments,
-                type: "expense",
-                status: trn_status,
-                particulars: this.particulars,
-                check_no: parseInt(this.check_data.check_no),
-                name: this.check_data.payer_name,
-                bank: this.check_data.bank_name,
-                convert: this.$route.query.convert,
-                bank_trn_charge: bank_trn_charge,
-            };
-
-            if (this.editMode) {
-                this.updateExpense(requestData);
-            } else {
-                this.createExpense(requestData);
-            }
-        },
-
-        changeAccounts() {
-            this.accts_by_chart = [];
-            if (
-                this.basic_fields.trn_by.id === "2" ||
-                this.basic_fields.trn_by.id === "3"
-            ) {
-                window.axios.get("/ledgers/bank-accounts").then((response) => {
-                    this.accts_by_chart = response.data;
-                    this.accts_by_chart.forEach((element) => {
-                        if (
-                            !Object.prototype.hasOwnProperty.call(
-                                element,
-                                "balance"
-                            )
-                        ) {
-                            element.balance = 0;
-                        }
-                    });
-                });
-            } else if (this.basic_fields.trn_by.id === "1") {
-                window.axios.get("/ledgers/cash-accounts").then((response) => {
-                    this.accts_by_chart = response.data;
-                    this.accts_by_chart.forEach((element) => {
-                        if (
-                            !Object.prototype.hasOwnProperty.call(
-                                element,
-                                "balance"
-                            )
-                        ) {
-                            element.balance = 0;
-                        }
-                    });
-                });
-                /* globalmybizna_reimbursement_var */
-            } else if (this.basic_fields.trn_by.id === "4") {
-                if (
-                   mybizna_reimbursement_var.reimbursement_module !==
-                        "undefined" &&
-                   mybizna_reimbursement_var.reimbursement_module === "1"
-                ) {
-                    window.axios
-                        .get("/people-transactions/balances")
-                        .then((response) => {
-                            this.accts_by_chart = response.data;
-                            this.accts_by_chart.forEach((element) => {
-                                if (
-                                    !Object.prototype.hasOwnProperty.call(
-                                        element,
-                                        "balance"
-                                    )
-                                ) {
-                                    element.balance = 0;
-                                }
-                            });
-                        });
-                }
-            }
-            this.$root.$emit("account-changed");
-        },
-
-        resetFields() {
-            this.basic_fields = {
-                people: "",
-                trn_ref: "",
-                trn_date: this.$mybizna_var.current_date,
-                deposit_to: "",
-                trn_by: "",
-                billing_address: "",
-            };
-
-            this.check_data = {
-                bank_name: "",
-                payer_name: "",
-                check_no: "",
-            };
-
-            this.form_errors = [];
-            this.transactionLines = [];
-            this.attachments = [];
-            this.totalAmounts = 0;
-            this.finalTotalAmount = 0;
-            this.particulars = "";
-            this.isWorking = false;
-
-            this.transactionLines.push({}, {}, {});
-
-            this.$store.dispatch("combo/setBtnID", "save");
-        },
-
-        validateForm() {
-            this.form_errors = [];
-
-            if (
-                !Object.prototype.hasOwnProperty.call(
-                    this.basic_fields.people,
-                    "id"
-                )
-            ) {
-                this.form_errors.push(
-                    this.$func.__("People Name is required.", "erp")
-                );
-            }
-
-            if (!this.basic_fields.trn_date) {
-                this.form_errors.push(
-                    this.$func.__("Transaction Date is required.", "erp")
-                );
-            }
-
-            if (
-                !Object.prototype.hasOwnProperty.call(
-                    this.basic_fields.deposit_to,
-                    "id"
-                )
-            ) {
-                this.form_errors.push(
-                    this.$func.__("Transaction Account is required.", "erp")
-                );
-            }
-
-            if (
-                !Object.prototype.hasOwnProperty.call(
-                    this.basic_fields.trn_by,
-                    "id"
-                )
-            ) {
-                this.form_errors.push(
-                    this.$func.__("Payment Method is required.", "erp")
-                );
-            }
-
-            if (
-                parseFloat(this.basic_fields.deposit_to.balance) <
-                parseFloat(this.finalTotalAmount)
-            ) {
-                this.form_errors.push(
-                    this.$func.__(
-                        "Not enough balance in selected account.",
-                        "erp"
-                    )
-                );
-            }
-
-            if (!parseFloat(this.finalTotalAmount)) {
-                this.form_errors.push(
-                    this.$func.__("Total amount can't be zero.", "erp")
-                );
-            }
-
-            if (this.noFulfillLines(this.transactionLines, "ledger_id")) {
-                this.form_errors.push(
-                    this.$func.__("Please select an account.", "erp")
-                );
-            }
-        },
-
-        removeRow(index) {
-            this.$delete(this.transactionLines, index);
-            this.updateFinalAmount();
-        },
-
-        formatTrnLines(trn_lines) {
-            const line_items = [];
-
-            trn_lines.forEach((element) => {
-                if (
-                    Object.prototype.hasOwnProperty.call(element, "ledger_id")
-                ) {
-                    element.ledger_id = element.ledger_id.id;
-                    line_items.push(element);
-                }
-            });
-
-            return line_items;
-        },
-    },
-};
-</script>
-
-<style>
-input:disabled {
-    background: #eee;
-    color: #333;
-}
-
-.expense-create .dropdown {
-    width: 100%;
-}
-
-.expense-create.col--account {
-    width: 300px;
-}
-
-.expense-create.col--account .with-multiselect .multiselect__select,
-.expense-create.col--account .with-multiselect .multiselect__tags {
-    min-height: 33px !important;
-    margin-top: 3px;
-}
-
-.expense-create.col--account .with-multiselect .multiselect__placeholder {
-    margin-top: 3px;
-}
-</style>
diff --git a/views/admin/expense/list.vue b/views/admin/expense/list.vue
deleted file mode 100755
index 4fb2f3a..0000000
--- a/views/admin/expense/list.vue
+++ /dev/null
@@ -1,483 +0,0 @@
-<template>
-    <div class="transactions-section section">
-        <!-- Start .crm-table -->
-        <div class="table-container">
-            <div class="bulk-action">
-                <a href="#"
-                    ><i class="flaticon-trash"></i
-                    >{{ this.$func.__("Trash", "erp") }}</a
-                >
-                <a href="#" class="dismiss-bulk-action"
-                    ><i class="flaticon-close"></i
-                ></a>
-            </div>
-
-            <list-table
-                tableClass="table table-sm table-striped widefat table2 transactions-table"
-                action-column="actions"
-                :columns="columns"
-                :rows="row_items"
-                :total-items="paginationData.totalItems"
-                :total-pages="paginationData.totalPages"
-                :per-page="paginationData.perPage"
-                :current-page="paginationData.currentPage"
-                @pagination="goToPage"
-                :actions="[]"
-                @action:click="onActionClick"
-            >
-                <template slot="trn_no" slot-scope="data">
-                    <strong>
-                        <router-link :to="data.row.singleView">
-                            #{{ data.row.id }}
-                        </router-link>
-                    </strong>
-                </template>
-                <!-- custom row actions -->
-                <template slot="action-list" slot-scope="data">
-                    <li
-                        v-for="(action, index) in data.row.actions"
-                        :key="action.key"
-                        :class="action.key"
-                    >
-                        <a
-                            href="#"
-                            @click.prevent="
-                                onActionClick(action.key, data.row, index)
-                            "
-                        >
-                            <i :class="action.iconClass"></i>{{ action.label }}
-                        </a>
-                    </li>
-                </template>
-                <template slot="status" slot-scope="data">
-                    {{ data.row.status }}
-                </template>
-            </list-table>
-        </div>
-    </div>
-</template>
-
-<script>
-/* global __ */
-export default {
-    components: {
-        ListTable: window.$func.fetchComponent(
-            "components/common/ListTable.vue"
-        ),
-    },
-
-    data() {
-        return {
-            columns: {
-                trn_no: {
-                    label: this.$func.__("Voucher No.", "erp"),
-                    isColPrimary: true,
-                },
-                type: { label: this.$func.__("Type", "erp") },
-                ref: { label: this.$func.__("Ref", "erp") },
-                vendor_name: { label: this.$func.__("People", "erp") },
-                trn_date: { label: this.$func.__("Trn Date", "erp") },
-                due_date: { label: this.$func.__("Due Date", "erp") },
-                due: { label: this.$func.__("Due", "erp") },
-                amount: { label: this.$func.__("Total", "erp") },
-                status: { label: this.$func.__("Status", "erp") },
-                actions: { label: "" },
-            },
-            rows: [],
-            paginationData: {
-                totalItems: 0,
-                totalPages: 0,
-                perPage: 20,
-                currentPage:
-                    this.$route.params.page === undefined
-                        ? 1
-                        : parseInt(this.$route.params.page),
-            },
-            actions: [],
-            fetched: false,
-        };
-    },
-    emits: {
-        // Validate submit event
-        "transactions-filter": ({ filters }) => {
-            /*  this.$router.push({
-                path : '/transactions/expenses',
-                query: { start: filters.start_date, end: filters.end_date, status: filters.status }
-            });
-            */
-
-            if (this.paginationData.currentPage !== 1) {
-                this.paginationData.currentPage = 1;
-                this.$router.push({ path: "/transactions/expenses" });
-            }
-
-            this.fetchItems(filters);
-            this.fetched = true;
-
-            return true;
-        },
-    },
-    created() {
-
-        const filters = {};
-
-        // Get start & end date from url on page load
-        if (this.$route.query.start && this.$route.query.end) {
-            filters.start_date = this.$route.query.start;
-            filters.end_date = this.$route.query.end;
-        }
-        if (this.$route.query.status) {
-            filters.status = this.$route.query.status;
-        }
-
-        if (!this.fetched) {
-            this.fetchItems(filters);
-        }
-    },
-
-    // watch: {
-    //     $route: 'fetchItems'
-    // },
-
-    methods: {
-        fetchItems(filters = {}) {
-            this.rows = [];
-
-            window.axios
-                .get("/transactions/expenses", {
-                    params: {
-                        per_page: this.paginationData.perPage,
-                        page:
-                            this.$route.params.page === undefined
-                                ? this.paginationData.currentPage
-                                : this.$route.params.page,
-                        start_date: filters.start_date,
-                        end_date: filters.end_date,
-                        status: filters.status,
-                        type: filters.type,
-                        vendor_id: filters.people_id,
-                    },
-                })
-                .then((response) => {
-                    this.rows = response.data;
-
-                    this.paginationData.totalItems = parseInt(
-                        response.headers["x-wp-total"]
-                    );
-                    this.paginationData.totalPages = parseInt(
-                        response.headers["x-wp-totalpages"]
-                    );
-                })
-                .catch((error) => {
-                    throw error;
-                });
-        },
-
-        onActionClick(action, row, index) {
-            switch (action) {
-                case "trash":
-                    // if ( confirm('Are you sure to delete?') ) {
-                    //     window.axios.delete('invoices/' + row.id).then( response => {
-                    //         this.$delete(this.rows, index);
-                    //     });
-                    // }
-                    break;
-
-                case "edit":
-                    if (row.trn_type === "expense") {
-                        this.$router.push({
-                            name: "ExpenseEdit",
-                            params: { id: row.id },
-                        });
-                    }
-
-                    if (row.trn_type === "bill") {
-                        this.$router.push({
-                            name: "BillEdit",
-                            params: { id: row.id },
-                        });
-                    }
-
-                    if (row.trn_type === "check") {
-                        this.$router.push({
-                            name: "CheckEdit",
-                            params: { id: row.id },
-                        });
-                    }
-
-                    break;
-
-                case "payment":
-                    if (row.trn_type === "bill") {
-                        this.$router.push({
-                            name: "PayBillCreate",
-                            params: {
-                                vendor_id: row.vendor_id,
-                                vendor_name: row.vendor_name,
-                            },
-                        });
-                    }
-                    break;
-
-                case "void":
-                    if (
-                        confirm(
-                            this.$func.__(
-                                "Are you sure to void the transaction?",
-                                "erp"
-                            )
-                        )
-                    ) {
-                        if (
-                            row.trn_type === "expense" ||
-                            row.trn_type === "check"
-                        ) {
-                            window.axios
-                                .post("expenses/" + row.id + "/void")
-                                .then((response) => {
-                                    this.showAlert(
-                                        "success",
-                                        this.$func.__(
-                                            "Transaction has been void!",
-                                            "erp"
-                                        )
-                                    );
-                                })
-                                .catch((error) => {
-                                    throw error;
-                                });
-                        }
-                        if (row.trn_type === "bill") {
-                            window.axios
-                                .post("bills/" + row.id + "/void")
-                                .then((response) => {
-                                    this.showAlert(
-                                        "success",
-                                        this.$func.__(
-                                            "Transaction has been void!",
-                                            "erp"
-                                        )
-                                    );
-                                })
-                                .catch((error) => {
-                                    throw error;
-                                });
-                        }
-                        if (row.trn_type === "pay_bill") {
-                            window.axios
-                                .post("pay-bills/" + row.id + "/void")
-                                .then((response) => {
-                                    this.showAlert(
-                                        "success",
-                                        this.$func.__(
-                                            "Transaction has been void!",
-                                            "erp"
-                                        )
-                                    );
-                                })
-                                .then(() => {
-                                    this.$router.push({ name: "Expenses" });
-                                })
-                                .catch((error) => {
-                                    throw error;
-                                });
-                        }
-                    }
-                    break;
-
-                case "to_expense":
-                    this.$router.push({
-                        name: "ExpenseEdit",
-                        params: { id: row.id },
-                        query: { convert: true },
-                    });
-                    break;
-
-                default:
-                    break;
-            }
-        },
-
-        goToPage(page) {
-            const queries = Object.assign({}, this.$route.query);
-            this.paginationData.currentPage = page;
-            this.$router.push({
-                name: "PaginateExpenses",
-                params: { page: page },
-                query: queries,
-            });
-
-            this.fetchItems();
-        },
-    },
-
-    computed: {
-        row_items() {
-            if (!this.rows.length) {
-                return this.rows;
-            }
-            let temp;
-            const items = this.rows.map((item) => {
-                switch (item.type) {
-                    case "pay_bill":
-                        temp = {
-                            id: item.id,
-                            trn_no: item.id,
-                            type: this.$func.__("Pay Bill", "erp"),
-                            trn_type: "pay_bill",
-                            ref: item.ref ? item.ref : "-",
-                            vendor_name: item.pay_bill_vendor_name,
-                            trn_date: this.formatDate(item.pay_bill_trn_date),
-                            due_date: "-",
-                            due: "-",
-                            amount: this.formatAmount(item.pay_bill_amount),
-                            status: item.status,
-                            singleView: {
-                                name: "PayBillSingle",
-                                params: { id: item.id },
-                            },
-                            actions: [
-                                {
-                                    key: "void",
-                                    label: this.$func.__("Void", "erp"),
-                                },
-                            ],
-                        };
-                        break;
-
-                    case "bill":
-                        temp = {
-                            id: item.id,
-                            trn_no: item.id,
-                            type: this.$func.__("Bill", "erp"),
-                            trn_type: "bill",
-                            ref: item.ref ? item.ref : "-",
-                            vendor_id: item.vendor_id,
-                            vendor_name: item.vendor_name,
-                            trn_date: this.formatDate(item.bill_trn_date),
-                            due_date: this.formatDate(item.due_date),
-                            due: this.formatAmount(item.due),
-                            amount: this.formatAmount(item.amount),
-                            status: item.status,
-                            singleView: {
-                                name: "BillSingle",
-                                params: { id: item.id },
-                            },
-                            actions: [
-                                {
-                                    key: "payment",
-                                    label: this.$func.__("Make Payment", "erp"),
-                                },
-                                {
-                                    key: "edit",
-                                    label: this.$func.__("Edit", "erp"),
-                                },
-                                {
-                                    key: "void",
-                                    label: this.$func.__("Void", "erp"),
-                                },
-                            ],
-                        };
-                        break;
-
-                    case "expense":
-                        temp = {
-                            id: item.id,
-                            trn_no: item.id,
-                            type: this.$func.__("Expense", "erp"),
-                            trn_type: "expense",
-                            ref: item.exp_ref ? item.exp_ref : "-",
-                            vendor_name: item.expense_people_name,
-                            trn_date: this.formatDate(item.expense_trn_date),
-                            due_date: "-",
-                            due: "-",
-                            amount: this.formatAmount(item.expense_amount),
-                            status: item.status,
-                            singleView: {
-                                name: "ExpenseSingle",
-                                params: { id: item.id },
-                            },
-                            actions: [
-                                {
-                                    key: "void",
-                                    label: this.$func.__("Void", "erp"),
-                                },
-                            ],
-                        };
-                        break;
-
-                    case "check":
-                        temp = {
-                            id: item.id,
-                            trn_no: item.id,
-                            type: this.$func.__("Check", "erp"),
-                            trn_type: "check",
-                            ref: item.ref ? item.ref : "-",
-                            vendor_name: item.expense_people_name,
-                            trn_date: this.formatDate(item.expense_trn_date),
-                            due_date: "-",
-                            due: "-",
-                            amount: this.formatAmount(item.expense_amount),
-                            status: item.status,
-                            singleView: {
-                                name: "CheckSingle",
-                                params: { id: item.id },
-                            },
-                            actions: [
-                                {
-                                    key: "void",
-                                    label: this.$func.__("Void", "erp"),
-                                },
-                            ],
-                        };
-                        break;
-
-                    default:
-                        break;
-                }
-
-                if (
-                    item.status_code === "2" ||
-                    item.status_code === "3" ||
-                    item.status_code === "5"
-                ) {
-                    temp["actions"] = [
-                        {
-                            key: "payment",
-                            label: this.$func.__("Make Payment", "erp"),
-                        },
-                        { key: "edit", label: this.$func.__("Edit", "erp") },
-                        { key: "void", label: this.$func.__("Void", "erp") },
-                    ];
-                } else if (item.status_code === "1") {
-                    temp["actions"] = [
-                        {
-                            key: "to_expense",
-                            label: this.$func.__("Make Expense", "erp"),
-                        },
-                    ];
-                } else {
-                    temp["actions"] = [
-                        {
-                            key: "#",
-                            label: this.$func.__("No actions found", "erp"),
-                        },
-                    ];
-                }
-
-                return temp;
-            });
-
-            return items;
-        },
-    },
-};
-</script>
-
-<style>
-.transactions-table .tablenav,
-.transactions-table .column-cb,
-.transactions-table .check-column {
-    display: none;
-}
-</style>
diff --git a/views/admin/expense/single.vue b/views/admin/expense/single.vue
deleted file mode 100755
index f29e733..0000000
--- a/views/admin/expense/single.vue
+++ /dev/null
@@ -1,363 +0,0 @@
-<template>
-    <div class="expense-single">
-        <div >
-            <div >
-                <h2>{{ this.$func.__("Expense", "erp") }}</h2>
-                <div class="d-print-none">
-                    <a
-                        href="#"
-                        class="btn btn-default print-btn"
-                        @click.prevent="printPopup"
-                    >
-                        <i class="flaticon-printer-1"></i>
-                        &nbsp; {{ this.$func.__("Print", "erp") }}
-                    </a>
-                    <!-- todo: more action has some dropdown and will implement later please consider as planning -->
-                    <dropdown>
-                        <template slot="button">
-                            <a href="#" class="btn btn-default">
-                                <i class="flaticon-settings-work-tool"></i>
-                                &nbsp; {{ this.$func.__("More Action", "erp") }}
-                            </a>
-                        </template>
-                        <template slot="dropdown">
-                            <ul role="menu">
-                                <li>
-                                    <a :href="pdf_link">{{
-                                        this.$func.__("Export as PDF", "erp")
-                                    }}</a>
-                                </li>
-                                <li>
-                                    <a
-                                        href="#"
-                                        @click.prevent="showModal = true"
-                                        >{{ this.$func.__("Send Mail", "erp") }}</a
-                                    >
-                                </li>
-                            </ul>
-                        </template>
-                    </dropdown>
-                </div>
-            </div>
-
-            <send-mail
-                v-if="showModal"
-                :userid="people_id"
-                :data="print_data"
-                :type="type"
-            />
-
-            <div >
-                <div class="invoice-panel">
-                    <div class="invoice-header" v-if="null != company">
-                        <div class="invoice-logo">
-                            <img
-                                :src="company.logo"
-                                alt="logo name"
-                                width="100"
-                                height="100"
-                            />
-                        </div>
-                        <div class="invoice-address">
-                            <address>
-                                <strong>{{ company.name }}</strong
-                                ><br />
-                                {{ company.address.address_1 }}<br />
-                                {{ company.address.address_2 }}<br />
-                                {{ company.address.city }}<br />
-                                {{ company.address.country }}
-                            </address>
-                        </div>
-                    </div>
-
-                    <div class="invoice-body">
-                        <h4>{{ this.$func.__("Expense", "erp") }}</h4>
-                        <div class="row" v-if="null != expense_data">
-                            <div class="col-sm-6">
-                                <div class="persons-info">
-                                    <strong>{{
-                                        expense_data.people_name
-                                    }}</strong
-                                    ><br />
-                                    {{ expense_data.address }}
-                                </div>
-                            </div>
-                            <div class="col-sm-6">
-                                <table class="invoice-info">
-                                    <tr>
-                                        <th>{{ this.$func.__("Voucher No", "erp") }}:</th>
-                                        <td>#{{ expense_data.voucher_no }}</td>
-                                    </tr>
-                                    <tr>
-                                        <th>
-                                            {{ this.$func.__("Reference No", "erp") }}:
-                                        </th>
-                                        <td>
-                                            <span v-if="expense_data.ref">
-                                                #{{ expense_data.ref }}
-                                            </span>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>
-                                            {{ this.$func.__("Transaction Date", "erp") }}:
-                                        </th>
-                                        <td>
-                                            {{ formatDate(expense_data.date) }}
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>{{ this.$func.__("Created At", "erp") }}:</th>
-                                        <td>
-                                            {{
-                                                formatDate(
-                                                    expense_data.created_at
-                                                )
-                                            }}
-                                        </td>
-                                    </tr>
-                                    <tr
-                                        v-if="
-                                            parseFloat(
-                                                expense_data.transaction_charge
-                                            )
-                                        "
-                                    >
-                                        <th>
-                                            {{
-                                                this.$func.__("Transaction Charge", "erp")
-                                            }}:
-                                        </th>
-                                        <td>
-                                            {{
-                                                expense_data.transaction_charge
-                                            }}
-                                        </td>
-                                    </tr>
-                                </table>
-                            </div>
-                        </div>
-                        <div class="row" v-if="expense_data.check_data">
-                            <div class="col-sm-12">
-                                <table>
-                                    <tr>
-                                        <th>{{ this.$func.__("Check No", "erp") }}:</th>
-                                        <td>
-                                            #{{
-                                                expense_data.check_data.check_no
-                                            }}
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>{{ this.$func.__("Bank Name", "erp") }}:</th>
-                                        <td>
-                                            {{ expense_data.check_data.bank }}
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>{{ this.$func.__("Pay To", "erp") }}:</th>
-                                        <td>
-                                            {{ expense_data.check_data.pay_to }}
-                                        </td>
-                                    </tr>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div
-                        class="invoice-table"
-                        v-if="null != expense_data"
-                    >
-                        <table
-                            class="table form-table invoice-table"
-                        >
-                            <thead>
-                                <tr>
-                                    <th>{{ this.$func.__("Sl", "erp") }}</th>
-                                    <th>{{ this.$func.__("Account", "erp") }}</th>
-                                    <th>{{ this.$func.__("Particulars", "erp") }}</th>
-                                    <th>{{ this.$func.__("Amount", "erp") }}</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr
-                                    :key="index"
-                                    v-for="(
-                                        line, index
-                                    ) in expense_data.bill_details"
-                                    class="inline-edit-row"
-                                >
-                                    <td>{{ index + 1 }}</td>
-                                    <td>{{ line.ledger_name }}</td>
-                                    <td>{{ line.particulars }}</td>
-                                    <td>{{ moneyFormat(line.amount) }}</td>
-                                </tr>
-                            </tbody>
-                            <tfoot>
-                                <tr class="inline-edit-row">
-                                    <td colspan="7">
-                                        <ul>
-                                            <li>
-                                                <span
-                                                    >{{
-                                                        this.$func.__("Subtotal", "erp")
-                                                    }}:</span
-                                                >
-                                                {{
-                                                    moneyFormat(
-                                                        expense_data.total
-                                                    )
-                                                }}
-                                            </li>
-                                            <li>
-                                                <span
-                                                    >{{
-                                                        this.$func.__("Total", "erp")
-                                                    }}:</span
-                                                >
-                                                {{
-                                                    moneyFormat(
-                                                        expense_data.total
-                                                    )
-                                                }}
-                                            </li>
-                                        </ul>
-                                    </td>
-                                </tr>
-                            </tfoot>
-                        </table>
-                    </div>
-                </div>
-
-                <trans-particulars :particulars="expense_data.particulars" />
-
-                <div class="invoice-attachments d-print-none">
-                    <h4>{{ this.$func.__("Attachments", "erp") }}</h4>
-                    <a
-                        class="attachment-item"
-                        :href="attachment"
-                        :key="index"
-                        v-for="(attachment, index) in expense_data.attachments"
-                        download
-                    >
-                        <img
-                            :src="
-                                acct_var.acct_assets + '/images/file-thumb.png'
-                            "
-                        />
-                        <div class="attachment-meta">
-                            <span>{{
-                                attachment.substring(
-                                    attachment.lastIndexOf("/") + 1
-                                )
-                            }}</span
-                            ><br />
-                            <!-- <span class="text-muted">file size</span> -->
-                        </div>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-
-export default {
-    components: {
-        SendMail: window.$func.fetchComponent('components/email/SendMail.vue'),
-        Dropdown: window.$func.fetchComponent('components/base/Dropdown.vue'),
-        TransParticulars: window.$func.fetchComponent('components/transactions/TransParticulars.vue'),
-    },
-
-    data() {
-        return {
-            company: null,
-            expense_data: { check_data: [] },
-            isWorking: false,
-            acct_var: this.$mybizna_var /* global this.$mybizna_var */,
-            print_data: null,
-            type: "expense",
-            showModal: false,
-            people_id: null,
-            pdf_link: "#",
-        };
-    },
-,
-    emits: {
-        // Validate submit event
-        close: () => {
-            this.showModal = false;
-            return true;
-        },
-    },
-
-    created() {
-        this.getCompanyInfo();
-        this.getExpense();
-    },
-
-    methods: {
-        getCompanyInfo() {
-            window.axios
-                .get(`/company`)
-                .then((response) => {
-                    this.company = response.data;
-                })
-                .then((e) => {})
-                .then(() => {
-                    this.isWorking = false;
-                });
-        },
-
-        getExpense() {
-            this.isWorking = true;
-
-            window.axios
-                .get(`/expenses/${this.$route.params.id}`)
-                .then((response) => {
-                    this.expense_data = response.data;
-                    this.people_id = this.expense_data.people_id;
-                    this.pdf_link = this.expense_data.pdf_link;
-                })
-                .catch((error) => {
-                    throw error;
-                })
-                .then((e) => {})
-                .then(() => {
-                    this.print_data = this.expense_data;
-                    this.isWorking = false;
-                });
-        },
-
-        printPopup() {
-            window.print();
-        },
-    },
-};
-</script>
-
-<style>
-.expense-single {
-    max-width: 960px;
-    margin: 0 auto;
-}
-.expense-single .modal-footer {
-    border-top: 1px solid #e2e2e2;
-}
-.expense-single .modal-header {
-    border-bottom: 1px solid #e2e2e2;
-}
-.expense-single .form-field,
-input:not(.btn) {
-    padding-top: 10px !important;
-    padding-bottom: 10px !important;
-}
-
-@media print {
-    .erp-nav-container {
-        display: none;
-    }
-}
-</style>
diff --git a/views/widgets/Expenses.vue b/views/widgets/Expenses.vue
deleted file mode 100755
index dbf3f9d..0000000
--- a/views/widgets/Expenses.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-    <div class="container">
-
-        <!-- Start .header-section -->
-        <div class="content-header-section separator">
-            <div class="row between-xs">
-                <div class="col">
-                    <h2 class="content-header__title">{{ this.$func.__('Expenses Transactions') }}</h2>
-                    <combo-box :options="pages" :hasUrl="true" :placeholder="this.$func.__('New Transaction')" />
-                </div>
-            </div>
-        </div>
-        <!-- End .header-section -->
-
-        <expenses-stats />
-
-        <transactions-filter :types="filterTypes"  :people="{title: this.$func.__('Pay to'), items: people}" />
-
-        <expenses-list />
-
-        <!-- End .crm-table -->
-    </div>
-</template>
-
-<script>
-
-
-export default {
-
-    components: {
-        ComboBox: window.$func.fetchComponent('components/select/ComboBox.vue'),
-        ExpensesStats: window.$func.fetchComponent('components/transactions/expenses/ExpensesStats.vue'),
-        ExpensesList: window.$func.fetchComponent('components/transactions/expenses/ExpensesList.vue'),
-        TransactionsFilter: window.$func.fetchComponent('components/transactions/TransactionsFilter.vue')
-    },
-
-    data() {
-        return {
-            pages: [
-                { namedRoute: 'ExpenseCreate', name: this.$func.__('Create Expense') },
-                { namedRoute: 'CheckCreate', name: this.$func.__('Create Check') },
-                { namedRoute: 'BillCreate', name: this.$func.__('Create Bill') },
-                { namedRoute: 'PayBillCreate', name: this.$func.__('Pay Bill') }
-            ],
-
-            filterTypes:[
-                {id: 'expense', name: this.$func.__('Expense')},
-                {id: 'bill', name: this.$func.__('Bill')},
-                {id: 'pay_bill', name: this.$func.__('Bill Payment')},
-                {id: 'check', name: this.$func.__('Check')}
-            ]
-        };
-    },
-    created() {
-        if(!this.people.length){
-            this.$store.dispatch('expense/fetchPeople');
-        }
-    },
-    computed: mapState({
-        people: state => state.expense.people
-    }),
-};
-</script>