From ddbaffe1c2fd9a7fb195b6ac06d825efbb84c9f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Fri, 27 Mar 2015 13:50:13 +0100
Subject: [PATCH] Abuse Flag

---
 .../includes/modules/profile/profile-bar.jade | 17 +++++++++-----
 app/styles/modules/profile/profile-bar.scss   | 22 ++++++++++++++++++-
 app/svg/flag.svg                              |  1 +
 3 files changed, 33 insertions(+), 7 deletions(-)
 create mode 100644 app/svg/flag.svg

diff --git a/app/partials/includes/modules/profile/profile-bar.jade b/app/partials/includes/modules/profile/profile-bar.jade
index 740ab986..3e130b95 100644
--- a/app/partials/includes/modules/profile/profile-bar.jade
+++ b/app/partials/includes/modules/profile/profile-bar.jade
@@ -2,12 +2,17 @@ section.profile-bar
     img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}")
     a.button-green
         span Follow
-    h1 Silvia Rodríguez
-    // If user has no defined role in its profile use all its project defined roles followed by an &
-    h2 Backend Developer & Stackeholder
-    div.location
-        // span.icon.icon-location
-        span Madrid
+    div.profile-data
+        h1 Silvia Rodríguez
+        // If user has no defined role in its profile use all its project defined roles followed by an &
+        h2 Backend Developer & Stackeholder
+        div.location
+            // span.icon.icon-location
+            span Madrid
+        // Remove Abuse Flag when a user is seeing itself
+        a.flag(href="", title="Report Abuse")
+            svg(xmlns:svg="http://www.w3.org/2000/svg", xmlns="http://www.w3.org/2000/svg", xml:space="preserve", enable-background="new 0 0 100 100" viewBox="0 0 14.7 20.3", y="0", x="0", version="1.1")
+                path(d="M2.9 4C2 4.5 1 5.4 0.8 5.6L0.7 5.5 0 5.9 8.3 20.3 9.1 19.9 5.4 13.6c0.2-0.2 1.2-1.1 2.1-1.6 1.8-1.1 2.7-0.8 4.5-1.9 1.8-1 2.6-2.3 2.6-2.3L10.2 0C10.2 0 9.3 1.2 7.5 2.2 5.7 3.3 4.7 2.9 2.9 4Z")
     // These values in profile stats are not defined yet in UX. Please ask
     div.profile-stats
         div.stat
diff --git a/app/styles/modules/profile/profile-bar.scss b/app/styles/modules/profile/profile-bar.scss
index 882781ac..93376634 100644
--- a/app/styles/modules/profile/profile-bar.scss
+++ b/app/styles/modules/profile/profile-bar.scss
@@ -6,20 +6,40 @@
         display: block;
         margin-bottom: 1rem;
     }
+    .profile-data {
+        position: relative;
+    }
+    .flag {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 12px;
+        path {
+            fill: $gray-light;
+            transition: all .2s linear;
+        }
+        &:hover {
+            path {
+                fill: $red;
+                transition: all .2s linear;
+            }
+        }
+    }
     h1,
     h2 {
         @extend %bold;
         @extend %small;
-        line-height: 1;
         margin-bottom: .5rem;
     }
     h1 {
         @extend %xlarge;
+        line-height: 1;
         text-transform: none;
     }
     h2 {
         @extend %large;
         color: $gray-light;
+        line-height: 1.2;
     }
     .location {
         color: $gray-light;
diff --git a/app/svg/flag.svg b/app/svg/flag.svg
new file mode 100644
index 00000000..2612a5cf
--- /dev/null
+++ b/app/svg/flag.svg
@@ -0,0 +1 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" enable-background="new 0 0 100 100" viewBox="0 0 14.7 20.3" height="20.3" width="14.7" y="0" x="0" version="1.1"><path d="M2.9 4C2 4.5 1 5.4 0.8 5.6L0.7 5.5 0 5.9 8.3 20.3 9.1 19.9 5.4 13.6c0.2-0.2 1.2-1.1 2.1-1.6 1.8-1.1 2.7-0.8 4.5-1.9 1.8-1 2.6-2.3 2.6-2.3L10.2 0C10.2 0 9.3 1.2 7.5 2.2 5.7 3.3 4.7 2.9 2.9 4Z" fill="#f00"/></svg>
\ No newline at end of file