WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

top buttons

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-08-22 10:51:34 -04:00
parent 87e2d555e4
commit d6abdd707c
2 changed files with 81 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/dash-toptool/dash-toptool.component.html
+73 -33
View File
@@ -1,33 +1,73 @@
<ion-toolbar class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">
<ion-buttons slot="secondary">
<ion-button
*ngIf="walletDescription !='' "
style="border-radius: 10px; font-weight: bolder;"
fill="solid"
color="primary"
(click)="myWallet()">
<ion-icon slot="end" name="wallet"></ion-icon>
{{walletDescription}}
</ion-button>
<ion-button
*ngIf="walletDescription =='' "
style="border-radius: 10px; font-weight: bolder;"
fill="solid"
color="primary"
(click)="myWallet()">
<ion-icon slot="end" name="wallet"></ion-icon>
Wallet
</ion-button>
</ion-buttons>
<ion-buttons slot="primary" *ngIf="active_job_count != 0">
<ion-button
style="border-radius: 15px;
font-weight: bolder"
fill="solid"
color="primary" (click)="myJobs(1)">
My Jobs
<ion-icon slot="end" name="list"></ion-icon>
</ion-button>
</ion-buttons>
<!-- <ion-title>{{walletDescription}}</ion-title>-->
</ion-toolbar>
<!--<ion-toolbar class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">-->
<!-- <ion-buttons slot="secondary">-->
<!-- <ion-button-->
<!-- *ngIf="walletDescription !='' "-->
<!-- style="border-radius: 10px; font-weight: bolder;"-->
<!-- fill="solid"-->
<!-- color="primary"-->
<!-- (click)="myWallet()">-->
<!-- <ion-icon slot="end" name="wallet"></ion-icon>-->
<!-- {{walletDescription}}-->
<!-- </ion-button>-->
<!-- <ion-button-->
<!-- *ngIf="walletDescription =='' "-->
<!-- style="border-radius: 10px; font-weight: bolder;"-->
<!-- fill="solid"-->
<!-- color="primary"-->
<!-- (click)="myWallet()">-->
<!-- <ion-icon slot="end" name="wallet"></ion-icon>-->
<!-- Wallet-->
<!-- </ion-button>-->
<!-- </ion-buttons>-->
<!-- <ion-buttons slot="primary" *ngIf="active_job_count != 0">-->
<!-- <ion-button-->
<!-- style="border-radius: 15px;-->
<!-- font-weight: bolder"-->
<!-- fill="solid"-->
<!-- color="primary" (click)="myJobs(1)">-->
<!-- My Jobs-->
<!-- <ion-icon slot="end" name="list"></ion-icon>-->
<!-- </ion-button>-->
<!-- </ion-buttons>-->
<!-- &lt;!&ndash; <ion-title>{{walletDescription}}</ion-title>&ndash;&gt;-->
<!--</ion-toolbar>-->
<div class="top-tool" style="width: 100%; display: flex;" class="top-tool" *ngIf="walletDescription !='' || active_job_count != 0">
<div style="text-align: left; width: 50%;">
<ion-button
*ngIf="walletDescription !='' "
style="border-radius: 10px; font-weight: bolder;"
fill="solid"
shape="round"
size="small"
color="primary"
(click)="myWallet()">
<ion-icon slot="end" name="wallet"></ion-icon>
{{walletDescription}}
</ion-button>
<ion-button
*ngIf="walletDescription =='' "
style="border-radius: 10px; font-weight: bolder;"
fill="solid"
shape="round"
size="small"
color="primary"
(click)="myWallet()">
<ion-icon slot="end" name="wallet"></ion-icon>
Wallet
</ion-button>
</div>
<div style="text-align: right; width: 50%;">
<ion-button
*ngIf="active_job_count != 0"
style="border-radius: 15px;
font-weight: bolder"
fill="solid"
shape="round"
size="small"
color="primary" (click)="myJobs(1)">
My Jobs
<ion-icon slot="end" name="list"></ion-icon>
</ion-button>
</div>
</div>
src/app/components/dash-toptool/dash-toptool.component.scss
+8
View File
@@ -1,4 +1,12 @@
.top-tool{
//position: sticky;
//top: 0;
// z-index: 100;
width: 100vw;
display: flex;
overflow-y: auto;
background-color: #f1f5f5;
--background: #e9f1f1;
border-radius: 10px;
ion-buttons{