message/templates/message_drawer_view_contact_body_content.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_contact_body_content
  19
  20     This template will render the content for the body section of the contact
  21     page in the 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
  38 <a class="align-self-center" href="#" data-route-back role="button">
  39     {{> core_message/message_drawer_icon_back }}
  40 </a>
  41 <div class="px-3 pb-3">
  42     <div class="text-center">
  43         <a href="{{{profileurl}}}">
  44             <img
  45                 class="rounded-circle"
  46                 src="{{profileimageurl}}"
  47                 alt="{{#str}} pictureof, moodle, {{fullname}} {{/str}}"
  48                 title="{{#str}} pictureof, moodle, {{fullname}} {{/str}}"
  49                 style="height: 100px; width: 100px"
  50             >
  51         </a>
  52     </div>
  53     <h2 class="mt-2 text-center text-truncate">{{fullname}}</h2>
  54     <div class="px-4 mt-4">
  55         <button
  56             type="button"
  57             class="btn btn-primary btn-block {{^isblocked}}hidden{{/isblocked}}"
  58             data-route="view-conversation"
  59             data-route-param-1=""
  60             data-route-param-2="unblock"
  61             data-route-param-3="{{id}}"
  62         >
  63             {{#str}}unblockuser, message{{/str}}
  64         </button>
  65         <button
  66             type="button"
  67             class="btn btn-danger btn-block {{#isblocked}}hidden{{/isblocked}}"
  68             data-route="view-conversation"
  69             data-route-param-1=""
  70             data-route-param-2="block"
  71             data-route-param-3="{{id}}"
  72         >
  73             {{#str}}blockuser, message{{/str}}
  74         </button>
  75         <button
  76             type="button"
  77             class="btn btn-danger btn-block {{^iscontact}}hidden{{/iscontact}}"
  78             data-route="view-conversation"
  79             data-route-param-1=""
  80             data-route-param-2="remove-contact"
  81             data-route-param-3="{{id}}"
  82         >
  83             {{#str}}removefromyourcontacts, message{{/str}}
  84         </button>
  85         <button
  86             type="button"
  87             class="btn btn-primary btn-block {{#iscontact}}hidden{{/iscontact}}"
  88             data-route="view-conversation"
  89             data-route-param-1=""
  90             data-route-param-2="add-contact"
  91             data-route-param-3="{{id}}"
  92         >
  93             {{#str}}addtoyourcontacts, message{{/str}}
  94         </button>
  95     </div>
  96 </div>