taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Us-detail basic structure

stable
Xavier Julián 2014-06-11 12:47:51 +02:00
parent ab097b4ff6
commit e27f9c0cda
8 changed files with 112 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/partials/us-detail.jade Normal file
View File

@ -0,0 +1,31 @@
extends layout
block head
title Taiga Project management web application with scrum in mind!
block content
div.main.us-detail
div.us-detail-header
h1
span ProjectName
span.green User Story
a.button.button-green(href="", title="Edit") Edit
section.us-story-main-data
h2.us-title
span.us-number 125
span.us-name Tagear contenido dentro de las catas privadas
div.user-story-tags
- for(var y = 0; y < 6; y++)
include views/components/tag
input(type="text", placeholder="Add Tag")
section.us-content
p Hay que cambiar el texto "Hola NombreDelUsuario" por "Nivel de conexion al XX%"
p La propuesta que esperábamos de UX debía incluir nombre y nivel de conexión. Esperamos nueva propuesta corregida donde aparezca tanto el nombre como el % de conexión
p <strong>Test de aceptación</strong>
ul
li Entro en la aplicación
li Compruebo que el indicador crece
p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
include views/modules/attachments
sidebar.menu-secondary.sidebar

20
app/partials/views/modules/attachments.jade Normal file
View File

@ -0,0 +1,20 @@
section.attachments
div.attachments-header
div.attachments-inner
h3.attachments-title
span.icon.icon-attachment
span.attachments-num {{5}}
span.attachemnts-text attachments
a.button.button-gray(href="", title="Add new attachment")
span +new file
div.attachment-body
div.attachments-inner
div.attachment-single
div.attachment-name
span.icon.icon-document
span pefildeusuario.png
div.attachment-comment
span Comentario sobre el contenido
span.attachment-size (125kb.)
a.icon.icon-edit(href="","Edit")
a.icon.icon-drag-v(href="","Drag")

52
app/styles/dependencies/typography.scss
View File

@ -115,80 +115,80 @@ a:visited {
}
.icon-backlog:before {
content: 'a';
content: 'a';
}
.icon-issues:before {
content: 'b';
content: 'b';
}
.icon-kanban:before {
content: 'c';
content: 'c';
}
.icon-search:before {
content: 'd';
content: 'd';
}
.icon-video:before {
content: 'e';
content: 'e';
}
.icon-wiki:before {
content: 'f';
content: 'f';
}
.icon-settings:before {
content: 'g';
content: 'g';
}
.icon-move:before {
content: 'i';
content: 'i';
}
.icon-filter:before {
content: 'j';
content: 'j';
}
.icon-tag:before {
content: 'k';
content: 'k';
}
.icon-bulk:before {
content: 'l';
content: 'l';
}
.icon-arrow-up:before {
content: 'h';
content: 'h';
}
.icon-arrow-right:before {
content: 'm';
content: 'm';
}
.icon-arrow-left:before {
content: 'n';
content: 'n';
}
.icon-arrow-bottom:before {
content: 'o';
content: 'o';
}
.icon-edit:before {
content: 'p';
content: 'p';
}
.icon-delete:before {
content: 'q';
content: 'q';
}
.icon-iocaine:before {
content: 'r';
content: 'r';
}
.icon-drag-h:before {
content: 's';
content: 's';
}
.icon-drag-v:before {
content: 't';
content: 't';
}
.icon-fontawesome-webfont:before {
content: 'u';
content: 'u';
}
.icon-fontawesome-webfont-1:before {
content: 'v';
content: 'v';
}
.icon-clipboard-notes:before {
content: 'w';
content: 'w';
}
.icon-male:before {
content: 'x';
content: 'x';
}
.icon-plus:before {
content: 'y';
content: 'y';
}
.icon-attachment:before {
content: 'A';
content: 'A';
}

32
app/styles/layout/us-detail.scss Normal file
View File

@ -0,0 +1,32 @@
.us-detail-header {
position: relative;
.button {
color: $white;
position: absolute;
right: 0;
top: 0;
}
}
.us-story-main-data {
margin-bottom: 2rem;
.us-title {
@extend %xlarge;
background: $whitish;
font-family: 'DroidSans';
padding: 2rem 1rem;
.us-number {
color: $gray-light;
margin-right: .5rem;
}
.us-name {
color: $grayer;
}
}
}
.user-story-tags {
input {
display: inline-block;
width: 14rem;
}
}

2
app/styles/main.scss
View File

@ -29,6 +29,7 @@ $prefix-for-spec: true;
@import 'layout/base';
@import 'layout/backlog';
@import 'layout/taskboard';
@import 'layout/us-detail';
//Modules
@import 'modules/nav';
@ -39,6 +40,7 @@ $prefix-for-spec: true;
@import 'modules/filters';
@import 'modules/lightbox';
@import 'modules/taskboard-table';
@import 'modules/attachments';
@import 'modules/search-filter';
@import 'modules/search-result-table';

1
app/styles/modules/attachments.scss Normal file
View File

@ -0,0 +1 @@

31
app/us-detail.jade
View File

@ -1,31 +0,0 @@
extends layout
block head
title Taiga Project management web application with scrum in mind!
block content
div.main.us-detail
header
h1
span ProjectName
span.green User Story
a.button.button-green(href="", title="Edit") Edit
section.us-story-main-data
h2.us-title
span.us-number 125
span-us-name Tagear contenido dentro de las catas privadas
div.user-story-tags
- for(var y = 0; y < 6; y++)
include views/components/tag
input(type="text", placeholder="Add Tag")
div.us-description
p Hay que cambiar el texto "Hola NombreDelUsuario" por "Nivel de conexion al XX%"
p La propuesta que esperábamos de UX debía incluir nombre y nivel de conexión. Esperamos nueva propuesta corregida donde aparezca tanto el nombre como el % de conexión
p <strong>Test de aceptación</strong>
ul
li Entro en la aplicación
li Compruebo que el indicador crece
p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
include views/modules/attachments
sidebar.menu-secondary.sidebar

9
app/views/modules/attachments.jade
View File

@ -1,9 +0,0 @@
section.attachments
div.attachments-header
div.attachments-inner
h3.attachments-title
span.icon.icon-attachment
span.attachments-num {{5}}
span.attachemnts-text attachments
a(href="", title="Add new attachment")
span.icon.icon-plus