zaphar/dynamicbible
1
0
Fork 0
mirror of https://gitlab.com/walljm/dynamicbible.git synced 2025-07-27 01:19:52 -04:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Adjusted the font size of the settings, add some icons

Browse Source
This commit is contained in:
walljm 2018-03-04 18:21:24 -05:00
parent 4de4039d6e
commit ec9707e6de
4 changed files with 33 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
DynamicBibleIonic/src/pages/search/search.html
View File

@ -12,14 +12,14 @@
<ion-list> <ion-list>
<button ion-item menuClose="actions" (click)="addPage()"> <button ion-item menuClose="actions" (click)="addPage()">
<ion-icon name="bookmarks" item-left></ion-icon>Save Current Results as New Page <ion-icon name="bookmarks" item-left></ion-icon>Save Results as New Page
</button> </button>
<button *ngIf="title !== 'Search'" ion-item menuClose="actions" (click)="updatePage()"> <button *ngIf="title !== 'Search'" ion-item menuClose="actions" (click)="updatePage()">
<ion-icon name="arrow-up" item-left></ion-icon>Update Page with current Results <ion-icon name="arrow-up" item-left></ion-icon>Update Page with Results
</button> </button>
</ion-list> </ion-list>
<ion-list-header>Search Settings</ion-list-header> <ion-list-header><ion-icon name="search" item-left></ion-icon>Search Settings</ion-list-header>
<ion-item> <ion-item>
<ion-label>Show Strongs as Modal</ion-label> <ion-label>Show Strongs as Modal</ion-label>
<ion-toggle color="dark" [(ngModel)]="this.profileService.profile().strongs_modal" (ionChange)="this.profileService.localSave()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="this.profileService.profile().strongs_modal" (ionChange)="this.profileService.localSave()"></ion-toggle>
@ -37,7 +37,7 @@
<ion-toggle color="dark" [(ngModel)]="this.profileService.profile().insert_next_to_item" (ionChange)="this.profileService.localSave()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="this.profileService.profile().insert_next_to_item" (ionChange)="this.profileService.localSave()"></ion-toggle>
</ion-item> </ion-item>
<ion-list-header>Display Settings</ion-list-header> <ion-list-header><ion-icon name="browsers" item-left></ion-icon>Display Settings</ion-list-header>
<ion-item> <ion-item>
<ion-label>Each Verse on New Line</ion-label> <ion-label>Each Verse on New Line</ion-label>
<ion-toggle color="dark" [(ngModel)]="this.profileService.profile().verses_on_new_line" (ionChange)="this.profileService.localSave()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="this.profileService.profile().verses_on_new_line" (ionChange)="this.profileService.localSave()"></ion-toggle>
@ -55,13 +55,13 @@
<ion-toggle color="dark" [(ngModel)]="profileService.profile().show_paragraph_headings" (ionChange)="this.profileService.localSave()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().show_paragraph_headings" (ionChange)="this.profileService.localSave()"></ion-toggle>
</ion-item> </ion-item>
<ion-list-header>Profile Settings</ion-list-header> <ion-list-header><ion-icon name="sync" item-left></ion-icon>Profile Settings</ion-list-header>
<ion-item> <ion-item>
<ion-label>Sync Search Items</ion-label> <ion-label>Sync Search Items</ion-label>
<ion-toggle color="dark" [(ngModel)]="profileService.profile().sync_search_items" (ionChange)="this.profileService.localSave()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().sync_search_items" (ionChange)="this.profileService.localSave()"></ion-toggle>
</ion-item> </ion-item>
<ion-list-header>Adjust Text</ion-list-header> <ion-list-header><ion-icon name="text" item-left></ion-icon>Adjust Text</ion-list-header>
<ion-list> <ion-list>
<ion-item> <ion-item>
<ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="this.profileService.profile().font_size" (ionChange)="textSizeChanged()"> <ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="this.profileService.profile().font_size" (ionChange)="textSizeChanged()">
@ -71,16 +71,16 @@
</ion-item> </ion-item>
</ion-list> </ion-list>
<ion-list-header>Login/Logout</ion-list-header> <ion-list-header><ion-icon name="log-in" item-left></ion-icon>Login/Logout</ion-list-header>
<ng-template [ngIf]="!profileService.currentUser()"> <ng-template [ngIf]="!profileService.currentUser()">
<ion-item> <ion-item center>
<button ion-button (click)="profileService.authenticate()">Login With Google</button> <button ion-button full (click)="profileService.authenticate()">Login With Google</button>
</ion-item> </ion-item>
</ng-template> </ng-template>
<ng-template [ngIf]="profileService.currentUser()"> <ng-template [ngIf]="profileService.currentUser()">
<ion-item> <ion-item center>
<button ion-button (click)="profileService.logout()">Logout</button> <button ion-button full (click)="profileService.logout()">Logout</button>
</ion-item> </ion-item>
</ng-template> </ng-template>
</ion-content> </ion-content>

