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

sliders

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-08-27 17:51:08 -04:00
parent e2b489e492
commit fd6619c997
8 changed files with 41 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/redeem/redeem.page.html
+17 -7
View File
@@ -11,7 +11,7 @@
<ion-label class="bold_text">{{currency_description}} Wallet</ion-label>
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
</div>
<ion-label class="color_text">Balance: {{curr_balance}} {{currency_description}}</ion-label>
<ion-label class="color_text">Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>
<ion-segment [(ngModel)]="tabs">
@@ -55,13 +55,23 @@
<ion-input label="Total" type="number" placeholder="0" [(ngModel)]='total' [readonly]="true"></ion-input>
</ion-item>
<ion-item>
<ion-label>Recipient</ion-label>
<!-- <ion-item>-->
<!-- <ion-select-option value="" >Select Recipient</ion-select-option>-->
<!--&lt;!&ndash; <ion-select placeholder="Select Recipient" [(ngModel)]='recipient' size="block">&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash; <ion-select-option value="" >Select Recipient</ion-select-option>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash; <ion-select-option value="{{item.recipient_uid}}" *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>&ndash;&gt;-->
<!--&lt;!&ndash; </ion-select>&ndash;&gt;-->
<!--&lt;!&ndash; <ion-label>{{recipient_name}}</ion-label>&ndash;&gt;-->
<!-- </ion-item>-->
<ion-select label="Recipient" placeholder="Select Recipient" [(ngModel)]='recipient'>
<div>
<ion-select placeholder="Select Recipient" [(ngModel)]='recipient' size="block">
<!-- <ion-select-option value="" >Select Recipient</ion-select-option>-->
<ion-select-option value="{{item.recipient_uid}}" *ngFor="let item of myRecipientsData">{{item.recipient}}</ion-select-option>
</ion-select>
</ion-item>
<ion-label>{{recipient_name}}</ion-label>
</div>
</ion-list>
<ion-button expand="block" color="secondary" (click)="contineRedeem()">Continue</ion-button>
@@ -95,7 +105,7 @@
</ion-item>
<ion-item>
<ion-label>Recipient</ion-label>
<ion-label>To:</ion-label>
<ion-label>{{recipient_name}}</ion-label>
</ion-item>
</ion-list>
@@ -118,7 +128,7 @@
<ion-list>
<ion-item>
<ion-label>Amount({{currency_code}})</ion-label>
<ion-input label="Fee" type="number" placeholder="0" value="{{amount}}" [readonly]="true"></ion-input>
<ion-input label="Amount" type="number" placeholder="0" value="{{amount| number : '1.2-2'}}" [readonly]="true"></ion-input>
</ion-item>
<ion-item>
src/app/pages/slider/slider-routing.module.ts
-8
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
src/app/pages/slider/slider.module.ts
-8
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
src/app/pages/slider/slider.page.html
+14 -21
View File
@@ -1,36 +1,29 @@
<!--
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
-->
<ion-content class="ion-padding">
<div class="main-content">
<ion-slides pager="ios">
<ion-slide>
<div class="slide_div">
<div class="slide_img" [style.backgroundImage]="'url(assets/images/start_slider_1.jpg)'">
</div>
<ion-label class="head_lbl">Earn performing tasks.</ion-label>
<ion-label class="text">User-friendly interface, extensive resources, and interactive features to simplify your expertise and build connections.</ion-label>
</div>
</ion-slide>
<ion-slide>
<div class="slide_div">
<div class="slide_img" [style.backgroundImage]="'url(assets/images/start_slider_2.jpg)'">
</div>
<ion-label class="head_lbl">Set,Reward Accomplishment.</ion-label>
<ion-label class="text">Exceptional value to your Intellectual skills</ion-label>
<ion-label class="head_lbl">Set Goals and Reward.</ion-label>
<ion-label class="text sl1">Earn without stress! Browse, Complete, and get Paid</ion-label>
</div>
</ion-slide>
<ion-slide>
<div class="slide_div">
<div class="slide_img" [style.backgroundImage]="'url(assets/images/slider.jpeg)'">
<div class="slide_img" [style.backgroundImage]="'url(assets/images/start_slider_1.jpg)'">
</div>
<ion-label class="head_lbl">Let's start earning.</ion-label>
<ion-label class="text">An Intelligence Platform to Earn</ion-label>
<ion-label class="head_lbl">Plan Rewards.</ion-label>
<ion-label class="text sl1"> WrenchBoard is the platform to set goals and rewards or any other tasks. </ion-label>
</div>
</ion-slide>
<ion-slide>
<div class="slide_div">
<div class="slide_img" [style.backgroundImage]="'url(assets/images/start_slider_3.jpg)'">
</div>
<ion-label class="head_lbl">Let's Start.</ion-label>
<ion-label class="text sl1">Everything is ready to start rewarding goals.</ion-label>
</div>
</ion-slide>
</ion-slides>
src/app/pages/slider/slider.page.scss
+9 -13
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
.main-content {
width: 100%;
height: 95vh;
@@ -32,23 +24,27 @@
background-repeat: no-repeat !important;
display: flex;
justify-content: center;
border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 10px 10px;
}
.head_lbl {
font-size: 28px;
font-size: 26px;
display: block;
font-family: "bold";
padding-bottom: 16px;
}
.text {
font-size: 14px;
//font-size: 14px;
display: block;
color: var(--ion-color-medium);
// color: var(--ion-color-medium);
}
}
.sl1{
color: #5086ba;
font-weight: bolder;
font-size: 16px;
}
.footer {
padding: 0px 20px;
src/app/pages/slider/slider.page.spec.ts
-8
View File
@@ -1,11 +1,3 @@
/*
Authors : initappz (Rahul Jograna)
Website : https://initappz.com/
App Name : E-Learning App Template
This App Template Source code is licensed as per the
terms found in the Website https://initappz.com/license
Copyright and Good Faith Purchasers © 2021-present initappz.
*/
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
src/app/pages/transaction/transaction.page.html
+1 -1
View File
@@ -10,7 +10,7 @@
<ion-card *ngFor="let item of walletData; let i = index">
<ion-card-header>
<ion-card-title>{{item.description}}</ion-card-title>
<ion-card-subtitle> <span class="balance_line">Balance {{item.amount*0.01}} </span></ion-card-subtitle>
<ion-card-subtitle> <span class="balance_line">Balance {{item.amount*0.01 | number : '1.2-2'}} </span></ion-card-subtitle>
</ion-card-header>
<ion-card-content>
src/assets/images/start_slider_3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 194 KiB