better buttons in generator, search got css

This commit is contained in:
teldra 2022-06-24 13:51:48 +02:00
parent f8acd88448
commit ed02873336
6 changed files with 107 additions and 19 deletions

View File

@ -21,7 +21,7 @@ forms:
name: "Zusammenfassung"
expanded: true
buttons: "headline,Überschrift;url,URL;pic,Bild;bold,Fett;strike,Durchgestrichen;paragraph,Absatz;newline,Neue Zeile"
placeholder: "Der erste Absatz des Artkels. Eine Zusammenfassung des Inhalts. Gerne einladend reisserisch. Denke an die Formatierungshilfe hinter dem Link oben."
placeholder: "Der erste Absatz des Artkels. Eine Zusammenfassung des Inhalts. Gerne einladend bis reisserisch oder zusammenfassend. Denke an die Formatierungshilfe hinter dem Link oben."
help: ""
- title: content
input_type: textarea
@ -30,12 +30,11 @@ forms:
required: true
placeholder: "Der Inhalt des Artikels. Denke an die Formatierungshilfe hinter dem Link oben."
- title: news
input_type: rb
input_type: categories
name: "Kategorie"
expanded: true
new: "Neue Kategorie"
help: "gerne Plural, möglichst nur Eine"
help: "gerne Plural, möglichst nur Eine, erste von Links ist Hauptkategorie"
placeholder: "Neue Kategorie 1, Neue Kategorie 2"
expanded: true
- title: when
group: events
input_type: text
@ -63,7 +62,7 @@ forms:
placeholder: "foodsavingcelle"
- title: events
group: events
input_type: mc
input_type: categories
name: "Eventkategorie"
expanded: false
new: "Neue Events"
@ -78,7 +77,7 @@ forms:
group: misc
input_type: checkbox
name: "Featured"
help: "Damit erscheint der Artikel für 4 Wochen auf der Startseite"
help: "Damit erscheint der Artikel für 8 Wochen auf der Startseite"
- title: about
group: misc
input_type: checkbox
@ -86,19 +85,20 @@ forms:
help: "Falls der Artikel eine Gruppe des Hauses beschreibt"
- title: foundations
group: misc
input_type: mc
input_type: categories
name: "Stiftungen"
expanded: false
new: "Neue Stiftung"
help: "es muss ein Bild in assets/images/foundations mit dem gleichen Namen hinterlegt werden"
- title: tags
group: misc
input_type: mc
input_type: categories
name: "Tags"
expanded: false
new: "Neue Tags"
help: "hier gerne austoben, von der Anzahl her"
placeholder: "Tag 1, Tag 2"
direction: column
- title: lastmod
group: misc
input_type: date

View File

@ -0,0 +1,6 @@
#custom-search-results {
text-align: left;
li {
margin-bottom: 2em;
}
}

View File

@ -15,9 +15,10 @@
{{ $article := resources.Get "scss/article.scss" | resources.ToCSS }}
{{ $pagination := resources.Get "scss/pagination.scss" | resources.ToCSS }}
{{ $footer := resources.Get "scss/footer.scss" | resources.ToCSS }}
{{ $search := resources.Get "scss/search.scss" | resources.ToCSS }}
{{ $generator := resources.Get "scss/generator.scss" | resources.ToCSS }}
{{ $visibleIf := resources.Get "css/visibleIf.css" | resources.ToCSS }}
{{ $allcss := slice $water $font $init $container $header $banner $index $gen_list $main $article $pagination $footer $generator $visibleIf | resources.Concat "/css/vendor.css" | minify | fingerprint "sha512" }}
{{ $allcss := slice $water $font $init $container $header $banner $index $gen_list $main $article $pagination $footer $search $generator $visibleIf | resources.Concat "/css/vendor.css" | minify | fingerprint "sha512" }}
<link rel="stylesheet" href="{{ $allcss.RelPermalink }}" integrity="{{ $allcss.Data.Integrity }}">
{{ $title := print .Site.Title " | " .Title }}

View File

