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_conversation_heeader_content 19 20 This template will render the header content of the conversation page in 21 the message 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<div class="d-flex align-items-center"> 39 {{#showrouteback}} 40 <div class="align-self-stretch" > 41 <a class="h-100 mr-2 d-flex align-items-center" href="#" data-route-back role="button"> 42 {{> core_message/message_drawer_icon_back }} 43 </a> 44 </div> 45 {{/showrouteback}} 46 <div class="d-flex text-truncate"> 47 <a class="d-flex text-truncate text-decoration-none" href="#" data-action="view-contact" role="button"> 48 {{#imageurl}} 49 <div class="d-flex align-items-center"> 50 <img 51 class="rounded-circle" 52 src="{{{.}}}" 53 alt="{{name}}" 54 aria-hidden="true" 55 style="height: 38px" 56 > 57 </div> 58 {{/imageurl}} 59 <div class="w-100 text-truncate ml-2"> 60 <div class="d-flex"> 61 <strong class="m-0 text-truncate">{{name}}</strong> 62 <span class="{{^isfavourite}}hidden{{/isfavourite}} ml-1 text-primary" data-region="favourite-icon-container" 63 aria-label="{{#str}} favourites, core {{/str}}"> 64 {{#pix}} i/star-rating, core {{/pix}} 65 </span> 66 <span class="{{^ismuted}}hidden{{/ismuted}} ml-1 text-primary" data-region="muted-icon-container" 67 aria-label="{{#str}} mutedconversation, core_message {{/str}}"> 68 {{#pix}} i/muted, core {{/pix}} 69 </span> 70 </div> 71 {{#showonlinestatus}} 72 <p class="m-0 font-weight-light text-truncate"> 73 {{#isonline}}{{#str}} loggedin, core_message {{/str}}{{/isonline}} 74 {{^isonline}}{{#str}} loggedoff, core_message {{/str}}{{/isonline}} 75 </p> 76 {{/showonlinestatus}} 77 </div> 78 </a> 79 </div> 80 <div class="ml-auto dropdown"> 81 <button id="conversation-actions-menu-button" class="btn btn-link btn-icon icon-size-3" type="button" 82 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" 83 aria-label="{{#str}} conversationactions, core_message {{/str}}" aria-controls="conversation-actions-menu"> 84 {{#pix}} i/moremenu, core {{/pix}} 85 </button> 86 <div id="conversation-actions-menu" class="dropdown-menu float-right" role="menu" 87 aria-labelledby="conversation-actions-menu-button"> 88 <a class="dropdown-item" href="#" data-action="view-contact" role="menuitem"> 89 {{#str}} info, core_message {{/str}} 90 </a> 91 <a class="dropdown-item {{#isfavourite}}hidden{{/isfavourite}} {{^showfavourite}}hidden{{/showfavourite}}" href="#" 92 data-action="confirm-favourite" role="menuitem"> 93 {{#str}} addtofavourites, core_message {{/str}} 94 </a> 95 <a class="dropdown-item {{^isfavourite}}hidden{{/isfavourite}} {{^showfavourite}}hidden{{/showfavourite}}" href="#" 96 data-action="confirm-unfavourite" role="menuitem"> 97 {{#str}} removefromfavourites, core_message {{/str}} 98 </a> 99 <a class="dropdown-item {{#isblocked}}hidden{{/isblocked}}" href="#" data-action="request-block" role="menuitem"> 100 {{#str}} blockuser, core_message {{/str}} 101 </a> 102 <a class="dropdown-item {{^isblocked}}hidden{{/isblocked}}" href="#" data-action="request-unblock" role="menuitem"> 103 {{#str}} unblockuser, core_message {{/str}} 104 </a> 105 <a class="dropdown-item {{#ismuted}}hidden{{/ismuted}}" href="#" data-action="confirm-mute" role="menuitem"> 106 {{#str}} muteconversation, core_message {{/str}} 107 </a> 108 <a class="dropdown-item {{^ismuted}}hidden{{/ismuted}}" href="#" data-action="confirm-unmute" role="menuitem"> 109 {{#str}} unmuteconversation, core_message {{/str}} 110 </a> 111 <a class="dropdown-item" href="#" data-action="request-delete-conversation" role="menuitem"> 112 {{#str}} deleteconversation, core_message {{/str}} 113 </a> 114 <a class="dropdown-item {{#iscontact}}hidden{{/iscontact}}" href="#" data-action="request-add-contact" role="menuitem"> 115 {{#str}} addtoyourcontacts, core_message {{/str}} 116 </a> 117 <a class="dropdown-item {{^iscontact}}hidden{{/iscontact}}" href="#" data-action="request-remove-contact" 118 role="menuitem"> 119 {{#str}} removefromyourcontacts, core_message {{/str}} 120 </a> 121 </div> 122 </div> 123</div> 124