summaryrefslogtreecommitdiffstats
path: root/comm/calendar/base/content/widgets/calendar-invitation-panel.xhtml
blob: aaca3c1a171a55b8708cfe9d8c7b9f93ce332aa8 (plain)
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
# 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>