Skip to content

Commit

Permalink
Even better user photos
Browse files Browse the repository at this point in the history
  • Loading branch information
@jlabusch
jlabusch committed Aug 30, 2013
1 parent 4fa8e11 commit 5f3c206
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 64 deletions.
51 changes: 18 additions & 33 deletions wrms-kanban.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,14 +56,13 @@
margin: 5px 0px 5px 0px;
}

#kanban-overlay li > span.alloc {
#kanban-overlay li span.alloc {
display: block;
margin-bottom: 3px;
/*padding: 5px 0px 5px 0px;*/
opacity: 0.5;
font-size: 3.4em;
text-align: center;
width: 0.88em;
margin-left: 2px;
width: 30px;
height: 40px;
}

#kanban-overlay span.alloc.bright {
Expand Down Expand Up @@ -141,9 +140,7 @@

#kanban-overlay li.modified > span.alloc {
background-color: #ccc;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border: 1px solid #eee;
opacity: 0.5;
}

Expand All @@ -153,12 +150,10 @@ ul.kanban-backlog li {
}

ul.kanban-backlog li.heading,
ul.kanban-backlog li > span.alloc {
ul.kanban-backlog li span.alloc {
color: #ffe4e4;
background-color: #f44;
border-top: 1px solid #c00;
border-right: 1px solid #c00;
border-bottom: 1px solid #c00;
border: 1px solid #c00;
}

ul.kanban-this_week li {
Expand All @@ -167,12 +162,10 @@ ul.kanban-this_week li {
}

ul.kanban-this_week li.heading,
ul.kanban-this_week li > span.alloc {
ul.kanban-this_week li span.alloc {
color: #f5eafa;
background-color: #a6c;
border-top: 1px solid #93c;
border-right: 1px solid #93c;
border-bottom: 1px solid #93c;
border: 1px solid #93c;
}

ul.kanban-cat_dev li {
Expand All @@ -181,12 +174,10 @@ ul.kanban-cat_dev li {
}

ul.kanban-cat_dev li.heading,
ul.kanban-cat_dev li > span.alloc {
ul.kanban-cat_dev li span.alloc {
color: #fff6df;
background-color: #fb3;
border-top: 1px solid #f80;
border-right: 1px solid #f80;
border-bottom: 1px solid #f80;
border: 1px solid #f80;
}

ul.kanban-cat_test li {
Expand All @@ -200,12 +191,10 @@ ul.kanban-cat_blocked li {
}

ul.kanban-cat_blocked li.heading,
ul.kanban-cat_blocked li > span.alloc {
ul.kanban-cat_blocked li span.alloc {
color: #ffe4e4;
background-color: #f44;
border-top: 1px solid #c00;
border-right: 1px solid #c00;
border-bottom: 1px solid #c00;
border: 1px solid #c00;
}

ul.kanban-client_uat li {
Expand All @@ -214,14 +203,12 @@ ul.kanban-client_uat li {
}

ul.kanban-client_uat li.heading,
ul.kanban-client_uat li > span.alloc,
ul.kanban-client_uat li span.alloc,
ul.kanban-cat_test li.heading,
ul.kanban-cat_test li > span.alloc {
ul.kanban-cat_test li span.alloc {
color: #f0f8db;
background-color: #9c0;
border-top: 1px solid #690;
border-right: 1px solid #690;
border-bottom: 1px solid #690;
border: 1px solid #690;
}

ul.kanban-done li {
Expand All @@ -230,10 +217,8 @@ ul.kanban-done li {
}

ul.kanban-done li.heading,
ul.kanban-done li > span.alloc {
ul.kanban-done li span.alloc {
color: #e2f4fb;
background-color: #33b5e5;
border-top: 1px solid #09c;
border-right: 1px solid #09c;
border-bottom: 1px solid #09c;
border: 1px solid #09c;
}
64 changes: 33 additions & 31 deletions wrms-kanban.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -229,40 +229,42 @@
return;
}
var li = $('span.wrno:contains(' + wr + ')').parent();
$(li).find('span.alloc').remove();
$(li).find('div.user_group').remove();
var dir = 'https://directory.wgtn.cat-it.co.nz/staff_photos/',
no_photo = 'url(https://directory.wgtn.cat-it.co.nz/images/no_photo.png)';
data.users.forEach(function(u){
var user_class = u.replace(/[ ]+/g, '_').toLowerCase();
$(li).append(
mk('span', ['alloc', user_class], function(s){
$(s).html('<span>&nbsp;</span>')
.css('background-image', 'url(' + dir + user_class + '.jpg), ' + no_photo)
.css('background-repeat', 'no-repeat')
.css('background-size', 'contain');
$(s).hover(
function(){
$('span.alloc.bright').removeClass('bright');
$('li.dimmed').removeClass('dimmed');
$('#kanban-overlay li').each(function(){
var s = $(this).find('span.alloc.' + user_class);
if (s.length){
s.addClass('bright');
}else{
if ($(this).hasClass('heading') === false){
$(this).addClass('dimmed');
$(li).append(mk('div', ['user_group', 'section', 'group'], function(ug){
data.users.forEach(function(u){
var user_class = u.replace(/[ ]+/g, '_').toLowerCase();
$(ug).append(
mk('span', ['col', 'alloc', user_class], function(s){
$(s).html('&nbsp;')
.css('background-image', 'url(' + dir + user_class + '.jpg), ' + no_photo)
.css('background-repeat', 'no-repeat')
.css('background-size', 'contain');
$(s).hover(
function(){
$('span.alloc.bright').removeClass('bright');
$('li.dimmed').removeClass('dimmed');
$('#kanban-overlay li').each(function(){
var s = $(this).find('span.alloc.' + user_class);
if (s.length){
s.addClass('bright');
}else{
if ($(this).hasClass('heading') === false){
$(this).addClass('dimmed');
}
}
}
});
},
function(){
$('span.alloc.bright').removeClass('bright');
$('li.dimmed').removeClass('dimmed');
}
);
})
);
});
});
},
function(){
$('span.alloc.bright').removeClass('bright');
$('li.dimmed').removeClass('dimmed');
}
);
})
);
});
}));
}

var kanban = {
Expand Down

0 comments on commit 5f3c206

Please sign in to comment.