all files / addon/components/polaris-page/ header.js

100% Statements 0/0
100% Branches 0/0
100% Functions 0/0
100% Lines 0/0
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109                                                                                                                                                                                                                         
import Component from '@ember/component';
import layout from '../../templates/components/polaris-page/header';
import { gt, or } from '@ember/object/computed';
 
export default Component.extend({
  classNames: [ 'Polaris-Page__Header' ],
  classNameBindings: [
    'titleHidden:Polaris-Page__Title--hidden',
    'hasBreadcrumbs:Polaris-Page__Header--hasBreadcrumbs',
    'hasRollup:Polaris-Page__Header--hasRollup',
    'separator:Polaris-Page__Header--hasSeparator',
    'hasSecondaryActions:Polaris-Page__Header--hasSecondaryActions'
  ],
 
  layout,
 
  /**
   * Page title, in large type
   *
   * @property title
   * @public
   * @type {String}
   * @default null
   */
  title: null,
 
  /**
   * Visually hide the title
   *
   * @property titleHidden
   * @public
   * @type {boolean}
   * @default false
   */
  titleHidden: false,
 
  /**
   * App icon, for pages that are part of Shopify apps
   *
   * @property icon
   * @public
   * @type {String}
   * @default null
   * TODO: not implemented yet
   */
  icon: null,
 
  /**
   * Collection of breadcrumbs
   *
   * @property breadcrumbs
   * @public
   * @type {Array}
   * @default null
   */
  breadcrumbs: null,
 
  /**
   * Adds a border to the bottom of the page header
   *
   * @property separator
   * @public
   * @type {boolean}
   * @default false
   */
  separator: false,
 
  /**
   * Collection of secondary page-level actions
   *
   * @property secondaryActions
   * @public
   * @type {Array}
   * @default null
   */
  secondaryActions: null,
 
  /**
   * Primary page-level action
   *
   * @property primaryAction
   * @public
   * @type {Object}
   * @default null
   */
  primaryAction: null,
 
  /**
   * Page-level pagination
   *
   * @property pagination
   * @public
   * @type {Object}
   * @default null
   * TODO: not implemented yet
   */
  pagination: null,
 
  /**
   * Computed properties.
   */
  hasBreadcrumbs: gt('breadcrumbs.length', 0).readOnly(),
  hasNavigation: or('hasBreadcrumbs', 'pagination').readOnly(),
  hasActions: or('primaryAction', 'secondaryActions').readOnly(),
  hasSecondaryActions: gt('secondaryActions.length', 0).readOnly(),
  hasRollup: gt('secondaryActions.length', 1).readOnly(),
});