message/templates/message_drawer_view_contacts_body.mustache

   1 {{!
   2     This file is part of Moodle - http://moodle.org/
   3
   4     Moodle is free software: you can redistribute it and/or modify
   5     it under the terms of the GNU General Public License as published by
   6     the Free Software Foundation, either version 3 of the License, or
   7     (at your option) any later version.
   8
   9     Moodle is distributed in the hope that it will be useful,
  10     but WITHOUT ANY WARRANTY; without even the implied warranty of
  11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12     GNU General Public License for more details.
  13
  14     You should have received a copy of the GNU General Public License
  15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  16 }}
  17 {{!
  18     @template core_message/message_drawer_view_contacts_body
  19
  20     This template will render the body content of the contacts page in the
  21     message drawer.
  22
  23     Classes required for JS:
  24     * none
  25
  26     Data attributes required for JS:
  27     * All data attributes are required
  28
  29     Context variables required for this template:
  30     * userid The logged in user id
  31     * urls The URLs for the popover
  32
  33     Example context (json):
  34     {}
  35
  36 }}
  37 <div class="hidden h-100" data-region="view-contacts" aria-hidden="true" data-user-id="{{loggedinuser.id}}">
  38     <div class="d-flex flex-column h-100">
  39         <div class="p-3 border-bottom">
  40             <ul class="nav nav-pills nav-fill" role="tablist">
  41                 <li class="nav-item">
  42                     <a
  43                         id="contacts-tab-{{uniqid}}"
  44                         class="nav-link active"
  45                         href="#contacts-tab-panel-{{uniqid}}"
  46                         data-toggle="tab"
  47                         data-action="show-contacts-section"
  48                         role="tab"
  49                         aria-controls="contacts-tab-panel-{{uniqid}}"
  50                         aria-selected="true"
  51                     >
  52                         {{#str}} contacts, core_message {{/str}}
  53                     </a>
  54                 </li>
  55                 <li class="nav-item">
  56                     <a
  57                         id="requests-tab-{{uniqid}}"
  58                         class="nav-link"
  59                         href="#requests-tab-panel-{{uniqid}}"
  60                         data-toggle="tab"
  61                         data-action="show-requests-section"
  62                         role="tab"
  63                         aria-controls="requests-tab-panel-{{uniqid}}"
  64                         aria-selected="false"
  65                     >
  66                         {{#str}} requests {{/str}}
  67                         <span class="badge badge-primary bg-primary ml-2 {{^contactrequestcount}}hidden{{/contactrequestcount}}"
  68                         data-region="contact-request-count"
  69                         aria-label="{{#str}} pendingcontactrequests, core_message, {{contactrequestcount}} {{/str}}">
  70                             {{contactrequestcount}}
  71                         </span>
  72                     </a>
  73                 </li>
  74             </ul>
  75         </div>
  76         <div class="tab-content d-flex flex-column h-100">
  77             {{< core_message/message_drawer_view_contacts_body_section_contacts }}
  78                 {{$rootclasses}}tab-pane fade show active h-100{{/rootclasses}}
  79                 {{$rootattributes}}
  80                     id="contacts-tab-panel-{{uniqid}}"
  81                     data-section="contacts"
  82                     role="tabpanel"
  83                     aria-labelledby="contacts-tab-{{uniqid}}"
  84                 {{/rootattributes}}
  85             {{/ core_message/message_drawer_view_contacts_body_section_contacts }}
  86
  87             {{< core_message/message_drawer_view_contacts_body_section_requests }}
  88                 {{$rootclasses}}tab-pane fade h-100{{/rootclasses}}
  89                 {{$rootattributes}}
  90                     id="requests-tab-panel-{{uniqid}}"
  91                     data-section="requests"
  92                     role="tabpanel"
  93                     aria-labelledby="requests-tab-{{uniqid}}"
  94                 {{/rootattributes}}
  95             {{/ core_message/message_drawer_view_contacts_body_section_requests }}
  96         </div>
  97     </div>
  98 </div>