plumes/features/notifications-panel/html/pl-notifications-panel.html

Flying-fast Metro future vision components

<section
  class="
    pl-notifications-panel
    {{dark ? 'theme-dark' : ''}}
    {{usesection ? 'pl-section' : ''}}
    {{useemails ? 'use-emails' : ''}}
    {{opened ? 'opened' : ''}}
  "
>
  <div class="pl-notifications-panel-list">
    <rv-require name="pl-scrolls" src="../scrolls/pl-scrolls"></rv-require>

    <div class="pl-scrolls">
      <ul>
        {{#if notifications}}
          {{#notifications}}
          <li class="pl-notifications-panel-item" on-click="openitem">
            {{#if picture}}
            <img src="{{picture}}" />
            {{/if}}
            <p>{{{content}}}</p>
            <p class="pl-notifications-panel-item-time">{{time}}</p>
          </li>
          {{/notifications}}
        {{else}}
          <li class="pl-notifications-panel-item pl-notifications-panel-noitem">
            <p>{{texts.empty}}</p>
          </li>
        {{/if}}
      </ul>
    </div>
  </div>

  {{#if useemails}}
  <div class="pl-notifications-panel-emails">
    <rv-require
      name="pl-button-onoff"
      src="../buttons/pl-button-onoff"
      data-bind-text-label="texts.emails"
      data-bind-on="emails-on"
      data-bind-toggle="emailstoggle"
    ></rv-require>
  </div>
  {{/if}}
</section>