+++ /dev/null
-/*!
- * Angular Material Design
- * https://github.com/angular/material
- * @license MIT
- * v0.9.8
- */
-goog.provide('ng.material.components.toast');
-goog.require('ng.material.components.button');
-goog.require('ng.material.core');
-/**
- * @ngdoc module
- * @name material.components.toast
- * @description
- * Toast
- */
-angular.module('material.components.toast', [
- 'material.core',
- 'material.components.button'
-])
- .directive('mdToast', MdToastDirective)
- .provider('$mdToast', MdToastProvider);
-
-function MdToastDirective() {
- return {
- restrict: 'E'
- };
-}
-
-/**
- * @ngdoc service
- * @name $mdToast
- * @module material.components.toast
- *
- * @description
- * `$mdToast` is a service to build a toast notification on any position
- * on the screen with an optional duration, and provides a simple promise API.
- *
- *
- * ## Restrictions on custom toasts
- * - The toast's template must have an outer `<md-toast>` element.
- * - For a toast action, use element with class `md-action`.
- * - Add the class `md-capsule` for curved corners.
- *
- * @usage
- * <hljs lang="html">
- * <div ng-controller="MyController">
- * <md-button ng-click="openToast()">
- * Open a Toast!
- * </md-button>
- * </div>
- * </hljs>
- *
- * <hljs lang="js">
- * var app = angular.module('app', ['ngMaterial']);
- * app.controller('MyController', function($scope, $mdToast) {
- * $scope.openToast = function($event) {
- * $mdToast.show($mdToast.simple().content('Hello!'));
- * // Could also do $mdToast.showSimple('Hello');
- * };
- * });
- * </hljs>
- */
-
-/**
- * @ngdoc method
- * @name $mdToast#showSimple
- *
- * @description
- * Convenience method which builds and shows a simple toast.
- *
- * @returns {promise} A promise that can be resolved with `$mdToast.hide()` or
- * rejected with `$mdToast.cancel()`.
- *
- */
-
- /**
- * @ngdoc method
- * @name $mdToast#simple
- *
- * @description
- * Builds a preconfigured toast.
- *
- * @returns {obj} a `$mdToastPreset` with the chainable configuration methods:
- *
- * - $mdToastPreset#content(string) - sets toast content to string
- * - $mdToastPreset#action(string) - adds an action button, which resolves the promise returned from `show()` if clicked.
- * - $mdToastPreset#highlightAction(boolean) - sets action button to be highlighted
- * - $mdToastPreset#capsule(boolean) - adds 'md-capsule' class to the toast (curved corners)
- * - $mdToastPreset#theme(boolean) - sets the theme on the toast to theme (default is `$mdThemingProvider`'s default theme)
- */
-
-/**
- * @ngdoc method
- * @name $mdToast#updateContent
- *
- * @description
- * Updates the content of an existing toast. Useful for updating things like counts, etc.
- *
- */
-
- /**
- * @ngdoc method
- * @name $mdToast#build
- *
- * @description
- * Creates a custom `$mdToastPreset` that you can configure.
- *
- * @returns {obj} a `$mdToastPreset` with the chainable configuration methods for shows' options (see below).
- */
-
- /**
- * @ngdoc method
- * @name $mdToast#show
- *
- * @description Shows the toast.
- *
- * @param {object} optionsOrPreset Either provide an `$mdToastPreset` returned from `simple()`
- * and `build()`, or an options object with the following properties:
- *
- * - `templateUrl` - `{string=}`: The url of an html template file that will
- * be used as the content of the toast. Restrictions: the template must
- * have an outer `md-toast` element.
- * - `template` - `{string=}`: Same as templateUrl, except this is an actual
- * template string.
- * - `scope` - `{object=}`: the scope to link the template / controller to. If none is specified, it will create a new child scope.
- * This scope will be destroyed when the toast is removed unless `preserveScope` is set to true.
- * - `preserveScope` - `{boolean=}`: whether to preserve the scope when the element is removed. Default is false
- * - `hideDelay` - `{number=}`: How many milliseconds the toast should stay
- * active before automatically closing. Set to 0 or false to have the toast stay open until
- * closed manually. Default: 3000.
- * - `position` - `{string=}`: Where to place the toast. Available: any combination
- * of 'bottom', 'left', 'top', 'right', 'fit'. Default: 'bottom left'.
- * - `controller` - `{string=}`: The controller to associate with this toast.
- * The controller will be injected the local `$hideToast`, which is a function
- * used to hide the toast.
- * - `locals` - `{string=}`: An object containing key/value pairs. The keys will
- * be used as names of values to inject into the controller. For example,
- * `locals: {three: 3}` would inject `three` into the controller with the value
- * of 3.
- * - `bindToController` - `bool`: bind the locals to the controller, instead of passing them in. These values will not be available until after initialization.
- * - `resolve` - `{object=}`: Similar to locals, except it takes promises as values
- * and the toast will not open until the promises resolve.
- * - `controllerAs` - `{string=}`: An alias to assign the controller to on the scope.
- * - `parent` - `{element=}`: The element to append the toast to. Defaults to appending
- * to the root element of the application.
- *
- * @returns {promise} A promise that can be resolved with `$mdToast.hide()` or
- * rejected with `$mdToast.cancel()`.
- */
-
-/**
- * @ngdoc method
- * @name $mdToast#hide
- *
- * @description
- * Hide an existing toast and resolve the promise returned from `$mdToast.show()`.
- *
- * @param {*=} response An argument for the resolved promise.
- *
- * @returns {promise} a promise that is called when the existing element is removed from the DOM
- *
- */
-
-/**
- * @ngdoc method
- * @name $mdToast#cancel
- *
- * @description
- * Hide the existing toast and reject the promise returned from
- * `$mdToast.show()`.
- *
- * @param {*=} response An argument for the rejected promise.
- *
- * @returns {promise} a promise that is called when the existing element is removed from the DOM
- *
- */
-
-function MdToastProvider($$interimElementProvider) {
- var activeToastContent;
- var $mdToast = $$interimElementProvider('$mdToast')
- .setDefaults({
- methods: ['position', 'hideDelay', 'capsule' ],
- options: toastDefaultOptions
- })
- .addPreset('simple', {
- argOption: 'content',
- methods: ['content', 'action', 'highlightAction', 'theme', 'parent'],
- options: /* ngInject */ ["$mdToast", "$mdTheming", function($mdToast, $mdTheming) {
- var opts = {
- template: [
- '<md-toast md-theme="{{ toast.theme }}" ng-class="{\'md-capsule\': toast.capsule}">',
- '<span flex>{{ toast.content }}</span>',
- '<md-button class="md-action" ng-if="toast.action" ng-click="toast.resolve()" ng-class="{\'md-highlight\': toast.highlightAction}">',
- '{{ toast.action }}',
- '</md-button>',
- '</md-toast>'
- ].join(''),
- controller: /* ngInject */ ["$scope", function mdToastCtrl($scope) {
- var self = this;
- $scope.$watch(function() { return activeToastContent; }, function() {
- self.content = activeToastContent;
- });
- this.resolve = function() {
- $mdToast.hide();
- };
- }],
- theme: $mdTheming.defaultTheme(),
- controllerAs: 'toast',
- bindToController: true
- };
- return opts;
- }]
- })
- .addMethod('updateContent', function(newContent) {
- activeToastContent = newContent;
- });
-
- toastDefaultOptions.$inject = ["$timeout", "$animate", "$mdToast", "$mdUtil"];
- return $mdToast;
-
- /* ngInject */
- function toastDefaultOptions($timeout, $animate, $mdToast, $mdUtil) {
- return {
- onShow: onShow,
- onRemove: onRemove,
- position: 'bottom left',
- themable: true,
- hideDelay: 3000
- };
-
- function onShow(scope, element, options) {
- element = $mdUtil.extractElementByName(element, 'md-toast');
-
- // 'top left' -> 'md-top md-left'
- activeToastContent = options.content;
- element.addClass(options.position.split(' ').map(function(pos) {
- return 'md-' + pos;
- }).join(' '));
- options.parent.addClass(toastOpenClass(options.position));
-
- options.onSwipe = function(ev, gesture) {
- //Add swipeleft/swiperight class to element so it can animate correctly
- element.addClass('md-' + ev.type.replace('$md.',''));
- $timeout($mdToast.cancel);
- };
- element.on('$md.swipeleft $md.swiperight', options.onSwipe);
- return $animate.enter(element, options.parent);
- }
-
- function onRemove(scope, element, options) {
- element.off('$md.swipeleft $md.swiperight', options.onSwipe);
- options.parent.removeClass(toastOpenClass(options.position));
- return $animate.leave(element);
- }
-
- function toastOpenClass(position) {
- return 'md-toast-open-' +
- (position.indexOf('top') > -1 ? 'top' : 'bottom');
- }
- }
-
-}
-MdToastProvider.$inject = ["$$interimElementProvider"];
-
-ng.material.components.toast = angular.module("material.components.toast");
\ No newline at end of file
Code Review / portal.git / blobdiff