cco/hugo-theme-cyberscopes
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add button

Browse source
This commit is contained in:
Helmut Merz 2023-03-01 11:34:12 +01:00
parent 2874234980
commit 75ba831e01
3 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
exampleSite/content/app/test1.md
View file

@ -5,7 +5,7 @@ img:
pageid: test1 pageid: test1
domains: [] domains: []
topics: [] topics: []
date: 2023-02-28 date: 2023-03-01
author: helmutm author: helmutm
draft: false draft: false
weight: 10 weight: 10
@ -15,8 +15,9 @@ jsModule: main.ts
cyberscopes example site - use petite-vue in Hugo-generated sites. cyberscopes example site - use petite-vue in Hugo-generated sites.
{{< pv/input-textline name="firstname" attrs="autofocus" >}} {{< pv/input-textline name="firstname" attrs="autofocus" >}}
{{< pv/input-textline name="lastname" onchange="save" >}} {{< pv/input-textline name="lastname" >}}
{{< pv/button >}}
{{< pv/display expr="`${data.firstname} ${data.lastname}`" >}} {{< pv/display expr="`${data.firstname} ${data.lastname}`.trim() || '???'" >}}
{{< pv/debug >}} {{< pv/debug >}}

9
layouts/shortcodes/pv/button.html Normal file
View file

@ -0,0 +1,9 @@
{{- $type := .Get "type" | default "button" -}}
{{- $name := .Get "name" | default "submit" -}}
{{- $label := .Get "label" | default (title $name) -}}
{{- $action := .Get "action" | default "save" -}}
<div v-scope>
<button type="{{ $type }}" name="{{$name}}"
@click="{{ $action }}">{{$label}}</button>
</div>

2
layouts/shortcodes/pv/display.html
View file

@ -1,7 +1,7 @@
{{- $name := .Get "name" | default "textline" -}} {{- $name := .Get "name" | default "textline" -}}
{{- $expr := .Get "expr" | default (printf "data.%s" $name) -}} {{- $expr := .Get "expr" | default (printf "data.%s" $name) -}}
{{- $default := .Get "default" | default "" -}} {{- $default := .Get "default" | default "" -}}
<div v-scope @vue:mounted="mounted('{{ $expr }}')"> <div v-scope>
<pre v-text="{{ $expr }}"></pre> <pre v-text="{{ $expr }}"></pre>
</div> </div>