[TASK] Align configuration module search bar
[Packages/TYPO3.CMS.git] / typo3 / sysext / lowlevel / Resources / Private / Templates / Backend / Configuration.html
1 <form action="" id="ConfigurationView" method="post">
2 <h1><f:translate key="configuration" /></h1>
3
4 <h2>{treeName}</h2>
5
6 <div id="lowlevel-config" class="row mb-3">
7 <div class="col-md-6">
8 <div class="input-group">
9 <button class="btn btn-default" type="submit" title="{f:translate(id:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.title.search')}">
10 <core:icon identifier="actions-search" />
11 </button>
12
13 <label for="lowlevel-searchString" class="visually-hidden">
14 <f:translate key="enterSearchPhrase"/>
15 </label>
16 <input class="form-control"
17 type="search"
18 id="lowlevel-searchString"
19 name="searchString"
20 value="{searchString}"
21 placeholder="{f:translate(key: 'enterSearchPhrase')}"
22 />
23
24 <button class="btn btn-default dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"></button>
25 <div class="dropdown-menu" data-popper-placement="bottom-start">
26 <div class="row g-3">
27 <div class="col-12">
28 <div class="form-check">
29 <input type="hidden" name="regexSearch" value="0" />
30 <input type="checkbox"
31 class="form-check-input"
32 name="regexSearch"
33 id="lowlevel-regexSearch"
34 value="1"
35 {f:if(condition:'{regexSearch}', then: ' checked')}
36 />
37 <label for="lowlevel-regexSearch" class="form-check-label">
38 <f:translate key="useRegExp" />
39 </label>
40 </div>
41 </div>
42 <div class="col-12">
43 <div class="input-group justify-content-end">
44 <button type="submit" class="text-right btn btn-default" title="{f:translate(id:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.title.search')}">
45 <core:icon identifier="actions-search" />
46 <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.search"/>
47 </button>
48 </div>
49 </div>
50 </div>
51 </div>
52
53 </div>
54 </div>
55 </div>
56
57 <div class="nowrap">
58 <f:format.raw>{tree}</f:format.raw>
59 </div>
60 </form>