@ -147,7 +147,55 @@
</div>
</div>
</div>
{{ else if eq .input_type "categories" }}
{{ $in0 := .title }}
{{- $finale := slice -}}
{{ $pages := where site.RegularPages "Type" "in" site.Params.searchSections }}
{{ if eq .title "tags" }}
{{ range $pages }}
{{- with .Params.tags -}}
{{- $finale = $finale | append . -}}
{{ end }}
{{ end }}
{{ else if eq .title "foundations" }}
{{ range resources.Match "/images/foundations/*" }}
{{ $n := path.Base (strings.TrimSuffix (path.Ext .Name) .Name) }}
{{- $finale = $finale | append $n -}}
{{ end }}
{{ else }}
{{ range $pages }}
{{ range .Param $in0 }}
{{- $finale = $finale | append . -}}
{{ end }}
{{ end }}
{{ end }}
{{- $finale = $finale | uniq -}}
<div class="margin_top_1rem column {{ if .group }} visibleIf" data-visibleif-rule="{{ .group }}group == 'true'{{ end }}">
<div class="w100 {{ if .group }}margin_left_1rem{{ end }}">
{{ .name }}
{{ if ne .expanded true }}{{ partial "tools/generator/expand" (dict "name" (printf "%scat" $in0)) }}{{ end }}{{- if .required -}}{{- " *" -}}{{- end -}}
</div>
<div class="column checkbox {{ if ne .expanded true }}visibleIf margin_left_1rem stretch" data-visibleif-rule="{{ $in0 }}cat == 'true'{{end}}">
{{ $direction := "row" }}
{{ if .direction }}
{{ $direction = .direction }}
{{ end }}
<div class="margin_left_1rem" style="display: flex; flex: 0 1 auto; flex-wrap: wrap;">
<button class="button" type="button" value="Clear" onclick="clearThis({{ .title }});" />Clear</button>
{{ $button_target := .title }}
{{ range sort $finale }}
{{ if . }}
{{ $n := . }}
{{ $nn := printf "%s;%s" $button_target $n}}
<button class="button" onclick="Input({{- $nn -}})" type="button" value="{{ $n }}">{{ $n }}</button>
{{ end }}
{{ end }}
</div>
<label for="{{- .title -}}"><span class="font_size_smaller">({{- $divide -}}{{- if .help -}}, {{ .help }}{{ end }})</span></label>
<input class="w100" type="text" name="{{ $in0 }}" id="{{ $in0 }}" value="" {{ if .placeholder }}placeholder="{{ .placeholder }}"{{ end }} />
</div>
</div>
{{ else }}
{{ if eq .title "name" }}

View File

@ -13,10 +13,10 @@
<input type="checkbox" name="section[]" value="post"> Blog<br>
<input type="checkbox" name="section[]" value="other-section"> Other Section
</p> -->
<p>
<!-- <p>
<input type="radio" name="option" value="AND" checked="checked"> UND-Suche<br>
<input type="radio" name="option" value="OR"> ODER-Suche
</p>
</p>-->
</form>
<div id="custom-search-results"></div>
@ -42,13 +42,13 @@ let params = {
res_more_items : '<p><em>[CNT] SUCHERGEBNISSE</em></p>',
res_out_top : '<ul>',
res_out_bottom : '</ul>',
res_item_tpl : '<li><a href="[URL]">[TITLE]</a><br>[DATE]:[SUMMARY]<br><em>[SECTION][TAGS]</em></li>',
res_item_tpl : '<li>[DATE]: <a href="[URL]">[TITLE]</a><br>[SUMMARY]<br><em>Tags: [TAGS]</em></li>',
// add_searchlink : '<p><a href="https://duckduckgo.com/?q=site:yourdomain.com [QUERY]" target="_blank"><i>Nicht zufrieden mit den Suchergebnissen? Externe Suche via DuckDuckGo ...</i></a></p>'
};
// Translation of section name (optional)
let section_trans = {
"posts" : "Posts",
"posts" : "News",
// "other-section" : "Other Section"
};

View File

@ -11,6 +11,39 @@ function check_checkboxes(name) {
}
}
function clearThis(target) {
var id = document.getElementById(target);
id.value = "";
}
function Input(str) {
var arr = str.split(";");
let x = arr[1];
let target = arr[0];
var id = document.getElementById(target);
var value = id.value;
function typeInInputfield(newText, el = document.getElementById(target)) {
const [start, end] = [el.selectionStart, el.selectionEnd];
el.setRangeText(newText, start, end);
}
var out = x;
if ( value ) {
var out = "," + x;
}
if (out != null) {
typeInInputfield(out);
var end = id.value.length;
id.setSelectionRange(end, end);
id.focus();
}
}
function Clear(name)
{
clearRadioGroup(name);
@ -109,17 +142,17 @@ function showInput(e) {
var contact_mail = form.elements['contact_mail'].value;
var insta = form.elements['insta'].value;
var events = check_checkboxes('events');
if (form.elements['newevents']) { var newevents = testor(form.elements['newevents'].value.split(',')); }
if (form.elements['events']) { var newevents = testor(form.elements['events'].value.split(',')); }
var news = check_checkboxes('news');
if (form.elements['newnews']) { var newnews = testor(form.elements['newnews'].value.split(',')); }
if (form.elements['news']) { var newnews = testor(form.elements['news'].value.split(',')); }
var tags = check_checkboxes('tags');
if (form.elements['newtags']) { var newtags = testor(form.elements['newtags'].value.split(',')); }
if (form.elements['tags']) { var newtags = testor(form.elements['tags'].value.split(',')); }
var featured = check_checkboxes('featured');
var about = check_checkboxes('about');
var recurrent = check_checkboxes('recurrent');
var foundations = check_checkboxes('foundations');
if (form.elements['newfoundations']) { var newfoundations = testor(form.elements['newfoundations'].value.split(',')); }
if (form.elements['foundations']) { var newfoundations = testor(form.elements['foundations'].value.split(',')); }
var lastmod = form.elements['lastmod'].value;