Skip to content
Snippets Groups Projects
Commit 3b99c0aa authored by Vytor Calixto's avatar Vytor Calixto :space_invader:
Browse files

Design da administração de uploads

parent 754110b6
No related branches found
No related tags found
1 merge request!1Reimplementação em NodeJS
Hide whitespace changes
Inline Side-by-side
client/public/css/style.css
+ 37
− 0
View file @ 3b99c0aa
......@@ -387,6 +387,43 @@ input.warn {
input.warn:focus {
border-color: #EE3437; }
[tooltip] {
position: relative;
z-index: 2;
cursor: pointer; }
[tooltip]:before, [tooltip]:after {
visibility: hidden;
opacity: 0; }
[tooltip]:before {
position: absolute;
bottom: 120%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
border-radius: 3px;
background-color: #1a1a1a;
color: #F5F5F5;
content: attr(tooltip);
text-align: center;
font-size: 14px; }
[tooltip]:after {
position: absolute;
bottom: 120%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #1a1a1a;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0; }
[tooltip]:hover:before, [tooltip]:hover:after {
visibility: visible;
opacity: 1; }
html {
min-height: 100%;
position: relative; }
......
client/public/css/style.min.css
+ 1
− 1
View file @ 3b99c0aa
.button:hover,.icon-button:hover,a{text-decoration:none}.alert,.card,.error,.notice,.search-bar,.success{box-sizing:border-box}.button:focus,.icon-button:focus,.input:focus,.search-bar:focus,input:focus,textarea:focus{outline:0}.alert .alert-close:hover,.button:hover,.clickable,.error .alert-close:hover,.icon-button:hover,.notice .alert-close:hover,.success .alert-close:hover,a:hover{cursor:pointer}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;src:local('Merriweather'),url(https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}.alert:after,.alert:before,.clearfix:after,.clearfix:before,.error:after,.error:before,.header:after,.header:before,.list .list-item:after,.list .list-item:before,.notice:after,.notice:before,.success:after,.success:before{display:block;clear:both;content:''}.normal,.success{background-color:#39628d}.dark,header{background-color:#1E2251}.darker{background-color:#1a1a1a}.button:active,.icon-button:active,.light,.notice{background-color:#bfdede}.lighter,body{background-color:#F5F5F5}.error,.red,footer{background-color:#EE3437}.inactive{background-color:grey}.float-right{float:right}.float-left{float:left}.margin{margin:20px}.no-margin{margin:0}.margin-vertical{margin-top:20px;margin-bottom:20px}.margin-horizontal{margin-left:20px;margin-right:20px}.padding{padding:20px}.no-padding{padding:0}.padding-vertical{padding-top:20px;padding-bottom:20px}.padding-horizontal{padding-left:20px;padding-right:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.center-vertical{margin:auto 0}.center-block{display:table;margin:auto}.full{width:100%}.half{width:48%}.one-third{width:33%}.two-thirds{width:66%}.one-quarter{width:25%}.three-quarters{width:75%}.inline-block{display:inline-block}.flex{display:flex}.no-wrap{flex-wrap:nowrap}.space-around{justify-content:space-around}.stretch{align-items:stretch}.button,.icon-button{color:#fff!important;border:none;border-radius:2px;font-size:110%;padding:5px;margin-top:10px;margin-bottom:10px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.button:active,.icon-button:active{-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.float-button{position:relative;top:-1.3em}.icon-button{border-radius:0;font-family:FontAwesome;font-size:1.5em;position:relative;top:1.5px;left:-6px;color:#fff;padding:6px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.button-circle{border-radius:50%}.alert .alert-close button,.button-clean,.error .alert-close button,.notice .alert-close button,.success .alert-close button{border:none;margin:0;padding:0;background-color:inherit;color:inherit}.alert .alert-close button:focus,.button-clean:focus,.error .alert-close button:focus,.notice .alert-close button:focus,.success .alert-close button:focus{outline:0;background-color:inherit}.alert .alert-close button:hover,.button-clean:hover,.error .alert-close button:hover,.notice .alert-close button:hover,.success .alert-close button:hover{background-color:inherit}.list .list-title{padding:20px;text-align:center}.list .list-item{margin:0;padding:20px;border-top:1px solid #ccc}ul.list{list-style-type:none;padding:0;margin:0}.card{padding:20px;box-shadow:0 1px 2px #aaa;background:#fff;margin-bottom:20px}.card>.card{box-shadow:0 2px 5px #aaa}.card-list{padding:0}.page-wrap{margin-bottom:4em}.page-wrap:after{content:"";display:block}.sticky{position:absolute;bottom:0;width:100%;height:4em}.header nav,html{position:relative}.input,input,textarea{vertical-align:middle;margin:3px 0}input[type=checkbox]:before,input[type=radio]:before{content:"";display:inline-block;margin-right:15px;visibility:visible;line-height:9pt;font-size:14px;text-align:center}.input:disabled,input:disabled,textarea:disabled{background-color:grey;border-color:#1a1a1a}.input,input[type=search],input[type=tel],input[type=text],input[type=email],input[type=password],input[type=number],textarea{border:1px solid grey;padding:10px}.input:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border-color:#39628d}.input:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,textarea:disabled{border-color:#4d4d4d}input[type=checkbox],input[type=radio]{visibility:hidden;cursor:pointer;margin-right:8px}input[type=checkbox]:before{width:9pt;height:9pt;border:2px solid #676767;border-radius:2px;font-weight:700}input[type=checkbox]:checked:before{color:#39628d;font-family:FontAwesome;content:"\f00c";border-color:#39628d}input[type=checkbox]:hover:not(:checked):before{color:#676767;font-family:FontAwesome;content:"\f00c"}input[type=radio]:before{font-family:FontAwesome;color:grey;width:11px;height:11px;border:2px solid #676767;border-radius:50%}input[type=radio]:checked:before{color:#39628d;background-color:#39628d}input[type=radio]:hover:not(:checked):before{background-color:#676767}fieldset{border:1px solid #4d4d4d;border-radius:2px}.input-group{margin:0;border:none;padding:0}.input-group input,.input-group textarea{display:block;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.header form,.header h2,.header nav,.uploadInfo{display:inline-block}.input-group input:focus,.input-group textarea:focus{z-index:3}.input-group input:first-child,.input-group textarea:first-child{top:1px;border-radius:2px 2px 0 0;margin:0}.input-group input:first-child:last-child,.input-group textarea:first-child:last-child{top:1px;border-radius:2px;margin:0}.input-group input:last-child,.input-group textarea:last-child{top:-2px;border-radius:0 0 2px 2px;margin:0}.alert,.error,.notice,.success{border:1px solid;border-radius:3px;margin:10px 0;padding:10px;color:#fff}.alert .alert-close,.error .alert-close,.notice .alert-close,.success .alert-close{padding:0 5px;float:right}.alert .info:before,.error .info:before,.notice .info:before,.success .info:before{font-weight:700}.notice{border-color:#9dcdcd}.notice .alert-close:hover{color:#9dcdcd}.notice .info:before{content:"Info: "}.success{border-color:#2a4969}.success .alert-close:hover{color:#2a4969}.success .info:before{content:"Sucesso: "}.error{border-color:#dd1216}input.warn,input.warn:focus{border-color:#EE3437}.error .alert-close:hover{color:#dd1216}.error .info:before{content:"Erro: "}input.warn{color:#1E2251}input.warn::-webkit-input-placeholder{color:#EE3437}input.warn:-moz-placeholder{color:#EE3437;opacity:1}input.warn::-moz-placeholder{color:#EE3437;opacity:1}input.warn:-ms-input-placeholder{color:#EE3437}footer,header,header a,header a:hover{color:#fff}body,footer a:hover{color:#1a1a1a}html{min-height:100%}body{font-family:Merriweather,serif;padding-bottom:4em;text-align:center;margin:0}a{color:#39628d}a:hover{text-decoration:underline;color:#1E2251}form{margin:0 auto}header,nav{font-family:Montserrat,sans-serif}header{box-shadow:1px 1px 3px rgba(0,0,0,.6);padding:5px 0}header h3{font-weight:100}footer{padding:20px 0}footer a{color:inherit}.index{background-image:url(../imgs/Farol.png);background-position:center center;background-size:contain;background-repeat:no-repeat;margin-top:20px;padding-top:20%}.index h1{margin:0;font-family:Montserrat,sans-serif;font-size:5em;text-transform:uppercase;color:#1E2251;text-shadow:-1px -1px 0 #F5F5F5,1px -1px 0 #F5F5F5,-1px 1px 0 #F5F5F5,1px 1px 0 #F5F5F5}.search-bar{background-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 3px #ddd;font-size:1.3em;padding:5px;border:1px solid #bfdede}.search-bar:focus{border:1px solid #39628d}.search-bar::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar::-webkit-search-cancel-button:after{font-family:FontAwesome;content:'\f00d';color:#EE3437}.uploadInfo{box-shadow:2px 2px 15px rgba(0,0,0,.4);background-color:#fff;width:200px;margin:5px 15px}.uploadThumb{max-width:100%}.thumb{height:75px;border:1px solid #bfdede;margin:10px 5px 0 0}.header{text-align:left;padding:0}.header nav{height:100%;bottom:0}.header form .search-bar{width:25pc}.header h2{padding:20px 20px 0}.header h2 a{color:#fff;text-decoration:none}.header h2 a:hover{text-decoration:underline}.warning{border:1px solid #EE3437}.hover-shadow{box-shadow:0 0 0 rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}.hover-shadow:hover{box-shadow:2px 2px 5px rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}
\ No newline at end of file
.button:hover,.icon-button:hover,a{text-decoration:none}.alert,.card,.error,.notice,.search-bar,.success{box-sizing:border-box}.button:focus,.icon-button:focus,.input:focus,.search-bar:focus,input:focus,textarea:focus{outline:0}.alert .alert-close:hover,.button:hover,.clickable,.error .alert-close:hover,.icon-button:hover,.notice .alert-close:hover,.success .alert-close:hover,[tooltip],a:hover{cursor:pointer}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;src:local('Merriweather'),url(https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}.alert:after,.alert:before,.clearfix:after,.clearfix:before,.error:after,.error:before,.header:after,.header:before,.list .list-item:after,.list .list-item:before,.notice:after,.notice:before,.success:after,.success:before{display:block;clear:both;content:''}.normal,.success{background-color:#39628d}.dark,header{background-color:#1E2251}.darker{background-color:#1a1a1a}.button:active,.icon-button:active,.light,.notice{background-color:#bfdede}.lighter,body{background-color:#F5F5F5}.error,.red,footer{background-color:#EE3437}.inactive{background-color:grey}.float-right{float:right}.float-left{float:left}.margin{margin:20px}.no-margin{margin:0}.margin-vertical{margin-top:20px;margin-bottom:20px}.margin-horizontal{margin-left:20px;margin-right:20px}.padding{padding:20px}.no-padding{padding:0}.padding-vertical{padding-top:20px;padding-bottom:20px}.padding-horizontal{padding-left:20px;padding-right:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.center-vertical{margin:auto 0}.center-block{display:table;margin:auto}.full{width:100%}.half{width:48%}.one-third{width:33%}.two-thirds{width:66%}.one-quarter{width:25%}.three-quarters{width:75%}.inline-block{display:inline-block}.flex{display:flex}.no-wrap{flex-wrap:nowrap}.space-around{justify-content:space-around}.stretch{align-items:stretch}.button,.icon-button{color:#fff!important;border:none;border-radius:2px;font-size:110%;padding:5px;margin-top:10px;margin-bottom:10px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}.button:active,.icon-button:active{-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.float-button{position:relative;top:-1.3em}.icon-button{border-radius:0;font-family:FontAwesome;font-size:1.5em;position:relative;top:1.5px;left:-6px;color:#fff;padding:6px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}[tooltip]:after,[tooltip]:before{position:absolute;left:50%;bottom:120%}.button-circle{border-radius:50%}.alert .alert-close button,.button-clean,.error .alert-close button,.notice .alert-close button,.success .alert-close button{border:none;margin:0;padding:0;background-color:inherit;color:inherit}.alert .alert-close button:focus,.button-clean:focus,.error .alert-close button:focus,.notice .alert-close button:focus,.success .alert-close button:focus{outline:0;background-color:inherit}.alert .alert-close button:hover,.button-clean:hover,.error .alert-close button:hover,.notice .alert-close button:hover,.success .alert-close button:hover{background-color:inherit}.list .list-title{padding:20px;text-align:center}.list .list-item{margin:0;padding:20px;border-top:1px solid #ccc}ul.list{list-style-type:none;padding:0;margin:0}.card{padding:20px;box-shadow:0 1px 2px #aaa;background:#fff;margin-bottom:20px}.card>.card{box-shadow:0 2px 5px #aaa}.card-list{padding:0}.page-wrap{margin-bottom:4em}.page-wrap:after{content:"";display:block}.sticky{position:absolute;bottom:0;width:100%;height:4em}.input,input,textarea{vertical-align:middle;margin:3px 0}input[type=checkbox]:before,input[type=radio]:before{content:"";display:inline-block;margin-right:15px;line-height:9pt;font-size:14px;visibility:visible;text-align:center}.input:disabled,input:disabled,textarea:disabled{background-color:grey;border-color:#1a1a1a}.input,input[type=search],input[type=tel],input[type=text],input[type=email],input[type=password],input[type=number],textarea{border:1px solid grey;padding:10px}.input:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border-color:#39628d}.input:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,textarea:disabled{border-color:#4d4d4d}input[type=checkbox],input[type=radio]{visibility:hidden;cursor:pointer;margin-right:8px}input[type=checkbox]:before{width:9pt;height:9pt;border:2px solid #676767;border-radius:2px;font-weight:700}input[type=checkbox]:checked:before{color:#39628d;font-family:FontAwesome;content:"\f00c";border-color:#39628d}input[type=checkbox]:hover:not(:checked):before{color:#676767;font-family:FontAwesome;content:"\f00c"}input[type=radio]:before{font-family:FontAwesome;color:grey;width:11px;height:11px;border:2px solid #676767;border-radius:50%}input[type=radio]:checked:before{color:#39628d;background-color:#39628d}input[type=radio]:hover:not(:checked):before{background-color:#676767}fieldset{border:1px solid #4d4d4d;border-radius:2px}.input-group{margin:0;border:none;padding:0}.input-group input,.input-group textarea{display:block;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.header form,.header h2,.header nav,.uploadInfo{display:inline-block}.input-group input:focus,.input-group textarea:focus{z-index:3}.input-group input:first-child,.input-group textarea:first-child{top:1px;border-radius:2px 2px 0 0;margin:0}.input-group input:first-child:last-child,.input-group textarea:first-child:last-child{top:1px;border-radius:2px;margin:0}.input-group input:last-child,.input-group textarea:last-child{top:-2px;border-radius:0 0 2px 2px;margin:0}.alert,.error,.notice,.success{border:1px solid;border-radius:3px;margin:10px 0;padding:10px;color:#fff}.alert .alert-close,.error .alert-close,.notice .alert-close,.success .alert-close{padding:0 5px;float:right}.alert .info:before,.error .info:before,.notice .info:before,.success .info:before{font-weight:700}.notice{border-color:#9dcdcd}.notice .alert-close:hover{color:#9dcdcd}.notice .info:before{content:"Info: "}.success{border-color:#2a4969}.success .alert-close:hover{color:#2a4969}.success .info:before{content:"Sucesso: "}.error{border-color:#dd1216}input.warn,input.warn:focus{border-color:#EE3437}.error .alert-close:hover{color:#dd1216}.error .info:before{content:"Erro: "}input.warn{color:#1E2251}input.warn::-webkit-input-placeholder{color:#EE3437}input.warn:-moz-placeholder{color:#EE3437;opacity:1}input.warn::-moz-placeholder{color:#EE3437;opacity:1}input.warn:-ms-input-placeholder{color:#EE3437}footer,header,header a,header a:hover{color:#fff}body,footer a:hover{color:#1a1a1a}[tooltip]{position:relative;z-index:2}[tooltip]:after,[tooltip]:before{visibility:hidden;opacity:0}[tooltip]:before{margin-bottom:5px;margin-left:-5pc;padding:7px;width:10pc;border-radius:3px;background-color:#1a1a1a;color:#F5F5F5;content:attr(tooltip);text-align:center;font-size:14px}[tooltip]:after{margin-left:-5px;width:0;border-top:5px solid #1a1a1a;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}.header nav,html{position:relative}[tooltip]:hover:after,[tooltip]:hover:before{visibility:visible;opacity:1}html{min-height:100%}body{font-family:Merriweather,serif;padding-bottom:4em;text-align:center;margin:0}a{color:#39628d}a:hover{text-decoration:underline;color:#1E2251}form{margin:0 auto}header,nav{font-family:Montserrat,sans-serif}header{box-shadow:1px 1px 3px rgba(0,0,0,.6);padding:5px 0}header h3{font-weight:100}footer{padding:20px 0}footer a{color:inherit}.index{background-image:url(../imgs/Farol.png);background-position:center center;background-size:contain;background-repeat:no-repeat;margin-top:20px;padding-top:20%}.index h1{margin:0;font-family:Montserrat,sans-serif;font-size:5em;text-transform:uppercase;color:#1E2251;text-shadow:-1px -1px 0 #F5F5F5,1px -1px 0 #F5F5F5,-1px 1px 0 #F5F5F5,1px 1px 0 #F5F5F5}.search-bar{background-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 3px #ddd;font-size:1.3em;padding:5px;border:1px solid #bfdede}.search-bar:focus{border:1px solid #39628d}.search-bar::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar::-webkit-search-cancel-button:after{font-family:FontAwesome;content:'\f00d';color:#EE3437}.uploadInfo{box-shadow:2px 2px 15px rgba(0,0,0,.4);background-color:#fff;width:200px;margin:5px 15px}.uploadThumb{max-width:100%}.thumb{height:75px;border:1px solid #bfdede;margin:10px 5px 0 0}.header{text-align:left;padding:0}.header nav{height:100%;bottom:0}.header form .search-bar{width:25pc}.header h2{padding:20px 20px 0}.header h2 a{color:#fff;text-decoration:none}.header h2 a:hover{text-decoration:underline}.warning{border:1px solid #EE3437}.hover-shadow{box-shadow:0 0 0 rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}.hover-shadow:hover{box-shadow:2px 2px 5px rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}
\ No newline at end of file
client/scss/_tooltips.scss 0 → 100644
+ 44
− 0
View file @ 3b99c0aa
[tooltip]{
position: relative;
z-index: 2;
cursor: pointer;
&:before, &:after{
visibility: hidden;
opacity: 0;
}
&:before{
position: absolute;
bottom: 120%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
border-radius: 3px;
background-color: $squid-ink;
color: $light-gray;
content: attr(tooltip);
text-align: center;
font-size: 14px;
}
&:after{
position: absolute;
bottom: 120%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid $squid-ink;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
&:hover:before, &:hover:after{
visibility: visible;
opacity: 1;
}
}
client/scss/farol.scss
+ 1
− 0
View file @ 3b99c0aa
......@@ -13,6 +13,7 @@ $font-size: 1.3em;
@import "footer";
@import "inputs";
@import "alerts";
@import "tooltips";
html{
min-height: 100%;
......
client/views/admin/uploads.ejs
+ 23
− 10
View file @ 3b99c0aa
......@@ -6,26 +6,39 @@
<section class="page-wrap">
<div class="card card-list margin clearfix">
<ul class="list">
<h2 class="list-title">Arquivos pendentes</h2>
<li class="list-item text-left">
<h2 class="float-left">Arquivos pendentes</h2>
<div class="float-right">
<button class="button normal hover-shadow">
Aprovar todos<i class="fa fa-check fa-fw"></i>
</button>
<button class="button red hover-shadow">
Reprovar todos<i class="fa fa-close fa-fw"></i>
</button>
</div>
</li>
<% for(var i=0; i < uploads.length; i++) { %>
<li class="list-item text-left">
<%= uploads[i].tipo[0].toUpperCase() + uploads[i].tipo.slice(1) + ' ' + ((uploads[i].substitutiva) ? 'Substitutiva' : '') %>
<%= uploads[i].numero %> de <%= uploads[i].materia.nome %> por <%= uploads[i].professor.nome %>
<br>
<%= uploads[i].ano + '/' + uploads[i].semestre %>
<br>
Upload feito por <%= uploads[i].usuario.nome%> (@<%= uploads[i].usuario.username %>)
<div class="float-left">
<%= uploads[i].tipo[0].toUpperCase() + uploads[i].tipo.slice(1) + ' ' + ((uploads[i].substitutiva) ? 'Substitutiva' : '') %>
<%= uploads[i].numero %> de <%= uploads[i].materia.nome %> por <%= uploads[i].professor.nome %>
<br>
<%= uploads[i].ano + '/' + uploads[i].semestre %>
<br>
Upload feito por <%= uploads[i].usuario.nome%> (@<%= uploads[i].usuario.username %>)
</div>
<div class="float-right">
<button class="button normal hover-shadow">
<i class="fa fa-check fa-fw"></i>
Aprovar<i class="fa fa-check fa-fw"></i>
</button>
<button class="button darker hover-shadow">
<i class="fa fa-eye fa-fw"></i>
Visualizar e editar<i class="fa fa-eye fa-fw"></i>
</button>
<button class="button red hover-shadow">
<i class="fa fa-close fa-fw"></i>
Reprovar<i class="fa fa-close fa-fw"></i>
</button>
</div>
</li>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment