shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-22 18:50:08 +03:00
Code Releases Wiki Activity

Feature #4657: Display colors for the labels

Browse Source
This commit is contained in:
Jaime Melis 2016-07-19 17:18:44 +02:00
parent e7054fafe1
commit 988991face
2 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/sunstone/public/app/utils/labels/tree.js
View File

@ -54,12 +54,21 @@ define(function(require) {
}
function _innerHtml(tree, collapsed){
var html = '<li>';
var html = "";
if (collapsed) {
if (tree.subTree.length > 0) {
html += '<i class="left tree-toggle fa fa-fw fa-angle-right"></i> ';
html = '<li><i class="left tree-toggle fa fa-fw fa-angle-right"></i> ';
} else {
var title = $(tree.htmlStr).attr('title');
var color = _labelHue(title);
if (title != undefined && title != "") {
html = '<li style="color:hsl(' + color + ', 90%, 70%);">';
} else {
html = '<li>';
}
html += '<i class="left fa fa-fw fa-tag"></i> ';
}
@ -70,8 +79,17 @@ define(function(require) {
html += '<ul class="is-active" hidden>';
} else {
if (tree.subTree.length > 0) {
html += '<i class="left tree-toggle fa fa-fw fa-angle-down"></i> ';
html = '<li><i class="left tree-toggle fa fa-fw fa-angle-down"></i> ';
} else {
var title = $(tree.htmlStr).attr('title');
var color = _labelHue(title);
if (title != undefined && title != "") {
html = '<li style="color:hsl(' + color + ', 90%, 70%);">';
} else {
html = '<li>';
}
html += '<i class="left fa fa-fw fa-tag"></i> ';
}
@ -114,4 +132,16 @@ define(function(require) {
}
});
}
// http://werxltd.com/wp/2010/05/13/javascript-implementation-of-javas-string-hashcode-method/
function _labelHue(s) {
var hash = 0, i, chr, len;
if (s.length === 0) return hash;
for (i = 0, len = s.length; i < len; i++) {
chr = s.charCodeAt(i);
hash = ((hash << 5) - hash) + chr;
hash |= 0; // Convert to 32bit integer
}
return (Math.abs(hash) % 37) * 10;
};
});

5
src/sunstone/public/scss/_labels.scss
View File

@ -21,7 +21,6 @@
}
li {
color: $dark-gray;
font-weight: normal;
list-style-type: none;
@ -30,6 +29,7 @@
overflow: hidden;
.labeltree-line {
color: $dark-gray;
cursor: pointer;
&:hover {
@ -38,7 +38,6 @@
.active {
color: $light-black;
font-weight: bold;
}
}
}
@ -54,4 +53,4 @@
color: $black;
}
}
}
}