first commit

group/templates/comboboxsearch/group_selector.mustache

@@ -0,0 +1,44 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_group/comboboxsearch/group_selector
+
+    The group selector trigger element.
+
+    Context variables required for this template:
+    * label - The label text fot the group selector element.
+    * group - The value of the group selector element (id of the preselected group)
+    * selectedgroup - The text of the selected group option.
+
+    Example context (json):
+    {
+        "label": "Select separate groups",
+        "group": "21",
+        "selectedgroup": "Group 1"
+    }
+}}
+<span class="d-none" data-region="groupid" data-groupid="{{group}}"></span>
+<div class="align-items-center d-flex">
+    <div class="d-block pr-3 text-truncate">
+        <span class="d-block small" aria-hidden="true">
+            {{label}}
+        </span>
+        <span class="p-0 font-weight-bold">
+            {{selectedgroup}}
+        </span>
+    </div>
+</div>

group/templates/comboboxsearch/resultitem.mustache

@@ -0,0 +1,42 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_group/comboboxsearch/resultitem
+
+    Template for the individual result item.
+
+    Context variables required for this template:
+    * id - Group system ID.
+    * name - Groups' name.
+    * groupimageurl - The link of the groups picture.
+
+    Example context (json):
+    {
+        "id": 2,
+        "name": "Foo bar",
+        "groupimageurl": "http://foo.bar/grade/report/grader/index.php?id=42&userid=2"
+    }
+}}
+{{<core/local/comboboxsearch/resultitem }}
+    {{$content}}
+        <div class="pr-2 pl-1 w-25">
+            <img class="rounded-circle mx-auto img-fluid" src="{{groupimageurl}}" alt=""/>
+        </div>
+        <div class="pr-3 w-75">
+            <span class="d-block w-100 p-0 text-truncate">
+                {{name}}
+            </span>
+        </div>
+    {{/content}}
+{{/core/local/comboboxsearch/resultitem}}

group/templates/comboboxsearch/resultset.mustache

@@ -0,0 +1,51 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_group/comboboxsearch/resultset
+
+    Wrapping template for returned result items.
+
+    Context variables required for this template:
+    * groups - Our returned groups to render.
+    * instance - The instance ID of the combo box.
+    * searchterm - The entered text to find these results.
+    * hasgroups - Allow the handling where no users exist for the returned search term.
+
+    Example context (json):
+    {
+        "groups": [
+            {
+                "id": 2,
+                "name": "Foo bar",
+                "link": "http://foo.bar/grade/report/grader/index.php?id=42&userid=2"
+            },
+            {
+                "id": 3,
+                "name": "Bar Foo",
+                "link": "http://foo.bar/grade/report/grader/index.php?id=42&userid=3"
+            }
+        ],
+        "instance": 25,
+        "searchterm": "Foo",
+        "hasresults": true
+    }
+}}
+{{<core/local/comboboxsearch/resultset}}
+    {{$listid}}groups{{/listid}}
+    {{$results}}
+        {{#groups}}
+            {{>core_group/comboboxsearch/resultitem}}
+        {{/groups}}
+    {{/results}}
+{{/core/local/comboboxsearch/resultset}}

group/templates/comboboxsearch/searchbody.mustache

@@ -0,0 +1,55 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_group/comboboxsearch/searchbody
+
+    Wrapping template for search input.
+
+    Context variables required for this template:
+    * courseid - The id of the course to search within.
+    * groupid - The id of the group to search within.
+    * currentvalue - The prefill value for the search input if provided
+
+    Example context (json):
+    {
+        "courseid": 2,
+        "groupid": 25,
+        "currentvalue": "bar"
+    }
+}}
+<div class="flex-column h-100 w-100">
+    <span class="d-none" data-region="courseid" data-courseid="{{courseid}}"></span>
+    <span class="d-none" data-region="groupid" data-groupid="{{groupid}}"></span>
+    <span class="d-none" data-region="instance" data-instance="{{instance}}"></span>
+
+    {{< core/search_input_auto }}
+        {{$label}}{{#str}}
+            searchgroups, core
+        {{/str}}{{/label}}
+        {{$placeholder}}{{#str}}
+            searchgroups, core
+        {{/str}}{{/placeholder}}
+        {{$value}}{{currentvalue}}{{/value}}
+        {{$additionalattributes}}
+            role="combobox"
+            aria-expanded="true"
+            aria-controls="groups-{{instance}}-result-listbox"
+            aria-autocomplete="list"
+            data-input-element="input-{{uniqid}}-{{instance}}"
+        {{/additionalattributes}}
+    {{/ core/search_input_auto }}
+    <input type="hidden" name="search" id="input-{{uniqid}}-{{instance}}"/>
+
+    <div data-region="searchplaceholder"></div>
+</div>