diff options
author | 2017-03-08 11:54:56 +0530 | |
---|---|---|
committer | 2017-03-08 11:54:56 +0530 | |
commit | 80b299e8c4f290e3b16f35eea922cac989b6e767 (patch) | |
tree | b99086734507728ae096349cca4d0258335dbf4f /vnfmarket/src/main/webapp/common/thirdparty/angular-material/modules/js/truncate/truncate.js | |
parent | 5fa92b4eb456b5f4959c39578a3c6e3555c4ae7d (diff) |
VnfMarket place refactor
IssueId : CLIENT-4
Change-Id: Ia1b076400f9c3bedf9db714099a608ece392aa59
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'vnfmarket/src/main/webapp/common/thirdparty/angular-material/modules/js/truncate/truncate.js')
-rw-r--r-- | vnfmarket/src/main/webapp/common/thirdparty/angular-material/modules/js/truncate/truncate.js | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/vnfmarket/src/main/webapp/common/thirdparty/angular-material/modules/js/truncate/truncate.js b/vnfmarket/src/main/webapp/common/thirdparty/angular-material/modules/js/truncate/truncate.js new file mode 100644 index 00000000..c3d92efb --- /dev/null +++ b/vnfmarket/src/main/webapp/common/thirdparty/angular-material/modules/js/truncate/truncate.js @@ -0,0 +1,98 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +(function( window, angular, undefined ){ +"use strict"; + +/** + * @ngdoc module + * @name material.components.truncate + */ +MdTruncateController['$inject'] = ["$element"]; +angular.module('material.components.truncate', ['material.core']) + .directive('mdTruncate', MdTruncateDirective); + +/** + * @ngdoc directive + * @name mdTruncate + * @module material.components.truncate + * @restrict AE + * @description + * + * The `md-truncate` component displays a label that will automatically clip text which is wider + * than the component. By default, it displays an ellipsis, but you may apply the `md-clip` CSS + * class to override this default and use a standard "clipping" approach. + * + * <i><b>Note:</b> The `md-truncate` component does not automatically adjust it's width. You must + * provide the `flex` attribute, or some other CSS-based width management. See the + * <a ng-href="./demo/truncate">demos</a> for examples.</i> + * + * @usage + * + * ### As an Element + * + * <hljs lang="html"> + * <div layout="row"> + * <md-button>Back</md-button> + * + * <md-truncate flex>Chapter 1 - The Way of the Old West</md-truncate> + * + * <md-button>Forward</md-button> + * </div> + * </hljs> + * + * ### As an Attribute + * + * <hljs lang="html"> + * <h2 md-truncate style="max-width: 100px;">Some Title With a Lot of Text</h2> + * </hljs> + * + * ## CSS & Styles + * + * `<md-truncate>` provides two CSS classes that you may use to control the type of clipping. + * + * <i><b>Note:</b> The `md-truncate` also applies a setting of `width: 0;` when used with the `flex` + * attribute to fix an issue with the flex element not shrinking properly.</i> + * + * <div> + * <docs-css-api-table> + * + * <docs-css-selector code=".md-ellipsis"> + * Assigns the "ellipsis" behavior (default) which will cut off mid-word and append an ellipsis + * (…) to the end of the text. + * </docs-css-selector> + * + * <docs-css-selector code=".md-clip"> + * Assigns the "clipping" behavior which will simply chop off the text. This may happen + * mid-word or even mid-character. + * </docs-css-selector> + * + * </docs-css-api-table> + * </div> + */ +function MdTruncateDirective() { + return { + restrict: 'AE', + + controller: MdTruncateController, + controllerAs: '$ctrl', + bindToController: true + } +} + +/** + * Controller for the <md-truncate> component. + * + * @param $element The md-truncate element. + * + * @constructor + * ngInject + */ +function MdTruncateController($element) { + $element.addClass('md-truncate'); +} + +})(window, window.angular);
\ No newline at end of file |