You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.5 KiB
Plaintext
75 lines
2.5 KiB
Plaintext
mixin form(target)
|
|
form.pure-form(method="post", action=target)&attributes(attributes)
|
|
block
|
|
|
|
mixin toolbarWindow(options)
|
|
- options = options || {}
|
|
div(class=conditionalClasses(["toolbarWindow"], {hasBottom: options.bottom, hasTop: options.top, hasLeft: options.left, hasRight: options.right}))&attributes(attributes)
|
|
block
|
|
|
|
mixin toolbarContents
|
|
div.toolbarWindowContents&attributes(attributes)
|
|
block
|
|
|
|
mixin toolbarControls(options)
|
|
- options = options || {}
|
|
div(class=conditionalClasses(["toolbarWindowControls"], {top: options.position == "top", bottom: options.position == "bottom", left: options.position == "left", right: options.position == "right"}))&attributes(attributes)
|
|
block
|
|
|
|
mixin formSection(name)
|
|
div.formSection&attributes(attributes)
|
|
h1.formSectionTitle= name
|
|
block
|
|
|
|
mixin formField(options)
|
|
- options = options || {}
|
|
div(auto-duplicate=(options.repeat == true), class=conditionalClasses(["formField"], {unlabeled: options.unlabeled, grouped: options.grouped}))&attributes(attributes)
|
|
block
|
|
|
|
mixin formLabel(name, options)
|
|
- options = options || {}
|
|
.labelWrapper
|
|
label&attributes(attributes)
|
|
= name
|
|
if options.required
|
|
i.fa.fa-exclamation-circle.required
|
|
|
|
mixin formInput(name, options)
|
|
if options.unit
|
|
div(class="inputWrapper pure-u-#{options.unit}")
|
|
+_formInput(name, options)
|
|
else
|
|
.inputWrapper
|
|
+_formInput(name, options)
|
|
|
|
mixin _formInput(name, options)
|
|
if options.type == "textarea"
|
|
textarea(name=name, placeholder=options.placeholder)&attributes(attributes)
|
|
else
|
|
input(name=name, type=options.type, placeholder=options.placeholder)&attributes(attributes)
|
|
|
|
mixin formButton(options)
|
|
- options = options || {}
|
|
- options.style = options.style || "default"
|
|
button(type=options.type, class="pure-button style-#{options.style}")&attributes(attributes)
|
|
if options.icon
|
|
i(class="fa fa-#{options.icon}")
|
|
block
|
|
|
|
+form("/nodes/create")
|
|
+toolbarWindow({bottom: true})
|
|
+toolbarContents
|
|
+formSection("Node")
|
|
+formField
|
|
+formLabel("Name", {required: true})
|
|
+formInput("name", {type: "text"})
|
|
+formField
|
|
+formLabel("Notes")
|
|
+formInput("notes", {type: "textarea"})
|
|
+formSection("Properties")
|
|
+formField({repeat: true, grouped: true, unlabeled: true})
|
|
+formInput("propertyName[]", {placeholder: "Name", unit: "1-2"})
|
|
+formInput("propertyValue[]", {placeholder: "Value", unit: "1-2"})
|
|
+toolbarControls({position: "bottom"})
|
|
+formButton({type: "submit", icon: "check", style: "okay"}) Create
|