v0.2.0 #11

Merged
partisan merged 11 commits from work into main 2024-09-09 15:32:06 +00:00
2 changed files with 34 additions and 23 deletions
Showing only changes of commit 4d6b99c67e - Show all commits

View file

@ -18,8 +18,7 @@
<input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." /> <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
<button id="search-wrapper-ico" class="material-icons-round" name="t" value="forum">search</button> <button id="search-wrapper-ico" class="material-icons-round" name="t" value="forum">search</button>
<div class="autocomplete"> <div class="autocomplete">
<ul> <ul></ul>
</ul>
</div> </div>
<input type="submit" class="hide" name="t" value="forum" /> <input type="submit" class="hide" name="t" value="forum" />
</div> </div>
@ -41,10 +40,10 @@
<button name="t" value="forum" class="clickable search-active">Forums</button> <button name="t" value="forum" class="clickable search-active">Forums</button>
</div> </div>
<div id="content" class="js-enabled"> <div id="content" class="js-enabled">
<div class="search-container-results-btn"> <div class="search-container-results-btn">
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="map">map</button> <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="map">map</button>
<button name="t" value="map" class="clickable">Maps</button> <button name="t" value="map" class="clickable">Maps</button>
</div> </div>
</div> </div>
<div class="search-container-results-btn"> <div class="search-container-results-btn">
<button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="file">share</button> <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="file">share</button>
@ -63,9 +62,9 @@
<option value="{{.Code}}" {{if eq .Code $.CurrentLang}}selected{{end}}>{{.Name}}</option> <option value="{{.Code}}" {{if eq .Code $.CurrentLang}}selected{{end}}>{{.Name}}</option>
{{end}} {{end}}
</select> </select>
<button class="results-save" name="t" value="text">Apply settings</button> <button class="results-save" name="t" value="forum">Apply settings</button>
</form> </form>
<div class="results"> <div class="results" id="results">
{{if .Results}} {{if .Results}}
{{range .Results}} {{range .Results}}
<div class="result_item"> <div class="result_item">
@ -75,22 +74,32 @@
</div> </div>
<br> <br>
{{end}} {{end}}
{{else}} {{else if .NoResults}}
<div class="no-results">No results found for '{{ .Query }}'. Try different keywords.</div> <div class="no-results">No results found for '{{ .Query }}'. Try different keywords.</div>
{{else}}
<div class="no-more-results">Looks like this is the end of results.</div>
{{end}} {{end}}
</div>
<div class="message-bottom-left" id="message-bottom-left">
<span>Searching for new results...</span>
</div> </div>
<div class="prev-next prev-img"> <div class="prev-next prev-img" id="prev-next">
<form action="/search" method="get"> <form action="/search" method="get">
<input type="hidden" name="q" value="{{ .Query }}"> <input type="hidden" name="q" value="{{ .Query }}">
<input type="hidden" name="t" value="text"> <input type="hidden" name="t" value="forum">
{{ if .HasPrevPage }} <div id="content" class="js-enabled">
<button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button> {{ if .HasPrevPage }}
{{ end }} <button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button>
{{ if .HasNextPage }} {{ end }}
<button type="submit" name="p" value="{{ add .Page 1 }}">Next</button> {{ if .HasNextPage }}
{{ end }} <button type="submit" name="p" value="{{ add .Page 1 }}">Next</button>
{{ end }}
</div>
</form> </form>
</div> </div>
<!-- Pass the relevant data for dynamic scrolling -->
<div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="forum"></div>
<script defer src="/static/js/dynamicscrolling.js"></script>
<script defer src="/static/js/autocomplete.js"></script> <script defer src="/static/js/autocomplete.js"></script>
<script> <script>
// Check if JavaScript is enabled and modify the DOM accordingly // Check if JavaScript is enabled and modify the DOM accordingly

View file

@ -88,12 +88,14 @@
<form action="/search" method="get"> <form action="/search" method="get">
<input type="hidden" name="q" value="{{ .Query }}"> <input type="hidden" name="q" value="{{ .Query }}">
<input type="hidden" name="t" value="text"> <input type="hidden" name="t" value="text">
{{ if .HasPrevPage }} <div id="content" class="js-enabled">
<button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button> {{ if .HasPrevPage }}
{{ end }} <button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button>
{{ if .HasNextPage }} {{ end }}
<button type="submit" name="p" value="{{ add .Page 1 }}">Next</button> {{ if .HasNextPage }}
{{ end }} <button type="submit" name="p" value="{{ add .Page 1 }}">Next</button>
{{ end }}
</div>
</form> </form>
</div> </div>
<div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="text"></div> <div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="text"></div>