From b3c61a641e9a703c3bf6cf973e8cf0883678302b Mon Sep 17 00:00:00 2001
From: shady <snaguib.ext@orange.com>
Date: Sun, 16 Feb 2020 15:47:33 +0200
Subject: Redesign Metadata tab & Template and mapping & Over View Design

Issue-ID: CCSDK-2075

Signed-off-by: shady <snaguib.ext@orange.com>
Change-Id: Ic130d378b2b68a80d40f6c3c8250cb3af538011e
---
 .../templ-mapp-listing.component.html              | 158 ++++++++++++++++++++-
 1 file changed, 154 insertions(+), 4 deletions(-)

(limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html')

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html
index ef233ad99..a0a54031f 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html
@@ -1,6 +1,156 @@
-<h6>Basic List Template and mapping</h6>
-<div>
-    <a (click)="openCreationView()" class="action-button">
-        <span>Create</span>
+
+
+    <a (click)="openCreationView()" class="create-template-mapping-button">
+       <i class="fa fa-plus"></i> <span>Create</span>
     </a>
+
+
+<div class="template-mapping-accordion">
+    <div id="accordion">
+        <div class="card">
+            <div class="card-header" id="headingThree">
+                <h5 class="mb-0 d-flex justify-content-between">
+                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true"
+                        aria-controls="collapseThree">
+                        Template and Mapping List
+                    </button>
+
+                </h5>
+            </div>
+
+            <div id="collapseThree" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion">
+                <div class="card-body max-height-list">
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list active">hostname
+                                <span>Mapping</span>
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">hostname
+                                <span>Mapping</span>
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">hostname
+                               
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                                <span>Template</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">hostname
+                              
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">hostname
+                                <span>Mapping</span>
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">hostname
+                                <span>Mapping</span>
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">hostname
+                               
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-1
+                                <span>Template</span>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="#" class="template-mapping-list">vf-module-2
+                                <span>Mapping</span>
+                                <span>Template</span>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+    </div>
 </div>
\ No newline at end of file
-- 
cgit 1.2.3-korg