zulip/web/templates/user_group_settings/group_permissions.hbs

{{> ../dropdown_widget_with_label
  widget_name=can_mention_group_widget_name
  label=(t 'Who can mention this group?')
  value_type="number"}}

<div class="input-group can-manage-group-container">
    <label>{{t "Who can manage this group" }}</label>
    <div class="pill-container person_picker prop-element" id="id_{{can_manage_group_widget_name}}" data-setting-widget-type="group-setting-type">
        <div class="input" contenteditable="true"
          data-placeholder="{{t 'Add roles, groups or users' }}">
            {{~! Squash whitespace so that placeholder is displayed when empty. ~}}
        </div>
    </div>
</div>

<div class="input-group can-join-group-container">
    <label>{{t "Who can join this group" }}</label>
    <div class="pill-container person_picker prop-element" id="id_{{can_join_group_widget_name}}" data-setting-widget-type="group-setting-type">
        <div class="input" contenteditable="true"
          data-placeholder="{{t 'Add roles, groups or users' }}">
            {{~! Squash whitespace so that placeholder is displayed when empty. ~}}
        </div>
    </div>
</div>