From a90b24d925050dd85e70fccb2c19ccb8ab66945c Mon Sep 17 00:00:00 2001
From: Szymon Nowak <szimek@gmail.com>
Date: Wed, 16 Apr 2014 23:15:32 +0200
Subject: [PATCH] Add link to create a room

---
 app/index.html                                      |  1 +
 .../app/controllers/application_controller.js       |  4 ++++
 app/scripts/app/templates/application.hbs           |  5 ++++-
 app/scripts/vendor/jquery-uuid.js                   | 13 +++++++++++++
 app/styles/_header.sass                             |  5 ++++-
 5 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 app/scripts/vendor/jquery-uuid.js

diff --git a/app/index.html b/app/index.html
index eeb4f0f..80f3599 100644
--- a/app/index.html
+++ b/app/index.html
@@ -50,6 +50,7 @@
   <script src="/scripts/vendor/filer.min.js"></script>
   <script src="/scripts/vendor/peer.js"></script>
   <script src="/scripts/vendor/ba-tiny-pubsub.js"></script>
+  <script src="/scripts/vendor/jquery-uuid.js"></script>
   <!-- endbuild -->
 
   <script>
diff --git a/app/scripts/app/controllers/application_controller.js b/app/scripts/app/controllers/application_controller.js
index d5ccd35..149e937 100644
--- a/app/scripts/app/controllers/application_controller.js
+++ b/app/scripts/app/controllers/application_controller.js
@@ -22,6 +22,10 @@ ShareDrop.App.ApplicationController = Ember.Controller.extend({
 
         signOut: function () {
             navigator.id.logout();
+        },
+
+        redirect: function () {
+            this.transitionToRoute('room', $.uuid());
         }
     },
 
diff --git a/app/scripts/app/templates/application.hbs b/app/scripts/app/templates/application.hbs
index e33f298..38b623c 100644
--- a/app/scripts/app/templates/application.hbs
+++ b/app/scripts/app/templates/application.hbs
@@ -7,7 +7,10 @@
 
     <ul class="nav">
       <li>
-        <a href="javascript:void(0)" class="about" {{action 'openModal' 'about'}}>?</a>
+      <a href="javascript:void(0)" class="icon-circle icon-create-room" {{action 'redirect'}} title="Create a room. You'll leave the room you're currently in.">+</a>
+      </li>
+      <li>
+        <a href="javascript:void(0)" class="icon-circle icon-about" {{action 'openModal' 'about'}} title="About">?</a>
       </li>
       {{#if you.email}}
         <li class="email">
diff --git a/app/scripts/vendor/jquery-uuid.js b/app/scripts/vendor/jquery-uuid.js
new file mode 100644
index 0000000..115dd40
--- /dev/null
+++ b/app/scripts/vendor/jquery-uuid.js
@@ -0,0 +1,13 @@
+/**
+ * jQuery UUID plugin 1.0.0
+ *
+ * @author Eugene Burtsev
+ */
+(function($) {
+  $.uuid = function() {
+		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+			var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
+			return v.toString(16);
+		});
+	};
+})(jQuery);
diff --git a/app/styles/_header.sass b/app/styles/_header.sass
index 04647a1..244c310 100644
--- a/app/styles/_header.sass
+++ b/app/styles/_header.sass
@@ -41,7 +41,7 @@
           img
             vertical-align: middle
 
-    .about
+    .icon-circle
       +circle(18px)
       border: 1px solid #000
       font-size: 12px
@@ -50,6 +50,9 @@
       &:hover
         opacity: .6
 
+      &.icon-create-room
+        line-height: 16px
+
     .sign
       background: transparent image-url("/images/persona.svg") no-repeat left
       padding-left: 25px