| Arundathi Patil | d71ba83 | 2019-10-11 12:33:57 +0530 | [diff] [blame] | 1 | <!-- <div id="myholder"></div> --> |
| 2 | <div style="background-color: black; color: white; height: 75px; width:100%; font-size: 2em; margin-bottom: 3px"> |
| 3 | CDS DESIGNER POC |
| 4 | <button (click)="convertGraphToJson()">Save</button> |
| 5 | </div> |
| 6 | <div style="display: flex;flex-direction:row; height: 700PX"> |
| 7 | <div id="stencil" style="width: 30%;height: 100%;border: 1px solid; border-radius:0.5em; background-color: gainsboro"></div> |
| 8 | <div style="width: 70%; height: 100%;"> |
| 9 | <div style="position: fixed;width: 200px;background-color: gainsboro;height: 36px;z-index: 2;"> |
| 10 | <button *ngIf="!sourceMode" style="border-radius: 0.5em;width: 6em;height: 2.5em;border: 2px solid black;" (click)="convertGraphToJson()">Source</button> |
| 11 | <button *ngIf="sourceMode" style="border-radius: 0.5em;width: 6em;height: 2.5em;border: 2px solid black;" (click)="convertJsonToGraph()">Graph</button> |
| 12 | <i (click) ="zoomIn()" class="fa fa-search-plus" aria-hidden="true"></i> |
| 13 | <i (click) ="zoomOut()" class="fa fa-search-minus" aria-hidden="true"></i> |
| 14 | </div> |
| 15 | <div [hidden]="sourceMode" id="paper" style="height: 100%;"></div> |
| 16 | <div id="sourceJson" [hidden]="!sourceMode"style="width: 100%; height: 100%;"><textarea style="margin-top: 4em; |
| 17 | width: 100%; |
| 18 | height: 100%;">{{grapJson}}</textarea></div> |
| 19 | </div> |
| 20 | <div id="propertyPanel" style="width: 20%; height: 100%; background-color: white"> |
| 21 | <div style="background-color: gainsboro;height:28px">Attributes</div> |
| 22 | <div style="height: 100px;padding: 10px"> |
| 23 | Action Name<br/> |
| 24 | <input type="text" [(ngModel)]="selectedElement.attributes.attrs.label.text" (change)="setNewValue($event)"/> |
| 25 | </div> |
| 26 | <div> |
| 27 | <div style="background-color: gainsboro;height:28px">Input</div> |
| 28 | |
| 29 | </div> |
| 30 | </div> |
| 31 | </div> |