[PORTAL-7] Rebase

This rebasing includes common libraries and common overlays projects
abstraction of components

Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8
Signed-off-by: st782s <statta@research.att.com>

1 files changed, 152 insertions, 0 deletions

diff --git a/ecomp-portal-FE-common/client/app/views/dashboard/dashboard-widget-manage.html b/ecomp-portal-FE-common/client/app/views/dashboard/dashboard-widget-manage.html
new file mode 100644
index 00000000..9883bd14
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/dashboard/dashboard-widget-manage.html
@@ -0,0 +1,152 @@
+<!--

+  ================================================================================

+  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 style="margin-top: 10px; margin-bottom: 10psx;">

+	<h1 class="heading1"></h1>

+</div>

+<br />

+

+<div style="margin-top: 25px;">

+	<div id="title" class="manage-contactUs-home-manageWidgets-title">Manage {{widgetTypeDisplay}} Widgets</div>

+		<div class="widgets-popup-margin">         

+            <div class="get-access-table">

+                <div class="table-control" style="margin:30px;">

+				  	<div class="c-ecomp-portal-abs-table" style="height:300px"">

+                    <table b2b-table id="table-main" 

+                    	table-data="ignoredTableData"

+                        current-page="ignoredCurrentPage">

+                        <thead b2b-table-row type="header">

+	                        <tr>

+	                            <th id="th-users-1" b2b-table-header key="title" sortable="true" >Title</th>

+	                            <th id="th-users-2" b2b-table-header key="href" sortable="true" >URL</th>

+	                            <th ng-show="{{widgetType=='EVENTS'}}" id="th-users-3" b2b-table-header key="event_date" sortable="true" >Date</th>

+	                            <th ng-show="{{widgetType=='EVENTS'}}" id="th-users-4" b2b-table-header key="content" sortable="true" >Content</th>

+	                            <th id="th-users-5" b2b-table-header key="sortOrder" sortable="true" >Order</th>

+	                            <th id="th-users-6" b2b-table-header key="edit" sortable="false" >Edit</th>

+	                             <th id="th-users-7" b2b-table-header key="delete" sortable="false" >Delete</th>

+	                        </tr>

+                        </thead>

+                        <!-- Use track-by="UNIQUE KEY HERE" or leave out if no unique keys in data -->

+                        <tbody b2b-table-row type="body" class="table-body" track-by="$index" row-repeat="rowData in widgetData">

+	                        <tr id="tr-rowData" ng-click="">

+	                            <td b2b-table-body>

+	                                <div id="widget-td-title" ng-hide="rowData.showEdit" ng-bind="rowData.title"></div>

+	                               <input id="widget-input-title"  type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].title"/>

+	                            </td>

+	                            <td b2b-table-body>

+	                                <div id="widget-td-href" ng-hide="rowData.showEdit" ng-bind="rowData.href"></div>

+	                                <input id="widget-input-href" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].href"/>

+	                            </td>

+	                            <td  ng-show="{{widgetType=='EVENTS'}}" b2b-table-body>

+	                                <div id="widget-td-date" ng-hide="rowData.showEdit" ng-bind="rowData.eventDate"></div>

+	                                <input id="widget-input-date" type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].eventDate"/>

+	                            </td>

+	                            <td  ng-show="{{widgetType=='EVENTS'}}" b2b-table-body>

+	                                <div id="widget-td-content" ng-hide="rowData.showEdit">{{rowData.content | cut:true:20:' ...'}}</div>

+	                                <input id="widget-input-content"  type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].content"/>

+	                            </td>

+	                            <td b2b-table-body>

+	                                <div id="widget-td-order" ng-hide="rowData.showEdit" ng-bind="rowData.sortOrder"></div>

+	                                <input id="widget-input-order"  type="text" ng-show="rowData.showEdit" ng-model="widgetData[$index].sortOrder"/>      

+	                            </td>                            

