88 <nuxt-link :to =" nav.link" v-for =" nav in navs" :key =" nav.title" >
99 <span :class =" { 'active' : $nuxt.$route.path === nav.link}" class =" badge py-2 px-3 pointer mx-1" >
1010 <i class =" fas" :class =" nav.icon" ></i >
11- <span v-if =" $nuxt.$route.path === nav.link" >
11+ <span v-if =" $nuxt.$route.path === nav.link" class = " mr-2 " >
1212 {{ nav.title }}
1313 </span >
1414 </span >
1515 </nuxt-link >
16- <!-- <nuxt-link to="/supermarket">
17- <span :class="{ 'active' : $nuxt.$route.path === '/supermarket'}" class="badge py-2 px-3 pointer">
18- <i class="fas fa-home"></i>
19- </span>
20- </nuxt-link>
21-
22- <nuxt-link to="/supermarket/new-order">
23- <span :class="{ 'active' : $nuxt.$route.path === '/supermarket/new-order'}" class="badge py-2 px-3 pointer">
24- <i class="fas fa-cash-register"></i>
25- </span>
26- </nuxt-link>
27-
28- <nuxt-link to="/supermarket/control">
29- <span :class="{ 'active' : $nuxt.$route.path === '/supermarket/control'}" class="badge py-2 px-3 pointer">
30- <i class="fas fa-list-ul"></i>
31- </span>
32- </nuxt-link>
33-
34- <nuxt-link to="/supermarket/analytics">
35- <span :class="{ 'active' : $nuxt.$route.path === '/supermarket/analytics'}" class="badge py-2 px-3 pointer">
36- <i class="fas fa-chart-pie"></i>
37- </span>
38- </nuxt-link>
39-
40- <nuxt-link to="/supermarket/services">
41- <span :class="{ 'active' : $nuxt.$route.path === '/supermarket/services'}" class="badge py-2 px-3 pointer">
42- <i class="fas fa-cubes"></i>
43- </span>
44- </nuxt-link>
45-
46- <nuxt-link to="/supermarket/settings">
47- <span :class="{ 'active' : $nuxt.$route.path === '/supermarket/settings'}" class="badge py-2 px-3 pointer">
48- <i class="fas fa-cog"></i>
49- </span>
50- </nuxt-link> -->
5116 </div >
5217
5318 </div >
5419 <div class =" col-6" >
5520 <div dir =" ltr" class =" text-white ml-3 d-flex align-items-center" >
5621 <div dir =" rtl" class =" d-flex" >
57- <!-- <div class="mr-1">
58- <div class="fs-5 px-3">{{ datetime }}</div>
59- </div> -->
60-
6122 <div class =" mr-1" >
6223
6324 <!-- Is Updating -->
8849 </nuxt-link>
8950 </div> -->
9051
91- <div class =" mr-3 group-links p-1 r-1" >
92- <span @click =" minimize" v-b-tooltip.hover.bottom title =" تصغير" class =" badge py-2 px-3 pointer" >
93- <i class =" fas fa-window-minimize" ></i >
94- </span >
95- <span @click =" maximize" v-b-tooltip.hover.bottom title =" تكبير" class =" badge py-2 px-3 pointer" >
96- <i class =" fas fa-window-maximize" ></i >
97- </span >
98- <span @click =" exit" v-b-tooltip.hover.bottom title =" الخروج من النظام" class =" badge py-2 px-3 pointer text-danger-h" >
99- <i class =" fas fa-window-close" ></i >
100- </span >
101- </div >
52+ <UtilitiesTitleBarManagement class =" mr-3" />
10253 </div >
10354 </div >
10455 </div >
11162<script >
11263import { mapMutations , mapGetters , mapActions , mapState } from " vuex" ;
11364const { remote , ipcRenderer } = require (" electron" );
114- var win = remote .BrowserWindow .getFocusedWindow ();
11565
11666export default {
11767 computed: {
@@ -137,23 +87,6 @@ export default {
13787 // setInterval(this.getNow, 1000);
13888 },
13989 methods: {
140- maximize () {
141- win .maximize ();
142- },
143- minimize () {
144- win .minimize ();
145- },
146- exit () {
147- this .$dialog
148- .confirm (" هل انت متأكد من إغلاق النظام؟" , {
149- okText: " متأكد" ,
150- cancelText: " الغاء" ,
151- reverse: false ,
152- })
153- .then (() => {
154- remote .app .exit ();
155- });
156- },
15790 updateCompleted () {
15891 ipcRenderer .send (" restart_app" );
15992 },
@@ -195,44 +128,4 @@ div {
195128 );
196129 transition : 0.15s ease-in-out ;
197130}
198- .nav-pills .nav-link.active ,
199- .nav-pills .show > .nav-link {
200- background-color : $tb-1 ;
201- border-radius : 0.3rem ;
202- color : #ffffff ;
203- }
204-
205- .nav-pills .nav-link ,
206- .nav-pills > .nav-link {
207- color : #ffffff ;
208- transition : 0.3s ;
209- margin : 0 1px ;
210- & :hover {
211- background-color : $tb-1 ;
212- }
213- }
214-
215- .signout-icon {
216- transform : scale (-1 );
217- }
218-
219- .pointer :hover {
220- cursor : pointer ;
221- }
222-
223- .btn-icon-label {
224- transition : 0.2s ease-in ;
225- background : $tb-1 !important ;
226- .pointer :hover {
227- background : $tb-2 !important ;
228- }
229- }
230-
231- .active {
232- background : $tb-2 !important ;
233- }
234-
235- .group-links {
236- @extend .btn-icon-label ;
237- }
238131 </style >
0 commit comments