| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| (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 `<md-card-actions>` element, similar to `<md-dialog-actions>`. |
| * You can then position buttons using layout attributes. |
| * |
| * Card is built with: |
| * * `<md-card-header>` - Header for the card, holds avatar, text and squared image |
| * - `<md-card-avatar>` - Card avatar |
| * - `md-user-avatar` - Class for user image |
| * - `<md-icon>` |
| * - `<md-card-header-text>` - Contains elements for the card description |
| * - `md-title` - Class for the card title |
| * - `md-subhead` - Class for the card sub header |
| * * `<img>` - Image for the card |
| * * `<md-card-title>` - Card content title |
| * - `<md-card-title-text>` |
| * - `md-headline` - Class for the card content title |
| * - `md-subhead` - Class for the card content sub header |
| * - `<md-card-title-media>` - Squared image within the title |
| * - `md-media-sm` - Class for small image |
| * - `md-media-md` - Class for medium image |
| * - `md-media-lg` - Class for large image |
| * * `<md-card-content>` - Card content |
| * - `md-media-xl` - Class for extra large image |
| * * `<md-card-actions>` - Card actions |
| * - `<md-card-icon-actions>` - Icon actions |
| * |
| * 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> |
| * <md-card-actions layout="row" layout-align="end center"> |
| * <md-button>Action 1</md-button> |
| * <md-button>Action 2</md-button> |
| * </md-card-actions> |
| * </md-card> |
| * </hljs> |
| * |
| * ### Card with header, image, title actions and content |
| * <hljs lang="html"> |
| * <md-card> |
| * <md-card-header> |
| * <md-card-avatar> |
| * <img class="md-user-avatar" src="avatar.png"/> |
| * </md-card-avatar> |
| * <md-card-header-text> |
| * <span class="md-title">Title</span> |
| * <span class="md-subhead">Sub header</span> |
| * </md-card-header-text> |
| * </md-card-header> |
| * <img ng-src="card-image.png" class="md-card-image" alt="image caption"> |
| * <md-card-title> |
| * <md-card-title-text> |
| * <span class="md-headline">Card headline</span> |
| * <span class="md-subhead">Card subheader</span> |
| * </md-card-title-text> |
| * </md-card-title> |
| * <md-card-actions layout="row" layout-align="start center"> |
| * <md-button>Action 1</md-button> |
| * <md-button>Action 2</md-button> |
| * <md-card-icon-actions> |
| * <md-button class="md-icon-button" aria-label="icon"> |
| * <md-icon md-svg-icon="icon"></md-icon> |
| * </md-button> |
| * </md-card-icon-actions> |
| * </md-card-actions> |
| * <md-card-content> |
| * <p> |
| * Card content |
| * </p> |
| * </md-card-content> |
| * </md-card> |
| * </hljs> |
| */ |
| function mdCardDirective($mdTheming) { |
| return { |
| restrict: 'E', |
| link: function ($scope, $element) { |
| $mdTheming($element); |
| } |
| }; |
| } |
| mdCardDirective.$inject = ["$mdTheming"]; |
| |
| })(window, window.angular); |