admin roles
Juanfran
parent
f6aabb0ca0
commit
7b10fbb0df
|
|
@ -9,6 +9,39 @@ block content
|
|||
sidebar.menu-tertiary.sidebar
|
||||
include views/modules/admin-menu-roles
|
||||
|
||||
section.main.admin-membership
|
||||
section.main.admin-roles
|
||||
header
|
||||
include views/components/mainTitle
|
||||
|
||||
p.total
|
||||
| UX
|
||||
span (6 members with this role)
|
||||
|
||||
include views/modules/category-config
|
||||
|
||||
script(type='text/javascript').
|
||||
function randomIntFromInterval(min,max) {
|
||||
return Math.floor(Math.random()*(max-min+1)+min);
|
||||
}
|
||||
(function() {
|
||||
if(randomIntFromInterval(0, 4) !== 4) return true;
|
||||
|
||||
var inputs = document.querySelectorAll('input');
|
||||
|
||||
function change(input) {
|
||||
var num = randomIntFromInterval(100, 600);
|
||||
|
||||
setTimeout(function() {
|
||||
if(input.hasAttribute('checked')) {
|
||||
input.removeAttribute('checked');
|
||||
} else {
|
||||
input.setAttribute('checked', 'checked');
|
||||
}
|
||||
}, num);
|
||||
}
|
||||
setInterval(function() {
|
||||
for(var i = 0; i < inputs.length; i++) {
|
||||
change(inputs[i]);
|
||||
}
|
||||
}, 500);
|
||||
})()
|
||||
|
|
|
|||
|
|
@ -0,0 +1,63 @@
|
|||
div.general-category
|
||||
| Can do estimations?
|
||||
div.check
|
||||
input(type="checkbox", checked)
|
||||
div
|
||||
div.category-config-list
|
||||
div.category-config
|
||||
div.resume
|
||||
div.resume-title Attachments
|
||||
div.count 2/7
|
||||
div.progress
|
||||
span(style='width: 50%')
|
||||
div.icon.icon-arrow-bottom
|
||||
|
||||
div.category-config
|
||||
div.resume
|
||||
div.resume-title User stories
|
||||
div.count 2/7
|
||||
div.progress
|
||||
span(style='width: 20%')
|
||||
div.icon.icon-arrow-bottom
|
||||
|
||||
div.category-config
|
||||
div.resume
|
||||
div.resume-title Issues
|
||||
div.count 2/7
|
||||
div.progress
|
||||
span(style='width: 75%')
|
||||
div.icon.icon-arrow-up
|
||||
div.category-items
|
||||
div.category-item
|
||||
| Can modify owned user stories
|
||||
div.check
|
||||
input(type="checkbox")
|
||||
div
|
||||
div.category-item
|
||||
| Can delete user story status
|
||||
div.check
|
||||
input(type="checkbox", checked)
|
||||
div
|
||||
div.category-item
|
||||
| Can delete user story status
|
||||
div.check.enabled
|
||||
input(type="checkbox")
|
||||
div
|
||||
div.category-item
|
||||
| Can delete user story statsu
|
||||
div.check
|
||||
input(type="checkbox", checked)
|
||||
div
|
||||
div.category-item
|
||||
| Can delete user story status
|
||||
div.check
|
||||
input(type="checkbox")
|
||||
div
|
||||
|
||||
div.category-config
|
||||
div.resume
|
||||
div.resume-title User stories
|
||||
div.count 2/7
|
||||
div.progress
|
||||
span(style='width: 20%')
|
||||
div.icon.icon-arrow-bottom
|
||||
|
|
@ -43,6 +43,8 @@ $prefix-for-spec: true;
|
|||
@import 'modules/admin-menu';
|
||||
@import 'modules/admin-menu-roles';
|
||||
@import 'modules/admin-membership';
|
||||
@import 'modules/admin-roles';
|
||||
@import 'modules/category-config';
|
||||
|
||||
// Responsive
|
||||
@import 'responsive/mobile';
|
||||
|
|
|
|||
|
|
@ -31,5 +31,8 @@
|
|||
.button-gray {
|
||||
padding: .5rem 0;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
background-color: darken($button-gray-hover, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,53 @@
|
|||
.admin-roles {
|
||||
.total {
|
||||
@extend %large;
|
||||
background-color: $whitish;
|
||||
font-family: DroidSans-Bold;
|
||||
padding: .5rem 1rem;
|
||||
span {
|
||||
@extend %medium;
|
||||
font-family: DroidSans;
|
||||
padding-left: .5rem;
|
||||
}
|
||||
}
|
||||
.general-category {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-bottom: 2rem;
|
||||
.check {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
}
|
||||
.check {
|
||||
background-color: #cfcfcf;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
height: 25px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 65px;
|
||||
input[type=checkbox] {
|
||||
cursor: pointer;
|
||||
height: 500px;
|
||||
left: -10px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
width: 500px;
|
||||
+ div {
|
||||
@include transition (all .2s linear);
|
||||
background-color: $button-gray;
|
||||
height: 25px;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
input[type=checkbox]:checked {
|
||||
+ div {
|
||||
@include transition (all .2s linear);
|
||||
background-color: #74a218;
|
||||
margin-left: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
.category-config {
|
||||
border-bottom: 1px solid $gray-light;
|
||||
&:first-child {
|
||||
border-top: 1px solid $gray-light;
|
||||
}
|
||||
.resume {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
.resume-title {
|
||||
line-height: 28px;
|
||||
width: 280px;
|
||||
}
|
||||
.count {
|
||||
color: $gray-light;
|
||||
line-height: 28px;
|
||||
}
|
||||
.progress {
|
||||
background-color: $whitish;
|
||||
margin-left: 1rem;
|
||||
padding: 4px;
|
||||
width: 220px;
|
||||
span {
|
||||
background-color: #9fcf0f;
|
||||
display: block;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
.icon {
|
||||
@extend %xlarge;
|
||||
line-height: 28px;
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
top: 1rem;
|
||||
}
|
||||
.category-items {
|
||||
background-color: $whitish;
|
||||
padding: 2rem 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
.category-item {
|
||||
border-bottom: 1px dotted $gray;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: .5rem .5rem .5rem 2rem;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue