From d27643edef6fdb84c577d131e84f4408595c55d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 30 Jun 2014 18:41:24 +0200
Subject: [PATCH] add issue lightbox

---
 app/partials/issues.jade                      |  2 +
 .../views/modules/lightbox-attachments.jade   | 17 +++++
 .../views/modules/lightbox_add-issue.jade     | 38 ++++++++++++
 app/styles/modules/lightbox.scss              | 62 +++++++++++++------
 4 files changed, 99 insertions(+), 20 deletions(-)
 create mode 100644 app/partials/views/modules/lightbox-attachments.jade
 create mode 100644 app/partials/views/modules/lightbox_add-issue.jade

diff --git a/app/partials/issues.jade b/app/partials/issues.jade
index c762c546..a7713008 100644
--- a/app/partials/issues.jade
+++ b/app/partials/issues.jade
@@ -22,3 +22,5 @@ block content
             include views/modules/issues-table
             div.paginator.issues-paginator
                 //-Included paginator via JS
+    div.lightbox.lightbox_add-issue
+            include views/modules/lightbox_add-issue
diff --git a/app/partials/views/modules/lightbox-attachments.jade b/app/partials/views/modules/lightbox-attachments.jade
new file mode 100644
index 00000000..b8d4cd19
--- /dev/null
+++ b/app/partials/views/modules/lightbox-attachments.jade
@@ -0,0 +1,17 @@
+fieldset.attachments
+    div.attachments-header
+        h3.attachments-title
+            span.icon.icon-attachment
+            span.attachments-num 1
+            span.attachments-text attachment
+            a.button.button-gray(href="", title="Add new attachment")
+                span + add attachment
+    div.attachment-body
+        - for(var x = 0; x < 1; x++)
+            div.single-attachment
+                div.attachment-name
+                    span.icon.icon-document
+                    a(href="", title="Attachment pefildeusuario.png") pefildeusuariopefildeusuariopefildeusuario.png
+                div.attachment-comment
+                    span Comentario sobre el contenido
+                    span.attachment-size (125kb.)
\ No newline at end of file
diff --git a/app/partials/views/modules/lightbox_add-issue.jade b/app/partials/views/modules/lightbox_add-issue.jade
new file mode 100644
index 00000000..5280e634
--- /dev/null
+++ b/app/partials/views/modules/lightbox_add-issue.jade
@@ -0,0 +1,38 @@
+a.close(href="", title="close")
+    span.icon.icon-delete
+form
+    h2.title Add Issue
+    fieldset
+        input(type="text", placeholder="Issue description")
+    div.fieldset-row
+        fieldset
+            select.type
+                option(value="Type") Type
+        fieldset
+            select.priority
+                option(value="priority") Priority
+        fieldset
+            select.severity
+                option(value="severity") Severity
+    //-
+        div.fieldset-row
+            fieldset
+                select.assigned-to
+                    option(value="assigned-to") Assigned to
+            fieldset
+                select.status
+                    option(value="status") Status
+            fieldset
+                input(type="checkbox", id="is-blocked")
+                label(for="is-blocked") is blocked?
+    fieldset
+        input(type="text", placeholder="Add tags")
+    fieldset
+        div.markdown-preview
+            a.edit.active(href="", title="Edit") Edit
+            a.preview(href="", title="Preview") Preview
+        textarea.description(placeholder="description")
+        div.description-preview.hidden
+    include lightbox-attachments
+    a.button.button-green(href="", title="Save")
+        span Create
diff --git a/app/styles/modules/lightbox.scss b/app/styles/modules/lightbox.scss
index 02d678d3..868046c8 100644
--- a/app/styles/modules/lightbox.scss
+++ b/app/styles/modules/lightbox.scss
@@ -30,6 +30,27 @@
     }
 }
 
+.markdown-preview {
+    display: inline-block;
+    margin-bottom: .5rem;
+    a {
+        @extend %button;
+        @extend %small;
+        color: $gray-light;
+        padding: 3px 20px;
+        &:first-child {
+            border-right: 1px solid $gray-light;
+        }
+        &:hover {
+            color: $grayer;
+            @include transition(color .2s linear);
+        }
+    }
+    .active {
+        color: $grayer;
+    }
+}
+
 .lightbox_add-new-us {
     form {
         @include table-flex-child(0, 600px, 0, 600px);
@@ -37,26 +58,6 @@
     fieldset {
         position: relative;
     }
-    .markdown-preview {
-        display: inline-block;
-        margin-bottom: .5rem;
-        a {
-            @extend %button;
-            @extend %small;
-            color: $gray-light;
-            padding: 3px 20px;
-            &:first-child {
-                border-right: 1px solid $gray-light;
-            }
-            &:hover {
-                color: $grayer;
-                @include transition(color .2s linear);
-            }
-        }
-        .active {
-            color: $grayer;
-        }
-    }
     textarea {
         margin-bottom: 1rem;
         max-height: 9rem;
@@ -245,3 +246,24 @@
     }
 }
 
+.lightbox_add-issue {
+    form {
+        @include table-flex-child(0, 600px, 0, 600px);
+    }
+    .fieldset-row {
+        @include table-flex();
+        fieldset {
+            @include table-flex-child(1, 100px, 0, 30%);
+            margin-right: .5rem;
+            &:last-child {
+                margin: 0;
+            }
+        }
+    }
+    textarea {
+        margin-bottom: 1rem;
+        max-height: 12rem;
+        min-height: 8rem;
+    }
+
+}