strolch/li.strolch.planningwebapp/src/main/webapp/index.html

135 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/external/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/external/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/external/alertify/alertify.css"/>
<link rel="stylesheet" type="text/css" href="css/external/alertify/themes/bootstrap.min.css"/>
<!--link rel="stylesheet" type="text/css" href="css/external/jquery.dataTables.css"/-->
<link rel="stylesheet" type="text/css" href="css/external/dataTables.bootstrap4.css"/>
<link rel="stylesheet" type="text/css" href="css/external/responsive.bootstrap.css"/>
<!-- Application -->
<link rel="stylesheet" href="css/application.css">
</head>
<body>
<div id="content" class="container-fluid">
<div class="row nav">
<div class="col-sm-offset-3 col-sm-9">
<div class="row">
<div class="col-sm-2 nav-row">
<a href="#model" data-function="navigate" data-target="model"> <span
class="fa fa-database nav-icon"></span><br/> <span
class="nav-text">Model</span>
</a>
</div>
<div class="col-sm-2 nav-row">
<a href="#"> <span class="fa fa-cog nav-icon"></span><br/> <span class="nav-text">System</span> </a>
</div>
</div>
</div>
</div>
<div class="row content">
<div id="page-content" class="col-sm-12">
<!-- is loaded dynamically by each parts initializer -->
</div>
</div>
</div>
<!--
Footer
-->
<footer id="footer" class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-sm-offset-4 col-sm-2">
<!-- img src="images/logo.png" alt="logo"/ -->
</div>
<div class="col-sm-6">
<div class="pull-right" style="text-align: right">
<span class="information">Strolch PlanningWeb © 2013 - 2016</span><br/>
<span class="version">SNAPSHOT</span>
</div>
</div>
</div>
</div>
</footer>
<!--
Auth form
-->
<div id="reauthFormModal" class="modal fade" tabindex="-1" role="dialog" data-dismiss="modal"
aria-labelledby="authform-label" aria-hidden="true">
<div class="modal-dialog" role="form">
<form id="reauthForm" target="form_catcher" action="about:blank" data-submit-action="reload">
<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">Auth Form</h4>
</div>
<div class="modal-body">
<fieldset class="form-group">
<label for="auth-username">Username</label> <input type="text" class="form-control"
id="auth-username"
placeholder="Enter username">
</fieldset>
<fieldset class="form-group">
<label for="auth-password">Password</label> <input type="password" class="form-control"
id="auth-password"
placeholder="Enter Password">
</fieldset>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-secondary">Cancel</button>
<button type="submit" class="btn btn-primary">Auth <span data-type="spinner"
class="hidden fa fa-spinner fa-spin"></span>
</button>
</div>
</div>
</form>
</div>
</div>
<!--
use as: <form target="form_catcher" action="about:blank"> so that browser saves form data
-->
<iframe name="form_catcher" class="hidden" src="about:blank"></iframe>
<!-- External JavaScript dependencies -->
<script type="text/javascript" src="js/external/jquery.js"></script>
<script type="text/javascript" src="js/external/tether.js"></script>
<script type="text/javascript" src="js/external/bootstrap.js"></script>
<script type="text/javascript" src="js/external/alertify.js"></script>
<script type="text/javascript" src="js/external/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/external/dataTables.bootstrap4.js"></script>
<script type="text/javascript" src="js/external/dataTables.responsive.js"></script>
<!-- Application -->
<script src="js/i18n.js"></script>
<script src="js/constants.js"></script>
<script src="js/functions.js"></script>
<script src="js/index.js"></script>
</body>
</html>