Added home dashboard component related files maste

[portal.git] / portal-FE-common / src / app / pages / dashboard-application-catalog / dashboard-application-catalog.component.html

diff --git a/portal-FE-common/src/app/pages/dashboard-application-catalog/dashboard-application-catalog.component.html b/portal-FE-common/src/app/pages/dashboard-application-catalog/dashboard-application-catalog.component.html
new file mode 100644 (file)
index 0000000..3169fa0
--- /dev/null
+++ b/portal-FE-common/src/app/pages/dashboard-application-catalog/dashboard-application-catalog.component.html
@@ -0,0 +1,87 @@
+<!--
+  ============LICENSE_START==========================================
+  ONAP Portal
+  ===================================================================
+  Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
+  ===================================================================
+ 
+  Unless otherwise specified, all software contained herein is licensed
+  under the Apache License, Version 2.0 (the "License");
+  you may not use this software 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.
+ 
+  Unless otherwise specified, all documentation contained herein is licensed
+  under the Creative Commons License, Attribution 4.0 Intl. (the "License");
+  you may not use this documentation except in compliance with the License.
+  You may obtain a copy of the License at
+ 
+              https://creativecommons.org/licenses/by/4.0/
+ 
+  Unless required by applicable law or agreed to in writing, documentation
+  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============================================
+ 
+  
+  -->
+<div style="height: 100%;">
+  <div class="simulateGridHeader">
+    <span class="simulateGridHeaderTitle">{{'Applications'}}<span class="dashboardSortHeader">{{'Sort by'}}:</span>
+      <div class="dashboard-dropdown" id="sort-by-dropdownid-{{selectedSortType.value}}">
+        <mat-form-field>
+          <mat-select [(ngModel)]="this.selectedSortType.value">
+            <mat-option *ngFor="let option of sortOptions" [value]="option.value"
+              (click)="sortTypeChanged(option.value)">{{option.title}}</mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+    </span>
+
+  </div>
+
+  <div style="height: 100%;">
+    <gridster [options]="options" class="appCatalogue-boarder" >
+
+
+      <div *ngFor="let item of layout">
+        <gridster-item [item]="item">
+          <div class="gridster-box">
+            <div class="gridster-box-header">
+
+              <mat-icon class="icon-content-gridguide">drag_handle</mat-icon>
+              <h3>{{ item.name | elipsis: 13}}</h3>
+
+
+            </div>
+            <div class="gridster-box-content" [ngStyle]="{'cursor':'pointer',
+                  'background-image': 'url('+(item.imageLink)+')',
+                  'order': item.order, 
+                  'background-color':'white',
+                  'background-repeat': 'no-repeat',
+                  'background-size': '168px 118px',
+                   'height': '80%'}" (click)="openAddRoleModal(item)">
+            </div>
+
+          </div>
+        </gridster-item>
+      </div>
+
+
+
+
+    </gridster>
+  </div>
+
+
+</div>
\ No newline at end of file