1 <app-header></app-header>
2 <tour-step-template></tour-step-template>
3 <div class="new-wrapper">
4 <div class="container-fluid main-container">
5 <header class="page-title" style="padding: 16px 30px 12px;">
7 <h2 class="col m-0 pb-0">
8 <ul class="breadcrumb-header">
9 <li><a routerLink="/packages">CBA Packages</a></li>
10 <i class="fa fa-angle-right ml-2 mr-2"></i>
14 <div class="col profile-help">
15 <nav class="navbar navbar-expand-lg navbar-light">
16 <ul class="navbar-nav ml-auto">
18 <div class="nav-item copyright">v1.0.0</div>
20 <div class="nav-item dropdown helpMenu">
21 <input class="dropdown-toggle" type="text">
22 <div class="dropdown-text"><i class="icon-info" aria-hidden="true"></i></div>
23 <ul class="dropdown-content">
25 <i class="icon-get_started" aria-hidden="true"></i>
27 <input id="clicker3" type="checkbox" />
30 <span>Quick steps to help you get started</span>
35 <i class="icon-get_started" aria-hidden="true"></i>
37 <input id="clicker3" [checked]="startTour" type="checkbox" />
40 <span>Quick steps to help you get started</span>
45 <a href="https://wiki.onap.org/display/DW/CDS+Designer+Guide" target="_blank">
46 <i class="icon-user_guide" aria-hidden="true"></i>
49 <span>CDS Designer's User Guide</span>
56 <div class="nav-item dropdown userMenu">
57 <input class="dropdown-toggle" type="text">
58 <div class="dropdown-text"><img src="../assets/img/img-user.jpeg" align="right"></div>
59 <ul class="dropdown-content">
61 <a href="#">Username</a>
64 <a href="#">Settings</a>
67 <a href="#">Projects</a>
70 <a href="#">Log out</a>
80 <div class="container-fluid body-container">
81 <ngx-ui-loader></ngx-ui-loader>
82 <div class="container">
83 <div class="creat-action-container">
84 <!-- <a class="action-button save" [hidden]="!isSaveEnabled" (click)="saveBluePrint()">
85 <i class="icon-save-sm" aria-hidden="true"></i>
87 <button tourAnchor="packageSave" (click)="saveBluePrint()" [disabled]="!isSaveEnabled"
88 class="action-button save" aria-hidden="true"><i class="icon-save-sm" aria-hidden="true"></i>
89 <span>Save</span></button>
96 <div class="nav nav-tabs " id="nav-tab" role="tablist">
97 <a (click)="openTourGuide('metadataTab')" tourAnchor="metadataTab" class="nav-item nav-link active"
98 id="nav-metadata-tab" data-toggle="tab" href="#nav-metadata" role="tab" aria-controls="nav-metadata"
99 aria-selected="false" autofocus #nameit (focusout)="saveMetaData()" [classList]="metadataClasses">METADATA</a>
102 <a (click)="openTourGuide('tm-templateTab')" tourAnchor="tm-templateTab" class="nav-item nav-link"
103 id="nav-template-tab" data-toggle="tab" href="#nav-template" role="tab" aria-controls="nav-template"
104 aria-selected="false">TEMPLATE &
106 <a (click)="openTourGuide('st-scriptsTab')" tourAnchor="st-scriptsTab" class="nav-item nav-link"
107 id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts" role="tab" aria-controls="nav-scripts"
108 aria-selected="false">SCRIPTS</a>
109 <!-- <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
110 role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a> -->
111 <a (click)="openTourGuide('dslTab')" tourAnchor="dslTab" class="nav-item nav-link"
112 id="nav-authentication-tab" data-toggle="tab" href="#nav-authentication" role="tab"
113 aria-controls="nav-authentication" aria-selected="false">DSL PROPERTIES</a>
118 <div class="row mt-4">
120 <div class="tab-content" id="nav-tabContent">
121 <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
122 aria-labelledby="nav-metadata-tab">
123 <app-metadata-tab></app-metadata-tab>
125 <div class="tab-pane fade" id="nav-template" role="tabpanel" aria-labelledby="nav-template-tab">
126 <app-template-mapping></app-template-mapping>
128 <div class="tab-pane fade" id="nav-scripts" role="tabpanel" aria-labelledby="nav-scripts-tab">
129 <app-scripts-tab></app-scripts-tab>
131 <div class="tab-pane fade" id="nav-imports" role="tabpanel" aria-labelledby="nav-imports-tab">
132 <app-imports-tab></app-imports-tab>
135 <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
136 aria-labelledby="nav-authentication-tab">
137 <div class="card creat-card">
138 <div class="editor-container">
139 <app-dsl-definitions-tab></app-dsl-definitions-tab>