MaMe82
163 lines
3.6 KiB
Go
163 lines
3.6 KiB
Go
package main
|
|
|
|
import (
|
|
"github.com/gopherjs/gopherjs/js"
|
|
"github.com/mame82/hvue"
|
|
)
|
|
|
|
func InitComponentsDialog() {
|
|
hvue.NewComponent(
|
|
"select-string-from-array",
|
|
hvue.Template(templateSelectStringModal),
|
|
hvue.DataFunc(func(vm *hvue.VM) interface{} {
|
|
data := struct {
|
|
*js.Object
|
|
CurrentSelection *js.Object `js:"CurrentSelection"`
|
|
}{Object:O()}
|
|
data.CurrentSelection = O()
|
|
|
|
return &data
|
|
}),
|
|
hvue.Mounted(func(vm *hvue.VM) {
|
|
vm.Set("CurrentSelection", vm.Get("values").Index(0))
|
|
println("Index 0 on mount", vm.Get("values").Index(0))
|
|
}),
|
|
hvue.ComputedWithGetSet(
|
|
"visible",
|
|
func(vm *hvue.VM) interface{} {
|
|
return vm.Get("value")
|
|
},
|
|
func(vm *hvue.VM, newValue *js.Object) {
|
|
vm.Call("$emit", "input", newValue)
|
|
},
|
|
),
|
|
hvue.Method(
|
|
"onLoadPressed",
|
|
func(vm *hvue.VM) {
|
|
vm.Call("$emit", "load", vm.Get("CurrentSelection"))
|
|
println(vm.Get("CurrentSelection"))
|
|
|
|
},
|
|
),
|
|
hvue.PropObj(
|
|
"values",
|
|
hvue.Required,
|
|
),
|
|
hvue.PropObj(
|
|
"value",
|
|
hvue.Required,
|
|
hvue.Types(hvue.PBoolean),
|
|
),
|
|
hvue.PropObj(
|
|
"title",
|
|
hvue.Types(hvue.PString),
|
|
),
|
|
)
|
|
|
|
hvue.NewComponent(
|
|
"modal-string-input",
|
|
hvue.Template(templateInputStringModal),
|
|
hvue.DataFunc(func(vm *hvue.VM) interface{} {
|
|
data := struct {
|
|
*js.Object
|
|
Text string `js:"text"`
|
|
}{Object:O()}
|
|
data.Text = ""
|
|
|
|
return &data
|
|
}),
|
|
hvue.ComputedWithGetSet(
|
|
"visible",
|
|
func(vm *hvue.VM) interface{} {
|
|
return vm.Get("value")
|
|
},
|
|
func(vm *hvue.VM, newValue *js.Object) {
|
|
vm.Call("$emit", "input", newValue)
|
|
},
|
|
),
|
|
hvue.Method(
|
|
"onSavePressed",
|
|
func(vm *hvue.VM) {
|
|
if vm.Get("text") == js.Undefined || vm.Get("text").String() == "" {
|
|
QuasarNotifyError("Can't store to empty template name", "", QUASAR_NOTIFICATION_POSITION_TOP)
|
|
return
|
|
}
|
|
vm.Call("$emit", "save", vm.Get("text"))
|
|
println(vm.Get("text"))
|
|
|
|
},
|
|
),
|
|
hvue.PropObj(
|
|
"title",
|
|
hvue.Types(hvue.PString),
|
|
),
|
|
hvue.PropObj(
|
|
"value",
|
|
hvue.Required,
|
|
hvue.Types(hvue.PBoolean),
|
|
),
|
|
)
|
|
}
|
|
|
|
const templateSelectStringModal = `
|
|
<q-modal v-model="visible">
|
|
<q-modal-layout>
|
|
<q-toolbar slot="header">
|
|
<q-toolbar-title>
|
|
{{ title }}
|
|
</q-toolbar-title>
|
|
</q-toolbar>
|
|
|
|
<q-list>
|
|
<q-item link tag="label" v-for="name in values" :key="name">
|
|
<q-item-side>
|
|
<q-radio v-model="CurrentSelection" :val="name"/>
|
|
</q-item-side>
|
|
<q-item-main>
|
|
<q-item-tile label>{{ name }}</q-item-tile>
|
|
</q-item-main>
|
|
</q-item>
|
|
<q-item tag="label">
|
|
<q-item-main>
|
|
<q-item-tile>
|
|
<q-btn color="primary" v-show="CurrentSelection != undefined" label="ok" @click="onLoadPressed(); visible=false"/>
|
|
<q-btn color="secondary" v-close-overlay label="close" />
|
|
</q-item-tile>
|
|
</q-item-main>
|
|
</q-item>
|
|
</q-list>
|
|
</q-modal-layout>
|
|
</q-modal>
|
|
`
|
|
|
|
const templateInputStringModal = `
|
|
<div>
|
|
<q-modal v-model="visible">
|
|
<q-modal-layout>
|
|
<q-toolbar slot="header">
|
|
<q-toolbar-title>
|
|
{{ title }}
|
|
</q-toolbar-title>
|
|
</q-toolbar>
|
|
<q-list>
|
|
<q-item tag="label">
|
|
<q-item-main>
|
|
<q-item-tile label>Name</q-item-tile>
|
|
<q-item-tile>
|
|
<q-input v-model="text" inverted></q-input>
|
|
</q-item-tile>
|
|
</q-item-main>
|
|
</q-item>
|
|
<q-item tag="label">
|
|
<q-item-main>
|
|
<q-item-tile>
|
|
<q-btn color="primary" v-show="text != undefined && text.length > 0" @click="onSavePressed(); visible=false" label="store" />
|
|
<q-btn color="secondary" v-close-overlay label="close" />
|
|
</q-item-tile>
|
|
</q-item-main>
|
|
</q-item>
|
|
</q-list>
|
|
</q-modal-layout>
|
|
</q-modal>
|
|
</div>
|
|
` |