Added Icons to Dashboard Manager
Change-Id: I664d170bc4fcd346782ff6b33638095ea300f39d
diff --git a/views/ngXosViews/dashboardManager/src/css/main.css b/views/ngXosViews/dashboardManager/src/css/main.css
index 01c272a..ac249e9 100644
--- a/views/ngXosViews/dashboardManager/src/css/main.css
+++ b/views/ngXosViews/dashboardManager/src/css/main.css
@@ -20,4 +20,8 @@
border: 1px solid #337ab7;
padding: 20px; }
#xosDashboardManager ul[dnd-list] > li a, #xosDashboardManager .dashboard-container a {
+ text-decoration: none !important; }
+ #xosDashboardManager ul[dnd-list] > li a img, #xosDashboardManager .dashboard-container a img {
+ width: 20px; }
+ #xosDashboardManager ul[dnd-list] > li i, #xosDashboardManager .dashboard-container i {
float: right; }
diff --git a/views/ngXosViews/dashboardManager/src/sass/main.scss b/views/ngXosViews/dashboardManager/src/sass/main.scss
index a8aff76..4a90b9f 100644
--- a/views/ngXosViews/dashboardManager/src/sass/main.scss
+++ b/views/ngXosViews/dashboardManager/src/sass/main.scss
@@ -36,6 +36,12 @@
border: 1px solid $brand-primary;
padding: $line-height-computed;
a {
+ text-decoration: none !important;
+ img {
+ width: 20px;
+ }
+ }
+ i {
float: right;
}
}
diff --git a/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html b/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
index d43f19d..d3ced76 100644
--- a/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
+++ b/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
@@ -21,8 +21,11 @@
<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>
+ <a ui-sref="edit-dashboards({id: item.id,})">
+ <img src="/static/images/{{item.icon}}"></img>
+ {{item.name}}
+ <i class="glyphicon glyphicon-pencil"></i>
+ </a>
</li>
</ul>
</div>
@@ -41,8 +44,11 @@
<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>
+ <a ui-sref="edit-dashboards({id: item.id,})">
+ <img src="/static/images/{{item.icon}}"></img>
+ {{item.name}}
+ <i class="glyphicon glyphicon-pencil"></i>
+ </a>
</li>
</ul>
</div>
@@ -57,8 +63,11 @@
<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>
+ <a ui-sref="edit-dashboards({id: item.id,})">
+ <img src="/static/images/{{item.icon}}"></img>
+ {{item.name}}
+ <i class="glyphicon glyphicon-pencil"></i>
+ </a>
</span>
</div>
</div>