Changes
Page history
Update jscript
authored
May 24, 2017
by
Markus Krug
Show whitespace changes
Inline
Side-by-side
athen--writing-your-own-view-in-html/css/jscript.md
View page @
95b22658
...
...
@@ -61,3 +61,115 @@ This saves a reference to our controller, creates the initial HTML layout and re
browser
.
setText
(
page
);
```
This methods reads a
```.html```
which contains the initial layout for our view and displays it. In this tutorial i am using this file:
```
html
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<title>
Bootstrap Example
</title>
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<link
rel=
"stylesheet"
href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
>
<script
src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"
></script>
<script
src=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
></script>
</head>
<body>
<!-- The corresponding entry to the buttoncomposite -->
<div
class=
"container-fluid"
>
<!--first row-->
<div
class=
"row bottom5"
>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"createEntity();"
>
New Entity
</button>
</div>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"entityAccepted();"
>
Is Entity
</button>
</div>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"deleteEntity();"
>
Delete Entity
</button>
</div>
</div>
<!--Second row-->
<div
class=
"row bottom5"
>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"addRelation();"
>
Add Relation
</button>
</div>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
>
Basic
</button>
</div>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"deleteRelation();"
>
Remove Relation
</button>
</div>
</div>
<!-- Third row-->
<div
class=
"row bottom5"
>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"preprocess();"
>
Preprocess
</button>
</div>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"deleteAllHandled();"
>
Delete Handled
</button>
</div>
<div
class=
col-xs-4
>
<button
type=
"button"
class=
"btn btn-primary"
onclick=
"showSocialNetwork();"
>
Show social network
</button>
</div>
</div>
</div>
<!-- The corresponding entry to the CheckboxOptionComposite -->
<div
class=
"container-fluid"
>
<div
class=
"row bottom5"
>
<div
class=
col-xs-6
>
<label
class=
"checkbox-inline"
><input
type=
"checkbox"
value=
""
>
Draw just Core
</label>
</div>
<div
class=
col-xs-6
>
<label
class=
"checkbox-inline"
><input
type=
"checkbox"
value=
""
checked
>
Jump to next?
</label>
</div>
</div>
</div>
<!-- The corresponding entry to the TableComposite -->
<div
class=
"container-fluid"
>
<div
class=
"row bottom5"
>
<div
class=
col-xs-6
>
<label
class=
"checkbox-inline"
><input
type=
"checkbox"
value=
""
>
Use ID Filter
</label>
</div>
<div
class=
col-xs-6
>
<label
class=
"checkbox-inline"
><input
type=
"checkbox"
value=
""
checked
>
Show only handled
</label>
</div>
</div>
</div>
<div
class=
"container-fluid"
>
<div
class=
"row bottom5"
>
<div
class=
col-xs-2
>
<label
class=
"label-search"
>
Search
</label>
</div>
<div
class=
col-xs-10
>
<input
type=
"text"
class=
"form-control"
id=
"usr"
>
</div>
</div>
</div>
</body>
</html>
```
\ No newline at end of file
