unify share buttons to one partial

lektura
max.mehl 2017-09-07 22:10:25 +02:00
parent fc4fd0f520
commit bc05eb954b
4 changed files with 29 additions and 50 deletions

View File

@ -0,0 +1,22 @@
<form action="/share" method="GET" class="share-buttons {{.type}}" target="_blank">
<input name="popup" id="no-share-popup-{{.type}}" type="radio" />
<input name="ref" value="pmpc-{{.type}}" type="hidden" />
<input name="url" value="{{ .url }}" type="hidden" />
<input id="sharetitle-{{.type}}" name="title" value="{{ .defaultSocialText }}" type="hidden" />
<input class="n" name="website" placeholder="Please do not put anything here" />
{{ range .data }}
{{ if eq .userinput true }}
<label class="button share-{{ .id }}" title="{{ .titleBefore}} {{ .name }} {{ .titleAfter }}" for="{{ .id }}-share-{{$.type}}">{{if eq $.type "side" }}&nbsp;{{else}}{{.name}}{{end}}</label>
<input name="popup" id="{{ .id }}-share-{{$.type}}" type="radio" />
<span class="popup {{ .id }}">
<label for="no-share-popup-{{$.type}}"></label>
<input name="{{ .id }}pod" value="" placeholder="{{ .name }} URL ({{ .id }}.tld)" type="text" />
<button type="submit" name="service" value="{{ .id }}" onclick="return changeTitle_{{$.type | safeJS }}('{{if isset . "customText"}}{{.customText}}{{else}}{{$.defaultSocialText}}{{end}}')">OK</button>
</span>
{{ end }}
{{ if ne .userinput true }}
<button type="submit" name="service" value="{{ .id }}" class="button share-{{ .id }}" title="{{ .titleBefore}} {{ .name }} {{ .titleAfter }}" onclick="return changeTitle{{$.type | safeJS}}('{{if isset . "customText"}}{{.customText}}{{else}}{{$.defaultSocialText}}{{end}}')">{{if eq $.type "side" }}&nbsp;{{else}}{{.name}}{{end}}</button>
{{ end }}
{{ end }}
</form>

View File

@ -1,28 +1,7 @@
{{ "<!-- SHARE COLUMN -->" | safeHTML }}
{{ $data := index .Site.Data.share .Site.Language.Lang }}
<div class="sharecolumn">
<form action="/share" method="GET" class="share-buttons side" target="_blank">
<input name="popup" id="no-share-popup-side" type="radio" />
<input name="ref" value="pmpc-side" type="hidden" />
<input name="url" value="{{ .Site.Params.static.url }}" type="hidden" />
<input id="sharetitle-side" name="title" value="{{ .Site.Params.spread.defaultSocialText }}" type="hidden" />
<input class="n" name="website" placeholder="Please do not put anything here" />
{{ range $data }}
{{ if eq .userinput true }}
<label class="button share-{{ .id }}" title="{{ .titleBefore}} {{ .name }} {{ .titleAfter }}" for="{{ .id }}-share-side">&nbsp;</label>
<input name="popup" id="{{ .id }}-share-side" type="radio" />
<span class="popup {{ .id }}">
<label for="no-share-popup-side"></label>
<input name="{{ .id }}pod" value="" placeholder="{{ .name }} URL ({{ .id }}.tld)" type="text" />
<button type="submit" name="service" value="{{ .id }}" onclick="return changeTitleSide('{{if isset . "customText"}}{{.customText}}{{else}}{{$.Site.Params.spread.defaultSocialText}}{{end}}')">OK</button>
</span>
{{ end }}
{{ if ne .userinput true }}
<button type="submit" name="service" value="{{ .id }}" class="button share-{{ .id }}" title="{{ .titleBefore}} {{ .name }} {{ .titleAfter }}" onclick="return changeTitleSide('{{if isset . "customText"}}{{.customText}}{{else}}{{$.Site.Params.spread.defaultSocialText}}{{end}}')">&nbsp;</button>
{{ end }}
{{ end }}
</form>
{{ $data := index .Site.Data.share .Site.Language.Lang }}
{{ partial "functions/share_buttons.html" (dict "type" "side" "defaultSocialText" .Site.Params.spread.defaultSocialText "url" .Site.Params.static.url "data" $data) }}
</div>

View File

@ -1,5 +1,4 @@
{{ "<!-- SPREAD -->" | safeHTML }}
{{ $data := index .Site.Data.share .Site.Language.Lang }}
<section id="spread" class="bg-dark">
<div class="container">
<div class="row">
@ -19,29 +18,8 @@
<div class="share-buttons">
{{ .Site.Params.spread.shareTitle }}
<form action="/share" method="GET" class="share-buttons spread" target="_blank">
<input name="popup" id="no-share-popup-spread" type="radio" />
<input name="ref" value="pmpc-spread" type="hidden" />
<input name="url" value="{{ .Site.Params.static.url }}" type="hidden" />
<input id="sharetitle-spread" name="title" value="{{ .Site.Params.spread.defaultSocialText }}" type="hidden" />
<input class="n" name="website" placeholder="Please do not put anything here" />
{{ range $data }}
{{ if eq .userinput true }}
<label class="button share-{{ .id }}" title="{{ .titleBefore}} {{ .name }} {{ .titleAfter }}" for="{{ .id }}-share-spread">{{ .name }}</label>
<input name="popup" id="{{ .id }}-share-spread" type="radio" />
<span class="popup {{ .id }}">
<label for="no-share-popup-spread"></label>
<input name="{{ .id }}pod" value="" placeholder="{{ .name }} URL ({{ .id }}.tld)" type="text" />
<button type="submit" name="service" value="{{ .id }}" onclick="return changeTitle('{{if isset . "customText"}}{{.customText}}{{else}}{{$.Site.Params.spread.defaultSocialText}}{{end}}')">OK</button>
</span>
{{ end }}
{{ if ne .userinput true }}
<button type="submit" name="service" value="{{ .id }}" class="button share-{{ .id }}" title="{{ .titleBefore}} {{ .name }} {{ .titleAfter }}" onclick="return changeTitle('{{if isset . "customText"}}{{.customText}}{{else}}{{$.Site.Params.spread.defaultSocialText}}{{end}}')">{{ .name }}</button>
{{ end }}
{{ end }}
</form>
{{ $data := index .Site.Data.share .Site.Language.Lang }}
{{ partial "functions/share_buttons.html" (dict "type" "spread" "defaultSocialText" .Site.Params.spread.defaultSocialText "url" .Site.Params.static.url "data" $data) }}
</div>
</div>
</div>

View File

@ -40,11 +40,11 @@
})(jQuery); // End of use strict
function changeTitle(val){
function changeTitlespread(val){
document.getElementById('sharetitle-spread').value = val;
return true;
}
function changeTitleSide(val){
function changeTitleside(val){
document.getElementById('sharetitle-side').value = val;
return true;
}