de81e2394c45f362125868cb155a8017f5e0b3da
[ccsdk/cds.git] / cds-ui / client / src / app / feature-modules / resource-definition / resource-edit / resource-edit.component.html
1 <!--/*
2 * ============LICENSE_START=======================================================
3 * ONAP : CDS
4 * ================================================================================
5 * Copyright (C) 2019 TechMahindra
6 *=================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
10 *
11 *     http://www.apache.org/licenses/LICENSE-2.0
12 *
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
19 */-->
20
21
22 <button (click) ="changeView()" class="toggle-view-btn">{{viewText}}</button>
23 <br><br>
24 <div *ngIf="designerMode">
25    <mat-card class="metadata-card">
26         <mat-card-header>
27             <mat-card-title>Resource Metadata</mat-card-title>
28         </mat-card-header>
29         <mat-card-content>
30             <app-resource-metadata (resourcesData)="metaDataDetail($event)"></app-resource-metadata>
31         </mat-card-content>
32     </mat-card>
33
34         <mat-card class="sources-card">
35         <mat-card-header>
36           <mat-card-title>
37                 Sources
38           </mat-card-title>
39         </mat-card-header>
40         <mat-card-content>
41                 <app-sources-template (resourcesData)="sourcesDetails($event)"></app-sources-template>
42         </mat-card-content>
43     </mat-card>
44 </div>
45
46 <div *ngIf="editorMode">
47         <json-editor  class="jsoneditor" *ngIf="editorMode" [options]="options" [data]="resources" on-change="onChange($event)"></json-editor>
48 </div>
49  
50 <div class="btn"> 
51         <button mat-button matStepperPrevious>Back</button></div>
52 <div class="btn">
53         <button mat-button matStepperNext type="submit" (click)="updateResourcesState()">Upload</button>
54 </div>