Noded/frontend
3
0
Fork 0
Code Issues 47 Pull Requests Releases Wiki Activity

add sidebar buttons

Browse Source
This commit is contained in:
garrettmills 2020-02-08 14:10:05 -06:00
parent 38445f3e70
commit 868262bb18
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/app.component.html
View File

@ -11,6 +11,11 @@
<ion-list> <ion-list>
<ion-list-header> <ion-list-header>
Navigate Navigate
<ion-buttons class="ion-padding-end">
<ion-button fill="outline" color="light"><ion-icon color="primary" name="add-circle"></ion-icon></ion-button>
<ion-button fill="outline" color="light"><ion-icon color="primary" name="add-circle"></ion-icon>&nbsp;<span style="color: #666;">Child</span></ion-button>
<ion-button fill="outline" color="light"><ion-icon color="danger" name="trash"></ion-icon></ion-button>
</ion-buttons>
</ion-list-header> </ion-list-header>
<tree-root [nodes]="nodes" [options]="options"></tree-root> <tree-root [nodes]="nodes" [options]="options"></tree-root>
@ -34,4 +39,4 @@
</ion-content> </ion-content>
</div> </div>
</ion-split-pane> </ion-split-pane>
</ion-app> </ion-app>

5
src/app/app.component.ts
View File

@ -5,6 +5,7 @@ import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx';
import { ApiService } from './service/api.service'; import { ApiService } from './service/api.service';
import {Router} from '@angular/router'; import {Router} from '@angular/router';
import { TREE_ACTIONS } from 'angular-tree-component';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
@ -21,6 +22,10 @@ export class AppComponent implements OnInit {
console.log({tree, node, $event}); console.log({tree, node, $event});
const id = node.data.id; const id = node.data.id;
this.router.navigate(['/editor', {id}]); this.router.navigate(['/editor', {id}]);
},
click: (tree, node, $event) => {
console.log('click', {tree, node, $event});
TREE_ACTIONS.FOCUS(tree, node, $event);
} }
} }
} }