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

Us-detail layout structure

stable
Xavier Julián 2014-06-11 10:40:05 +02:00
parent 85576409a3
commit cae8179cb2
9 changed files with 96 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
README.md
View File

@ -8,12 +8,26 @@ Setup initial environment
Install requirements:
**Ruby / Sass**
You can install Ruby through the apt package manager, rbenv, or rvm.
Install Sass through your **Terminal or Command Prompt**.
```bash
sudo npm install -g gulp
npm install
sudo npm install -g bower
bower install
gulp
gem install sass
sass -v // should return Sass 3.3.8 (Maptastic Maple)
```
> Complete process for all OS at: http://sass-lang.com/install
**Node + Bower + Gulp**
```bash
sudo npm install -g gulp
npm install
sudo npm install -g bower
bower install
gulp
```
And go in your browser to: http://localhost:8080/

BIN
app/fonts/taiga.eot
View File

Binary file not shown.

6
app/fonts/taiga.svg
View File

@ -27,4 +27,10 @@
<glyph unicode="&#114;" d="M364 364c-17 6-31 20-35 38l-36 0c5-34 28-61 59-71 21-7 36-27 36-50l0-18-226 0 0-88-36 0 0 106c0 23 15 43 36 50 31 10 54 37 59 71l-36 0c-5-18-18-32-35-38-34-12-59-45-59-83l0-246c0-20 16-37 36-37l259 0 0 1c21 0 37 16 37 36l0 246c0 38-25 71-59 83z m-101-133c28 0 51-22 51-50 0-15-6-28-16-37-1-2-2-3-2-5l0-2c0-2-1-4-2-4-9-6-18-9-28-9l-5 0c-10 0-20 3-28 9-1 0-2 2-2 4l0 2c0 2-1 3-2 5-10 9-16 22-16 37 0 28 22 50 50 50z m64-136c-3 0-6 2-8 4l-31-11 25-9c2 3 6 5 9 5 6 0 11-4 11-10 0-3-2-6-4-7 1-2 1-3 1-5 0-6-5-12-11-12-7 0-12 6-12 12 0 0 0 1 0 1l-43 16-45-16c0 0 0-1 0-1 0-6-6-12-12-12-7 0-12 6-12 12 0 2 1 3 1 5-2 1-3 4-3 7 0 6 5 10 10 10 4 0 7-2 9-5l27 9-27 10c-2-2-4-4-7-4-6 0-10 4-10 10 0 4 3 7 6 8 0 0 0 0 0 0 0 5 4 9 8 9 5 0 8-4 9-8l45-16 51 17c0 5 4 8 8 8 5 0 8-4 8-8l0 0c4-2 6-5 6-9 0-5-4-10-9-10z m-154 327l168 0c2 0 4 1 4 4l0 48c0 2-2 4-4 4l-12 0 0 23c0 3-2 6-6 6l-132 0c-4 0-6-3-6-6l0-23-12 0c-2 0-4-2-4-4l0-48c0-3 2-4 4-4z m82-255c0-7-6-13-13-13-8 0-14 6-14 13 0 7 6 13 14 13 7 0 13-6 13-13z m43 0c0-7-6-13-13-13-7 0-13 6-13 13 0 7 6 13 13 13 7 0 13-6 13-13z"/>
<glyph unicode="&#115;" d="M165 302l0-55c0-8-3-14-8-20-6-5-12-8-20-8l-55 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l55 0c8 0 14-3 20-8 5-5 8-12 8-19z m146 0l0-55c0-8-3-14-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-19z m146 0l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-55 0c-8 0-14 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 6 5 12 8 20 8l55 0c7 0 14-3 19-8 5-5 8-12 8-19z"/>
<glyph unicode="&#116;" d="M311 155l0-54c0-8-3-15-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-20z m0 147l0-55c0-8-3-14-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-20-8l-54 0c-8 0-15 2-20 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 20 8l54 0c8 0 15-2 20-8 5-5 8-11 8-19z"/>
<glyph unicode="&#117;" d="M146 155l0-54c0-8-2-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-20z m0 147l0-55c0-8-2-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-19z m366-147l0-54c0-8-3-15-8-20-5-5-12-8-19-8l-275 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l275 0c7 0 14-3 19-8 5-5 8-12 8-20z m-366 293l0-55c0-7-2-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 6-5 8-11 8-19z m366-146l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-275 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l275 0c7 0 14-3 19-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-19-8l-275 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l275 0c7 0 14-2 19-8 5-5 8-11 8-19z"/>
<glyph unicode="&#118;" d="M366 174l0-19c0-2-1-4-3-6-2-2-4-3-6-3l-202 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 19c0 2 1 5 3 6 2 2 4 3 6 3l202 0c2 0 4-1 6-3 2-1 3-4 3-6z m0 73l0-18c0-3-1-5-3-7-2-2-4-3-6-3l-202 0c-2 0-4 1-6 3-2 2-3 4-3 7l0 18c0 3 1 5 3 6 2 2 4 3 6 3l202 0c2 0 4-1 6-3 2-1 3-3 3-6z m-256-174l292 0 0 220-119 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 119-146 0z m183 256l107 0c-2 6-4 10-6 12l-90 89c-2 3-6 5-11 7z m146-9l0-256c0-8-3-14-8-19-5-6-12-8-20-8l-310 0c-8 0-15 2-20 8-5 5-8 11-8 19l0 384c0 8 3 14 8 19 5 6 12 8 20 8l182 0c8 0 16-1 26-5 9-4 16-9 21-14l89-89c6-5 10-13 14-22 4-9 6-17 6-25z"/>
<glyph unicode="&#119;" d="M413 424l0 0c0 0 0 0 0 0 0 15-12 27-26 27-1 0-1 0-1 0l-74 0 0 18c0 4-4 8-9 8l0 0-94 0 0 0c0 0 0 0 0 0-5 0-8-4-8-8 0 0 0 0 0-1l0-17-76 0c0 0 0 0 0 0-14 0-26-12-26-27 0 0 0 0 0 0l0 0 0-362 0 0c0 0 0 0 0 0 0-15 12-27 26-27 1 0 1 0 2 0l0 0 258 0c1 0 1 0 2 0 14 0 26 12 26 27 0 0 0 0 0 0l1 0 0 362z m-50-338l-214 0 0 314 26 0 0-15c0-1 0-1 0-1 0-5 4-9 9-9 0 0 0 0 0 0l0 0 144 0c5 0 9 4 9 9 0 0 0 0 0 0l0 16 26 0 0-314z m-163 215c0 4-2 7-6 7 0 0 0 0 0-1l0 1-13 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l13 0 0 0c0 0 0 0 0 0 4 0 6 3 6 6l0 13 0 0z m137 0c0 4-3 7-6 7 0 0 0 0 0 0l-99 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l99 0c3 0 6 3 6 6l0 13 0 0z m-137-51c0 4-2 7-6 7 0 0 0-1 0-1l0 1-13 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l13 0 0 0c0 0 0 0 0 0 4 0 6 3 6 6l0 13 0 0z m137 0c0 4-3 7-6 7 0 0 0 0 0 0l-99 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l99 0c3 0 6 3 6 6l0 13 0 0z m-137-51c0 4-2 6-6 6 0 0 0 0 0 0l0 0-13 0c-3 0-6-2-6-6l0-13c0-3 3-6 6-6l13 0 0 0c0 0 0 0 0 0 4 0 6 3 6 6l0 13 0 0z m137 0c0 4-3 6-6 6 0 0 0 0 0 0l-99 0c-3 0-6-2-6-6l0-13c0-3 3-6 6-6l99 0c3 0 6 3 6 6l0 13 0 0z"/>
<glyph unicode="&#120;" d="M295 410c0-23-19-42-42-42-24 0-43 19-43 42 0 23 19 42 43 42 23 0 42-19 42-42z m38-54l0 0-152 0 0 0c-11 0-20-9-20-20l0 0 0-120 0 0c0-4 2-9 6-12 7-7 18-7 25 0 3 3 5 8 5 12l0 0 0 84 0 0c0 3 3 6 6 6 3 0 5-3 5-6l0 0 0-219c0-12 10-21 21-21 12 0 21 9 21 21l0 110 0 0c0 3 3 6 6 6 3 0 6-3 6-6l0 0 0-110c0-12 9-21 21-21 11 0 21 9 21 21l0 219c0 3 2 6 5 6 3 0 6-3 6-6l0-84 0 0c0-4 2-9 5-12 7-7 19-7 26 0 3 3 5 8 5 12l0 0 0 120c0 11-8 19-18 20z"/>
<glyph unicode="&#121;" d="M432 309l-123 0 0 123c0 5-5 10-10 10l-86 0c-5 0-10-5-10-10l0-123-123 0c-5 0-10-5-10-10l0-86c0-3 1-5 3-7 2-2 4-3 7-3l123 0 0-123c0-3 1-5 3-7 2-2 4-3 7-3l86 0c3 0 5 1 7 3 2 2 3 4 3 7l0 123 123 0c3 0 5 1 7 3 2 2 3 4 3 7l0 86c0 5-5 10-10 10z"/>
<glyph unicode="&#65;" d="M208 1c-47 0-91 19-124 52-34 33-52 77-52 124 0 47 18 91 52 125l178 174c48 48 132 48 180 0 50-50 50-131 0-181l-160-157c-31-30-81-31-113 1-31 31-31 82 0 113l62 62 46-45-62-62c-4-5-5-9-5-12 0-2 1-7 5-11 8-8 14-8 22 0l160 156c25 25 25 66 0 91-24 24-66 24-90 0l-178-175c-21-21-33-49-33-79 0-30 12-58 33-79 42-42 116-42 158 0l80 80 45-45-80-80c-33-33-77-52-124-52z"/>
</font></defs></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
app/fonts/taiga.ttf
View File

Binary file not shown.

BIN
app/fonts/taiga.woff
View File

Binary file not shown.

1
app/styles/components/taskboard-task.scss
View File

@ -45,6 +45,7 @@
@extend %large;
bottom: .2rem;
color: $postit-hover;
cursor: move;
display: none;
position: absolute;
&:hover {

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

@ -174,3 +174,21 @@ a:visited {
.icon-drag-v:before {
content: 't';
}
.icon-fontawesome-webfont:before {
content: 'u';
}
.icon-fontawesome-webfont-1:before {
content: 'v';
}
.icon-clipboard-notes:before {
content: 'w';
}
.icon-male:before {
content: 'x';
}
.icon-plus:before {
content: 'y';
}
.icon-attachment:before {
content: 'A';
}

1
app/styles/layout/base.scss
View File

@ -21,6 +21,7 @@ body {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
min-height: 100%;
padding-left: 90px;
}

31
app/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
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