From 8b653c669d57e2c366f652c001d22d0a19850881 Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Thu, 14 Jan 2016 14:48:19 -0300
Subject: [PATCH] Add new friendship activity

---
 src/app/components/noosfero-activities/activities.scss              | 12 ++++++++++++
 src/app/components/noosfero-activities/activity/new_friendship.html | 16 ++++++++++++++++
 2 files changed, 28 insertions(+), 0 deletions(-)
 create mode 100644 src/app/components/noosfero-activities/activity/new_friendship.html

diff --git a/src/app/components/noosfero-activities/activities.scss b/src/app/components/noosfero-activities/activities.scss
index 89be104..f0348a6 100644
--- a/src/app/components/noosfero-activities/activities.scss
+++ b/src/app/components/noosfero-activities/activities.scss
@@ -184,3 +184,15 @@
     }
   }
 }
+
+.comma-separated {
+  .separated-item {
+    &:after {
+      content: ", ";
+      margin-left: -3px;
+    }
+    &:last-child:after {
+      content: "";
+    }
+  }
+}
diff --git a/src/app/components/noosfero-activities/activity/new_friendship.html b/src/app/components/noosfero-activities/activity/new_friendship.html
new file mode 100644
index 0000000..74b949e
--- /dev/null
+++ b/src/app/components/noosfero-activities/activity/new_friendship.html
@@ -0,0 +1,16 @@
+<div class="timeline-badge info"><i class="fa fa-user-plus"></i></div>
+<div class="timeline-panel">
+  <div class="timeline-heading">
+    <h4 class="timeline-title">
+      <a ui-sref="main.profile.info({profile: vm.activity.user.identifier})"><strong ng-bind="vm.activity.user.name"></strong></a>
+      <span> has made <span ng-bind="vm.activity.params.friend_name.length"></span> new friend(s): </span>
+      <span class="comma-separated">
+        <a class="separated-item" ui-sref="main.profile.info({profile: vm.activity.params.friend_url[$index].profile})" ng-repeat="friend in vm.activity.params.friend_name">
+          <strong ng-bind="friend"></strong>
+        </a>
+      </span>
+    </h4>
+    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="vm.activity.created_at"></span></small></p>
+  </div>
+  <div class="timeline-body"></div>
+</div>
--
libgit2 0.21.2