d306ab2b8f
* Like #22851 * All other dropdown menu elements do not have such `hidden` class. * Actually the dropdown menu elements do not need it in HTML, so this PR removes it. * There is already `.ui.dropdown .menu { display: none; }`, so when loading the page, the menu is correctly hidden initially, no need to add any more CSS classes. * The Fomantic UI's `.hidden` class should still exist until there is no its checkbox/dropdown module anymore. The Fomantic UI JS code still addes `hidden` for `ui checkbox` and addes `transition hidden` for `ui menu` at the moment. * This PR also cleans the legacy inline `style`, which is quite hacky and no need anymore. All these dropdown menus work well. I have tested these 5 places: * The code search from User Profile * The issue sidebar to lock issue * The repo search form * The repo setting page: branch list * The repo setting page: merge option list Screenshot: 
74 lines
3.5 KiB
Handlebars
74 lines
3.5 KiB
Handlebars
{{template "base/head" .}}
|
|
<div role="main" aria-label="{{.Title}}" class="page-content repository file list">
|
|
{{template "repo/header" .}}
|
|
<div class="ui container">
|
|
<div class="ui repo-search">
|
|
<form class="ui form ignore-dirty" method="get">
|
|
<div class="ui fluid action input">
|
|
<input name="q" value="{{.Keyword}}"{{if .CodeIndexerUnavailable}} disabled{{end}} placeholder="{{.locale.Tr "repo.search.search_repo"}}">
|
|
<div class="ui dropdown selection tooltip{{if .CodeIndexerUnavailable}} disabled{{end}}" data-content="{{.locale.Tr "repo.search.type.tooltip"}}">
|
|
<input name="t" type="hidden"{{if .CodeIndexerUnavailable}} disabled{{end}} value="{{.queryType}}">{{svg "octicon-triangle-down" 14 "dropdown icon"}}
|
|
<div class="text">{{.locale.Tr (printf "repo.search.%s" (or .queryType "fuzzy"))}}</div>
|
|
<div class="menu">
|
|
<div class="item tooltip" data-value="" data-content="{{.locale.Tr "repo.search.fuzzy.tooltip"}}">{{.locale.Tr "repo.search.fuzzy"}}</div>
|
|
<div class="item tooltip" data-value="match" data-content="{{.locale.Tr "repo.search.match.tooltip"}}">{{.locale.Tr "repo.search.match"}}</div>
|
|
</div>
|
|
</div>
|
|
<button class="ui icon button"{{if .CodeIndexerUnavailable}} disabled{{end}} type="submit">{{svg "octicon-search" 16}}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{if .CodeIndexerUnavailable}}
|
|
<div class="ui error message">
|
|
<p>{{$.locale.Tr "repo.search.code_search_unavailable"}}</p>
|
|
</div>
|
|
{{else if .Keyword}}
|
|
<h3>
|
|
{{.locale.Tr "repo.search.results" (.Keyword|Escape) (.RepoLink|Escape) (.RepoName|Escape) | Str2html}}
|
|
</h3>
|
|
{{if .SearchResults}}
|
|
<div class="gt-df gt-ac gt-fw">
|
|
{{range $term := .SearchResultLanguages}}
|
|
<a class="ui text-label gt-df gt-ac gt-mr-1 gt-my-1 {{if eq $.Language $term.Language}}primary {{end}}basic label" href="{{$.SourcePath}}/search?q={{$.Keyword}}{{if ne $.Language $term.Language}}&l={{$term.Language}}{{end}}{{if ne $.queryType ""}}&t={{$.queryType}}{{end}}">
|
|
<i class="color-icon gt-mr-3" style="background-color: {{$term.Color}}"></i>
|
|
{{$term.Language}}
|
|
<div class="detail">{{$term.Count}}</div>
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
<div class="repository search">
|
|
{{range $result := .SearchResults}}
|
|
<div class="diff-file-box diff-box file-content non-diff-file-content repo-search-result">
|
|
<h4 class="ui top attached normal header">
|
|
<span class="file">{{.Filename}}</span>
|
|
<a class="ui basic tiny button" rel="nofollow" href="{{$.SourcePath}}/src/commit/{{PathEscape $result.CommitID}}/{{PathEscapeSegments .Filename}}">{{$.locale.Tr "repo.diff.view_file"}}</a>
|
|
</h4>
|
|
<div class="ui attached table segment">
|
|
<div class="file-body file-code code-view">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td class="lines-num">
|
|
{{range .LineNumbers}}
|
|
<a href="{{$.SourcePath}}/src/commit/{{PathEscape $result.CommitID}}/{{PathEscapeSegments $result.Filename}}#L{{.}}"><span>{{.}}</span></a>
|
|
{{end}}
|
|
</td>
|
|
<td class="lines-code chroma"><code class="code-inner">{{.FormattedLines | Safe}}</code></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{{template "shared/searchbottom" dict "root" $ "result" .}}
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{template "base/paginate" .}}
|
|
{{else}}
|
|
<div>{{$.locale.Tr "repo.search.code_no_results"}}</div>
|
|
{{end}}
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{template "base/footer" .}}
|