From e3289b158c2720f0e2813be952dc4d13e5cd5174 Mon Sep 17 00:00:00 2001
From: weichien <weichien00@gmail.com>
Date: Mon, 24 May 2021 11:22:14 +0800
Subject: [PATCH] fix: exlude other setting component for normal user.

---
 resources/views/pages/settings.blade.php | 384 ++++++++++++-----------
 1 file changed, 193 insertions(+), 191 deletions(-)

diff --git a/resources/views/pages/settings.blade.php b/resources/views/pages/settings.blade.php
index ffb471ce..6bbb779a 100644
--- a/resources/views/pages/settings.blade.php
+++ b/resources/views/pages/settings.blade.php
@@ -199,219 +199,221 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="row tabsContainer hide tabContent" tab-name="currency">
-                            <div class="col">
-                                <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('currenciesSection')"></loading-component>
-                                <div class="row" v-show="!$store.getters.isLoading('currenciesSection')">
-                                    <div class="col">
-                                        <div class="row m-b-20">
-                                            <div class="col p-b-15 b-b b-grey">
-                                                <div class="font-heading all-caps fs-10 hint-text">
-                                                    System's Active Currencies
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row m-b-20">
-                                            <div class="col">
-                                                <div class="row m-l-0 m-r-0 m-b-10">
-                                                    <div class="col-auto p-l-0">
-                                                        <div class="font-heading all-caps fs-10 hint-text muted">
-                                                            Primary Currency
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="row m-l-0 m-r-0">
-                                                    <div class="col-3 bg-master-lightest p-t-20 p-b-20">
-                                                        <primary-currency-component></primary-currency-component>
+                        <template v-if="$store.getters.isSuperAdmin">
+                            <div class="row tabsContainer hide tabContent" tab-name="currency">
+                                <div class="col">
+                                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('currenciesSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('currenciesSection')">
+                                        <div class="col">
+                                            <div class="row m-b-20">
+                                                <div class="col p-b-15 b-b b-grey">
+                                                    <div class="font-heading all-caps fs-10 hint-text">
+                                                        System's Active Currencies
                                                     </div>
                                                 </div>
                                             </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col">
-                                                <div class="row m-l-0 m-r-0 m-b-10">
-                                                    <div class="col-auto p-l-0">
-                                                        <div class="font-heading all-caps fs-10 hint-text muted">
-                                                            Convertible Currency
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="row m-l-0 m-r-0">
-                                                    <div class="col">
-                                                        <convertible-currencies-component></convertible-currencies-component>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="row tabsContainer hide tabContent" tab-name="bank">
-                            <div class="col">
-                                <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('banksSection')"></loading-component>
-                                <div class="row" v-show="!$store.getters.isLoading('banksSection')">
-                                    <div class="col">
-                                        <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
-                                            <div class="col">
-                                                <div class="font-heading all-caps fs-10 hint-text">
-                                                    Company's Bank Accounts
-                                                </div>
-                                            </div>
-                                            <div class="col-auto">
-                                                <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
-                                                    <i class="fa fa-plus m-r-5"></i>
-                                                    Add New Bank Account
-                                                </button>
-                                                <modal-form-component section="banksSection">
-                                                    <template slot="form" slot-scope="{section}">
-                                                        <bank-account-form-component :section="section"></bank-account-form-component>
-                                                    </template>
-                                                </modal-form-component>
-                                            </div>
-                                        </div>
-                                        <div class="row m-b-20">
-                                            <div class="col">
-                                                <list-component section="banksSection" :endpoint="route('api.bank.list')" :options="{'company_id': 1}">
-                                                    <template slot="list" slot-scope="{data}">
-                                                        <bank-account-component :data="data"></bank-account-component>
-                                                    </template>
-                                                </list-component>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="row tabsContainer hide tabContent" tab-name="supplier">
-                            <div class="col">
-                                <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('suppliersSection')"></loading-component>
-                                <div class="row" v-show="!$store.getters.isLoading('suppliersSection')">
-                                    <div class="col">
-                                        <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
-                                            <div class="col">
-                                                <div class="font-heading all-caps fs-10 hint-text">
-                                                    Currency Suppliers
-                                                </div>
-                                            </div>
-                                            <div class="col-auto">
-                                                <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
-                                                    <i class="fa fa-plus m-r-5"></i>
-                                                    Create Supplier
-                                                </button>
-                                                <modal-form-component section="suppliersSection">
-                                                    <template slot="form" slot-scope="{section}">
-                                                        <supplier-form-component :section="section"></supplier-form-component>
-                                                    </template>
-                                                </modal-form-component>
-                                            </div>
-                                        </div>
-                                        <div class="row m-b-20">
-                                            <div class="col">
-                                                <list-component section="suppliersSection" :endpoint="route('api.company.list')" :options="{'business_type': 3}">
-                                                    <template slot="list" slot-scope="{data}">
-                                                        <supplier-component :data="data"></supplier-component>
-                                                    </template>
-                                                </list-component>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="row tabsContainer hide tabContent" tab-name="standardSegment">
-                            <div class="col">
-                                <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('suppliersSection')"></loading-component>
-                                <div class="row" v-show="!$store.getters.isLoading('suppliersSection')">
-                                    <div class="col">
-                                        <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
-                                            <div class="col">
-                                                <div class="font-heading all-caps fs-12 hint-text">
-                                                    Service Configuration
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row m-b-20">
-                                            <div class="col">
-                                                <div class="row align-items-center parentContainer">
-                                                    <div class="col-auto m-r-50">
-                                                        <div class="row m-b-5">
-                                                            <div class="col">
-                                                                <div class="font-heading fs-9 all-caps muted">Payment Attempt Duration Limit</div>
+                                            <div class="row m-b-20">
+                                                <div class="col">
+                                                    <div class="row m-l-0 m-r-0 m-b-10">
+                                                        <div class="col-auto p-l-0">
+                                                            <div class="font-heading all-caps fs-10 hint-text muted">
+                                                                Primary Currency
                                                             </div>
                                                         </div>
-                                                        <payment-attempt-component :segment_id="1"></payment-attempt-component>
                                                     </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row m-b-20 parentContainer">
-                                            <div class="col">
-                                                <div class="row align-items-center m-l-0 m-r-0 m-b-10 p-b-5 b-b b-grey">
-                                                    <div class="col p-l-0">
-                                                        <div class="font-heading all-caps fs-10 hint-text muted">
-                                                            Exchange Services
+                                                    <div class="row m-l-0 m-r-0">
+                                                        <div class="col-3 bg-master-lightest p-t-20 p-b-20">
+                                                            <primary-currency-component></primary-currency-component>
                                                         </div>
                                                     </div>
-                                                    <div class="col-auto p-r-0">
-                                                        <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
-                                                            <i class="fa fa-plus m-r-5"></i>
-                                                            Create New Service
-                                                        </button>
-                                                        <modal-form-component size="large" section="serviceTypeSection">
-                                                            <template slot="form" slot-scope="{section}">
-                                                                <service-form-component :section="section"></service-form-component>
-                                                            </template>
-                                                        </modal-form-component>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col">
+                                                    <div class="row m-l-0 m-r-0 m-b-10">
+                                                        <div class="col-auto p-l-0">
+                                                            <div class="font-heading all-caps fs-10 hint-text muted">
+                                                                Convertible Currency
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row m-l-0 m-r-0">
+                                                        <div class="col">
+                                                            <convertible-currencies-component></convertible-currencies-component>
+                                                        </div>
                                                     </div>
                                                 </div>
-                                                <list-component section="serviceTypeSection" :endpoint="route('api.service_type.list')">
-                                                    <template slot="list" slot-scope="{data}">
-                                                        <service-component :data="data"></service-component>
-                                                    </template>
-                                                </list-component>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                        <div class="row tabsContainer hide tabContent" tab-name="customSegment">
-                            <div class="col">
-                                <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('segmentsSection')"></loading-component>
-                                <div class="row" v-show="!$store.getters.isLoading('segmentsSection')">
-                                    <div class="col">
-                                        <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
-                                            <div class="col">
-                                                <div class="font-heading all-caps fs-10 hint-text">
-                                                    Custom Segments
+                            <div class="row tabsContainer hide tabContent" tab-name="bank">
+                                <div class="col">
+                                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('banksSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('banksSection')">
+                                        <div class="col">
+                                            <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
+                                                <div class="col">
+                                                    <div class="font-heading all-caps fs-10 hint-text">
+                                                        Company's Bank Accounts
+                                                    </div>
+                                                </div>
+                                                <div class="col-auto">
+                                                    <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
+                                                        <i class="fa fa-plus m-r-5"></i>
+                                                        Add New Bank Account
+                                                    </button>
+                                                    <modal-form-component section="banksSection">
+                                                        <template slot="form" slot-scope="{section}">
+                                                            <bank-account-form-component :section="section"></bank-account-form-component>
+                                                        </template>
+                                                    </modal-form-component>
                                                 </div>
                                             </div>
-                                            <div class="col-auto">
-                                                <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
-                                                    <i class="fa fa-plus m-r-5"></i>
-                                                    Create Segment
-                                                </button>
-                                                <modal-form-component section="segmentsSection">
-                                                    <template slot="form" slot-scope="{section}">
-                                                        <segment-form-component :section="section"></segment-form-component>
-                                                    </template>
-                                                </modal-form-component>
-                                            </div>
-                                        </div>
-                                        <div class="row m-b-20">
-                                            <div class="col">
-                                                <list-component section="segmentsSection" :endpoint="route('api.segment.list')" :options="{'type': 2}">
-                                                    <template slot="list" slot-scope="{data}">
-                                                        <segment-component :data="data"></segment-component>
-                                                    </template>
-                                                </list-component>
+                                            <div class="row m-b-20">
+                                                <div class="col">
+                                                    <list-component section="banksSection" :endpoint="route('api.bank.list')" :options="{'company_id': 1}">
+                                                        <template slot="list" slot-scope="{data}">
+                                                            <bank-account-component :data="data"></bank-account-component>
+                                                        </template>
+                                                    </list-component>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                        </div>
+                            <div class="row tabsContainer hide tabContent" tab-name="supplier">
+                                <div class="col">
+                                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('suppliersSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('suppliersSection')">
+                                        <div class="col">
+                                            <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
+                                                <div class="col">
+                                                    <div class="font-heading all-caps fs-10 hint-text">
+                                                        Currency Suppliers
+                                                    </div>
+                                                </div>
+                                                <div class="col-auto">
+                                                    <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
+                                                        <i class="fa fa-plus m-r-5"></i>
+                                                        Create Supplier
+                                                    </button>
+                                                    <modal-form-component section="suppliersSection">
+                                                        <template slot="form" slot-scope="{section}">
+                                                            <supplier-form-component :section="section"></supplier-form-component>
+                                                        </template>
+                                                    </modal-form-component>
+                                                </div>
+                                            </div>
+                                            <div class="row m-b-20">
+                                                <div class="col">
+                                                    <list-component section="suppliersSection" :endpoint="route('api.company.list')" :options="{'business_type': 3}">
+                                                        <template slot="list" slot-scope="{data}">
+                                                            <supplier-component :data="data"></supplier-component>
+                                                        </template>
+                                                    </list-component>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row tabsContainer hide tabContent" tab-name="standardSegment">
+                                <div class="col">
+                                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('suppliersSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('suppliersSection')">
+                                        <div class="col">
+                                            <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
+                                                <div class="col">
+                                                    <div class="font-heading all-caps fs-12 hint-text">
+                                                        Service Configuration
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row m-b-20">
+                                                <div class="col">
+                                                    <div class="row align-items-center parentContainer">
+                                                        <div class="col-auto m-r-50">
+                                                            <div class="row m-b-5">
+                                                                <div class="col">
+                                                                    <div class="font-heading fs-9 all-caps muted">Payment Attempt Duration Limit</div>
+                                                                </div>
+                                                            </div>
+                                                            <payment-attempt-component :segment_id="1"></payment-attempt-component>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row m-b-20 parentContainer">
+                                                <div class="col">
+                                                    <div class="row align-items-center m-l-0 m-r-0 m-b-10 p-b-5 b-b b-grey">
+                                                        <div class="col p-l-0">
+                                                            <div class="font-heading all-caps fs-10 hint-text muted">
+                                                                Exchange Services
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-auto p-r-0">
+                                                            <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
+                                                                <i class="fa fa-plus m-r-5"></i>
+                                                                Create New Service
+                                                            </button>
+                                                            <modal-form-component size="large" section="serviceTypeSection">
+                                                                <template slot="form" slot-scope="{section}">
+                                                                    <service-form-component :section="section"></service-form-component>
+                                                                </template>
+                                                            </modal-form-component>
+                                                        </div>
+                                                    </div>
+                                                    <list-component section="serviceTypeSection" :endpoint="route('api.service_type.list')">
+                                                        <template slot="list" slot-scope="{data}">
+                                                            <service-component :data="data"></service-component>
+                                                        </template>
+                                                    </list-component>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row tabsContainer hide tabContent" tab-name="customSegment">
+                                <div class="col">
+                                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('segmentsSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('segmentsSection')">
+                                        <div class="col">
+                                            <div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
+                                                <div class="col">
+                                                    <div class="font-heading all-caps fs-10 hint-text">
+                                                        Custom Segments
+                                                    </div>
+                                                </div>
+                                                <div class="col-auto">
+                                                    <button class="btn btn-xs btn-primary b-rad-none requestModal" data-type="createModal">
+                                                        <i class="fa fa-plus m-r-5"></i>
+                                                        Create Segment
+                                                    </button>
+                                                    <modal-form-component section="segmentsSection">
+                                                        <template slot="form" slot-scope="{section}">
+                                                            <segment-form-component :section="section"></segment-form-component>
+                                                        </template>
+                                                    </modal-form-component>
+                                                </div>
+                                            </div>
+                                            <div class="row m-b-20">
+                                                <div class="col">
+                                                    <list-component section="segmentsSection" :endpoint="route('api.segment.list')" :options="{'type': 2}">
+                                                        <template slot="list" slot-scope="{data}">
+                                                            <segment-component :data="data"></segment-component>
+                                                        </template>
+                                                    </list-component>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>                        
                     </div>
                 </div>
             </div>