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

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