Dashboard Manager View
- added ng-drag-drop
- deleted old customize dashboard
- managing dashboards
Change-Id: I937adf2ced95312a66086c8e20a2386b02a40934
diff --git a/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html b/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
new file mode 100644
index 0000000..d43f19d
--- /dev/null
+++ b/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
@@ -0,0 +1,66 @@
+<div class="row">
+ <div class="col-xs-10">
+ <h1>Manage Your Dashboards</h1>
+ </div>
+ <div class="col-xs-2 text-right">
+ <a ui-sref="add-dashboards" class="btn btn-success">Add</a>
+ </div>
+</div>
+
+<div class="row">
+ <div class="col-xs-6">
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">
+ Available Dashboards
+ </h3>
+ </div>
+ <div class="panel-body">
+ <ul dnd-list="vm.list.disabled"
+ dnd-drop="vm.addedToList(event, index, item, external, 'disabled')">
+ <li ng-repeat="item in vm.list.disabled"
+ dnd-moved="vm.removeFromList('disabled', item.id)"
+ dnd-draggable="item">
+ {{item.name}}
+ <a ui-sref="edit-dashboards({id: item.id,})"><i class="glyphicon glyphicon-pencil"></i></a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-xs-6">
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">
+ Enabled Dashboards
+ </h3>
+ </div>
+ <div class="panel-body">
+ <ul dnd-list="vm.list.enabled"
+ dnd-drop="vm.addedToList(event, index, item, external, 'enabled')">
+ <li ng-repeat="item in vm.list.enabled | orderBy : 'order'"
+ dnd-moved="vm.removeFromList('enabled', item.id)"
+ dnd-draggable="item">
+ {{item.name}}
+ <a ui-sref="edit-dashboards({id: item.id,})"><i class="glyphicon glyphicon-pencil"></i></a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row" ng-show="vm.disabled.length > 0">
+ <div class="col-xs-12">
+ <h1>Disabled Dashboard</h1>
+ </div>
+ <div class="col-xs-12">
+ <div class="row">
+ <div class="col-sm-2" ng-repeat="item in vm.disabled | orderBy : 'id'">
+ <span class="dashboard-container">
+ {{item.name}}
+ <a ui-sref="edit-dashboards({id: item.id,})"><i class="glyphicon glyphicon-pencil"></i></a>
+ </span>
+ </div>
+ </div>
+ </div>
+</div>