Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
typo3
qfq
Commits
644e1d88
Commit
644e1d88
authored
Mar 22, 2017
by
Rafael Ostertag
Browse files
Added toolbar buttons.
parent
6e796c6e
Changes
1
Hide whitespace changes
Inline
Side-by-side
mockup/fieldtemplates.html
View file @
644e1d88
...
...
@@ -16,105 +16,135 @@
</head>
<body>
<form
id=
"myForm"
class=
"form-horizontal"
data-toggle=
"validator"
>
<input
type=
"hidden"
name=
"s"
value=
"badcaffee1234"
>
<div
class=
"form-group"
>
<div
class=
"col-md-2"
>
<b
class=
"control-label"
>
Fotowand
</b>
</div>
<div
class=
"col-md-6 qfq-fields"
id=
"target"
data-qfq-line-template=
"#template"
>
<div
class=
"container-fluid"
>
<div
class=
"row hidden-xs"
>
<div
class=
"col-md-12"
>
<h1>
Title with a long text
</h1>
</div>
</div>
<div
class=
"form-group"
>
<div
class=
"col-md-1"
>
<button
type=
"button"
onclick=
"QfqNS.appendTemplate('#template', '#target', 10)"
>
Add
</button>
<div
class=
"row"
>
<div
class=
"col-md-12 "
>
<div
class=
"btn-toolbar pull-right"
role=
"toolbar"
>
<div
class=
"btn-group"
role=
"group"
>
<button
id=
"save-button"
type=
"button"
class=
"btn btn-default navbar-btn"
data-class-on-change=
"wdc"
><span
class=
"glyphicon glyphicon-ok"
></span></button>
<button
id=
"close-button"
type=
"button"
class=
"btn btn-default navbar-btn"
><span
class=
"glyphicon glyphicon-remove"
></span></button>
</div>
<div
class=
"btn-group"
role=
"group"
>
<button
id=
"delete-button"
type=
"button"
class=
"btn btn-default navbar-btn"
><span
class=
"glyphicon glyphicon-trash"
></span></button>
</div>
<div
class=
"btn-group"
role=
"group"
>
<a
id=
"form-new-button"
href=
"personmock.html?s=badcaffe1"
class=
"btn btn-default navbar-btn"
><span
class=
"glyphicon glyphicon-plus"
></span></a>
</div>
</div>
</div>
</div>
</form>
<form
id=
"myForm"
class=
"form-horizontal"
data-toggle=
"validator"
>
<input
type=
"hidden"
name=
"s"
value=
"badcaffee1234"
>
<div
class=
"form-group"
>
<div
class=
"col-md-2"
>
<b
class=
"control-label"
>
Fotowand
</b>
</div>
<div
class=
"col-md-6 qfq-fields"
id=
"target"
data-qfq-line-template=
"#template"
>
<form
id=
"myForm2"
class=
"form-horizontal"
data-toggle=
"validator"
>
<input
type=
"hidden"
name=
"s"
value=
"badcaffee1234"
>
<div
class=
"form-group"
>
<div
class=
"col-md-2"
>
<b
class=
"control-label"
>
Fotowand
</b>
</div>
</div>
<div
class=
"col-md-6 qfq-fields"
id=
"target2"
data-qfq-line-template=
"#template"
>
<div
class=
"form-inline qfq-line"
>
<div
class=
"form-group"
>
<label
for=
"id21_1"
class=
"control-label"
>
Zeile (A-K) 1
</label>
<input
id=
"id21_1"
type=
"text"
class=
"form-control"
name=
"name1_1"
value=
"value 1"
>
</div>
<div
class=
"form-group"
>
<label
for=
"id22_1"
class=
"control-label"
>
Zeile (1-10) 1
</label>
<input
id=
"id22_1"
type=
"text"
class=
"form-control"
name=
"name2_1"
value=
"value 1"
>
</div>
<div
class=
"form-group"
>
<div
class=
"col-md-1"
>
<button
type=
"button"
onclick=
"QfqNS.appendTemplate('#template', '#target', 10)"
>
Add
</button>
</div>
</div>
</form>
<div
class=
"form-group"
>
<div
class=
"checkbox"
>
<label>
<input
type=
"checkbox"
name=
"name3_1"
>
Zweizeilig
</label>
<form
id=
"myForm2"
class=
"form-horizontal"
data-toggle=
"validator"
>
<input
type=
"hidden"
name=
"s"
value=
"badcaffee1234"
>
<div
class=
"form-group"
>
<div
class=
"col-md-2"
>
<b
class=
"control-label"
>
Fotowand
</b>
</div>
<div
class=
"col-md-6 qfq-fields"
id=
"target2"
data-qfq-line-template=
"#template"
>
<div
class=
"form-inline qfq-line"
>
<div
class=
"form-group"
>
<label
for=
"id21_1"
class=
"control-label"
>
Zeile (A-K) 1
</label>
<input
id=
"id21_1"
type=
"text"
class=
"form-control"
name=
"name1_1"
value=
"value 1"
>
</div>
<div
class=
"form-group"
>
<label
for=
"id22_1"
class=
"control-label"
>
Zeile (1-10) 1
</label>
<input
id=
"id22_1"
type=
"text"
class=
"form-control"
name=
"name2_1"
value=
"value 1"
>
</div>
</div>
</div>
<div
class=
"form-group"
>
<div
class=
"checkbox"
>
<label>
<input
type=
"checkbox"
name=
"name3_1"
>
Zweizeilig
</label>
</div>
</div>
<div
class=
"form-inline qfq-line"
>
<div
class=
"form-group"
>
<label
for=
"id21_2"
class=
"control-label"
>
Zeile (A-K) 2
</label>
<input
id=
"id21_2"
type=
"text"
class=
"form-control"
name=
"name1_2"
value=
"value 2"
>
</div>
<div
class=
"form-group"
>
<label
for=
"id22_2"
class=
"control-label"
>
Zeile (1-10) 2
</label>
<input
id=
"id22_2"
type=
"text"
class=
"form-control"
name=
"name2_2"
value=
"value 2"
>
</div>
<div
class=
"form-group"
>
<div
class=
"checkbox"
>
<label>
<input
type=
"checkbox"
name=
"name3_2"
>
Zweizeilig
</label>
<div
class=
"form-inline qfq-line"
>
<div
class=
"form-group"
>
<label
for=
"id21_2"
class=
"control-label"
>
Zeile (A-K) 2
</label>
<input
id=
"id21_2"
type=
"text"
class=
"form-control"
name=
"name1_2"
value=
"value 2"
>
</div>
<div
class=
"form-group"
>
<label
for=
"id22_2"
class=
"control-label"
>
Zeile (1-10) 2
</label>
<input
id=
"id22_2"
type=
"text"
class=
"form-control"
name=
"name2_2"
value=
"value 2"
>
</div>
</div>
<div
class=
"form-group qfq-delete-button"
>
<button
type=
"button"
onclick=
"QfqNS.removeThisChild(this)"
>
Remove
</button>
</div>
</div>
<div
class=
"form-group"
>
<div
class=
"checkbox"
>
<label>
<input
type=
"checkbox"
name=
"name3_2"
>
Zweizeilig
</label>
</div>
</div>
<div
class=
"form-inline qfq-line"
>
<div
class=
"form-group"
>
<label
for=
"id21_3"
class=
"control-label"
>
Zeile (A-K) 3
</label>
<input
id=
"id21_3"
type=
"text"
class=
"form-control"
name=
"name1_3"
value=
"value 3"
>
</div>
<div
class=
"form-group"
>
<label
for=
"id22_3"
class=
"control-label"
>
Zeile (1-10) 3
</label>
<input
id=
"id22_3"
type=
"text"
class=
"form-control"
name=
"name2_3"
value=
"value 3"
>
<div
class=
"form-group qfq-delete-button"
>
<button
type=
"button"
onclick=
"QfqNS.removeThisChild(this)"
>
Remove
</button>
</div>
</div>
<div
class=
"form-group"
>
<div
class=
"checkbox"
>
<label>
<input
type=
"checkbox"
name=
"name3_3"
>
Zweizeilig
</label>
<div
class=
"form-inline qfq-line"
>
<div
class=
"form-group"
>
<label
for=
"id21_3"
class=
"control-label"
>
Zeile (A-K) 3
</label>
<input
id=
"id21_3"
type=
"text"
class=
"form-control"
name=
"name1_3"
value=
"value 3"
>
</div>
<div
class=
"form-group"
>
<label
for=
"id22_3"
class=
"control-label"
>
Zeile (1-10) 3
</label>
<input
id=
"id22_3"
type=
"text"
class=
"form-control"
name=
"name2_3"
value=
"value 3"
>
</div>
<div
class=
"form-group"
>
<div
class=
"checkbox"
>
<label>
<input
type=
"checkbox"
name=
"name3_3"
>
Zweizeilig
</label>
</div>
</div>
</div>
<div
class=
"form-group qfq-delete-button"
>
<button
type=
"button"
onclick=
"QfqNS.removeThisChild(this)"
>
Remove
</button>
<div
class=
"form-group qfq-delete-button"
>
<button
type=
"button"
onclick=
"QfqNS.removeThisChild(this)"
>
Remove
</button>
</div>
</div>
</div>
</div>
<
/
div>
<div
class=
"
form-group
"
>
<
div
class=
"col-md-1"
>
<
button
type=
"button"
onclick=
"QfqNS.appendTemplate('#template2', '#target2', 10)"
>
Add
</button
>
<div
class=
"form-group"
>
<div
class=
"
col-md-1
"
>
<
button
type=
"button"
onclick=
"QfqNS.appendTemplate('#template2', '#target2', 10)"
>
Add
</button
>
<
/div
>
</div>
</
div
>
</
form
>
</
form
>
</
div
>
<script
id=
"template"
type=
"text/template"
>
<
div
class
=
"
form-inline qfq-line
"
>
...
...
@@ -180,11 +210,18 @@
<script
type=
"text/javascript"
>
$
(
function
()
{
var
qfqPage
=
new
QfqNS
.
QfqPage
({
tabsId
:
'
myTabs
'
,
formId
:
'
myForm
'
,
typeAheadUrl
:
'
api/typeahead.php
'
});
$
(
"
.qfq-fields
"
).
each
(
function
()
{
QfqNS
.
initializeTemplateTarget
(
this
);
}
);
});
</script>
</body>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment