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

work in progress: data modes with tabs and buttons

Browse source
This commit is contained in:
Helmut Merz 2023-03-20 16:05:36 +01:00
parent 3ac7359189
commit 794f21d3d1
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
exampleSite/content/app/person.md
View file

@ -16,12 +16,16 @@ cyberscopes example site - view / edit person (user) data.
{{< pv/fieldset name="person" >}} {{< pv/fieldset name="person" >}}
{{< pv/tabs-mode >}} {{< pv/tabs-mode >}}
Id: {{< pv/input-textline name="id" defexpr="conf.itemid" >}} Id: {{< pv/input-textline name="id" defexpr="conf.itemid" >}}
First Name: {{< pv/input-textline name="firstname" attrs="autofocus" >}} First Name: {{< pv/input-textline name="firstname" attrs="autofocus" >}}
Last Name: {{< pv/input-textline name="lastname" >}} Last Name: {{< pv/input-textline name="lastname" >}}
Email: {{< pv/input-textline name="email" default="hm@cy55.de" >}} Email: {{< pv/input-textline name="email" default="hm@cy55.de" >}}
{{< pv/button mode="edit" >}}
{{< pv/button mode="query" action="query" label="Query" >}} {{< pv/button mode="query" action="query" label="Execute Query" >}}
{{< pv/button mode="edit" label="Submit Data" >}}
{{< pv/button mode="edit" action="delete" label="Delete" >}}
{{< pv/button mode="new" label="Create Item" >}}
<br> <br>
{{< pv/display linkto="data.id" {{< pv/display linkto="data.id"

4
layouts/shortcodes/pv/tabs-mode.md
View file

@ -11,5 +11,9 @@
<a class="nav-link" @click="chmode('edit')" <a class="nav-link" @click="chmode('edit')"
:class="mode == 'edit' ? 'active' : null">Edit</a> :class="mode == 'edit' ? 'active' : null">Edit</a>
</li> </li>
<li class="nav-item">
<a class="nav-link" @click="chmode('new')"
:class="mode == 'new' ? 'active' : null">New</a>
</li>
</ul> </ul>
</ul> </ul>