summary refs log tree commit diff
path: root/syweb/webclient/room/room-directive.js
diff options
context:
space:
mode:
authorMark Haines <mark.haines@matrix.org>2014-11-17 12:55:24 +0000
committerMark Haines <mark.haines@matrix.org>2014-11-17 12:55:24 +0000
commit5d273a0c76e12e3125dbf06a8f0caa03de01d4a9 (patch)
treec968f7c7586778b3e7b3053b9c07b4336ba727e8 /syweb/webclient/room/room-directive.js
parentSYWEB-152: Remove room join logic from RoomController and put it in eventHand... (diff)
downloadsynapse-5d273a0c76e12e3125dbf06a8f0caa03de01d4a9.tar.xz
Remove syweb directory. pull in syweb as a dependency from github
Diffstat (limited to 'syweb/webclient/room/room-directive.js')
-rw-r--r--syweb/webclient/room/room-directive.js276
1 files changed, 0 insertions, 276 deletions
diff --git a/syweb/webclient/room/room-directive.js b/syweb/webclient/room/room-directive.js
deleted file mode 100644
index 4707d12c8c..0000000000
--- a/syweb/webclient/room/room-directive.js
+++ /dev/null
@@ -1,276 +0,0 @@
-/*
- Copyright 2014 OpenMarket Ltd
- 
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
- 
- http://www.apache.org/licenses/LICENSE-2.0
- 
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-
-'use strict';
-
-angular.module('RoomController')
-// XXX FIXME : This has tight coupling with $scope.room.now.members
-.directive('tabComplete', ['$timeout', function ($timeout) {
-    return function (scope, element, attrs) {
-        element.bind("keydown keypress", function (event) {
-            // console.log("event: " + event.which);
-            var TAB = 9;
-            var SHIFT = 16;
-            var keypressCode = event.which;
-            if (keypressCode === TAB) {
-                if (!scope.tabCompleting) { // cache our starting text
-                    scope.tabCompleteOriginal = element[0].value;
-                    scope.tabCompleting = true;
-                    scope.tabCompleteIndex = 0;
-                }
-                
-                // loop in the right direction
-                if (event.shiftKey) {
-                    scope.tabCompleteIndex--;
-                    if (scope.tabCompleteIndex < 0) {
-                        // wrap to the last search match, and fix up to a real
-                        // index value after we've matched
-                        scope.tabCompleteIndex = Number.MAX_VALUE;
-                    }
-                }
-                else {
-                    scope.tabCompleteIndex++;
-                }
-                
-
-                var searchIndex = 0;
-                var targetIndex = scope.tabCompleteIndex;
-                var text = scope.tabCompleteOriginal;
-                
-                // console.log("targetIndex: " + targetIndex + ", 
-                // text=" + text);
-                                    
-                // FIXME: use the correct regexp to recognise userIDs --M
-                //
-                // XXX: I don't really know what the point of this is. You
-                // WANT to match freeform text given you want to match display
-                // names AND user IDs. Surely you just want to get the last
-                // word out of the input text and that's that?
-                // Am I missing something here? -- Kegan
-                //
-                // You're not missing anything - my point was that we should
-                // explicitly define the syntax for user IDs /somewhere/.
-                // Meanwhile as long as the delimeters are well defined, we
-                // could just pick "the last word".  But to know what the
-                // correct delimeters are, we probably do need a formal
-                // syntax for user IDs to refer to... --Matthew
-                
-                var search = /@?([a-zA-Z0-9_\-:\.]+)$/.exec(text);
-
-                if (targetIndex === 0) { // 0 is always the original text
-                    element[0].value = text;                    
-                    // Force angular to wake up and update the input ng-model 
-                    // by firing up input event
-                    angular.element(element[0]).triggerHandler('input');
-                }
-                else if (search && search[1]) {
-                    // console.log("search found: " + search+" from "+text);
-                    var expansion;
-                    
-                    // FIXME: could do better than linear search here
-                    angular.forEach(scope.room.now.members, function(item, name) {
-                        if (item.event.content.displayname && searchIndex < targetIndex) {
-                            if (item.event.content.displayname.toLowerCase().indexOf(search[1].toLowerCase()) === 0) {
-                                expansion = item.event.content.displayname;
-                                searchIndex++;
-                            }
-                        }
-                    });
-                    if (searchIndex < targetIndex) { // then search raw mxids
-                        angular.forEach(scope.room.now.members, function(item, name) {
-                            if (searchIndex < targetIndex) {
-                                // === 1 because mxids are @username
-                                if (name.toLowerCase().indexOf(search[1].toLowerCase()) === 1) {
-                                    expansion = name;
-                                    searchIndex++;
-                                }
-                            }
-                        });
-                    }
-                    
-                    if (searchIndex === targetIndex || 
-                            targetIndex === Number.MAX_VALUE) {
-                        // xchat-style tab complete, add a colon if tab 
-                        // completing at the start of the text
-                        if (search[0].length === text.length)
-                            expansion += ": ";
-                        else
-                            expansion += " ";
-                        element[0].value = text.replace(/@?([a-zA-Z0-9_\-:\.]+)$/, expansion);
-                        // cancel blink
-                        element[0].className = "";     
-                        if (targetIndex === Number.MAX_VALUE) {
-                            // wrap the index around to the last index found
-                            scope.tabCompleteIndex = searchIndex;
-                            targetIndex = searchIndex;
-                        }
-                    }
-                    else {
-                        // console.log("wrapped!");
-                        element[0].className = "blink"; // XXX: slightly naughty to bypass angular
-                        $timeout(function() {
-                             element[0].className = "";
-                        }, 150);
-                        element[0].value = text;
-                        scope.tabCompleteIndex = 0;
-                    }
-
-                    // Force angular to wak up and update the input ng-model by
-                    // firing up input event
-                    angular.element(element[0]).triggerHandler('input');
-                }
-                else {
-                    scope.tabCompleteIndex = 0;
-                }
-                // prevent the default TAB operation (typically focus shifting)
-                event.preventDefault();
-            }
-            else if (keypressCode !== SHIFT && scope.tabCompleting) {
-                scope.tabCompleting = false;
-                scope.tabCompleteIndex = 0;
-            }
-        });
-    };
-}])
-// A directive which stores text sent into it and restores it via up/down arrows
-.directive('commandHistory', [ function() {
-    var BROADCAST_NEW_HISTORY_ITEM = "commandHistory:BROADCAST_NEW_HISTORY_ITEM(item)";
-
-    // Manage history of typed messages
-    // History is saved in sessionStorage so that it survives when the user
-    // navigates through the rooms and when it refreshes the page
-    var history = {
-        // The list of typed messages. Index 0 is the more recents
-        data: [],
-
-        // The position in the history currently displayed
-        position: -1,
-        
-        element: undefined,
-        roomId: undefined,
-
-        // The message the user has started to type before going into the history
-        typingMessage: undefined,
-
-        // Init/load data for the current room
-        init: function(element, roomId) {
-            this.roomId = roomId;
-            this.element = element;
-            var data = sessionStorage.getItem("history_" + this.roomId);
-            if (data) {
-                this.data = JSON.parse(data);
-            }
-        },
-
-        // Store a message in the history
-        push: function(message) {
-            this.data.unshift(message);
-
-            // Update the session storage
-            sessionStorage.setItem("history_" + this.roomId, JSON.stringify(this.data));
-
-            // Reset history position
-            this.position = -1;
-            this.typingMessage = undefined;
-        },
-
-        // Move in the history
-        go: function(offset) {
-
-            if (-1 === this.position) {
-                // User starts to go to into the history, save the current line
-                this.typingMessage = this.element.val();
-            }
-            else {
-                // If the user modified this line in history, keep the change
-                this.data[this.position] = this.element.val();
-            }
-
-            // Bounds the new position to valid data
-            var newPosition = this.position + offset;
-            newPosition = Math.max(-1, newPosition);
-            newPosition = Math.min(newPosition, this.data.length - 1);
-            this.position = newPosition;
-
-            if (-1 !== this.position) {
-                // Show the message from the history
-                this.element.val(this.data[this.position]);
-            }
-            else if (undefined !== this.typingMessage) {
-                // Go back to the message the user started to type
-                this.element.val(this.typingMessage);
-            }
-        }
-    };
-
-    return {
-        restrict: "AE",
-        scope: {
-            roomId: "=commandHistory"
-        },
-        link: function (scope, element, attrs) {
-            element.bind("keydown", function (event) {
-                var keycodePressed = event.which;
-                var UP_ARROW = 38;
-                var DOWN_ARROW = 40;
-                if (scope.roomId) {
-                    if (keycodePressed === UP_ARROW) {
-                        history.go(1);
-                        event.preventDefault();
-                    }
-                    else if (keycodePressed === DOWN_ARROW) {
-                        history.go(-1);
-                        event.preventDefault();
-                    }
-                }
-            });
-            
-            scope.$on(BROADCAST_NEW_HISTORY_ITEM, function(ngEvent, item) {
-                history.push(item);
-            });
-            
-            history.init(element, scope.roomId);
-        },
-        
-    }
-}])
-
-// A directive to anchor the scroller position at the bottom when the browser is resizing.
-// When the screen resizes, the bottom of the element remains the same, not the top.
-.directive('keepScroll', ['$window', function($window) {
-    return {
-        link: function(scope, elem, attrs) {
-
-            scope.windowHeight = $window.innerHeight;
-
-            // Listen to window size change
-            angular.element($window).bind('resize', function() {
-
-                // If the scroller is scrolled to the bottom, there is nothing to do.
-                // The browser will move it as expected
-                if (elem.scrollTop() + elem.height() !== elem[0].scrollHeight) {
-                    // Else, move the scroller position according to the window height change delta
-                    var windowHeightDelta = $window.innerHeight - scope.windowHeight;
-                    elem.scrollTop(elem.scrollTop() - windowHeightDelta);
-                }
-
-                // Store the new window height for the next screen size change
-                scope.windowHeight = $window.innerHeight;
-            });
-        }
-    };
-}]);
-