Resource Dictionary Creation

Adding Resource Dictionary Creation

Change-Id: Ic53018f406ba2cc1f8c878017c816bfce316a362
Issue-ID: CCSDK-1280
Signed-off-by: swapnalipode <sp00501638@techmahindra.com>

1 files changed, 122 insertions, 0 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/resource-dictionary-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/resource-dictionary-creation.component.html
new file mode 100644
index 000000000..bf183216d
--- /dev/null
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/resource-dictionary-creation.component.html
@@ -0,0 +1,122 @@
+<!--/*
+* ============LICENSE_START=======================================================
+* ONAP : CDS
+* ================================================================================
+* Copyright (C) 2020 TechMahindra
+*=================================================================================
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+* ============LICENSE_END=========================================================
+*/-->
+<app-header></app-header>
+
+<div class="new-wrapper">
+    <div class="container-fluid main-container">
+        <header class="page-title">
+            <div class="row">
+                <h2 class="col m-0 pb-0">
+                    <ul class="breadcrumb-header">
+                        <li><a routerLink="/resource-dictionary">Resource Dictionary</a></li>
+                        <i class="fa fa-angle-right ml-2 mr-2"></i>
+                        <li>Dictionary Name</li>
+                    </ul>
+                </h2>
+            </div>
+        </header>
+        <div class="container-fluid body-container">
+                <div class="container card creat-card col-11">
+                    <div class="single-line-model customKeyTitle">
+                        <h5 class="label-name w-100 ">
+                            Dictionary Name
+                        </h5>
+                        <!-- <label class="label-name"></label> -->
+                    <span>Last modified {{createDate}} by me</span>
+                </div>
+            </div>
+        </div>
+        <div class="container-fluid body-container">
+            <div class="container">
+                <div class="creat-action-container">
+                    <a class="action-button" (click)="saveDictionaryToStore()">
+                        <i class="icon-save-sm" aria-hidden="true"></i>
+                        <span>Save</span>
+                    </a>
+                    <a href="#" class="action-button" (click)="goBackToDashBorad()">
+                        <i class="icon-discard-sm" aria-hidden="true"></i>
+                        <span>Discard Changes</span>
+                    </a>
+                    <a href="#" class="action-button">
+                        <i class="icon-clone-sm" aria-hidden="true"></i>
+                        <span>Clone</span>
+                    </a>
+                    <a href="#" class="action-button delete">
+                        <i class="icon-delete-sm" aria-hidden="true"></i>
+                        <span>Delete</span>
+                    </a>
+                </div>
+                <nav class="row">
+                    <!--Nav Tabs-->
+                    <div class="col">
+                        <div class="nav nav-tabs ed" id="nav-tab" role="tablist">
+                            <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
+                                href="#nav-metadata" role="tab" aria-controls="nav-metadata" aria-selected="false"
+                                autofocus #nameit (focusout)="test()">METADATA</a>
+                            <a class="edit-button" id="nav-editor-tab" data-toggle="tab" href="#nav-editor"
+                            role="tab" aria-controls="nav-editor" aria-selected="false">EDITOR MODE</a>
+
+                           </div>
+                    </div> 
+                </nav>
+               <div>
+                <div class="row mt-4">
+                    <div class="col">
+                        <div class="tab-content" id="nav-tabContent">
+                            <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
+                                aria-labelledby="nav-metadata-tab">
+                                <app-dictionary-metadata></app-dictionary-metadata>
+                                <nav class="row">
+                                    <!--Nav Tabs-->
+                                    <div class="col">
+                                        <div class="nav nav-tabs " id="nav-tab" role="tablist">
+                                            <a class="nav-item nav-link active" id="nav-source-tab" data-toggle="tab"
+                                                href="#nav-source" role="tab" aria-controls="nav-source" aria-selected="false"
+                                                >SOURCES</a>
+                                        </div>
+                                    </div>
+                                </nav>
+                                <div class="row mt-4">
+                                    <div class="col">
+                                        <div class="tab-content" id="nav-tabContent">
+                                            <div class="tab-pane fade show active" id="nav-source" role="tabpanel"
+                                                aria-labelledby="nav-source-tab">
+                                                <app-sources-template></app-sources-template>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="tab-pane fade col-11" id="nav-editor" role="tabpanel"
+                                aria-labelledby="nav-editor-tab">
+                                <div class="card creat-card">
+                                    <div class="editor-container">
+                                <app-dictionary-editor></app-dictionary-editor>
+                                </div></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file