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.html | 36 +++++++++++++++---------------------
 1 file changed, 15 insertions(+), 21 deletions(-)

(limited to 'webclient/user/user.html')

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.4.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/user.html')

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.4.1