cief/portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/portal.git synced 2026-08-19 04:23:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor updates

Browse Source
This commit is contained in:
omair saleh
2020-09-09 16:00:29 +08:00
parent e8baf99a62
commit a00d066c1a
87 changed files with 99 additions and 5991 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/scripts.js
Vendored
+9
View File
@@ -26,6 +26,15 @@ $(function() {
if(type){ $(this).parents('.parentContainer').find('.modalContainer[data-type="'+type+'"]').modal('show'); }
});
$('body').on('click', '.tabButton', function(){
let tabName = $(this).attr('tab-name');
$(this).closest('.tabsContainer').find('.tabButton').not($(this).closest('.tabsContainer').find('.tabsContainer .tabButton')).removeClass('active');
$(this).addClass('active');
$(this).closest('.tabsContainer').find('.tabContent:not(.hide)').not($(this).closest('.tabsContainer').find('.tabsContainer .tabContent')).addClass('hide');
$(this).closest('.tabsContainer').find('.tabContent[tab-name="'+tabName+'"]').not($(this).closest('.tabsContainer').find('.tabsContainer .tabContent')).removeClass('hide');
});
if($('#maintenanceContainer').length >0 ){
VANTA.BIRDS({
el: "#maintenanceContainer",
resources/assets/sass/modules/_tabs_accordian.scss
Vendored
+8
View File
@@ -753,4 +753,12 @@
display: none;
}
}
}
.tabButton {
cursor: pointer;
&.active {
background-color: #ffffff !important;
cursor: default;
}
}
resources/assets/vue/components/importer/sections/ImporterDashboardComponent.vue
+79 -36
View File
@@ -50,12 +50,12 @@
<onboarding-section-component :data="company"></onboarding-section-component>
</div>
</div>
<div class="row" >
<div class="row tabsContainer" >
<div class="col">
<div class="row m-b-20 m-l-0 m-r-0">
<div class="col">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-white" style=" border-color: #d2d2d2; ">
<div class="col padding-25 bg-master-lighter active tabButton" tab-name="orders" style=" border-color: #d2d2d2; ">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -74,7 +74,7 @@
</div>
<div class="col pointer">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter b-r" style=" border-color: #d2d2d2; ">
<div class="col padding-25 bg-master-lighter b-r tabButton" tab-name="billing" style=" border-color: #d2d2d2; ">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -93,7 +93,7 @@
</div>
<div class="col pointer">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter b-r" style=" border-color: #d2d2d2; ">
<div class="col padding-25 bg-master-lighter b-r tabButton" tab-name="settings" style=" border-color: #d2d2d2; ">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -112,7 +112,7 @@
</div>
<div class="col pointer">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter">
<div class="col padding-25 bg-master-lighter tabButton" tab-name="settings">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -130,7 +130,7 @@
</div>
</div>
</div>
<div class="row m-l-0 m-r-0" v-if="false">
<div class="row m-l-0 m-r-0 tabContent" tab-name="orders">
<div class="col">
<div class="row">
<div class="col-auto">
@@ -226,10 +226,10 @@
</div>
</div>
</div>
<div class="row no-margin">
<div class="row no-margin tabsContainer tabContent hide" tab-name="settings">
<div class="col-auto">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-white">
<div class="row fs-12 text-center b-b" style=" border-color: #d2d2d2; ">
<div class="col padding-25 bg-master-lighter active tabButton" tab-name="address-book">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -246,7 +246,7 @@
</div>
</div>
<div class="row fs-12 text-center b-b" style=" border-color: #d2d2d2; ">
<div class="col padding-25 bg-master-lighter">
<div class="col padding-25 bg-master-lighter tabButton" tab-name="contacts">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -263,7 +263,7 @@
</div>
</div>
<div class="row fs-12 text-center b-b" style=" border-color: #d2d2d2; ">
<div class="col padding-25 bg-master-lighter">
<div class="col padding-25 bg-master-lighter tabButton" tab-name="team">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -280,7 +280,7 @@
</div>
</div>
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter">
<div class="col padding-25 bg-master-lighter tabButton" tab-name="company-profile">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -298,39 +298,82 @@
</div>
</div>
<div class="col p-r-0">
<div class="row m-t-20 m-b-20">
<div class="row tabContent" tab-name="address-book">
<div class="col">
<div class="row m-t-20 m-b-20">
<div class="col">
<div class="row">
<div class="col">
<h6 class="all-caps bold hint-text no-margin">Address Book</h6>
</div>
</div>
<div class="row fs-13">
<div class="col">
<small class="muted all-caps">Here you manage all your business delivery addresses</small>
</div>
</div>
</div>
<div class="col-4">
<div class="row m-b-15 parentContainer">
<div class="col">
<div class="btn btn-xs btn-success btn-block all-caps b-rad-none p-t-10 p-b-10 requestModal" data-type="createModal">Create New Address</div>
<modal-form-component section="addressSection">
<template slot="form" slot-scope="{section}">
<address-form-component :section="section" :id="id"></address-form-component>
</template>
</modal-form-component>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h6 class="all-caps bold hint-text no-margin">Address Book</h6>
</div>
</div>
<div class="row fs-13">
<div class="col">
<small class="muted all-caps">Here you manage all your business delivery addresses</small>
</div>
</div>
</div>
<div class="col-4">
<div class="row m-b-15 parentContainer">
<div class="col">
<div class="btn btn-xs btn-success btn-block all-caps b-rad-none p-t-10 p-b-10 requestModal" data-type="createModal">Create New Address</div>
<modal-form-component section="addressSection">
<template slot="form" slot-scope="{section}">
<address-form-component :section="section" :id="id"></address-form-component>
<list-component key="2" section="addressSection" :endpoint="route('api.address.list')">
<template slot="list" slot-scope="{data}">
<address-component :data="data"></address-component>
</template>
</modal-form-component>
</list-component>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row tabContent hide" tab-name="contacts">
<div class="col">
<list-component key="2" section="addressSection" :endpoint="route('api.address.list')">
<template slot="list" slot-scope="{data}">
<address-component :data="data"></address-component>
</template>
</list-component>
<div class="row m-t-20 m-b-20">
<div class="col">
<div class="row">
<div class="col">
<h6 class="all-caps bold hint-text no-margin">Contacts</h6>
</div>
</div>
<div class="row fs-13">
<div class="col">
<small class="muted all-caps">Here you manage all your business contacts</small>
</div>
</div>
</div>
<div class="col-4">
<div class="row m-b-15 parentContainer">
<div class="col">
<div class="btn btn-xs btn-success btn-block all-caps b-rad-none p-t-10 p-b-10 requestModal" data-type="createModal">Create New Address</div>
<modal-form-component section="addressSection">
<template slot="form" slot-scope="{section}">
<address-form-component :section="section" :id="id"></address-form-component>
</template>
</modal-form-component>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<list-component key="2" section="addressSection" :endpoint="route('api.address.list')">
<template slot="list" slot-scope="{data}">
<address-component :data="data"></address-component>
</template>
</list-component>
</div>
</div>
</div>
</div>
</div>