mirror of
https://gitlab.com/walljm/dynamicbible.git
synced 2025-07-23 23:39:50 -04:00
tweak performance
hook up verse picker
This commit is contained in:
parent
ee28beb886
commit
216cf880e5
@ -7,3 +7,7 @@
|
|||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
mat-sidenav-content {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
@ -43,6 +43,9 @@ mat-card {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-content {
|
.search-content {
|
||||||
height: calc(100vh - 5.5rem);
|
|
||||||
padding: 0 1rem 0 1rem;
|
padding: 0 1rem 0 1rem;
|
||||||
|
overflow-y: scroll;
|
||||||
|
height: calc(100vh - 66px);
|
||||||
|
width: calc(100% - 15px);
|
||||||
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
@ -2,7 +2,7 @@ import { Component, OnInit, HostListener } from '@angular/core';
|
|||||||
import { ActivatedRoute } from '@angular/router';
|
import { ActivatedRoute } from '@angular/router';
|
||||||
import { Observable } from 'rxjs';
|
import { Observable } from 'rxjs';
|
||||||
import { FormControl } from '@angular/forms';
|
import { FormControl } from '@angular/forms';
|
||||||
import { map, startWith } from 'rxjs/operators';
|
import { map } from 'rxjs/operators';
|
||||||
import { AppService } from 'src/app/services/app.service';
|
import { AppService } from 'src/app/services/app.service';
|
||||||
import { NavService } from 'src/app/services/nav.service';
|
import { NavService } from 'src/app/services/nav.service';
|
||||||
import { OpenData, CardItem } from 'src/app/models/app-state';
|
import { OpenData, CardItem } from 'src/app/models/app-state';
|
||||||
@ -36,13 +36,8 @@ export class SearchPage implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.suggestions$ = this.searchControl.valueChanges.pipe(
|
this.suggestions$ = this.searchControl.valueChanges.pipe(
|
||||||
startWith(''),
|
|
||||||
map((value) => this.getSearchItems(value))
|
map((value) => this.getSearchItems(value))
|
||||||
);
|
);
|
||||||
|
|
||||||
// this.appService.state$.subscribe((state) => {
|
|
||||||
// console.log(state);
|
|
||||||
// });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
launchPicker() {
|
launchPicker() {
|
||||||
|
@ -33,6 +33,9 @@ export class VersePickerModalComponent {
|
|||||||
|
|
||||||
setChapter(chapter: number) {
|
setChapter(chapter: number) {
|
||||||
// close the control, trigger the passage event.
|
// close the control, trigger the passage event.
|
||||||
|
this.appService.getNewPassage(
|
||||||
|
new BibleReference(this.book.name + ' ' + chapter)
|
||||||
|
);
|
||||||
this.dialogRef.close();
|
this.dialogRef.close();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -98,14 +98,12 @@ function reducer(state: AppState, action: AppAction): AppState {
|
|||||||
case 'UPDATE_CARD': {
|
case 'UPDATE_CARD': {
|
||||||
return {
|
return {
|
||||||
...state,
|
...state,
|
||||||
cards: [
|
cards: state.cards.map((c) => {
|
||||||
...state.cards.map((c) => {
|
if (c === action.oldCard) {
|
||||||
if (c === action.oldCard) {
|
return action.newCard;
|
||||||
return action.newCard;
|
}
|
||||||
}
|
return c;
|
||||||
return c;
|
}),
|
||||||
}),
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
case 'REMOVE_CARD': {
|
case 'REMOVE_CARD': {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user