strolch/li.strolch.planningwebapp/src/main/webapp/parts/model.html

113 lines
5.1 KiB
HTML

<div id="part-model" class="container-fluid hidden">
<div class="row">
<div class="col-sm-offset-2 col-sm-8">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#model-resourcesTab" role="tab">Resources</a>
</li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#model-ordersTab" role="tab">Orders</a>
</li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#model-activitiesTab" role="tab">Activities</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane" id="model-resourcesTab" role="tabpanel">
<div class="row">
<div class="col-sm-12">
<form>
<div class="form-group row">
<div class="col-sm-offset-2 col-sm-8">
<input type="text" class="form-control" id="modelResourceTableSearch"
placeholder="[id:<value>] [name:<value>] [type:<value>] [param:<bagId>:<paramId>] [value]">
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<table id="modelResourceTable" class="table table-hover"
cellspacing="0" width="100%">
<caption>The resources for the current user's realm</caption>
</table>
</div>
</div>
</div>
<div class="tab-pane" id="model-ordersTab" role="tabpanel">
<div class="row">
<div class="col-sm-12">
<form>
<div class="form-group row">
<div class="col-sm-offset-2 col-sm-8">
<input type="text" class="form-control" id="modelOrderTableSearch"
placeholder="[id:<value>] [name:<value>] [type:<value>] [param:<bagId>:<paramId>] [value]">
</div>
</div>
</form>
</div>
</div>
<div class="row">
<table id="modelOrderTable" class="table table-hover" cellspacing="0"
width="100%">
<caption>The orders for the current user's realm</caption>
</table>
</div>
</div>
<div class="tab-pane" id="model-activitiesTab" role="tabpanel">
<div class="row">
<div class="col-sm-12">
<form>
<div class="form-group row">
<div class="col-sm-offset-2 col-sm-8">
<input type="text" class="form-control" id="modelActivityTableSearch"
placeholder="[id:<value>] [name:<value>] [type:<value>] [param:<bagId>:<paramId>] [value]">
</div>
</div>
</form>
</div>
</div>
<div class="row">
<table id="modelActivityTable" class="table table-hover" cellspacing="0"
width="100%">
<caption>The activities for the current user's realm</caption>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modelElementDetailsModal" class="modal fade" tabindex="-1" role="dialog" data-dismiss="modal">
<div class="modal-dialog" role="form">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-label="Close" data-dismiss="modal">
<span aria-hidden="true">&times;</span> <span class="sr-only">Cancel</span>
</button>
<h4 class="modal-title">Details</h4>
</div>
<div class="modal-body">
<form>
<fieldset class="form-group">
<label for="jsonData">Json Data</label>
<textarea class="form-control" id="jsonData" rows="20"></textarea>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-secondary">Close</button>
</div>
</div>
</div>
</div>