From ad58f609cef3164d296b5ec2642d24e828240690 Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.alcantara@kaleidos.net>
Date: Fri, 20 Jun 2014 12:30:47 +0200
Subject: [PATCH] project functionalities

---
 app/partials/functionalities.jade             | 63 +++++++++++++++++++
 app/styles/main.scss                          |  1 +
 app/styles/modules/admin-functionalities.scss | 32 ++++++++++
 3 files changed, 96 insertions(+)
 create mode 100644 app/partials/functionalities.jade
 create mode 100644 app/styles/modules/admin-functionalities.scss

diff --git a/app/partials/functionalities.jade b/app/partials/functionalities.jade
new file mode 100644
index 00000000..11f99240
--- /dev/null
+++ b/app/partials/functionalities.jade
@@ -0,0 +1,63 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.wrapper
+        sidebar.menu-secondary.sidebar
+            include views/modules/admin-menu
+        sidebar.menu-tertiary.sidebar
+            include views/modules/admin-submenu
+
+        section.main.admin-functionalities
+            header
+                include views/components/mainTitle
+
+            section
+                div.functionality
+                    div.icon.icon-backlog
+                    div.desc
+                        p
+                            span Backlog
+                            |  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus.
+
+                div.functionality.active
+                    div.icon.icon-kanban
+                    div.desc
+                        p
+                            span Kanban
+                            |  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus.
+
+                div.functionality
+                    div.icon.icon-issues
+                    div.desc
+                        p
+                            span Issues
+                            |  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus.
+
+                div.functionality.active
+                    div.icon.icon-wiki
+                    div.desc
+                        p
+                            span Wiki
+                            |  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus.
+
+                div.functionality.active
+                    div.icon.icon-video
+                    div.desc
+                        p
+                            span Video
+                            |  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus.
+
+                        select
+                            option Option 1
+                            option Option 2
+                            option Option 3
+                            option Option 4
+
+                        select
+                            option Option 1
+                            option Option 2
+                            option Option 3
+                            option Option 4
diff --git a/app/styles/main.scss b/app/styles/main.scss
index f2b5f961..c828796a 100755
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -39,6 +39,7 @@ $prefix-for-spec:      true;
 @import 'modules/admin-submenu';
 @import 'modules/admin-membership';
 @import 'modules/admin-roles';
+@import 'modules/admin-functionalities';
 @import 'modules/category-config';
 @import 'modules/project-details';
 
diff --git a/app/styles/modules/admin-functionalities.scss b/app/styles/modules/admin-functionalities.scss
new file mode 100644
index 00000000..16e0902b
--- /dev/null
+++ b/app/styles/modules/admin-functionalities.scss
@@ -0,0 +1,32 @@
+.admin-functionalities {
+    .functionality {
+        background-color: $whitish;
+        display: flex;
+        margin-bottom: 1rem;
+        padding: 2rem;
+        .icon,
+        .desc {
+            opacity: .5;
+        }
+        p {
+            margin-bottom: 0;
+        }
+        span {
+            font-weight: bold;
+        }
+        select {
+            margin-top: 1rem;
+        }
+        &.active {
+            background-color: #e9f0da;
+            div,
+            p {
+                opacity: 1;
+            }
+        }
+    }
+    .icon {
+        @extend %xxlarge;
+        margin-right: 2rem;
+    }
+}