michaelchadwick/ember-remember-stuff

{{#if (has-block)}}
  <div
    class="box has-block"
    contenteditable={{this.isEditable}}
    id={{unique-id}}
    data-test-box
    ...attributes
  >
    {{yield
      this.displayText
      this.expand
      this.collapse
      this.updateTextDims
      this.isFaded
      this.expanded
    }}
  </div>
{{else}}
  <div class="box no-block" id={{unique-id}} data-test-box ...attributes>
    <div class="box-text" data-test-box-text>
      <div class="display-text-wrapper{{if this.isFaded ' is-faded'}}">
        <div class="display-text" {{on-resize this.updateTextDims}}>
          {{this.displayText}}
        </div>
      </div>
    </div>
    {{#if this.isFaded}}
      <div class="box-text-control">
        <button
          class="expand-buttons"
          aria-label={{t "general.expand"}}
          title={{t "general.expand"}}
          type="button"
          data-test-expand
          {{on "click" this.expand}}
        >
          <FaIcon @icon="angles-down" />
        </button>
      </div>
    {{else}}
      {{#if this.expanded}}
        <button
          class="expand-buttons"
          aria-label={{t "general.collapse"}}
          title={{t "general.collapse"}}
          type="button"
          data-test-collapse
          {{on "click" this.collapse}}
        >
          <FaIcon @icon="angles-up" />
        </button>
      {{/if}}
    {{/if}}
  </div>
{{/if}}