Us-detail layout structure

2014-06-11 10:40:05 +02:00 · 2014-06-11 10:40:05 +02:00 · cae8179cb2
parent 85576409a3
commit cae8179cb2
9 changed files with 96 additions and 25 deletions
--- a/README.md
+++ b/README.md
@ -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/
--- a/app/fonts/taiga.eot
+++ b/app/fonts/taiga.eot
--- a/app/fonts/taiga.svg
+++ b/app/fonts/taiga.svg
@ -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>
--- a/app/fonts/taiga.ttf
+++ b/app/fonts/taiga.ttf
--- a/app/fonts/taiga.woff
+++ b/app/fonts/taiga.woff
--- a/app/styles/components/taskboard-task.scss
+++ b/app/styles/components/taskboard-task.scss
@ -45,6 +45,7 @@
        @extend %large;
        bottom: .2rem;
        color: $postit-hover;
+        cursor: move;
        display: none;
        position: absolute;
        &:hover {
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@ -115,62 +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';
+}
+.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';
 }
--- a/app/styles/layout/base.scss
+++ b/app/styles/layout/base.scss
@ -21,6 +21,7 @@ body {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
+    min-height: 100%;
    padding-left: 90px;
 }

--- a/app/us-detail.jade
+++ b/app/us-detail.jade
@ -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