diff options
Diffstat (limited to 'js/vendor/angular-ui/build/angular-ui.js')
-rw-r--r-- | js/vendor/angular-ui/build/angular-ui.js | 1461 |
1 files changed, 1461 insertions, 0 deletions
diff --git a/js/vendor/angular-ui/build/angular-ui.js b/js/vendor/angular-ui/build/angular-ui.js new file mode 100644 index 000000000..84500ff89 --- /dev/null +++ b/js/vendor/angular-ui/build/angular-ui.js @@ -0,0 +1,1461 @@ +/** + * AngularUI - The companion suite for AngularJS + * @version v0.4.0 - 2013-02-15 + * @link http://angular-ui.github.com + * @license MIT License, http://www.opensource.org/licenses/MIT + */ + + +angular.module('ui.config', []).value('ui.config', {}); +angular.module('ui.filters', ['ui.config']); +angular.module('ui.directives', ['ui.config']); +angular.module('ui', ['ui.filters', 'ui.directives', 'ui.config']); + +/** + * Animates the injection of new DOM elements by simply creating the DOM with a class and then immediately removing it + * Animations must be done using CSS3 transitions, but provide excellent flexibility + * + * @todo Add proper support for animating out + * @param [options] {mixed} Can be an object with multiple options, or a string with the animation class + * class {string} the CSS class(es) to use. For example, 'ui-hide' might be an excellent alternative class. + * @example <li ng-repeat="item in items" ui-animate=" 'ui-hide' ">{{item}}</li> + */ +angular.module('ui.directives').directive('uiAnimate', ['ui.config', '$timeout', function (uiConfig, $timeout) { + var options = {}; + if (angular.isString(uiConfig.animate)) { + options['class'] = uiConfig.animate; + } else if (uiConfig.animate) { + options = uiConfig.animate; + } + return { + restrict: 'A', // supports using directive as element, attribute and class + link: function ($scope, element, attrs) { + var opts = {}; + if (attrs.uiAnimate) { + opts = $scope.$eval(attrs.uiAnimate); + if (angular.isString(opts)) { + opts = {'class': opts}; + } + } + opts = angular.extend({'class': 'ui-animate'}, options, opts); + + element.addClass(opts['class']); + $timeout(function () { + element.removeClass(opts['class']); + }, 20, false); + } + }; +}]); + + +/* +* AngularJs Fullcalendar Wrapper for the JQuery FullCalendar +* API @ http://arshaw.com/fullcalendar/ +* +* Angular Calendar Directive that takes in the [eventSources] nested array object as the ng-model and watches (eventSources.length + eventSources[i].length) for changes. +* Can also take in multiple event urls as a source object(s) and feed the events per view. +* The calendar will watch any eventSource array and update itself when a delta is created +* An equalsTracker attrs has been added for use cases that would render the overall length tracker the same even though the events have changed to force updates. +* +*/ + +angular.module('ui.directives').directive('uiCalendar',['ui.config', '$parse', function (uiConfig,$parse) { + uiConfig.uiCalendar = uiConfig.uiCalendar || {}; + //returns calendar + return { + require: 'ngModel', + restrict: 'A', + link: function(scope, elm, attrs, $timeout) { + var sources = scope.$eval(attrs.ngModel); + var tracker = 0; + /* returns the length of all source arrays plus the length of eventSource itself */ + var getSources = function () { + var equalsTracker = scope.$eval(attrs.equalsTracker); + tracker = 0; + angular.forEach(sources,function(value,key){ + if(angular.isArray(value)){ + tracker += value.length; + } + }); + if(angular.isNumber(equalsTracker)){ + return tracker + sources.length + equalsTracker; + }else{ + return tracker + sources.length; + } + }; + /* update the calendar with the correct options */ + function update() { + //calendar object exposed on scope + scope.calendar = elm.html(''); + var view = scope.calendar.fullCalendar('getView'); + if(view){ + view = view.name; //setting the default view to be whatever the current view is. This can be overwritten. + } + /* If the calendar has options added then render them */ + var expression, + options = { + defaultView : view, + eventSources: sources + }; + if (attrs.uiCalendar) { + expression = scope.$eval(attrs.uiCalendar); + } else { + expression = {}; + } + angular.extend(options, uiConfig.uiCalendar, expression); + scope.calendar.fullCalendar(options); + } + update(); + /* watches all eventSources */ + scope.$watch(getSources, function( newVal, oldVal ) + { + update(); + }); + } + }; +}]); +/*global angular, CodeMirror, Error*/ +/** + * Binds a CodeMirror widget to a <textarea> element. + */ +angular.module('ui.directives').directive('uiCodemirror', ['ui.config', '$timeout', function (uiConfig, $timeout) { + 'use strict'; + + var events = ["cursorActivity", "viewportChange", "gutterClick", "focus", "blur", "scroll", "update"]; + return { + restrict:'A', + require:'ngModel', + link:function (scope, elm, attrs, ngModel) { + var options, opts, onChange, deferCodeMirror, codeMirror; + + if (elm[0].type !== 'textarea') { + throw new Error('uiCodemirror3 can only be applied to a textarea element'); + } + + options = uiConfig.codemirror || {}; + opts = angular.extend({}, options, scope.$eval(attrs.uiCodemirror)); + + onChange = function (aEvent) { + return function (instance, changeObj) { + var newValue = instance.getValue(); + if (newValue !== ngModel.$viewValue) { + ngModel.$setViewValue(newValue); + scope.$apply(); + } + if (typeof aEvent === "function") + aEvent(instance, changeObj); + }; + }; + + deferCodeMirror = function () { + codeMirror = CodeMirror.fromTextArea(elm[0], opts); + codeMirror.on("change", onChange(opts.onChange)); + + for (var i = 0, n = events.length, aEvent; i < n; ++i) { + aEvent = opts["on" + events[i].charAt(0).toUpperCase() + events[i].slice(1)]; + if (aEvent === void 0) continue; + if (typeof aEvent !== "function") continue; + codeMirror.on(events[i], aEvent); + } + + // CodeMirror expects a string, so make sure it gets one. + // This does not change the model. + ngModel.$formatters.push(function (value) { + if (angular.isUndefined(value) || value === null) { + return ''; + } + else if (angular.isObject(value) || angular.isArray(value)) { + throw new Error('ui-codemirror cannot use an object or an array as a model'); + } + return value; + }); + + // Override the ngModelController $render method, which is what gets called when the model is updated. + // This takes care of the synchronizing the codeMirror element with the underlying model, in the case that it is changed by something else. + ngModel.$render = function () { + codeMirror.setValue(ngModel.$viewValue); + }; + + // Watch ui-refresh and refresh the directive + if (attrs.uiRefresh) { + scope.$watch(attrs.uiRefresh, function(newVal, oldVal){ + // Skip the initial watch firing + if (newVal !== oldVal) + $timeout(codeMirror.refresh); + }); + } + }; + + $timeout(deferCodeMirror); + + } + }; +}]); + +/* + Gives the ability to style currency based on its sign. + */ +angular.module('ui.directives').directive('uiCurrency', ['ui.config', 'currencyFilter' , function (uiConfig, currencyFilter) { + var options = { + pos: 'ui-currency-pos', + neg: 'ui-currency-neg', + zero: 'ui-currency-zero' + }; + if (uiConfig.currency) { + angular.extend(options, uiConfig.currency); + } + return { + restrict: 'EAC', + require: 'ngModel', + link: function (scope, element, attrs, controller) { + var opts, // instance-specific options + renderview, + value; + + opts = angular.extend({}, options, scope.$eval(attrs.uiCurrency)); + + renderview = function (viewvalue) { + var num; + num = viewvalue * 1; + element.toggleClass(opts.pos, (num > 0) ); + element.toggleClass(opts.neg, (num < 0) ); + element.toggleClass(opts.zero, (num === 0) ); + if (viewvalue === '') { + element.text(''); + } else { + element.text(currencyFilter(num, opts.symbol)); + } + return true; + }; + + controller.$render = function () { + value = controller.$viewValue; + element.val(value); + renderview(value); + }; + + } + }; +}]); + +/*global angular */ +/* + jQuery UI Datepicker plugin wrapper + + @note If ≤ IE8 make sure you have a polyfill for Date.toISOString() + @param [ui-date] {object} Options to pass to $.fn.datepicker() merged onto ui.config + */ + +angular.module('ui.directives') + +.directive('uiDate', ['ui.config', function (uiConfig) { + 'use strict'; + var options; + options = {}; + if (angular.isObject(uiConfig.date)) { + angular.extend(options, uiConfig.date); + } + return { + require:'?ngModel', + link:function (scope, element, attrs, controller) { + var getOptions = function () { + return angular.extend({}, uiConfig.date, scope.$eval(attrs.uiDate)); + }; + var initDateWidget = function () { + var opts = getOptions(); + + // If we have a controller (i.e. ngModelController) then wire it up + if (controller) { + var updateModel = function () { + scope.$apply(function () { + var date = element.datepicker("getDate"); + element.datepicker("setDate", element.val()); + controller.$setViewValue(date); + element.blur(); + }); + }; + if (opts.onSelect) { + // Caller has specified onSelect, so call this as well as updating the model + var userHandler = opts.onSelect; + opts.onSelect = function (value, picker) { + updateModel(); + scope.$apply(function() { + userHandler(value, picker); + }); + }; + } else { + // No onSelect already specified so just update the model + opts.onSelect = updateModel; + } + // In case the user changes the text directly in the input box + element.bind('change', updateModel); + + // Update the date picker when the model changes + controller.$render = function () { + var date = controller.$viewValue; + if ( angular.isDefined(date) && date !== null && !angular.isDate(date) ) { + throw new Error('ng-Model value must be a Date object - currently it is a ' + typeof date + ' - use ui-date-format to convert it from a string'); + } + element.datepicker("setDate", date); + }; + } + // If we don't destroy the old one it doesn't update properly when the config changes + element.datepicker('destroy'); + // Create the new datepicker widget + element.datepicker(opts); + if ( controller ) { + // Force a render to override whatever is in the input text box + controller.$render(); + } + }; + // Watch for changes to the directives options + scope.$watch(getOptions, initDateWidget, true); + } + }; +} +]) + +.directive('uiDateFormat', ['ui.config', function(uiConfig) { + var directive = { + require:'ngModel', + link: function(scope, element, attrs, modelCtrl) { + var dateFormat = attrs.uiDateFormat || uiConfig.dateFormat; + if ( dateFormat ) { + // Use the datepicker with the attribute value as the dateFormat string to convert to and from a string + modelCtrl.$formatters.push(function(value) { + if (angular.isString(value) ) { + return $.datepicker.parseDate(dateFormat, value); + } + }); + modelCtrl.$parsers.push(function(value){ + if (value) { + return $.datepicker.formatDate(dateFormat, value); + } + }); + } else { + // Default to ISO formatting + modelCtrl.$formatters.push(function(value) { + if (angular.isString(value) ) { + return new Date(value); + } + }); + modelCtrl.$parsers.push(function(value){ + if (value) { + return value.toISOString(); + } + }); + } + } + }; + return directive; +}]); + +/** + * General-purpose Event binding. Bind any event not natively supported by Angular + * Pass an object with keynames for events to ui-event + * Allows $event object and $params object to be passed + * + * @example <input ui-event="{ focus : 'counter++', blur : 'someCallback()' }"> + * @example <input ui-event="{ myCustomEvent : 'myEventHandler($event, $params)'}"> + * + * @param ui-event {string|object literal} The event to bind to as a string or a hash of events with their callbacks + */ +angular.module('ui.directives').directive('uiEvent', ['$parse', + function ($parse) { + return function (scope, elm, attrs) { + var events = scope.$eval(attrs.uiEvent); + angular.forEach(events, function (uiEvent, eventName) { + var fn = $parse(uiEvent); + elm.bind(eventName, function (evt) { + var params = Array.prototype.slice.call(arguments); + //Take out first paramater (event object); + params = params.splice(1); + scope.$apply(function () { + fn(scope, {$event: evt, $params: params}); + }); + }); + }); + }; + }]); + +/* + * Defines the ui-if tag. This removes/adds an element from the dom depending on a condition + * Originally created by @tigbro, for the @jquery-mobile-angular-adapter + * https://github.com/tigbro/jquery-mobile-angular-adapter + */ +angular.module('ui.directives').directive('uiIf', [function () { + return { + transclude: 'element', + priority: 1000, + terminal: true, + restrict: 'A', + compile: function (element, attr, transclude) { + return function (scope, element, attr) { + + var childElement; + var childScope; + + scope.$watch(attr['uiIf'], function (newValue) { + if (childElement) { + childElement.remove(); + childElement = undefined; + } + if (childScope) { + childScope.$destroy(); + childScope = undefined; + } + + if (newValue) { + childScope = scope.$new(); + transclude(childScope, function (clone) { + childElement = clone; + element.after(clone); + }); + } + }); + }; + } + }; +}]); +/** + * General-purpose jQuery wrapper. Simply pass the plugin name as the expression. + * + * It is possible to specify a default set of parameters for each jQuery plugin. + * Under the jq key, namespace each plugin by that which will be passed to ui-jq. + * Unfortunately, at this time you can only pre-define the first parameter. + * @example { jq : { datepicker : { showOn:'click' } } } + * + * @param ui-jq {string} The $elm.[pluginName]() to call. + * @param [ui-options] {mixed} Expression to be evaluated and passed as options to the function + * Multiple parameters can be separated by commas + * @param [ui-refresh] {expression} Watch expression and refire plugin on changes + * + * @example <input ui-jq="datepicker" ui-options="{showOn:'click'},secondParameter,thirdParameter" ui-refresh="iChange"> + */ +angular.module('ui.directives').directive('uiJq', ['ui.config', '$timeout', function uiJqInjectingFunction(uiConfig, $timeout) { + + return { + restrict: 'A', + compile: function uiJqCompilingFunction(tElm, tAttrs) { + + if (!angular.isFunction(tElm[tAttrs.uiJq])) { + throw new Error('ui-jq: The "' + tAttrs.uiJq + '" function does not exist'); + } + var options = uiConfig.jq && uiConfig.jq[tAttrs.uiJq]; + + return function uiJqLinkingFunction(scope, elm, attrs) { + + var linkOptions = []; + + // If ui-options are passed, merge (or override) them onto global defaults and pass to the jQuery method + if (attrs.uiOptions) { + linkOptions = scope.$eval('[' + attrs.uiOptions + ']'); + if (angular.isObject(options) && angular.isObject(linkOptions[0])) { + linkOptions[0] = angular.extend({}, options, linkOptions[0]); + } + } else if (options) { + linkOptions = [options]; + } + // If change compatibility is enabled, the form input's "change" event will trigger an "input" event + if (attrs.ngModel && elm.is('select,input,textarea')) { + elm.on('change', function() { + elm.trigger('input'); + }); + } + + // Call jQuery method and pass relevant options + function callPlugin() { + $timeout(function() { + elm[attrs.uiJq].apply(elm, linkOptions); + }, 0, false); + } + + // If ui-refresh is used, re-fire the the method upon every change + if (attrs.uiRefresh) { + scope.$watch(attrs.uiRefresh, function(newVal) { + callPlugin(); + }); + } + callPlugin(); + }; + } + }; +}]); + +angular.module('ui.directives').factory('keypressHelper', ['$parse', function keypress($parse){ + var keysByCode = { + 8: 'backspace', + 9: 'tab', + 13: 'enter', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'delete' + }; + + var capitaliseFirstLetter = function (string) { + return string.charAt(0).toUpperCase() + string.slice(1); + }; + + return function(mode, scope, elm, attrs) { + var params, combinations = []; + params = scope.$eval(attrs['ui'+capitaliseFirstLetter(mode)]); + + // Prepare combinations for simple checking + angular.forEach(params, function (v, k) { + var combination, expression; + expression = $parse(v); + + angular.forEach(k.split(' '), function(variation) { + combination = { + expression: expression, + keys: {} + }; + angular.forEach(variation.split('-'), function (value) { + combination.keys[value] = true; + }); + combinations.push(combination); + }); + }); + + // Check only matching of pressed keys one of the conditions + elm.bind(mode, function (event) { + // No need to do that inside the cycle + var altPressed = event.metaKey || event.altKey; + var ctrlPressed = event.ctrlKey; + var shiftPressed = event.shiftKey; + var keyCode = event.keyCode; + + // normalize keycodes + if (mode === 'keypress' && !shiftPressed && keyCode >= 97 && keyCode <= 122) { + keyCode = keyCode - 32; + } + + // Iterate over prepared combinations + angular.forEach(combinations, function (combination) { + + var mainKeyPressed = (combination.keys[keysByCode[event.keyCode]] || combination.keys[event.keyCode.toString()]) || false; + + var altRequired = combination.keys.alt || false; + var ctrlRequired = combination.keys.ctrl || false; + var shiftRequired = combination.keys.shift || false; + + if ( + mainKeyPressed && + ( altRequired == altPressed ) && + ( ctrlRequired == ctrlPressed ) && + ( shiftRequired == shiftPressed ) + ) { + // Run the function + scope.$apply(function () { + combination.expression(scope, { '$event': event }); + }); + } + }); + }); + }; +}]); + +/** + * Bind one or more handlers to particular keys or their combination + * @param hash {mixed} keyBindings Can be an object or string where keybinding expression of keys or keys combinations and AngularJS Exspressions are set. Object syntax: "{ keys1: expression1 [, keys2: expression2 [ , ... ]]}". String syntax: ""expression1 on keys1 [ and expression2 on keys2 [ and ... ]]"". Expression is an AngularJS Expression, and key(s) are dash-separated combinations of keys and modifiers (one or many, if any. Order does not matter). Supported modifiers are 'ctrl', 'shift', 'alt' and key can be used either via its keyCode (13 for Return) or name. Named keys are 'backspace', 'tab', 'enter', 'esc', 'space', 'pageup', 'pagedown', 'end', 'home', 'left', 'up', 'right', 'down', 'insert', 'delete'. + * @example <input ui-keypress="{enter:'x = 1', 'ctrl-shift-space':'foo()', 'shift-13':'bar()'}" /> <input ui-keypress="foo = 2 on ctrl-13 and bar('hello') on shift-esc" /> + **/ +angular.module('ui.directives').directive('uiKeydown', ['keypressHelper', function(keypressHelper){ + return { + link: function (scope, elm, attrs) { + keypressHelper('keydown', scope, elm, attrs); + } + }; +}]); + +angular.module('ui.directives').directive('uiKeypress', ['keypressHelper', function(keypressHelper){ + return { + link: function (scope, elm, attrs) { + keypressHelper('keypress', scope, elm, attrs); + } + }; +}]); + +angular.module('ui.directives').directive('uiKeyup', ['keypressHelper', function(keypressHelper){ + return { + link: function (scope, elm, attrs) { + keypressHelper('keyup', scope, elm, attrs); + } + }; +}]); +(function () { + var app = angular.module('ui.directives'); + + //Setup map events from a google map object to trigger on a given element too, + //then we just use ui-event to catch events from an element + function bindMapEvents(scope, eventsStr, googleObject, element) { + angular.forEach(eventsStr.split(' '), function (eventName) { + //Prefix all googlemap events with 'map-', so eg 'click' + //for the googlemap doesn't interfere with a normal 'click' event + var $event = { type: 'map-' + eventName }; + google.maps.event.addListener(googleObject, eventName, function (evt) { + element.triggerHandler(angular.extend({}, $event, evt)); + //We create an $apply if it isn't happening. we need better support for this + //We don't want to use timeout because tons of these events fire at once, + //and we only need one $apply + if (!scope.$$phase) scope.$apply(); + }); + }); + } + + app.directive('uiMap', + ['ui.config', '$parse', function (uiConfig, $parse) { + + var mapEvents = 'bounds_changed center_changed click dblclick drag dragend ' + + 'dragstart heading_changed idle maptypeid_changed mousemove mouseout ' + + 'mouseover projection_changed resize rightclick tilesloaded tilt_changed ' + + 'zoom_changed'; + var options = uiConfig.map || {}; + + return { + restrict: 'A', + //doesn't work as E for unknown reason + link: function (scope, elm, attrs) { + var opts = angular.extend({}, options, scope.$eval(attrs.uiOptions)); + var map = new google.maps.Map(elm[0], opts); + var model = $parse(attrs.uiMap); + + //Set scope variable for the map + model.assign(scope, map); + + bindMapEvents(scope, mapEvents, map, elm); + } + }; + }]); + + app.directive('uiMapInfoWindow', + ['ui.config', '$parse', '$compile', function (uiConfig, $parse, $compile) { + + var infoWindowEvents = 'closeclick content_change domready ' + + 'position_changed zindex_changed'; + var options = uiConfig.mapInfoWindow || {}; + + return { + link: function (scope, elm, attrs) { + var opts = angular.extend({}, options, scope.$eval(attrs.uiOptions)); + opts.content = elm[0]; + var model = $parse(attrs.uiMapInfoWindow); + var infoWindow = model(scope); + + if (!infoWindow) { + infoWindow = new google.maps.InfoWindow(opts); + model.assign(scope, infoWindow); + } + + bindMapEvents(scope, infoWindowEvents, infoWindow, elm); + + /* The info window's contents dont' need to be on the dom anymore, + google maps has them stored. So we just replace the infowindow element + with an empty div. (we don't just straight remove it from the dom because + straight removing things from the dom can mess up angular) */ + elm.replaceWith('<div></div>'); + + //Decorate infoWindow.open to $compile contents before opening + var _open = infoWindow.open; + infoWindow.open = function open(a1, a2, a3, a4, a5, a6) { + $compile(elm.contents())(scope); + _open.call(infoWindow, a1, a2, a3, a4, a5, a6); + }; + } + }; + }]); + + /* + * Map overlay directives all work the same. Take map marker for example + * <ui-map-marker="myMarker"> will $watch 'myMarker' and each time it changes, + * it will hook up myMarker's events to the directive dom element. Then + * ui-event will be able to catch all of myMarker's events. Super simple. + */ + function mapOverlayDirective(directiveName, events) { + app.directive(directiveName, [function () { + return { + restrict: 'A', + link: function (scope, elm, attrs) { + scope.$watch(attrs[directiveName], function (newObject) { + bindMapEvents(scope, events, newObject, elm); + }); + } + }; + }]); + } + + mapOverlayDirective('uiMapMarker', + 'animation_changed click clickable_changed cursor_changed ' + + 'dblclick drag dragend draggable_changed dragstart flat_changed icon_changed ' + + 'mousedown mouseout mouseover mouseup position_changed rightclick ' + + 'shadow_changed shape_changed title_changed visible_changed zindex_changed'); + + mapOverlayDirective('uiMapPolyline', + 'click dblclick mousedown mousemove mouseout mouseover mouseup rightclick'); + + mapOverlayDirective('uiMapPolygon', + 'click dblclick mousedown mousemove mouseout mouseover mouseup rightclick'); + + mapOverlayDirective('uiMapRectangle', + 'bounds_changed click dblclick mousedown mousemove mouseout mouseover ' + + 'mouseup rightclick'); + + mapOverlayDirective('uiMapCircle', + 'center_changed click dblclick mousedown mousemove ' + + 'mouseout mouseover mouseup radius_changed rightclick'); + + mapOverlayDirective('uiMapGroundOverlay', + 'click dblclick'); + +})(); +/* + Attaches jquery-ui input mask onto input element + */ +angular.module('ui.directives').directive('uiMask', [ + function () { + return { + require:'ngModel', + link:function ($scope, element, attrs, controller) { + + /* We override the render method to run the jQuery mask plugin + */ + controller.$render = function () { + var value = controller.$viewValue || ''; + element.val(value); + element.mask($scope.$eval(attrs.uiMask)); + }; + + /* Add a parser that extracts the masked value into the model but only if the mask is valid + */ + controller.$parsers.push(function (value) { + //the second check (or) is only needed due to the fact that element.isMaskValid() will keep returning undefined + //until there was at least one key event + var isValid = element.isMaskValid() || angular.isUndefined(element.isMaskValid()) && element.val().length>0; + controller.$setValidity('mask', isValid); + return isValid ? value : undefined; + }); + + /* When keyup, update the view value + */ + element.bind('keyup', function () { + $scope.$apply(function () { + controller.$setViewValue(element.mask()); + }); + }); + } + }; + } +]); + +/** + * Add a clear button to form inputs to reset their value + */ +angular.module('ui.directives').directive('uiReset', ['ui.config', function (uiConfig) { + var resetValue = null; + if (uiConfig.reset !== undefined) + resetValue = uiConfig.reset; + return { + require: 'ngModel', + link: function (scope, elm, attrs, ctrl) { + var aElement; + aElement = angular.element('<a class="ui-reset" />'); + elm.wrap('<span class="ui-resetwrap" />').after(aElement); + aElement.bind('click', function (e) { + e.preventDefault(); + scope.$apply(function () { + if (attrs.uiReset) + ctrl.$setViewValue(scope.$eval(attrs.uiReset)); + else + ctrl.$setViewValue(resetValue); + ctrl.$render(); + }); + }); + } + }; +}]); + +/** + * Set a $uiRoute boolean to see if the current route matches + */ +angular.module('ui.directives').directive('uiRoute', ['$location', '$parse', function ($location, $parse) { + return { + restrict: 'AC', + compile: function(tElement, tAttrs) { + var useProperty; + if (tAttrs.uiRoute) { + useProperty = 'uiRoute'; + } else if (tAttrs.ngHref) { + useProperty = 'ngHref'; + } else if (tAttrs.href) { + useProperty = 'href'; + } else { + throw new Error('uiRoute missing a route or href property on ' + tElement[0]); + } + return function ($scope, elm, attrs) { + var modelSetter = $parse(attrs.ngModel || attrs.routeModel || '$uiRoute').assign; + var watcher = angular.noop; + + // Used by href and ngHref + function staticWatcher(newVal) { + if ((hash = newVal.indexOf('#')) > -1) + newVal = newVal.substr(hash + 1); + watcher = function watchHref() { + modelSetter($scope, ($location.path().indexOf(newVal) > -1)); + }; + watcher(); + } + // Used by uiRoute + function regexWatcher(newVal) { + if ((hash = newVal.indexOf('#')) > -1) + newVal = newVal.substr(hash + 1); + watcher = function watchRegex() { + var regexp = new RegExp('^' + newVal + '$', ['i']); + modelSetter($scope, regexp.test($location.path())); + }; + watcher(); + } + + switch (useProperty) { + case 'uiRoute': + // if uiRoute={{}} this will be undefined, otherwise it will have a value and $observe() never gets triggered + if (attrs.uiRoute) + regexWatcher(attrs.uiRoute); + else + attrs.$observe('uiRoute', regexWatcher); + break; + case 'ngHref': + // Setup watcher() every time ngHref changes + if (attrs.ngHref) + staticWatcher(attrs.ngHref); + else + attrs.$observe('ngHref', staticWatcher); + break; + case 'href': + // Setup watcher() + staticWatcher(attrs.href); + } + + $scope.$on('$routeChangeSuccess', function(){ + watcher(); + }); + } + } + }; +}]); + +/*global angular, $, document*/ +/** + * Adds a 'ui-scrollfix' class to the element when the page scrolls past it's position. + * @param [offset] {int} optional Y-offset to override the detected offset. + * Takes 300 (absolute) or -300 or +300 (relative to detected) + */ +angular.module('ui.directives').directive('uiScrollfix', ['$window', function ($window) { + 'use strict'; + return { + link: function (scope, elm, attrs) { + var top = elm.offset().top; + if (!attrs.uiScrollfix) { + attrs.uiScrollfix = top; + } else { + // chartAt is generally faster than indexOf: http://jsperf.com/indexof-vs-chartat + if (attrs.uiScrollfix.charAt(0) === '-') { + attrs.uiScrollfix = top - attrs.uiScrollfix.substr(1); + } else if (attrs.uiScrollfix.charAt(0) === '+') { + attrs.uiScrollfix = top + parseFloat(attrs.uiScrollfix.substr(1)); + } + } + angular.element($window).on('scroll.ui-scrollfix', function () { + // if pageYOffset is defined use it, otherwise use other crap for IE + var offset; + if (angular.isDefined($window.pageYOffset)) { + offset = $window.pageYOffset; + } else { + var iebody = (document.compatMode && document.compatMode !== "BackCompat") ? document.documentElement : document.body; + offset = iebody.scrollTop; + } + if (!elm.hasClass('ui-scrollfix') && offset > attrs.uiScrollfix) { + elm.addClass('ui-scrollfix'); + } else if (elm.hasClass('ui-scrollfix') && offset < attrs.uiScrollfix) { + elm.removeClass('ui-scrollfix'); + } + }); + } |