11
DynamicBibleIonic/src/pages/search/search.scss
View File

@ -25,12 +25,6 @@ body {
} }
} }
ion-content {
.scroll-content {
}
}
.card { .card {
h2 { h2 {
font-size: 1.2em; font-size: 1.2em;
@ -48,3 +42,8 @@ ion-content {
.item ion-icon[item-left]+.item-inner { .item ion-icon[item-left]+.item-inner {
margin-left: 6px; margin-left: 6px;
} }
#actions ion-label
{
font-size: .9em;
}

32
DynamicBibleIonic/src/pages/settings/settings.html
View File

@ -8,18 +8,8 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<ng-template [ngIf]="profileService.profile()"> <ng-template [ngIf]="profileService.profile()">
<h4>Search Settings</h4>
{{profileService.isWeb}} : {{profileService.url}} <ion-list-header><ion-icon name="search" item-left></ion-icon>Search Settings</ion-list-header>
<ng-template [ngIf]="!profileService.currentUser()">
<ion-item>
<button ion-button (click)="profileService.authenticate()">Login With Google</button>
</ion-item>
</ng-template>
<ng-template [ngIf]="profileService.currentUser()">
<ion-item>
<button ion-button (click)="profileService.logout()">Logout</button>
</ion-item>
</ng-template>
<ion-item> <ion-item>
<ion-label>Show Strongs as Modal</ion-label> <ion-label>Show Strongs as Modal</ion-label>
<ion-toggle color="dark" [(ngModel)]="profileService.profile().strongs_modal" (ionChange)="save()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().strongs_modal" (ionChange)="save()"></ion-toggle>
@ -37,7 +27,7 @@
<ion-toggle color="dark" [(ngModel)]="profileService.profile().insert_next_to_item" (ionChange)="save()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().insert_next_to_item" (ionChange)="save()"></ion-toggle>
</ion-item> </ion-item>
<ion-list-header>Display Settings</ion-list-header> <ion-list-header><ion-icon name="browsers" item-left></ion-icon>Display Settings</ion-list-header>
<ion-item> <ion-item>
<ion-label>Each Verse on New Line</ion-label> <ion-label>Each Verse on New Line</ion-label>
<ion-toggle color="dark" [(ngModel)]="profileService.profile().verses_on_new_line" (ionChange)="save()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().verses_on_new_line" (ionChange)="save()"></ion-toggle>
@ -55,13 +45,13 @@
<ion-toggle color="dark" [(ngModel)]="profileService.profile().show_paragraph_headings" (ionChange)="save()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().show_paragraph_headings" (ionChange)="save()"></ion-toggle>
</ion-item> </ion-item>
<ion-list-header>Profile Settings</ion-list-header> <ion-list-header><ion-icon name="sync" item-left></ion-icon>Profile Settings</ion-list-header>
<ion-item> <ion-item>
<ion-label>Sync Search Items</ion-label> <ion-label>Sync Search Items</ion-label>
<ion-toggle color="dark" [(ngModel)]="profileService.profile().sync_search_items" (ionChange)="save()"></ion-toggle> <ion-toggle color="dark" [(ngModel)]="profileService.profile().sync_search_items" (ionChange)="save()"></ion-toggle>
</ion-item> </ion-item>
<h4>Adjust Text</h4> <ion-list-header><ion-icon name="text" item-left></ion-icon>Adjust Text</ion-list-header>
<ion-list> <ion-list>
<ion-item> <ion-item>
<ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="profileService.profile().font_size" (ionChange)="textSizeChanged()"> <ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="profileService.profile().font_size" (ionChange)="textSizeChanged()">
@ -71,6 +61,18 @@
</ion-item> </ion-item>
</ion-list> </ion-list>
<ion-list-header><ion-icon name="log-in" item-left></ion-icon>Login/Logout</ion-list-header>
<ng-template [ngIf]="!profileService.currentUser()">
<ion-item>
<button ion-button block (click)="profileService.authenticate()">Login With Google</button>
</ion-item>
</ng-template>
<ng-template [ngIf]="profileService.currentUser()">
<ion-item>
<button ion-button block (click)="profileService.logout()">Logout</button>
</ion-item>
</ng-template>
<h4>Manage Pages</h4> <h4>Manage Pages</h4>
<ion-list> <ion-list>
<ion-item *ngFor="let p of profileService.profile().saved_pages"> <ion-item *ngFor="let p of profileService.profile().saved_pages">

3
DynamicBibleIonic/src/pages/settings/settings.scss
View File

@ -1,3 +0,0 @@
page-settings {
}