diff options
| author | msquare <msquare@notrademark.de> | 2016-11-03 18:28:22 +0100 |
|---|---|---|
| committer | msquare <msquare@notrademark.de> | 2016-11-03 18:28:22 +0100 |
| commit | 902866ff3a603aa2cfbbcdb5b46f0f2e840cd22c (patch) | |
| tree | fd876599ec2452b3f62154aa6c073a2547e7f698 /shift_markup.html | |
| parent | d59b1c8812f62848acc2bf19f020abf4949e75ef (diff) | |
add first design of new shift markup
Diffstat (limited to 'shift_markup.html')
| -rw-r--r-- | shift_markup.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/shift_markup.html b/shift_markup.html new file mode 100644 index 00000000..8d8fa63b --- /dev/null +++ b/shift_markup.html @@ -0,0 +1,121 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8" /> +<link rel="stylesheet" type="text/css" href="public/css/theme3.css" /> +<style> +.shift-calendar { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-itmes: stretch; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-itmes: stretch; + width: 100%; +} + +.shift-calendar .lane { + background: #f0f0f0; + flex-grow: 1; + min-width: 300px; + width: 300px; + flex-grow: 1; +} + +.shift-calendar .lane.time { + flex-grow: 0; + min-width: 100px; + width: 100px; + flex-grow: 0; +} + +.shift-calendar .lane .tick { + height: 20px; + border-top: 1px solid #ddd; +} + +.shift-calendar .lane .tick.hour { + border-top: 1px solid #aaa; +} + +.shift-calendar .shift { + margin-bottom: 0; + overflow: hidden; +} +</style> +</head> +<body> + <div class="shift-calendar"> + <div class="lane time"> + <div class="tick hour">10:00</div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick hour">11:00</div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick hour">12:00</div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick hour">13:00</div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + </div> + <div class="lane"> + <div class="tick hour"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="shift panel panel-success" style="height: 160px;"> + <div class="panel-heading"> + <a href="?p=shifts&action=view&shift_id=2696">00:00 ‐ 02:00 — Bottle Collection</a> + <div class="pull-right"> + <div class="btn-group"> + <a href="?p=user_shifts&edit_shift=2696" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-edit"></span> + </a> <a href="?p=user_shifts&delete_shift=2696" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-trash"></span> + </a> + </div> + </div> + </div> + <div class="panel-body"> + <span class="glyphicon glyphicon-info-sign"></span> Bottle Collection Quick Response Team<br> <a href="?p=rooms&action=view&room_id=42"> <span class="glyphicon glyphicon-map-marker"></span> Bottle Sorting (Hall H) + </a> + </div> + <ul class="list-group"> + <li class="list-group-item"><strong><a href="?p=angeltypes&action=view&angeltype_id=104575">Angel</a>:</strong> <span style=""><a class="" href="?p=users&action=view&user_id=1755"><span class="icon-icon_angel"></span> Pantomime</a></span>, <span style=""><a + class="" href="?p=users&action=view&user_id=50"><span class="icon-icon_angel"></span> sandzwerg</a></span></li> + <li class="list-group-item"><a href="?p=user_shifts&shift_id=2696&type_id=104575" class="btn btn-default btn-xs">Neue Engel hinzufügen</a></li> + </ul> + <div class="shift-spacer"></div> + </div> + <div class="tick hour"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + </div> + <div class="lane"> + <div class="tick hour"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick hour"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick hour"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick hour"></div> + <div class="tick"></div> + <div class="tick"></div> + <div class="tick"></div> + </div> + </div> +</body> +</html>
\ No newline at end of file |