12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- /*!
- * Angular Material Design
- * https://github.com/angular/material
- * @license MIT
- * v0.11.4
- */
- (function( window, angular, undefined ){
- "use strict";
- /**
- * @ngdoc module
- * @name material.components.card
- *
- * @description
- * Card components.
- */
- angular.module('material.components.card', [
- 'material.core'
- ])
- .directive('mdCard', mdCardDirective);
- /**
- * @ngdoc directive
- * @name mdCard
- * @module material.components.card
- *
- * @restrict E
- *
- * @description
- * The `<md-card>` directive is a container element used within `<md-content>` containers.
- *
- * An image included as a direct descendant will fill the card's width, while the `<md-card-content>`
- * container will wrap text content and provide padding. An `<md-card-footer>` element can be
- * optionally included to put content flush against the bottom edge of the card.
- *
- * Action buttons can be included in an element with the `.md-actions` class, also used in `md-dialog`.
- * You can then position buttons using layout attributes.
- *
- * Cards have constant width and variable heights; where the maximum height is limited to what can
- * fit within a single view on a platform, but it can temporarily expand as needed.
- *
- * @usage
- * ### Card with optional footer
- * <hljs lang="html">
- * <md-card>
- * <img src="card-image.png" class="md-card-image" alt="image caption">
- * <md-card-content>
- * <h2>Card headline</h2>
- * <p>Card content</p>
- * </md-card-content>
- * <md-card-footer>
- * Card footer
- * </md-card-footer>
- * </md-card>
- * </hljs>
- *
- * ### Card with actions
- * <hljs lang="html">
- * <md-card>
- * <img src="card-image.png" class="md-card-image" alt="image caption">
- * <md-card-content>
- * <h2>Card headline</h2>
- * <p>Card content</p>
- * </md-card-content>
- * <div class="md-actions" layout="row" layout-align="end center">
- * <md-button>Action 1</md-button>
- * <md-button>Action 2</md-button>
- * </div>
- * </md-card>
- * </hljs>
- *
- */
- function mdCardDirective($mdTheming) {
- return {
- restrict: 'E',
- link: function($scope, $element, $attr) {
- $mdTheming($element);
- }
- };
- }
- mdCardDirective.$inject = ["$mdTheming"];
- })(window, window.angular);
|