... | ... | @@ -60,4 +60,116 @@ 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 |