message/templates/message_drawer_contacts_list.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_contacts_list
  19
  20     This template will render a list of contacts for the message drawer.
  21
  22     Classes required for JS:
  23     * none
  24
  25     Data attributes required for JS:
  26     * All data attributes are required
  27
  28     Context variables required for this template:
  29     * userid The logged in user id
  30     * urls The URLs for the popover
  31
  32     Example context (json):
  33     {}
  34
  35 }}
  36
  37 {{#contacts}}
  38     <a
  39         href="#"
  40         class="p-2 d-flex list-group-item list-group-item-action"
  41         data-route="view-conversation"
  42         {{#conversationid}}
  43             data-route-param-1="{{.}}"
  44             {{#frompanel}}
  45                 data-route-param-2="frompanel"
  46             {{/frompanel}}
  47         {{/conversationid}}
  48         {{^conversationid}}
  49             data-route-param-1="false"
  50             data-route-param-2="create"
  51             data-route-param-3="{{id}}"
  52             {{#frompanel}}
  53                 data-route-param-4="frompanel"
  54             {{/frompanel}}
  55         {{/conversationid}}
  56         data-contact-user-id="{{id}}"
  57         data-region="contact"
  58         role="button"
  59     >
  60         <img
  61             class="rounded-circle"
  62             src="{{{profileimageurl}}}"
  63             alt="{{fullname}}"
  64             aria-hidden="true"
  65             style="height: 38px"
  66         >
  67         {{#showonlinestatus}}
  68             <span class="contact-status {{#isonline}}online{{/isonline}}"></span>
  69         {{/showonlinestatus}}
  70         <h6 class="ml-2 font-weight-bold">{{#highlight}}{{{highlight}}}{{/highlight}}{{^highlight}}{{fullname}}{{/highlight}}</h6>
  71         <div
  72             class="ml-auto align-self-end {{^isblocked}}hidden{{/isblocked}}"
  73             data-region="block-icon-container"
  74         >
  75             {{#pix}} t/block, core, {{#str}} contactblocked, message {{/str}} {{/pix}}
  76         </div>
  77     </a>
  78 {{/contacts}}