fix: exlude other setting component for normal user.

This commit is contained in:
weichien
2021-05-24 11:22:14 +08:00
parent e926020b58
commit e3289b158c
+193 -191
View File
@@ -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>