X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=ecomp-portal-FE-common%2Fclient%2Fapp%2Fviews%2Fdashboard%2Fdashboard.tpl.html;h=9a87c0ba6dddb12d292cfc7d4e066b7a8462aa66;hb=refs%2Fchanges%2F85%2F4985%2F2;hp=5e67526e5b194709ae19f81e0e66b1c43516554c;hpb=ba838f2e13f1e8050c75e68bd3733d56d8f416d5;p=portal.git

diff --git a/ecomp-portal-FE-common/client/app/views/dashboard/dashboard.tpl.html b/ecomp-portal-FE-common/client/app/views/dashboard/dashboard.tpl.html
index 5e67526e..9a87c0ba 100644
--- a/ecomp-portal-FE-common/client/app/views/dashboard/dashboard.tpl.html
+++ b/ecomp-portal-FE-common/client/app/views/dashboard/dashboard.tpl.html
@@ -1,179 +1,183 @@
-<!--
-  ================================================================================
-  ECOMP Portal
-  ================================================================================
-  Copyright (C) 2017 AT&T Intellectual Property
-  ================================================================================
-  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.
-  ================================================================================
-  -->
-<div class="w-ecomp-dashboard-home" id="widgets">
-	<div class="dashboard-home-container" id="page-content">
-		<div align="center" id="errorInfo"
-			style="display: none; font-size: 12px; margin-left: 5px">
-			<span style="color: red">You don't have a user account in that
-				application. Please ask the system administrator. </span>
-		</div>
-		<div class="portals-list" style="margin-bottom: 0px;">
-			<div>
-				<div class="simulateGridHeader">
-					<span class="simulateGridHeaderTitle">Applications <span
-						class="dashboardSortHeader">Sort by:</span></span>
-					<div style="float: right; margin: 7px 7px 7px 0px;"
-						class="form-field" att-select="sort_options"
-						ng-model="selectedSortType"
-						id="sort-by-{{selectedSortType.value}}"
-						ng-change="selectedSortTypeChanged(selectedSortType.value)"></div>
-				</div>
-				<div class="dashboard-boarder">
-					<div class="gridster-container override_background">
-						<div ng-if="appsViewData.length==0">
-							<div class="app-error-block">
-								<i class="icon-information full-linear-icon-information"
-									style="margin-left: 50%; font-size: 90px; color: black"></i> <br>
-								<div class="activity-error-msg1">
-									You do not have access to any application or function in ECOMP
-									Portal. <br> Please request access via <a
-										href="https://mylogins.cso.att.com/index.cfm"
-										target="_mylogins">MyLogins</a>.
-								</div>
-							</div>
-						</div>
-
-						<div ng-if="appsViewData.length>0" id="page-content"
-							class="content" gridster="dashboard.gridsterAppOpts">
-							<ul>
-								<li gridster-item="item" ng-repeat="item in appsViewData">
-									<div class="gridster-box" ng-if="item.addRemoveApps == null">
-										<div class="gridster-box-header">
-											<i class="icon-content-gridguide"></i>
-											<h3 style="cursor: context-menu">{{item.headerText |
-												elipsis: 14}}</h3>
-										</div>
-										<div class="gridster-box-content"
-											ng-style="{'cursor':'pointer',
-											'background-image': 'url('+(item.imageLink)+')',
-											'background-color':'white',
-											'background-repeat': 'no-repeat',
-											'background-size': '170px 130px'}"
-											ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
-											ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
-										</div>
-									</div>
-									<div class="gridster-box" ng-if="item.addRemoveApps">
-										<div class="gridster-box-header" style="cursor: pointer;"
-											ng-click="dashboard.goToCatalog()">
-											<i class="icon-content-gridguide"></i>
-											<h3>Select applications...</h3>
-
-										</div>
-										<div class="gridster-box-content"
-											ng-style="{'cursor':'pointer',
-										'order': item.order, 
-										'text-align': 'center',
-										'background-color':'white',
-										'background-repeat': 'no-repeat',
-										'background-size': '170px 130px',
-										'padding': '4px',
-										'opacity': '1'}"
-											ng-click="dashboard.goToCatalog()" class="gridsterContent">
-											<label style="font-size: 12px;">Click
-												here to personalize <br> this applications page
-											</label> <i class="icon-controls-add-maximize"
-												style="font-size: 80px; color: #067ab4"></i>
-										</div>
-									</div>
-								</li>
-							</ul>
-						</div>
-
-					</div>
-
-				</div>
-			</div>
-
-			<br> <br>
-
-
-			<div style="font-family: Omnes-ECOMP-W02;"
-				ng-show=dashboard.isCommError>Failed to communicate with the
-				widget microservice.</div>
-			
-			<div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
-				<ul>
-					<li gridster-item="widget" ng-repeat="widget in widgetsViewData">
-						<div class="box">
-							<div class="box-header">
-							<i style="cursor:move;" class="icon-content-gridguide"></i>
-								<h3>{{ widget.headerText}}</h3>
-								<div class="box-header-btns pull-right"
-									ng-if="isAdminPortalAdmin == true" class="ng-scope">
-										<a id="widgetHeaderBtns"
-											class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
-											ng-class="singleBtnBorder" alt="Settings"
-											ng-mousedown="showImpResOption=!showImpResOption"
-											ng-mouseleave="showImpResOption=false" title="Settings"
-											ddh-accessibility-click="13,32" tabindex="0"><span
-											style="color: #888;"><img
-											ng-src="assets/images/generic.png"
-											style="margin-bottom: 3px; margin-left: 3px;" alt="..."
-											aria-label="Tap or Click to move"
-											src="assets/images/generic.png"></span></a>
-
-										<ul class="optionsMenu"
-											style="display: block"
-											ng-show="showImpResOption"
-											ng-mouseenter="showImpResOption=true"
-											ng-mouseleave="showImpResOption=false">
-											<!-- ngIf: widget.duplicateAllowed -->
-											<li ng-show="widget.widgetIdentifier != ''"
-												ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
-												<a class="optionsMenuLink" href="javascript:void(0)"
-												ddh-accessibility-click="13,32">Edit</a>
-											</li>
-											
-											<li
-												ng-click="editWidgetParameters(widget.widgetid);">
-												<a class="optionsMenuLink" href="javascript:void(0)"
-												ddh-accessibility-click="13,32">Parameters</a>
-											</li>
-											
-											<!-- end ngIf: widget.duplicateAllowed  -->
-										</ul>
-
-								</div>
-							</div>
-							<div class="box-content">
-							<div  dyn-attr="widget.attrb"></div>
-							</div>
-						</div>
-					</li>
-				</ul>
-			</div>
-			<div></div>
-			<div class="gridster-container override_background">
-				<div id="dashboardAddWidgetPreference"
-					ng-style="{'cursor':'pointer'}"
-					ng-click="dashboard.goToWidgetCatLog()">
-					<i class="icon-controls-add-maximize"></i> Add Widget
-				</div>
-				&nbsp;
-				<div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
-					ng-click="restoreSortSelected()">
-					<i class="icon-arrows-replay-restart"></i> Reset Widget Layout
-				</div>
-			</div>
-		</div>
-
-	</div>
-</div>
+<!--
+  ================================================================================
+  ECOMP Portal
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  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.
+  ================================================================================
+  -->
+<div class="w-ecomp-dashboard-home" id="widgets">
+	<div class="dashboard-home-container" id="page-content">
+		<div align="center" id="errorInfo"
+			style="display: none; font-size: 12px; margin-left: 5px">
+			<span style="color: red">You don't have a user account in that
+				application. Please ask the system administrator. </span>
+		</div>
+		<div class="portals-list" style="margin-bottom: 0px;">
+			<div>
+				<div class="simulateGridHeader">
+					<span class="simulateGridHeaderTitle">Applications <span
+						class="dashboardSortHeader">Sort by:</span>
+						
+						<div id="dashboard-dropdown">
+						<select id="sort-by-{{selectedSortType.value}}" name="dropdown1" b2b-dropdown  ng-model="selectedSortType.value" ng-change="selectedSortTypeChanged(selectedSortType.value)">  
+				        <option b2b-dropdown-list option-repeat="d in sort_options" value="{{d.value}}">{{d.title}}</option>
+				                </select>
+				                </div>
+				                </span>
+						
+				</div>
+				<div class="dashboard-boarder">
+					<div class="gridster-container override_background">
+						<div ng-if="appsViewData.length==0">
+							<div class="app-error-block">
+								<i class="icon-information full-linear-icon-information"
+									style="margin-left: 50%; font-size: 90px; color: black"></i> <br>
+								<div class="activity-error-msg1">
+									You do not have access to any application or function in ECOMP
+									Portal.
+									<div ng-include src="'app/views/dashboard/dashboard-extension.tpl.html'"></div>
+								</div>
+							</div>
+						</div>
+
+						<div ng-if="appsViewData.length>0" id="page-content"
+							class="content" gridster="dashboard.gridsterAppOpts">
+							<ul>
+								<li gridster-item="item" ng-repeat="item in appsViewData">
+									<div class="gridster-box" ng-if="item.addRemoveApps == null">
+										<div class="gridster-box-header">
+											<i id="gridster-{{item.headerText.split(' ').join('-')}}-icon" class="icon-content-gridguide"></i>
+											<h3 style="cursor: context-menu">{{item.headerText |
+												elipsis: 14}}</h3>
+										</div>
+										<div class="gridster-box-content"
+										id="gridster-{{item.headerText.split(' ').join('-')}}-icon-link"
+											ng-style="{'cursor':'pointer',
+											'background-image': 'url('+(item.imageLink)+')',
+											'background-color':'white',
+											'background-repeat': 'no-repeat',
+											'background-size': '170px 130px'}"
+											ng-click="dashboard.goToPortal(item);dashboard.auditLog(item)"
+											ng-hide="users.isLoadingTable && !users.getUserAppsIsDone">
+										</div>
+									</div>
+									<div class="gridster-box" ng-if="item.addRemoveApps">
+										<div class="gridster-box-header" style="cursor: pointer;"
+											ng-click="dashboard.goToCatalog()">
+											<i class="icon-content-gridguide"></i>
+											<h3>Select applications...</h3>
+
+										</div>
+										<div class="gridster-box-content"
+										id="gridster-personalize"
+											ng-style="{'cursor':'pointer',
+										'order': item.order, 
+										'text-align': 'center',
+										'background-color':'white',
+										'background-repeat': 'no-repeat',
+										'background-size': '170px 130px',
+										'padding': '4px',
+										'opacity': '1'}"
+											ng-click="dashboard.goToCatalog()" class="gridsterContent">
+											<label id="add-icon-label"  style="font-size: 12px;">Click
+												here to personalize <br> this applications page
+											</label> <i  id="add-icon" class="icon-controls-add-maximize"
+												style="font-size: 80px; color: #067ab4"></i>
+										</div>
+									</div>
+								</li>
+							</ul>
+						</div>
+
+					</div>
+
+				</div>
+			</div>
+
+			<br> <br>
+
+
+			<div 
+				ng-show=dashboard.isCommError>Failed to communicate with the
+				widget microservice.</div>
+			
+			<div id="widget-boarder" class="content" gridster="dashboard.gridsterWidgetOpts">
+				<ul>
+					<li gridster-item="widget" ng-repeat="widget in widgetsViewData">
+						<div class="box">
+							<div class="box-header">
+							<i id="widget-gridster-{{widget.headerText.split(' ').join('-')}}-icon" style="cursor:move;" class="icon-content-gridguide"></i>
+								<h3>{{ widget.headerText}}</h3>
+								<div class="box-header-btns pull-right"
+									ng-if="isAdminPortalAdmin == true" class="ng-scope">
+										<a id="widgetHeaderBtns"
+											class="widgetHeaderBtn widgetHeaderBtnPosition singleBtnBorder"
+											ng-class="singleBtnBorder" alt="Settings"
+											ng-mousedown="showImpResOption=!showImpResOption"
+											ng-mouseleave="showImpResOption=false" title="Settings"
+											ddh-accessibility-click="13,32" tabindex="0"><span
+											style="color: #888;"><img
+											ng-src="assets/images/generic.png"
+											style="margin-bottom: 3px; margin-left: 3px;" alt="..."
+											aria-label="Tap or Click to move"
+											src="assets/images/generic.png"></span></a>
+
+										<ul class="optionsMenu"
+											style="display: block"
+											ng-show="showImpResOption"
+											ng-mouseenter="showImpResOption=true"
+											ng-mouseleave="showImpResOption=false">
+											<!-- ngIf: widget.duplicateAllowed -->
+											<li ng-show="widget.widgetIdentifier != ''"
+												ng-click="editWidgetModalPopup(importResData, widget.widgetIdentifier);">
+												<a id="edit-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
+												ddh-accessibility-click="13,32">Edit</a>
+											</li>
+											
+											<li
+												ng-click="editWidgetParameters(widget.widgetid);">
+												<a id="parameters-widget-popup" class="optionsMenuLink" href="javascript:void(0)"
+												ddh-accessibility-click="13,32">Parameters</a>
+											</li>
+											
+											<!-- end ngIf: widget.duplicateAllowed  -->
+										</ul>
+
+								</div>
+							</div>
+							<div class="box-content">
+							<div  dyn-attr="widget.attrb"></div>
+							</div>
+						</div>
+					</li>
+				</ul>
+			</div>
+			<div></div>
+			<div class="gridster-container override_background">
+				<div id="dashboardAddWidgetPreference"
+					ng-style="{'cursor':'pointer'}"
+					ng-click="dashboard.goToWidgetCatLog()">
+					<i class="icon-controls-add-maximize"></i> Add Widget
+				</div>
+				&nbsp;
+				<div id="dashboardDefaultPreference" ng-style="{'cursor':'pointer'}"
+					ng-click="restoreSortSelected()">
+					<i class="icon-arrows-replay-restart"></i> Reset Widget Layout
+				</div>
+			</div>
+		</div>
+
+	</div>
+</div>