cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/source-view/source-view.component.html

   1 <header>
   2     <div class="row m-0">
   3         <div class="col pl-0">
   4             <p class="logo mb-0"></p>
   5             <nav aria-label="breadcrumb">
   6                 <ol class="breadcrumb mb-0">
   7                     <li class="breadcrumb-item">
   8                         <a href="#">CBA Packages</a>
   9                     </li>
  10                     <li class="breadcrumb-item">
  11                         <a href="/package/{{viewedPackage.id}}">{{viewedPackage.artifactName}}</a>
  12                     </li>
  13                     <li class="breadcrumb-item active" aria-current="page">
  14                         <p class="mb-0">Topology View</p>
  15                     </li>
  16                 </ol>
  17             </nav>
  18         </div>
  19         <div class="col pr-0 text-right">
  20             <ul class="topology-actions">
  21                 <li>
  22                     <div class="btn-group" role="group" aria-label="Basic example">
  23                         <a href="#" role="button" aria-pressed="true" class="btn-topology-action float tooltip-bottom"
  24                             data-tooltip="Preview">
  25                             <i class="fa fa-eye"></i>
  26                         </a>
  27                         <a href="#" role="button" aria-pressed="true" class="btn-topology-action float tooltip-bottom"
  28                             data-tooltip="Download">
  29                             <i class="fa fa-download"></i>
  30                         </a>
  31                         <a href="#" role="button" aria-pressed="true" class="btn-topology-action float tooltip-bottom"
  32                             data-tooltip="Share">
  33                             <i class="fa fa-share-square"></i>
  34                         </a>
  35                     </div>
  36                 </li>
  37                 <li>
  38                     <div class="dropdown">
  39                         <input class="dropdown-toggle" type="text">
  40                         <div class="dropdown-text">Save</div>
  41                         <ul class="dropdown-content">
  42                             <li>
  43                                 <a href="">Save</a>
  44                             </li>
  45                             <li>
  46                                 <a href="">Save &amp; Deploy</a>
  47                             </li>
  48                         </ul>
  49                     </div>
  50                 </li>
  51             </ul>
  52
  53
  54         </div>
  55     </div>
  56 </header>
  57 <div class="source-button editBar">
  58     <div class="btn-group viewBtns" role="group">
  59         <button (click)="convertAndOpenInDesingerView(viewedPackage.id)" type="button" class="btn btn-secondary topologySource">Designer</button>
  60         <button type="button"
  61             class="btn btn-secondary topologyView active">Scripting</button>
  62     </div>
  63 </div>
  64 <ng-sidebar-container class="sidebar-container">
  65     <!-- Controller SideBar -->
  66     <ng-sidebar [(opened)]="controllerSideBar" [sidebarClass]="'demo-sidebar controllerSidebar container-fluid'"
  67         [mode]="'push'" #sidebarLeft>
  68         <div class="row">
  69
  70             <h1 class="col-12">Actions</h1>
  71
  72
  73         </div>
  74     </ng-sidebar>
  75 <div ng-sidebar-content id="board-paper">
  76     <ace-editor [(text)]="content" [mode]="'json'" [autoUpdateContent]="true" [durationBeforeCallback]="1000"
  77         [theme]="'tomorrow_night_bright'" #editor style="height:500px">
  78     </ace-editor>
  79
  80    </div>