+	                            <td b2b-table-body>

+                                	<div class="delete-contact-us" ng-hide="rowData.showEdit" ng-click="setEdit($index);">

+                                		<span class="icon-edit"></span>

+                                	</div>

+                                	<span ng-show="rowData.showEdit">

+                                		<a att-button btn-type="primary" ng-click="modify($index);" class="button button--primary" size="small" >Save</a>

+                               		</span>

+	                            </td>

+	                            <td b2b-table-body>

+                                	<div class="delete-contact-us" ng-click="remove($index);">

+                                		<span class="icon-misc-trash"></span>

+                                	</div>

+	                            </td>

+	                        </tr>

+                        </tbody>

+                    </table>

+                </div>

+                

+                <div att-divider-lines></div>

+					<div style="margin-top: 15px; margin-left: -80px;" >

+					<form name = "widgetForm" novalidate>				

+						<div id="addWidgetHeader" class="contact-us-margin">				

+							<h1 style="font-size:18px;">Add</h1>

+							<div class="errMsg">{{errMsg}}</div>

+							<div class="sucessMsg" ng-bind="successMsg"></div>

+						</div>								  

+						<div id="addWidget" class="contact-us-margin">

+							<div>

+								<div>

+									<div class="add-widget-field">

+							           <div id="mots-property-label" class="property-label">Title</div>

+							            <input id="widget-input-add-title" class="input-text-area" type="text"  ng-model="newWidgetObject.title" name="title" ng-required="true"/>							          

+							        </div>

+							        <div class="add-widget-field">

+							            <div  class="property-label">URL</div>

+							            <input id="widget-input-add-url" class="input-text-area" type="text"  ng-model="newWidgetObject.href" type="url" size="3" name = "url"  ng-required = "true"/>

+							        </div>

+							        <div class="add-widget-field" >

+							            <div class="property-label">Sort Order</div>

+							            <input id="widget-input-add-order" class="input-text-area" type="text" ng-model="newWidgetObject.sortOrder"/>

+							        </div>

+						        </div>

+						         <div  class="add-widget-field"  ng-controller="DatePickerController" ng-show="{{widgetType=='EVENTS'}}">

+								    <h4>Event Date</h4>

+								    <div>

+								      <div>

+								        <p class="input-group">

+								          <input id="widget-input-add-date" type="text" name = "eventDate" datetime="yyyy-MM-dd" class="input-text-area" uib-datepicker-popup="{{format}}" 

+								          		ng-model="newWidgetObject.eventDate" is-open="popup1.opened" datepicker-options="dateOptions" close-text="Close" alt-input-formats="altInputFormats" 

+								           ng-focus="open1()"

+								           ng-required = "widgetType =='EVENTS'" />

+								        </p>

+								      </div>

+									</div>

+								</div>	

+								

+						        <div class="add-contact-us-field-des"  ng-show="{{widgetType=='EVENTS'}}">

+						            <div  class="property-label">Content</div>

+						            <textarea style="margin-top: 0px; margin-bottom: 0px; height: 150px" ng-model="newWidgetObject.content" name="content" ng-required = "widgetType =='EVENTS'">

+						            </textarea>						            

+						        </div>

+					        </div>

+							<div style="height:50px;">

+								        <a style="float:right; margin-top:20px;" att-button btn-type="primary" class="button button--primary" size="small" ng-click="saveNew()">Add New</a>

+					

+							</div>

+							

+							<div att-divider-lines></div>

+					

+						</div>

+					</form>

+					</div>

+				    <div style="height:50px;">

+						<a style="float:right;" att-button btn-type="primary" class="button button--primary" size="small" ng-click="closeDialog()">Close</a>

+					</div>           

+            </div>

+        </div>

+    </div>

+</div>

+	

+<script type="application/javascript">

+    $(document).ready(function(){

+        $(".ngdialog-content").css("width","85%")

+    });

+</script>