-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
258d4b0
commit bd70483
Showing
4 changed files
with
241 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
71 changes: 53 additions & 18 deletions
71
src/app/shared/system-component/properties/properties.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,25 +1,60 @@ | ||
| <div ngDraggable [handle]="leftHS1" class="properties-main-container"> | ||
| <div class="properties-header-container" tabindex="0"> | ||
| <div #leftHS1 class="properties-left-header-section"> | ||
| <h1 class="properties-h1"> | ||
| <figure class="properties-figure"> | ||
| <!-- <img class="properties-img" [src]="this.icon" [alt]="this.name"/> --> | ||
| <figcaption class="properties-figcaption"> {{this.displayMgs}} </figcaption> | ||
| </figure> | ||
| </h1> | ||
| </div> | ||
| <div class="properties-right-header-section"> | ||
| <nav class="properties-nav"> | ||
| <button class="properties-button" id="closeBtn" appHighlight (click)="onCloseDialogBox()" title="Close" > | ||
| <svg class="properties-svg" width="10" viewBox="0 0 10 10"> | ||
| <path d="M10.2.7L9.5 0 5.1 4.4.7 0 0 .7l4.4 4.4L0 9.5l.7.7 4.4-4.4 4.4 4.4.7-.7-4.4-4.4z" fill = "#FFFFF"/> | ||
| </svg> | ||
| </button> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
| <div class="properties-body-container"> | ||
| <div style="width: 100%; height: 10px;"> </div> | ||
|
|
||
| <div class="properties-header-tab-container"> | ||
| <div class="properties-header-tabs"> | ||
| <div class="properties-tab active">General</div> | ||
| <div class="properties-tab">Details</div> | ||
| </div> | ||
|
|
||
| <div class="properties-header-tab-content-container"> | ||
| <div class="properties-tab-pane active"> | ||
| <div class="general-tab-containter"> | ||
| <div style="width: 100%; height: 15px;"> </div> | ||
| <div class="general-tab-section1"> | ||
| <div class="general-tab-content"> | ||
| <div class="general-tab-head"><figure class="general-tab-figure"><img class="general-tab-img" [src]="''"/></figure></div> | ||
| <div class="general-tab-mid"><p class="general-tab-p"> {{''}}</p></div> | ||
| </div> | ||
| </div> | ||
| <div class="general-tab-section2"> | ||
|
|
||
| </div> | ||
| <div class="general-tab-section3"> | ||
|
|
||
| <cos-window [runningProcessID]="0" [processAppIcon]="''" [processAppName]="''" > | ||
| <div class="main-properties-container"> | ||
| <div style="width: 100%; height: 5px;"> </div> | ||
| </div> | ||
| <div class="general-tab-section4"> | ||
|
|
||
| <div class="fileexp-header-tab-container"> | ||
| <div class="fileexp-header-tabs"> | ||
| <div class="fileexp-tab active">General</div> | ||
| <div class="fileexp-tab">Details</div> | ||
| </div> | ||
|
|
||
| <ng-container> | ||
| <div class="fileexp-header-tab-content-container"> | ||
| <div class="fileexp-tab-pane active"> | ||
| <!-- Content for Tab 1 --> | ||
| </div> | ||
| <div class="fileexp-tab-pane"> | ||
| <!-- Content for Tab 2 --> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </ng-container> | ||
| <div class="properties-tab-pane"> | ||
| <!-- Content for Tab 2 --> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </cos-window> | ||
| <div class="properties-footer-container"> | ||
|
|
||
| </div> | ||
| </div> |
35 changes: 32 additions & 3 deletions
35
src/app/shared/system-component/properties/properties.component.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,39 @@ | ||
| import { Component } from '@angular/core'; | ||
|
|
||
| import {ChangeDetectorRef, Component, Input, OnChanges, SimpleChanges} from '@angular/core'; | ||
| import { ComponentType } from 'src/app/system-files/component.types'; | ||
| @Component({ | ||
| selector: 'cos-properties', | ||
| templateUrl: './properties.component.html', | ||
| styleUrl: './properties.component.css' | ||
| }) | ||
| export class PropertiesComponent { | ||
|
|
||
| export class PropertiesComponent implements OnChanges { | ||
|
|
||
| @Input() inputMsg = ''; | ||
|
|
||
| propertyId = 0; | ||
| type = ComponentType.System; | ||
| displayMgs = ''; | ||
|
|
||
|
|
||
| constructor(private changeDetectorRef: ChangeDetectorRef){ | ||
| this.propertyId = this.generatePropertyId(); | ||
| } | ||
|
|
||
|
|
||
| ngOnChanges(changes: SimpleChanges):void{ | ||
| //console.log('DIALOG onCHANGES:',changes); | ||
| this.displayMgs = this.inputMsg; | ||
| } | ||
|
|
||
|
|
||
| onCloseDialogBox():void{ | ||
| //this._notificationServices.closeDialogBoxNotify.next(this.propertyId); | ||
| } | ||
|
|
||
| private generatePropertyId(): number{ | ||
| const min = Math.ceil(500); | ||
| const max = Math.floor(999); | ||
| return Math.floor(Math.random() * (max - min + 1)) + min; | ||
| } | ||
|
|
||
| } |