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 dropdown helpMenu">
19 <input class="dropdown-toggle" type="text">
20 <div class="dropdown-text"><i class="icon-info" aria-hidden="true"></i></div>
21 <ul class="dropdown-content">
23 <i class="icon-get_started" aria-hidden="true"></i>
25 <input id="clicker3" [checked]="startTour" type="checkbox" />
28 <span>Quick steps to help you get started</span>
33 <a href="https://wiki.onap.org/display/DW/CDS+Designer+Guide" target="_blank">
34 <i class="icon-user_guide" aria-hidden="true"></i>
37 <span>CDS Designer's User Guide</span>
44 <div class="nav-item dropdown userMenu">
45 <input class="dropdown-toggle" type="text">
46 <div class="dropdown-text"><img src="../assets/img/img-user.jpeg" align="right"></div>
47 <ul class="dropdown-content">
49 <a href="#">Username</a>
52 <a href="#">Settings</a>
55 <a href="#">Projects</a>
58 <a href="#">Log out</a>
68 <div class="container-fluid body-container">
69 <div class="container">
70 <div class="creat-action-container">
71 <!-- <a class="action-button save" [hidden]="!isSaveEnabled" (click)="saveBluePrint()">
72 <i class="icon-save-sm" aria-hidden="true"></i>
74 <button tourAnchor="packageSave" (click)="saveBluePrint()" [disabled]="!isSaveEnabled"
75 class="action-button save" aria-hidden="true"><i class="icon-save-sm" aria-hidden="true"></i>
76 <span>Save</span></button>
83 <div class="nav nav-tabs " id="nav-tab" role="tablist">
84 <a (click)="openTourGuide('metadataTab')" tourAnchor="metadataTab" class="nav-item nav-link active"
85 id="nav-metadata-tab" data-toggle="tab" href="#nav-metadata" role="tab" aria-controls="nav-metadata"
86 aria-selected="false" autofocus #nameit (focusout)="saveMetaData()" [classList]="metadataClasses">METADATA</a>
89 <a (click)="openTourGuide('tm-templateTab')" tourAnchor="tm-templateTab" class="nav-item nav-link"
90 id="nav-template-tab" data-toggle="tab" href="#nav-template" role="tab" aria-controls="nav-template"
91 aria-selected="false">TEMPLATE &
93 <a (click)="openTourGuide('st-scriptsTab')" tourAnchor="st-scriptsTab" class="nav-item nav-link"
94 id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts" role="tab" aria-controls="nav-scripts"
95 aria-selected="false">SCRIPTS</a>
96 <!-- <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
97 role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a> -->
98 <a (click)="openTourGuide('dslTab')" tourAnchor="dslTab" class="nav-item nav-link"
99 id="nav-authentication-tab" data-toggle="tab" href="#nav-authentication" role="tab"
100 aria-controls="nav-authentication" aria-selected="false">EXTERNAL
101 SYSTEM AUTHENTICATION
107 <div class="row mt-4">
109 <div class="tab-content" id="nav-tabContent">
110 <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
111 aria-labelledby="nav-metadata-tab">
112 <app-metadata-tab></app-metadata-tab>
114 <div class="tab-pane fade" id="nav-template" role="tabpanel" aria-labelledby="nav-template-tab">
115 <app-template-mapping></app-template-mapping>
117 <div class="tab-pane fade" id="nav-scripts" role="tabpanel" aria-labelledby="nav-scripts-tab">
118 <app-scripts-tab></app-scripts-tab>
120 <div class="tab-pane fade" id="nav-imports" role="tabpanel" aria-labelledby="nav-imports-tab">
121 <app-imports-tab></app-imports-tab>
124 <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
125 aria-labelledby="nav-authentication-tab">
126 <div class="card creat-card">
127 <div class="editor-container">
128 <app-dsl-definitions-tab></app-dsl-definitions-tab>