ecomp-portal-FE/client/bower_components/angular-material/modules/js/card/card.js

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 (function( window, angular, undefined ){
   8 "use strict";
   9
  10 /**
  11  * @ngdoc module
  12  * @name material.components.card
  13  *
  14  * @description
  15  * Card components.
  16  */
  17 angular.module('material.components.card', [
  18   'material.core'
  19 ])
  20   .directive('mdCard', mdCardDirective);
  21
  22
  23
  24 /**
  25  * @ngdoc directive
  26  * @name mdCard
  27  * @module material.components.card
  28  *
  29  * @restrict E
  30  *
  31  * @description
  32  * The `<md-card>` directive is a container element used within `<md-content>` containers.
  33  *
  34  * An image included as a direct descendant will fill the card's width, while the `<md-card-content>`
  35  * container will wrap text content and provide padding. An `<md-card-footer>` element can be
  36  * optionally included to put content flush against the bottom edge of the card.
  37  *
  38  * Action buttons can be included in an element with the `.md-actions` class, also used in `md-dialog`.
  39  * You can then position buttons using layout attributes.
  40  *
  41  * Cards have constant width and variable heights; where the maximum height is limited to what can
  42  * fit within a single view on a platform, but it can temporarily expand as needed.
  43  *
  44  * @usage
  45  * ###Card with optional footer
  46  * <hljs lang="html">
  47  * <md-card>
  48  *  <img src="card-image.png" class="md-card-image" alt="image caption">
  49  *  <md-card-content>
  50  *    <h2>Card headline</h2>
  51  *    <p>Card content</p>
  52  *  </md-card-content>
  53  *  <md-card-footer>
  54  *    Card footer
  55  *  </md-card-footer>
  56  * </md-card>
  57  * </hljs>
  58  *
  59  * ###Card with actions
  60  * <hljs lang="html">
  61  * <md-card>
  62  *  <img src="card-image.png" class="md-card-image" alt="image caption">
  63  *  <md-card-content>
  64  *    <h2>Card headline</h2>
  65  *    <p>Card content</p>
  66  *  </md-card-content>
  67  *  <div class="md-actions" layout="row" layout-align="end center">
  68  *    <md-button>Action 1</md-button>
  69  *    <md-button>Action 2</md-button>
  70  *  </div>
  71  * </md-card>
  72  * </hljs>
  73  *
  74  */
  75 function mdCardDirective($mdTheming) {
  76   return {
  77     restrict: 'E',
  78     link: function($scope, $element, $attr) {
  79       $mdTheming($element);
  80     }
  81   };
  82 }
  83 mdCardDirective.$inject = ["$mdTheming"];
  84
  85 })(window, window.angular);