calendar-invitation-panel.xhtml

# This Source Code Form is subject to the terms of the Mozilla Public

# License, v. 2.0. If a copy of the MPL was not distributed with this

# file, You can obtain one at http://mozilla.org/MPL/2.0/.

<!-- Template for <calendar-invitation-panel/> -->

<template id="calendarInvitationPanel" xmlns="http://www.w3.org/1999/xhtml">

  <calendar-invitation-panel-status-bar/>

  <div class="calendar-invitation-panel-wrapper">

    <div class="calendar-invitation-panel-preview">

      <calendar-minidate/>

    </div>

    <div class="calendar-invitation-panel-details">

      <div class="calendar-invitation-panel-title">

        <calendar-invitation-change-indicator id="titleChangeIndicator"

                                              hidden="hidden"/>

        <h1 class="calendar-invitation-panel-title" id="title"></h1>

      </div>

       <table id="props" class="calendar-invitation-panel-props">

         <tbody>

           <tr class="calendar-invitation-row">

             <th data-l10n-id="calendar-invitation-panel-prop-title-when"></th>

             <td class="calendar-invitation-when">

               <calendar-invitation-change-indicator id="intervalChangeIndicator"

                                                     hidden="hidden"/>

               <calendar-invitation-interval id="when"/>

             </td>

           </tr>

           <tr hidden="hidden" class="calendar-invitation-row">

             <th data-l10n-id="calendar-invitation-panel-prop-title-recurrence"></th>

             <td id="recurrence" class="calendar-invitation-recurrence">

               <calendar-invitation-change-indicator id="recurrenceChangeIndicator"

                                                     hidden="hidden"/>

             </td>

           </tr>

           <tr hidden="hidden" class="calendar-invitation-row">

             <th data-l10n-id="calendar-invitation-panel-prop-title-location"></th>

             <td id="location" class="content">

               <calendar-invitation-change-indicator id="locationChangeIndicator"

                                                     hidden="hidden"/>

             </td>

           </tr>

           <tr hidden="hidden" class="calendar-invitation-row">

             <th data-l10n-id="calendar-invitation-panel-prop-title-attendees"></th>

             <td>

               <calendar-invitation-partstat-summary id="summary"/>

               <ul id="attendees"

                   is="calendar-invitation-panel-attendee-list"

                   class="calendar-invitation-panel-list"></ul>

             </td>

           </tr>

           <tr hidden="hidden" class="calendar-invitation-row">

             <th data-l10n-id="calendar-invitation-panel-prop-title-description"></th>

             <td id="description" class="content">

               <calendar-invitation-change-indicator id="descriptionChangeIndicator"

                                                     hidden="hidden"/>

             </td>

           </tr>

           <tr hidden="hidden" class="calendar-invitation-row">

             <th data-l10n-id="calendar-invitation-panel-prop-title-attachments"></th>

             <td class="content">

               <ul id="attachments"

                   is="calendar-invitation-panel-attachment-list"

                   class="calendar-invitation-panel-list"></ul>

             </td>

           </tr>

         </tbody>

       </table>

    </div>

  </div>

  <div id="footer" class="calendar-invitation-panel-details-footer" hidden="hidden">

    <div id="actionButtons" class="calendar-invitation-panel-response-buttons">

      <button id="acceptButton"

              data-action="accepted"

              class="primary"

              data-l10n-id="calendar-invitation-panel-accept-button"></button>

      <button id="declineButton"

              data-action="declined"

              data-l10n-id="calendar-invitation-panel-decline-button"></button>

      <button id="tentativeButton"

              data-action="tentative"

              data-l10n-id="calendar-invitation-panel-tentative-button"></button>

      </div>

    </div>

</template>

<!-- Template for <calendar-invitation-partstat-summary/> -->

<template id="calendarInvitationPartStatSummary" xmlns="http://www.w3.org/1999/xhtml">

  <div class="calendar-invitation-attendees-summary">

    <span id="partStatTotal"

          class="calendar-invitation-panel-partstat-summary-total"></span>

    <span id="partStatBreakdown" class="calendar-invitation-panel-partstat-breakdown"></span>

  </div>

</template>

<!-- Menu for the "More" button in the invitation panel. Populated via JavaScript.-->

<menupopup id="calendarInvitationPanelMoreMenu"></menupopup>