From 413fb8b94e460c27aab9619b18a392ec6cd81b9b Mon Sep 17 00:00:00 2001 From: garrettmills Date: Wed, 14 Oct 2020 08:47:03 -0500 Subject: [PATCH] Centralize node type icons --- src/app/app.component.ts | 9 ++------- .../editor/node-picker/node-picker.component.ts | 10 ++-------- src/app/components/search/Search.component.ts | 8 ++------ src/app/pages/editor/editor.page.ts | 12 ++---------- src/app/structures/node-types.ts | 10 ++++++++++ 5 files changed, 18 insertions(+), 31 deletions(-) create mode 100644 src/app/structures/node-types.ts diff --git a/src/app/app.component.ts b/src/app/app.component.ts index be9d1a5..82ad08a 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -12,6 +12,7 @@ import {OptionMenuComponent} from './components/option-menu/option-menu.componen import {SelectorComponent} from './components/sharing/selector/selector.component'; import {SessionService} from './service/session.service'; import {SearchComponent} from './components/search/Search.component'; +import {NodeTypeIcons} from './structures/node-types'; @Component({ selector: 'app-root', @@ -64,13 +65,7 @@ export class AppComponent implements OnInit { } }; - public typeIcons = { - branch: 'fa fa-folder', - node: 'fa fa-quote-left', - page: 'fa fa-sticky-note', - db: 'fa fa-database', - code: 'fa fa-code', - }; + public typeIcons = NodeTypeIcons; public get appName(): string { return this.session.appName || 'Noded'; diff --git a/src/app/components/editor/node-picker/node-picker.component.ts b/src/app/components/editor/node-picker/node-picker.component.ts index 8505c05..fa8c4db 100644 --- a/src/app/components/editor/node-picker/node-picker.component.ts +++ b/src/app/components/editor/node-picker/node-picker.component.ts @@ -1,5 +1,6 @@ import { Component, OnInit } from '@angular/core'; import {PopoverController} from '@ionic/angular'; +import {NodeTypeIcons} from '../../../structures/node-types'; @Component({ selector: 'editor-node-picker', @@ -8,14 +9,7 @@ import {PopoverController} from '@ionic/angular'; }) export class NodePickerComponent implements OnInit { - public typeIcons = { - branch: 'fa fa-folder', - node: 'fa fa-quote-left', - norm: 'fa fa-quote-left', - page: 'fa fa-sticky-note', - db: 'fa fa-database', - code: 'fa fa-code', - }; + public typeIcons = NodeTypeIcons; constructor( private popover: PopoverController, diff --git a/src/app/components/search/Search.component.ts b/src/app/components/search/Search.component.ts index 3ec8aec..30348a3 100644 --- a/src/app/components/search/Search.component.ts +++ b/src/app/components/search/Search.component.ts @@ -3,6 +3,7 @@ import {IonInput, ModalController} from '@ionic/angular'; import {ApiService} from '../../service/api.service'; import {BehaviorSubject} from 'rxjs'; import {Router} from '@angular/router'; +import {NodeTypeIcons} from '../../structures/node-types'; export interface SearchResult { title: string; @@ -26,12 +27,7 @@ export class SearchComponent implements OnInit { @Input() query = ''; public results: BehaviorSubject = new BehaviorSubject([]); - public typeIcons = { - node: 'fa fa-quote-left', - page: 'fa fa-sticky-note', - db: 'fa fa-database', - code: 'fa fa-code', - }; + public typeIcons = NodeTypeIcons; constructor( protected modal: ModalController, diff --git a/src/app/pages/editor/editor.page.ts b/src/app/pages/editor/editor.page.ts index 06a7c1d..556008b 100644 --- a/src/app/pages/editor/editor.page.ts +++ b/src/app/pages/editor/editor.page.ts @@ -7,6 +7,7 @@ import {LoadingController, PopoverController} from '@ionic/angular'; import {NodePickerComponent} from '../../components/editor/node-picker/node-picker.component'; import {HostOptionsComponent} from '../../components/editor/host-options/host-options.component'; import {EditorService} from '../../service/editor.service'; +import {NodeTypeIcons} from '../../structures/node-types'; @Component({ selector: 'app-editor', @@ -17,16 +18,7 @@ export class EditorPage implements OnInit { // @ViewChildren('editorHosts') editorHosts; // @ViewChild('titleBar') titleBar; - public typeIcons = { - branch: 'fa fa-folder', - node: 'fa fa-quote-left', - norm: 'fa fa-quote-left', - page: 'fa fa-sticky-note', - db: 'fa fa-database', - database_ref: 'fa fa-database', - code: 'fa fa-code', - code_ref: 'fa fa-code', - }; + public typeIcons = NodeTypeIcons; @Input() pageId: string; public pageName = ''; diff --git a/src/app/structures/node-types.ts b/src/app/structures/node-types.ts new file mode 100644 index 0000000..703adc1 --- /dev/null +++ b/src/app/structures/node-types.ts @@ -0,0 +1,10 @@ +export const NodeTypeIcons = { + branch: 'fa fa-folder', + node: 'fa fa-quote-left', + norm: 'fa fa-quote-left', + page: 'fa fa-sticky-note', + db: 'fa fa-database', + database_ref: 'fa fa-database', + code: 'fa fa-code', + code_ref: 'fa fa-code', +};