From 61989149087c78fe630abaed965d8dc5372d7dfd Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.alcantara@kaleidos.net>
Date: Mon, 16 Jun 2014 17:14:38 +0200
Subject: [PATCH] new member lightbox

---
 app/partials/membership.jade                  |  3 ++
 .../views/modules/lightbox_add-member.jade    | 24 ++++++++++++
 app/styles/dependencies/forms.scss            | 11 +++---
 app/styles/modules/lightbox.scss              | 38 +++++++++++++++++++
 4 files changed, 71 insertions(+), 5 deletions(-)
 create mode 100644 app/partials/views/modules/lightbox_add-member.jade

diff --git a/app/partials/membership.jade b/app/partials/membership.jade
index fdb60e6c..2197c900 100644
--- a/app/partials/membership.jade
+++ b/app/partials/membership.jade
@@ -53,3 +53,6 @@ block content
                         span.icon.icon-reload
                     a(href="#").delete
                         span.icon.icon-delete
+
+    div.lightbox.ligbox_add-member
+        include views/modules/lightbox_add-member
\ No newline at end of file
diff --git a/app/partials/views/modules/lightbox_add-member.jade b/app/partials/views/modules/lightbox_add-member.jade
new file mode 100644
index 00000000..215d4878
--- /dev/null
+++ b/app/partials/views/modules/lightbox_add-member.jade
@@ -0,0 +1,24 @@
+a.close(href="", title="close")
+    span.icon.icon-delete
+form
+    h2.title New Member
+    fieldset
+        input(type="email", placeholder="Email")
+        select
+            option Front
+            option Role
+            option UX
+        a.icon.icon-delete(href="")
+
+    fieldset
+        input(type="email", placeholder="Email")
+        select
+            option Front
+            option Role
+            option UX
+        a.icon.icon-plus(href="")
+
+    a.button.button-green(href="", title="Save")
+        span Create
+
+    p.help-text We will add directly the users if they are registered, send an invitation to register if not
diff --git a/app/styles/dependencies/forms.scss b/app/styles/dependencies/forms.scss
index c0dd90f8..8f6eca64 100644
--- a/app/styles/dependencies/forms.scss
+++ b/app/styles/dependencies/forms.scss
@@ -4,11 +4,12 @@ fieldset {
     padding: 0;
     position: relative;
     width: 100%;
-    .icon {
-        position: absolute;
-        right: 10px;
-        top: 6px;
-    }
+    // xavi pleeeeeease
+    // .icon {
+    //     position: absolute;
+    //     right: 10px;
+    //     top: 6px;
+    // }
 }
 
 input[type="text"],
diff --git a/app/styles/modules/lightbox.scss b/app/styles/modules/lightbox.scss
index e1955cde..5f3c4499 100644
--- a/app/styles/modules/lightbox.scss
+++ b/app/styles/modules/lightbox.scss
@@ -147,6 +147,44 @@
     }
 }
 
+.ligbox_add-member {
+    display: none;
+    fieldset {
+        @include clearfix;
+        margin-bottom: 1rem;
+    }
+    input[type=email],
+    select {
+        float: left;
+        margin-bottom: 0;
+    }
+    input[type=email] {
+        width: 430px;
+    }
+    select {
+        margin-left: .5rem;
+        width: 255px;
+    }
+    .icon {
+        @extend %large;
+        float: left;
+        line-height: 40px;
+        margin-left: .5rem;
+    }
+    .icon-delete {
+        &:hover {
+            color: $red;
+        }
+    }
+    .button {
+        margin-top: 2rem;
+    }
+    .help-text {
+        @extend %small;
+        padding: .5rem 1rem;
+    }
+}
+
 .lightbox_add-sprint {
     display: none;
     form {