layout
This commit is contained in:
parent
cd82436d8d
commit
f061fd3b49
|
|
@ -1,23 +1,26 @@
|
|||
.demo{
|
||||
max-width: 60%;
|
||||
min-width: 100px;
|
||||
padding: 20px;
|
||||
#list{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top:0;
|
||||
width: 20rem;
|
||||
height: 100%;
|
||||
background-color: aqua;
|
||||
}
|
||||
|
||||
.container{
|
||||
padding:0 !important;
|
||||
#switch{
|
||||
width: 25rem;
|
||||
height: 5rem;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: -50%;
|
||||
background-color: aqua;
|
||||
}
|
||||
|
||||
.demo2{
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.bg-primary1{
|
||||
background-color: rgb(255, 230, 183) !important;
|
||||
}
|
||||
.bg-warning1{
|
||||
background-color: rgb(255, 250, 175)!important;
|
||||
}
|
||||
.bg-info1{
|
||||
background-color: rgb(210, 253, 193)!important;
|
||||
#main{
|
||||
width: 65rem;
|
||||
height: 38rem;
|
||||
position: relative;
|
||||
top: 10rem;
|
||||
left: -50%;
|
||||
background-color: aqua;
|
||||
}
|
||||
|
|
@ -6,11 +6,8 @@
|
|||
<!--Bootstrap-->
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" title="default" href="/od1/static/main.css">
|
||||
<link rel="stylesheet" title="default" href="/static/main.css">
|
||||
|
||||
<link rel="stylesheet" title="custom" href="/static/main2.css">
|
||||
<link rel="stylesheet" title="custom" href="/od1/static/main2.css">
|
||||
<!-- jQuery library -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
|
||||
|
|
@ -21,95 +18,29 @@
|
|||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
|
||||
|
||||
<script src="/od1/static/main.js"></script>
|
||||
|
||||
<script src="/static/main.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div style="position: fixed; left: 50%;">
|
||||
<div class="container" id="switch">
|
||||
hi
|
||||
|
||||
<div class="container">
|
||||
|
||||
<h2>Online Dienst 1</h2>
|
||||
<ul class="nav nav-tabs">
|
||||
<li id="navMenu0" class="nav-item">
|
||||
<a data-toggle="tab" class="nav-link active" href="#home">Eingabe</a>
|
||||
</li>
|
||||
<li id="navMenu1" class="nav-item ">
|
||||
<a href="#menu1" data-toggle="tab" class="nav-link disabled">Übersicht</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div id="home" class="tab-pane container active">
|
||||
<div id="header">
|
||||
<input type="button" value="Aussehen ändern" class="btn btn-dark float-right" onclick="loadNewStyle()">
|
||||
</div>
|
||||
<form id="form1">
|
||||
<div class="bg-info1 demo">
|
||||
<div class="demo2">eAst POST zu OD</div>
|
||||
partial_application_id:<br>
|
||||
</div>
|
||||
<div style="position: fixed; left: 50%;">
|
||||
<div class="container" id="main">
|
||||
|
||||
hi
|
||||
</div>
|
||||
</div>
|
||||
<div class="container" id="list">
|
||||
hi
|
||||
|
||||
<input type="text" class="form-control" name="partial_application_id" placeholder="partial_application_id" readonly><br>
|
||||
</div>
|
||||
|
||||
<div class="bg-warning1 demo">
|
||||
<div class="demo2">OD GET an eAst</div>
|
||||
sent_date:<br>
|
||||
<input type="text" class="form-control" name="sent_date" placeholder="sent_date" readonly><br>
|
||||
application_id:<br>
|
||||
<input type="text" class="form-control" name="application_id" placeholder="application_id" readonly><br>
|
||||
official_letter_required:<br>
|
||||
<input type="text" class="form-control" name="official_letter_required" placeholder="official_letter_required"
|
||||
readonly><br>
|
||||
name:<br>
|
||||
<input type="text" class="form-control" name="name" placeholder="name"><br>
|
||||
status:<br>
|
||||
<input type="text" class="form-control" name="status" placeholder="status" readonly><br><br>
|
||||
</div>
|
||||
|
||||
<div class="bg-primary1 demo">
|
||||
<div class="demo2">Daten des OD</div>
|
||||
Grund:<br>
|
||||
<input type="text" class="form-control" name="reason" placeholder="Grund"><br>
|
||||
Notiz:<br>
|
||||
<input type="text" class="form-control" name="note" placeholder="Notitz"><br>
|
||||
</div>
|
||||
<input type="button" value="Speichern" class="btn btn-dark float-right" onclick="sendVorhaben()">
|
||||
</form>
|
||||
</div>
|
||||
<div id="menu1" class="tab-pane container">
|
||||
<h2 id="status"></h2>
|
||||
<form id="form2">
|
||||
<div class="demo">
|
||||
|
||||
partial_application_id:<br>
|
||||
<input type="text" class="form-control" name="partial_application_id" placeholder="partial_application_id" readonly><br>
|
||||
sent_date:<br>
|
||||
<input type="text" class="form-control" name="sent_date" placeholder="sent_date" readonly><br>
|
||||
application_id:<br>
|
||||
<input type="text" class="form-control" name="application_id" placeholder="application_id" readonly><br>
|
||||
official_letter_required:<br>
|
||||
<input type="text" class="form-control" name="official_letter_required" placeholder="official_letter_required"
|
||||
readonly><br>
|
||||
name:<br>
|
||||
<input type="text" class="form-control" name="name" placeholder="name" readonly><br>
|
||||
status:<br>
|
||||
<input type="text" class="form-control" name="status" placeholder="status" readonly><br><br>
|
||||
</div>
|
||||
|
||||
<div class="bg-primary1 demo">
|
||||
<div class="demo2">Geänderte Daten</div>
|
||||
Grund:<br>
|
||||
<input type="text" class="form-control" name="reason" placeholder="Grund" readonly><br>
|
||||
Notiz:<br>
|
||||
<input type="text" class="form-control" name="note" placeholder="Notitz" readonly><br>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>loadData();</script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue