Us-detail basic structure

app/partials/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
+        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

app/partials/views/modules/attachments.jade

@@ -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")

app/styles/layout/us-detail.scss

@@ -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;
+    }
+}

app/styles/main.scss

@@ -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';
 

app/styles/modules/attachments.scss

@@ -0,0 +1 @@
+

app/us-detail.jade

@@ -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

app/views/modules/attachments.jade

@@ -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