synapse/webclient/index.html

<!doctype html>
<html xmlns:ng="http://angularjs.org" ng-app="matrixWebClient" ng-controller="MatrixWebClientController">
<head>
    <title>[matrix]</title>
        
    <link rel="stylesheet" href="app.css">
    <link rel="icon" href="favicon.ico">
   
    <meta name="viewport" content="width=device-width">
   
    <script type='text/javascript' src='js/jquery-1.8.3.min.js'></script> 
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
    <script src="js/angular-sanitize.min.js"></script>
    <script type='text/javascript' src='js/ng-infinite-scroll-matrix.js'></script>
    <script src="app.js"></script>
    <script src="app-controller.js"></script>
    <script src="app-directive.js"></script>
    <script src="app-filter.js"></script>
    <script src="home/home-controller.js"></script>
    <script src="login/login-controller.js"></script>
    <script src="recents/recents-controller.js"></script>
    <script src="recents/recents-filter.js"></script>
    <script src="room/room-controller.js"></script>
    <script src="room/room-directive.js"></script>
    <script src="settings/settings-controller.js"></script>
    <script src="user/user-controller.js"></script>
    <script src="components/matrix/matrix-service.js"></script>
    <script src="components/matrix/event-stream-service.js"></script>
    <script src="components/matrix/event-handler-service.js"></script>
    <script src="components/matrix/presence-service.js"></script>
    <script src="components/fileInput/file-input-directive.js"></script>
    <script src="components/fileUpload/file-upload-service.js"></script>
    <script src="components/utilities/utilities-service.js"></script>
</head>

<body>

    <header id="header">
        <!-- Do not show buttons on the login page -->
        <div id="header-buttons" ng-hide="'/login' == location ">
            <button ng-click='goToPage("settings")'>Settings</button>
            <button ng-click="logout()">Log out</button>
        </div>
    </header>

    <div ng-view></div>

</body>
</html>
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<!doctype html>`
			`<html xmlns:ng="http://angularjs.org" ng-app="matrixWebClient" ng-controller="MatrixWebClientController">`
			`<head>`
			`<title>[matrix]</title>`
very quick and dirty responsive design for iPhones 2014-08-23 21:45:00 +02:00
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<link rel="stylesheet" href="app.css">`
			`<link rel="icon" href="favicon.ico">`
Added infinite scrolling. It's sliiiightly buggy in that it jumps down the list a bit, but it is overall working pretty well. Added ng-infinite-scroll-matrix.js and jquery-1.8.3 as deps. 2014-08-15 18:42:02 +02:00
very quick and dirty responsive design for iPhones 2014-08-23 21:45:00 +02:00			`<meta name="viewport" content="width=device-width">`

Added infinite scrolling. It's sliiiightly buggy in that it jumps down the list a bit, but it is overall working pretty well. Added ng-infinite-scroll-matrix.js and jquery-1.8.3 as deps. 2014-08-15 18:42:02 +02:00			`<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>`
use minified angular by default 2014-08-16 23:09:42 +02:00			`<script src="js/angular.min.js"></script>`
			`<script src="js/angular-route.min.js"></script>`
autohyperlink messages using linky 2014-08-16 23:21:52 +02:00			`<script src="js/angular-sanitize.min.js"></script>`
Added infinite scrolling. It's sliiiightly buggy in that it jumps down the list a bit, but it is overall working pretty well. Added ng-infinite-scroll-matrix.js and jquery-1.8.3 as deps. 2014-08-15 18:42:02 +02:00			`<script type='text/javascript' src='js/ng-infinite-scroll-matrix.js'></script>`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<script src="app.js"></script>`
			`<script src="app-controller.js"></script>`
File organisation sanity: put directives and filters into dedicated files 2014-08-20 11:28:36 +02:00			`<script src="app-directive.js"></script>`
			`<script src="app-filter.js"></script>`
Use /home everywhere 2014-08-22 18:08:03 +02:00			`<script src="home/home-controller.js"></script>`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<script src="login/login-controller.js"></script>`
Moved recents things into a separate (and reusable) controler 2014-08-27 15:09:16 +02:00			`<script src="recents/recents-controller.js"></script>`
Sort recents in anti-chronological order 2014-08-27 15:50:07 +02:00			`<script src="recents/recents-filter.js"></script>`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<script src="room/room-controller.js"></script>`
File organisation sanity: put directives and filters into dedicated files 2014-08-20 11:28:36 +02:00			`<script src="room/room-directive.js"></script>`
Move profile parts of the rooms page and the config content into a new page: settings 2014-08-22 17:11:39 +02:00			`<script src="settings/settings-controller.js"></script>`
Created boilerplate for user profile page 2014-08-18 18:05:42 +02:00			`<script src="user/user-controller.js"></script>`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<script src="components/matrix/matrix-service.js"></script>`
Added event stream service which neatly blobs together requests / state for the event stream. This depends on matrix service to do the actual hit. Currently this has exactly the same behaviour as before. 2014-08-15 11:20:14 +02:00			`<script src="components/matrix/event-stream-service.js"></script>`
Added event handler service which.. handles events. More specifically, it $broadcasts events depending on their type, and does processing on events (shuffling keys, adding events to $rootScope so displays will automatically update, sending delivery receipts, and so on). Some of this logic was previously contained in the RoomController, which fails the moment you add >1 room into the mix, hence requiring a Service to handle events, rather than having each individual controller maintain their part of the world. 2014-08-15 12:31:13 +02:00			`<script src="components/matrix/event-handler-service.js"></script>`
Determine and send user presence state 2014-08-26 16:25:27 +02:00			`<script src="components/matrix/presence-service.js"></script>`
Created m-file-input. A directive to open a file selection dialog on whatever HTML element 2014-08-14 11:36:11 +02:00			`<script src="components/fileInput/file-input-directive.js"></script>`
Create a temporary upload service server side (by hacking demos/webserver.py) and client side with an angularjs service component. 2014-08-14 18:39:23 +02:00			`<script src="components/fileUpload/file-upload-service.js"></script>`
Send images with their imageInfo (size, mymetype, width & height) 2014-08-20 16:18:50 +02:00			`<script src="components/utilities/utilities-service.js"></script>`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`</head>`

			`<body>`

switch some elements from being styled by class to styled by id 2014-08-16 00:24:42 +02:00			`<header id="header">`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<!-- Do not show buttons on the login page -->`
switch some elements from being styled by class to styled by id 2014-08-16 00:24:42 +02:00			`<div id="header-buttons" ng-hide="'/login' == location ">`
Rename go() into goToPage() which is available from everywhere thanks to the inheritance of $scope 2014-08-27 10:25:27 +02:00			`<button ng-click='goToPage("settings")'>Settings</button>`
Reference Matrix Home Server 2014-08-12 16:10:52 +02:00			`<button ng-click="logout()">Log out</button>`
			`</div>`
			`</header>`

			`<div ng-view></div>`

			`</body>`
			`</html>`