diff options
author | Stone, Avi (as206k) <as206k@att.com> | 2018-04-12 16:36:39 +0300 |
---|---|---|
committer | Stone, Avi (as206k) <as206k@att.com> | 2018-04-12 16:36:39 +0300 |
commit | 9b2ceb347a3371819fcad6bbe2268203afecaf4e (patch) | |
tree | fbb5ea2c147d71dfeeec0882b215423e7b7206b4 /public/src/app/rule-frame | |
parent | 72dc8e3298d3e4315cdd9717b778671cb0b625bc (diff) |
DCAE-D fe initial commit
DCAE-D fe initial commit
Change-Id: Ica8ccb7c7ef769c969664d1e168d205eb9fc67f2
Issue-ID: SDC-1218
Signed-off-by: Stone, Avi (as206k) <as206k@att.com>
Diffstat (limited to 'public/src/app/rule-frame')
-rw-r--r-- | public/src/app/rule-frame/rule-frame.component.html | 19 | ||||
-rw-r--r-- | public/src/app/rule-frame/rule-frame.component.scss | 10 | ||||
-rw-r--r-- | public/src/app/rule-frame/rule-frame.component.ts | 35 |
3 files changed, 64 insertions, 0 deletions
diff --git a/public/src/app/rule-frame/rule-frame.component.html b/public/src/app/rule-frame/rule-frame.component.html new file mode 100644 index 0000000..10f3032 --- /dev/null +++ b/public/src/app/rule-frame/rule-frame.component.html @@ -0,0 +1,19 @@ +<div style="position: relative; display: flex; justify-content: flex-end; height: 100%;"> + + <div *ngIf="!tabName.includes('map')" style="margin: 1em;"> + <app-bar-icons [tabName]="tabName"></app-bar-icons> + </div> + + <!-- rule engine --> + <div style="width: 100%;" *ngIf="tabName.includes('map')"> + <app-slide-panel [activePane]="store.isLeftVisible ? 'left' : 'right'"> + <div leftPane style="height: 100%; overflow: auto;"> + <app-rule-list></app-rule-list> + </div> + <div rightPane style="height: 100%; overflow: auto;"> + <app-action-list></app-action-list> + </div> + </app-slide-panel> + </div> + +</div> diff --git a/public/src/app/rule-frame/rule-frame.component.scss b/public/src/app/rule-frame/rule-frame.component.scss new file mode 100644 index 0000000..2a95e01 --- /dev/null +++ b/public/src/app/rule-frame/rule-frame.component.scss @@ -0,0 +1,10 @@ +.frame { + display: block; + width: 100vw; + height: 100vh; + max-width: 100%; + margin: 0; + padding: 0; + border: 0 none; + box-sizing: border-box; +} diff --git a/public/src/app/rule-frame/rule-frame.component.ts b/public/src/app/rule-frame/rule-frame.component.ts new file mode 100644 index 0000000..4d5f999 --- /dev/null +++ b/public/src/app/rule-frame/rule-frame.component.ts @@ -0,0 +1,35 @@ +import { Component, OnDestroy, Input, ViewChild } from '@angular/core'; +import { Store } from '../store/store'; +import { BarIconsComponent } from '../bar-icons/bar-icons.component'; + +@Component({ + selector: 'app-rule-frame', + templateUrl: './rule-frame.component.html', + styleUrls: ['./rule-frame.component.scss'] +}) +export class RuleFrameComponent implements OnDestroy { + expandSetting = false; + configuration; + mappingTarget: string; + showHeaderBtn = true; + @Input() tabName: string; + // @ViewChild(BarIconsComponent) barFormsRef: BarIconsComponent; + + constructor(public store: Store) { + this.store.isLeftVisible = true; + } + + ngOnDestroy() {} + + onChangeMapping(configurationKey) { + console.log('changing ifrmae entry', configurationKey); + } + + isPropertyDdl(property) { + return property.hasOwnProperty('constraints'); + } + + enableSetting() { + this.expandSetting = !this.expandSetting; + } +} |