diff options
Diffstat (limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html')
| -rw-r--r-- | cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html | 101 |
1 files changed, 86 insertions, 15 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html index 73f917f52..906904855 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html @@ -1,21 +1,27 @@ <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">CBA Packages - <span>({{numberOfPackages}} packages)</span> + <h2 class="col m-0"> + <ul class="breadcrumb-header"> + <li>CBA Packages</li> + <li>Package Name</li> + </ul> </h2> - <div class="col"> + <div class="col d-flex justify-content-end header-button-save"> + <button class="float btn btn-sm btn-outline-secondary" disabled>Discard Changes</button> + <button class="float btn btn-sm btn-primary" (click)="saveBluePrint()">Save</button> </div> </div> </header> - <div class="main-container"> - <div class="container-fluid body-container creat-container-all"> - <div class="creat-container"> + <div class="container-fluid body-container"> + + <div class="container"> <div class="creat-action-container"> <a href="#" class="action-button"> <i class="icon-clone" aria-hidden="true"></i> @@ -27,20 +33,81 @@ <span>Archive</span> </a> - <a href="#" class="action-button"> + <a href="#" class="action-button delete"> <i class="icon-delete" aria-hidden="true"></i> <span>Delete</span> </a> </div> - <nav class="row"> - <div class="col pr-0"> - <button class="float btn btn-sm btn-primary" (click)="saveBluePrint()">Save</button> - <button class="float btn btn-sm btn-outline-secondary" disabled>Cancel</button> + + <div class="card creat-card view-package-container"> + <div class="row"> + <div class="col-8"> + <div class="row"> + <div class="col d-flex"> + <i class="package-type-icon icon-designer-mode"></i> + <div class="package-name-container"> + <div class="row"> + <div class="col-12 package-name deployed"> + Package Name + <span>.vLB.CDS</span> + <i class="icon-deploy"></i> + </div> + <div class="col-12 package-description"> + Last modified Oct 4, 2019 03:48 PM By Ahmed Abbas + </div> + </div> + <!-- <div class="row"> + <div class="col-4"> + <div class="package-view-title">Author Name</div> + <p>Abdelmuhaimen Seaudi</p> + </div> + <div class="col-4"> + <div class="package-view-title">Author Email</div> + <p>abdelmuhaimen.seaudi@orange.com</p> + </div> + <div class="col-4"> + <div class="package-view-title">Contributions</div> + <ul class="package-contributers"> + <li> + <button type="button" class="border-fade" data-toggle="tooltip" + data-placement="bottom" + title="User name"> + <img src="/assets/img/img-user1.jpeg"> + </button> + </li> + <li> + <button type="button" data-toggle="tooltip" data-placement="bottom" + title="User name"> + <img src="/assets/img/img-user2.jpg"> + </button> + </li> + <li> + <button type="button" data-toggle="tooltip" data-placement="bottom" + title="User name"> + <img src="/assets/img/img-user3.jpg"> + </button> + </li> + <li> + <a href="">5 contributors</a> + </li> + </ul> + </div> + </div> --> + </div> + </div> + </div> + </div> + <div class="col-4 package-view-button"> + <button class="btn btn-sm btn-outline-secondary"><i class="fa fa-play-circle"></i> Deploy</button> + <button class="btn btn-sm btn-primary">Designer Mode</button> + </div> </div> - </nav> + + </div> + <nav class="row"> <!--Nav Tabs--> - <div class="col pr-0"> + <div class="col"> <div class="nav nav-tabs " id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab" href="#nav-metadata" @@ -85,12 +152,16 @@ </div> <div class="tab-pane fade" id="nav-authentication" role="tabpanel" aria-labelledby="nav-authentication-tab"> - <app-dsl-definitions-tab></app-dsl-definitions-tab> + <div class="card creat-card"> + <div class="editor-container"> + <app-dsl-definitions-tab></app-dsl-definitions-tab> + </div> + </div> </div> </div> </div> </div> </div> </div> - </div> +</div> </div> |