From 1bc036a12d6877f78f1f5033603d803ac01a13d2 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Sun, 31 Aug 2014 00:40:42 +0100
Subject: nasty big monolithic commit of a whole bunch of UI/UX improvements: 
 - add a simple CSS template across the app for navigation & cosmetics  -
 split login into login & register, and totally reskin it  - restructure room
 CSS to play nicely with it  - implement basis 1:1 chat from user pages  -
 disable autofocus on iOS to improve UX

---
 webclient/user/user-controller.js | 28 ++++++++++++++++++++++++++++
 webclient/user/user.html          | 36 +++++++++++++++---------------------
 2 files changed, 43 insertions(+), 21 deletions(-)

(limited to 'webclient/user')

diff --git a/webclient/user/user-controller.js b/webclient/user/user-controller.js
index 620230561c..b5b2d439a2 100644
--- a/webclient/user/user-controller.js
+++ b/webclient/user/user-controller.js
@@ -25,14 +25,42 @@ angular.module('UserController', ['matrixService'])
         avatar_url: undefined
     };
     
+    $scope.user_id = matrixService.config().user_id;
+    
     matrixService.getDisplayName($scope.user.id).then(
         function(response) {
             $scope.user.displayname = response.data.displayname;
         }
     ); 
+    
     matrixService.getProfilePictureUrl($scope.user.id).then(
         function(response) {
             $scope.user.avatar_url = response.data.avatar_url;
         }
     );
+    
+    $scope.messageUser = function() {    
+        
+        // FIXME: create a new room every time, for now
+        
+        matrixService.create(null, 'private').then(
+            function(response) { 
+                // This room has been created. Refresh the rooms list
+                var room_id = response.data.room_id;
+                console.log("Created room with id: "+ room_id);
+                
+                matrixService.invite(room_id, $scope.user.id).then(
+                    function() {
+                        $scope.feedback = "Invite sent successfully";
+                        $scope.$parent.goToPage("/room/" + room_id);
+                    },
+                    function(reason) {
+                        $scope.feedback = "Failure: " + JSON.stringify(reason);
+                    });
+            },
+            function(error) {
+                $scope.feedback = "Failure: " + JSON.stringify(error.data);
+            });                
+    };
+    
 }]);
\ No newline at end of file
diff --git a/webclient/user/user.html b/webclient/user/user.html
index 4c91c8a48a..3574403c87 100644
--- a/webclient/user/user.html
+++ b/webclient/user/user.html
@@ -1,31 +1,25 @@
 <div ng-controller="UserController" class="user">
-    <h1 id="logo">[matrix]</h1>
 
-    <div id="page">
     <div id="wrapper">
-        
+
+        <div id="genericHeading">
+            <img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/>
+        </div>
+
+        <h1>{{ user.displayname || user.id }}</h1>
+
         <div>
-            <form>
-                <table>
-                    <tr>
-                        <td>
-                            <div class="profile-avatar">
-                                <img ng-src="{{ user.avatar_url || 'img/default-profile.jpg' }}"/>
-                            </div>
-                        </td>
-                        <td>
-                            <div id="user-ids">
-                                <div id="user-displayname">{{ user.displayname }}</div>
-                                <div>{{ user.id }}</div>                        
-                            </div>
-                        </td>
-                    </tr>
-                </table>
-            </form>
+            <div class="profile-avatar">
+                <img ng-src="{{ user.avatar_url || 'img/default-profile.png' }}"/>
+            </div>
+            <div id="user-ids">
+                <div>{{ user.id }}</div>                        
+            </div>
         </div>
 
+        <button ng-hide="user.id == user_id" ng-click="messageUser()" style="font-size: 14pt; margin-top: 40px; margin-bottom: 40px">Start chat</button>
+        <br/>
         {{ feedback }}
 
-    </div>    
     </div>
 </div>
-- 
cgit 1.5.1


From 0b01c8560d9da2d4c1e1ec837909625afd636ce9 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Mon, 1 Sep 2014 13:22:24 +0100
Subject: make the little logos clickable for Erik

---
 webclient/home/home.html         | 2 +-
 webclient/login/login.html       | 2 +-
 webclient/login/register.html    | 4 ++--
 webclient/room/room.html         | 2 +-
 webclient/settings/settings.html | 2 +-
 webclient/user/user.html         | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'webclient/user')

diff --git a/webclient/home/home.html b/webclient/home/home.html
index 8d35eb5157..c1f9643839 100644
--- a/webclient/home/home.html
+++ b/webclient/home/home.html
@@ -3,7 +3,7 @@
     <div id="wrapper">
     
     <div id="genericHeading">
-        <img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/>
+        <a href ng-click="goToPage('/')"><img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/></a>
     </div>
     
     <h1>Welcome to homeserver {{ config.homeserver }}</h1>
diff --git a/webclient/login/login.html b/webclient/login/login.html
index 8d5a53ebbc..18e7a02815 100644
--- a/webclient/login/login.html
+++ b/webclient/login/login.html
@@ -1,7 +1,7 @@
 <div ng-controller="LoginController" class="login">    
     <div id="wrapper" class="loginWrapper">
         
-        <a href ng-click="goToPage('/login')">
+        <a href ng-click="goToPage('/')">
         <img src="img/logo.png" width="240" height="102" alt="[matrix]" style="padding: 50px"/>
         </a>
     
diff --git a/webclient/login/register.html b/webclient/login/register.html
index 85efa56414..1b470e4554 100644
--- a/webclient/login/register.html
+++ b/webclient/login/register.html
@@ -1,8 +1,8 @@
 <div ng-controller="RegisterController" class="register">
     <div id="wrapper" class="loginWrapper">
 
-        <a href ng-click="goToPage('/login')">
-        <img src="img/logo.png" width="240" height="102" alt="[matrix]" style="padding: 50px"/>
+        <a href ng-click="goToPage('/')">
+            <img src="img/logo.png" width="240" height="102" alt="[matrix]" style="padding: 50px"/>
         </a>
         <br/>
 
diff --git a/webclient/room/room.html b/webclient/room/room.html
index 19b112d009..e5e454864b 100644
--- a/webclient/room/room.html
+++ b/webclient/room/room.html
@@ -1,7 +1,7 @@
 <div ng-controller="RoomController" data-ng-init="onInit()" class="room" style="height: 100%;">
 
     <div id="roomHeader">
-        <img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/>
+        <a href ng-click="goToPage('/')"><img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/></a>
         <div id="roomName">
             {{ room_alias || room_id }}
         </div>
diff --git a/webclient/settings/settings.html b/webclient/settings/settings.html
index 0ba3fe263a..a69a8de300 100644
--- a/webclient/settings/settings.html
+++ b/webclient/settings/settings.html
@@ -3,7 +3,7 @@
     <div id="wrapper">
 
         <div id="genericHeading">
-            <img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/>
+            <a href ng-click="goToPage('/')"><img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/></a>
         </div>
 
         <h1>Settings</h1>
diff --git a/webclient/user/user.html b/webclient/user/user.html
index 3574403c87..2aa981437b 100644
--- a/webclient/user/user.html
+++ b/webclient/user/user.html
@@ -3,7 +3,7 @@
     <div id="wrapper">
 
         <div id="genericHeading">
-            <img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/>
+            <a href ng-click="goToPage('/')"><img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/></a>
         </div>
 
         <h1>{{ user.displayname || user.id }}</h1>
-- 
cgit 1.5.1