commit
90f712aa3d
@ -0,0 +1,6 @@
|
||||
dhbw-ebengineering
|
||||
==================
|
||||
|
||||
Projects:
|
||||
|
||||
- calendar
|
||||
@ -0,0 +1,587 @@
|
||||
/*!
|
||||
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
}
|
||||
.btn-default.disabled,
|
||||
.btn-primary.disabled,
|
||||
.btn-success.disabled,
|
||||
.btn-info.disabled,
|
||||
.btn-warning.disabled,
|
||||
.btn-danger.disabled,
|
||||
.btn-default[disabled],
|
||||
.btn-primary[disabled],
|
||||
.btn-success[disabled],
|
||||
.btn-info[disabled],
|
||||
.btn-warning[disabled],
|
||||
.btn-danger[disabled],
|
||||
fieldset[disabled] .btn-default,
|
||||
fieldset[disabled] .btn-primary,
|
||||
fieldset[disabled] .btn-success,
|
||||
fieldset[disabled] .btn-info,
|
||||
fieldset[disabled] .btn-warning,
|
||||
fieldset[disabled] .btn-danger {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.btn-default .badge,
|
||||
.btn-primary .badge,
|
||||
.btn-success .badge,
|
||||
.btn-info .badge,
|
||||
.btn-warning .badge,
|
||||
.btn-danger .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
background-image: none;
|
||||
}
|
||||
.btn-default {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dbdbdb;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: #e0e0e0;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
border-color: #dbdbdb;
|
||||
}
|
||||
.btn-default.disabled,
|
||||
.btn-default[disabled],
|
||||
fieldset[disabled] .btn-default,
|
||||
.btn-default.disabled:hover,
|
||||
.btn-default[disabled]:hover,
|
||||
fieldset[disabled] .btn-default:hover,
|
||||
.btn-default.disabled:focus,
|
||||
.btn-default[disabled]:focus,
|
||||
fieldset[disabled] .btn-default:focus,
|
||||
.btn-default.disabled.focus,
|
||||
.btn-default[disabled].focus,
|
||||
fieldset[disabled] .btn-default.focus,
|
||||
.btn-default.disabled:active,
|
||||
.btn-default[disabled]:active,
|
||||
fieldset[disabled] .btn-default:active,
|
||||
.btn-default.disabled.active,
|
||||
.btn-default[disabled].active,
|
||||
fieldset[disabled] .btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #265a88;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #265a88;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary.disabled,
|
||||
.btn-primary[disabled],
|
||||
fieldset[disabled] .btn-primary,
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary[disabled]:hover,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary[disabled]:focus,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary[disabled].focus,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
.btn-primary.disabled:active,
|
||||
.btn-primary[disabled]:active,
|
||||
fieldset[disabled] .btn-primary:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #265a88;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:hover,
|
||||
.btn-success:focus {
|
||||
background-color: #419641;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-color: #419641;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success.disabled,
|
||||
.btn-success[disabled],
|
||||
fieldset[disabled] .btn-success,
|
||||
.btn-success.disabled:hover,
|
||||
.btn-success[disabled]:hover,
|
||||
fieldset[disabled] .btn-success:hover,
|
||||
.btn-success.disabled:focus,
|
||||
.btn-success[disabled]:focus,
|
||||
fieldset[disabled] .btn-success:focus,
|
||||
.btn-success.disabled.focus,
|
||||
.btn-success[disabled].focus,
|
||||
fieldset[disabled] .btn-success.focus,
|
||||
.btn-success.disabled:active,
|
||||
.btn-success[disabled]:active,
|
||||
fieldset[disabled] .btn-success:active,
|
||||
.btn-success.disabled.active,
|
||||
.btn-success[disabled].active,
|
||||
fieldset[disabled] .btn-success.active {
|
||||
background-color: #419641;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:hover,
|
||||
.btn-info:focus {
|
||||
background-color: #2aabd2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info.disabled,
|
||||
.btn-info[disabled],
|
||||
fieldset[disabled] .btn-info,
|
||||
.btn-info.disabled:hover,
|
||||
.btn-info[disabled]:hover,
|
||||
fieldset[disabled] .btn-info:hover,
|
||||
.btn-info.disabled:focus,
|
||||
.btn-info[disabled]:focus,
|
||||
fieldset[disabled] .btn-info:focus,
|
||||
.btn-info.disabled.focus,
|
||||
.btn-info[disabled].focus,
|
||||
fieldset[disabled] .btn-info.focus,
|
||||
.btn-info.disabled:active,
|
||||
.btn-info[disabled]:active,
|
||||
fieldset[disabled] .btn-info:active,
|
||||
.btn-info.disabled.active,
|
||||
.btn-info[disabled].active,
|
||||
fieldset[disabled] .btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus {
|
||||
background-color: #eb9316;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning.disabled,
|
||||
.btn-warning[disabled],
|
||||
fieldset[disabled] .btn-warning,
|
||||
.btn-warning.disabled:hover,
|
||||
.btn-warning[disabled]:hover,
|
||||
fieldset[disabled] .btn-warning:hover,
|
||||
.btn-warning.disabled:focus,
|
||||
.btn-warning[disabled]:focus,
|
||||
fieldset[disabled] .btn-warning:focus,
|
||||
.btn-warning.disabled.focus,
|
||||
.btn-warning[disabled].focus,
|
||||
fieldset[disabled] .btn-warning.focus,
|
||||
.btn-warning.disabled:active,
|
||||
.btn-warning[disabled]:active,
|
||||
fieldset[disabled] .btn-warning:active,
|
||||
.btn-warning.disabled.active,
|
||||
.btn-warning[disabled].active,
|
||||
fieldset[disabled] .btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus {
|
||||
background-color: #c12e2a;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger.disabled,
|
||||
.btn-danger[disabled],
|
||||
fieldset[disabled] .btn-danger,
|
||||
.btn-danger.disabled:hover,
|
||||
.btn-danger[disabled]:hover,
|
||||
fieldset[disabled] .btn-danger:hover,
|
||||
.btn-danger.disabled:focus,
|
||||
.btn-danger[disabled]:focus,
|
||||
fieldset[disabled] .btn-danger:focus,
|
||||
.btn-danger.disabled.focus,
|
||||
.btn-danger[disabled].focus,
|
||||
fieldset[disabled] .btn-danger.focus,
|
||||
.btn-danger.disabled:active,
|
||||
.btn-danger[disabled]:active,
|
||||
fieldset[disabled] .btn-danger:active,
|
||||
.btn-danger.disabled.active,
|
||||
.btn-danger[disabled].active,
|
||||
fieldset[disabled] .btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
background-image: none;
|
||||
}
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
background-color: #e8e8e8;
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
background-color: #2e6da4;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.navbar-default {
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-default .navbar-nav > .open > a,
|
||||
.navbar-default .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
|
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-brand,
|
||||
.navbar-nav > li > a {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
|
||||
}
|
||||
.navbar-inverse {
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > .open > a,
|
||||
.navbar-inverse .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-inverse .navbar-brand,
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-static-top,
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||
color: #fff;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
}
|
||||
.alert {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.alert-success {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b2dba1;
|
||||
}
|
||||
.alert-info {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #9acfea;
|
||||
}
|
||||
.alert-warning {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #f5e79e;
|
||||
}
|
||||
.alert-danger {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dca7a7;
|
||||
}
|
||||
.progress {
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
.list-group {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
text-shadow: 0 -1px 0 #286090;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #2b669a;
|
||||
}
|
||||
.list-group-item.active .badge,
|
||||
.list-group-item.active:hover .badge,
|
||||
.list-group-item.active:focus .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.panel {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-primary > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-success > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-info > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-warning > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-danger > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.well {
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dcdcdc;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-theme.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,56 @@
|
||||
body {
|
||||
padding-top: 95px;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.small img {
|
||||
width:auto;
|
||||
height:auto;
|
||||
max-width:128px;
|
||||
max-height:128px;
|
||||
}
|
||||
input:invalid, textarea:invalid, select:invalid {
|
||||
border-color:#ebccd1;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(235, 204, 209, 0.6);
|
||||
outline: 0 none;
|
||||
color: #a94442;
|
||||
background-color: #f2dede;
|
||||
}
|
||||
.categories li {
|
||||
list-style-image:url(../images/folder.png);
|
||||
}
|
||||
.date {
|
||||
font-weight:bold;
|
||||
list-style-image:url(../images/date.png);
|
||||
}
|
||||
.loc {
|
||||
list-style-image:url(../images/location.png);
|
||||
}
|
||||
.org {
|
||||
list-style-image:url(../images/organizer.png);
|
||||
}
|
||||
.action {
|
||||
list-style-image:url(../images/action.png);
|
||||
}
|
||||
.mar {
|
||||
margin:1.5em;
|
||||
}
|
||||
.navbar h1 {
|
||||
font-family:monospace;
|
||||
letter-spacing:0.4em;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
}
|
||||
.bs-docs-footer {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
color: #969696;
|
||||
margin-top: 100px;
|
||||
padding-bottom: 40px;
|
||||
padding-top: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.hl {
|
||||
color:#bce8f1;
|
||||
}
|
||||
@ -0,0 +1,79 @@
|
||||
/* Space out content a bit */
|
||||
body {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Everything but the jumbotron gets side spacing for mobile first views */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* Custom page header */
|
||||
.header {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
/* Make the masthead heading the same height as the navigation */
|
||||
.header h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
/* Custom page footer */
|
||||
.footer {
|
||||
padding-top: 19px;
|
||||
color: #777;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/* Customize container */
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
max-width: 730px;
|
||||
}
|
||||
}
|
||||
.container-narrow > hr {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
/* Main marketing message and sign up button */
|
||||
.jumbotron {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.jumbotron .btn {
|
||||
padding: 14px 24px;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
/* Supporting marketing content */
|
||||
.marketing {
|
||||
margin: 40px 0;
|
||||
}
|
||||
.marketing p + h4 {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
/* Responsive: Portrait tablets and up */
|
||||
@media screen and (min-width: 768px) {
|
||||
/* Remove the padding we set earlier */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
/* Space out the masthead */
|
||||
.header {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
/* Remove the bottom border on the jumbotron for visual effect */
|
||||
.jumbotron {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,78 @@
|
||||
|
||||
<h2 id="header">Create new Appointment</h2>
|
||||
<form class="form-horizontal" id="calendar-entry" name="calendar-entry" action="javascript:createNewEntry()">
|
||||
<!-- title -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="title">Title:</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" id="title" title="max. 50 chars" type="text" name="title" placeholder="Title" required="required" pattern=".{1,50}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- location -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="location">Location:</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" id="location" title="max. 50 chars" name="location" placeholder="200 E MAIN ST, PHOENIX AZ 85123, USA" pattern=".{0,50}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- organizer -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="organizer">Organizer:</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="email" title="max. 50 chars" id="organizer" name="organizer" placeholder="ant-man@exmaple.com" required="required" pattern=".{0,50}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- begin -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="begin-date">Begin:</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input class="form-control" id="begin-date" type="date" name="begin-date" size="10" placeholder="yyyy-mm-dd" required="required" pattern="\d{4}-\d\d-\d\d">
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<input class="form-control" type="time" name="begin-time" id="begin-time" size="5" placeholder="HH:MM" required="required" pattern="\d\d:\d\d">
|
||||
</div>
|
||||
</div>
|
||||
<!-- end -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="end-date">End:</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input class="form-control" id="end-date" type="date" name="end-date" size="10" placeholder="yyyy-mm-dd" required="required" pattern="\d{4}-\d\d-\d\d">
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<input class="form-control" id="end-time" type="time" name="end-time" size="5" placeholder="HH:MM" required="required" pattern="\d\d:\d\d">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- status -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="status">Status:</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<select class="form-control" name="stauts" id="status" required="required">
|
||||
<option style="background-color:#d6e9c6;color:#3c763d">Free</option>
|
||||
<option style="background-color:#f2dede;color:#a94442">Busy</option>
|
||||
<option style="background-color:#fcf8e3;color:#8a6d3b">Tentative</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- allday -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="allday">Allday</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="checkbox" id="allday" name="allday" value="1">
|
||||
</div>
|
||||
</div>
|
||||
<!-- url -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="webpage">Url:</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="url" id="webpage" name="webpage" value="" placeholder="http://example.com/">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<input class="form-control" type="submit" value="speichern" />
|
||||
</div>
|
||||
</form>
|
||||
@ -0,0 +1,15 @@
|
||||
<div class="panel-heading">Add a category</div>
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal" id="categories-##id##" name="calendar-entry" action="javascript:addCategory( ##id## )">
|
||||
<dl id="calendar-entry-dl">
|
||||
<!-- title -->
|
||||
<dt><label for="title-##id##">Category:</label></dt>
|
||||
<dd>
|
||||
<select name="category" id="category-##id##"></select>
|
||||
</dd>
|
||||
</dl>
|
||||
<div>
|
||||
<input type="submit" value="add" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<div class="panel-heading">Upload/delete image</div>
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal" id="appointment-##id##" name="calendar-entry" action="javascript:uploadImage( ##id## )">
|
||||
<!-- title -->
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="title-##id##">Title:</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="file" title="JPEG or PNG Image" id="image-##id##" name="image" placeholder="JPG / PNG">
|
||||
</div>
|
||||
<!-- allday -->
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="delete-##id##">Delete image:</label>
|
||||
<div class="col-sm-10">
|
||||
<input class="form-control" type="checkbox" id="delete-##id##" name="delete" value="1">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<input class="form-control" type="submit" value="speichern" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
After Width: | Height: | Size: 716 B |
|
After Width: | Height: | Size: 705 B |
|
After Width: | Height: | Size: 654 B |
|
After Width: | Height: | Size: 729 B |
|
After Width: | Height: | Size: 577 B |
|
After Width: | Height: | Size: 784 B |
|
After Width: | Height: | Size: 652 B |
|
After Width: | Height: | Size: 419 B |
|
After Width: | Height: | Size: 973 B |
|
After Width: | Height: | Size: 635 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 571 B |
@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Calendar</title>
|
||||
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<h1>
|
||||
<img src="images/title.png">
|
||||
Calendar
|
||||
</h1>
|
||||
</div><!--/.nav-collapse -->
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="navigation col-md-3">
|
||||
<div class="list-group">
|
||||
<a class="list-group-item" href="#" onclick="showCategory(0)">
|
||||
<img src="images/view-calendar-list.png" alt=""> Show appointments
|
||||
</a>
|
||||
<a class="list-group-item" href="#" onclick="showCreateNewEntry()">
|
||||
<img src="images/appointment-new.png" alt=""> Create appointment
|
||||
</a>
|
||||
</div>
|
||||
<label for="showPastAppointments">
|
||||
<input type="checkbox" id="showPastAppointments" onclick="getListItems()">
|
||||
Show appointments from the past
|
||||
</label>
|
||||
<h3>Categories:</h3>
|
||||
<div class="list-group" id="categoryList"></div>
|
||||
<form method="get" action="javascript:createNewCategory()" id="createCategory">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Name" name="name">
|
||||
<span class="input-group-btn">
|
||||
<input class="btn btn-default" type="submit" value="create">
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div id="content" class="col-md-9">
|
||||
<h2>Agenda</h2>
|
||||
<p>Loading ...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.container -->
|
||||
|
||||
<footer class="bs-docs-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p>
|
||||
Thomas Battermann<br>
|
||||
it14139 <span class="hl">[at]</span> lehre <span class="hl">·</span> dhbw-stuttgart <span class="hl">·</span> de
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p>
|
||||
Sources:
|
||||
<ul>
|
||||
<li>Icons: <a href="https://github.com/rubenvb/oxygen-icons-svg">oxygen-icons-svg</a> by <a href="https://github.com/rubenvb">rubenvb</a></li>
|
||||
<li><a href="http://getbootstrap.com/">Bootstrap</a></li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Load javascript -->
|
||||
<script src="js/calendar.js"></script>
|
||||
<!-- bootstrap only! -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,598 @@
|
||||
var username = "root";
|
||||
var appointments;
|
||||
var categories;
|
||||
var filter = 0;
|
||||
|
||||
function getListItems() {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
getListItemOnReadyStatusChangeEventHandler( request, filter );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=list");
|
||||
request.send();
|
||||
}
|
||||
function showCategory( id ) {
|
||||
filter = id;
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
getListItemOnReadyStatusChangeEventHandler( request, id );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=list");
|
||||
request.send();
|
||||
}
|
||||
function prettyDate(from, to, allday) {
|
||||
var r = /(\d{4})-(\d{2})-0?([1-3]?\d)T(\d{2}):(\d{2})/;
|
||||
var month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
|
||||
var mf = r.exec(from);
|
||||
var mt = r.exec(to);
|
||||
if ( mf[1] == mt[1] && mf[2] == mt[2] && mf[3] == mt[3] ) {
|
||||
if ( allday )
|
||||
return month[mf[2]-1] + " " + mf[3] + ", " + mf[1];
|
||||
return month[mf[2]-1] + " " + mf[3] + ", " + mf[1] + " " + mf[4] + ":" + mf[5] + " - " + mt[4] + ":" + mt[5];
|
||||
}
|
||||
if ( allday )
|
||||
return month[mf[2]-1] + " " + mf[3] + ", " + mf[1] + " - " +
|
||||
month[mt[2]-1] + " " + mt[3] + ", " + mt[1];
|
||||
return month[mf[2]-1] + " " + mf[3] + ", " + mf[1] + " " + mf[4] + ":" + mf[5] + " - " +
|
||||
month[mt[2]-1] + " " + mt[3] + ", " + mt[1] + " " + mt[4] + ":" + mt[5];
|
||||
}
|
||||
function hasCategory(appointment, id) {
|
||||
for(var i = 0; i<appointment.categories.length; i++)
|
||||
if (appointment.categories[i].id == id)
|
||||
return true;
|
||||
return false;
|
||||
}
|
||||
function getListItemOnReadyStatusChangeEventHandler( request, id ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var header = document.createElement("h2");
|
||||
header.appendChild(document.createTextNode("Agenda"));
|
||||
document.getElementById("content").innerHTML = "";
|
||||
document.getElementById("content").appendChild(header);
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
appointments = c["events"]["events"];
|
||||
appointments = appointments.sort( function (a,b) {return a.start > b.start });
|
||||
var past = document.getElementById("showPastAppointments").checked;
|
||||
if (!past || id != 0) {
|
||||
var app = [];
|
||||
var d = new Date();
|
||||
d = d.getFullYear()+"-"+("0"+(d.getMonth()+1)).slice(-2)+"-"+("0"+d.getDate()).slice(-2)+"T"+d.getHours()+":"+d.getMinutes();
|
||||
for(var i=0;i<appointments.length;i++) {
|
||||
if ( (past || appointments[i].end > d) && (id == 0 || hasCategory(appointments[i], id)) ) {
|
||||
app.push(appointments[i]);
|
||||
}
|
||||
}
|
||||
appointments = app;
|
||||
}
|
||||
if(appointments.length == 0) {
|
||||
e = document.createElement("p");
|
||||
e.appendChild(document.createTextNode("There are no entries to display!"));
|
||||
document.getElementById("content").appendChild(e);
|
||||
return;
|
||||
}
|
||||
for(var i=0;i<appointments.length;i++) {
|
||||
calendarElement = document.createElement("div");
|
||||
switch( appointments[i].status ) {
|
||||
case "Free":
|
||||
calendarElement.className = "panel panel-success";
|
||||
break;
|
||||
case "Busy":
|
||||
calendarElement.className = "panel panel-danger";
|
||||
break;
|
||||
default:
|
||||
calendarElement.className = "panel panel-warning";
|
||||
}
|
||||
calendarElement.setAttribute("id", "a-" + appointments[i].id);
|
||||
// title
|
||||
title = document.createElement("div");
|
||||
title.className = "panel-heading";
|
||||
title2 = document.createElement("h3");
|
||||
title2.className = "panel-title";
|
||||
title2.appendChild(document.createTextNode(appointments[i].title));
|
||||
title.appendChild(title2);
|
||||
calendarElement.appendChild(title);
|
||||
|
||||
body = document.createElement("div");
|
||||
body.className = "panel-body";
|
||||
calendarElement.appendChild(body);
|
||||
|
||||
// image
|
||||
if (appointments[i].imageurl.length > 12) {
|
||||
media = document.createElement("div");
|
||||
media.className = "media";
|
||||
ml = document.createElement("div");
|
||||
ml.className = "media-right";
|
||||
img_a = document.createElement("a");
|
||||
img_a.href = appointments[i].imageurl;
|
||||
img_a.setAttribute("id","img-" + appointments[i].id);
|
||||
img_a.setAttribute("target", "_blank");
|
||||
img = document.createElement("img");
|
||||
img.src = appointments[i].imageurl;
|
||||
img.alt = "Image #" + appointments[i].id;
|
||||
img_a.setAttribute("class", "small");
|
||||
img_a.appendChild(img);
|
||||
ml.appendChild(img_a);
|
||||
body.appendChild(media);
|
||||
body = document.createElement("div");
|
||||
body.className = "media-body";
|
||||
media.appendChild(body);
|
||||
media.appendChild(ml);
|
||||
}
|
||||
// if there are any categories change "body"
|
||||
elem = body;
|
||||
if (appointments[i].categories.length > 0) {
|
||||
elem = document.createElement("div");
|
||||
elem.className = "row";
|
||||
body.appendChild(elem);
|
||||
body = elem;
|
||||
elem = document.createElement("div");
|
||||
elem.className = "col-xs-6";
|
||||
body.appendChild(elem);
|
||||
}
|
||||
// info
|
||||
info = document.createElement("ul");
|
||||
// date
|
||||
date = document.createElement("li");
|
||||
date.appendChild(document.createTextNode( prettyDate( appointments[i].start, appointments[i].end, appointments[i].allday == 1) ));
|
||||
date.className = "date";
|
||||
info.appendChild(date);
|
||||
// location
|
||||
loc = document.createElement("li");
|
||||
loc.appendChild(document.createTextNode(appointments[i].location));
|
||||
loc.className = "loc";
|
||||
info.appendChild(loc);
|
||||
// organizer
|
||||
org = document.createElement("li");
|
||||
link = document.createElement("a");
|
||||
link.href = "mailto:" + appointments[i].organizer;
|
||||
link.appendChild(document.createTextNode(appointments[i].organizer));
|
||||
org.appendChild(link);
|
||||
org.className = "org";
|
||||
info.appendChild(org);
|
||||
// url
|
||||
url = /https?:\/\/.{4}/;
|
||||
if ( url.exec(appointments[i].webpage) != null ) {
|
||||
urli = document.createElement("li");
|
||||
url = document.createElement("a");
|
||||
url.appendChild(document.createTextNode(appointments[i].webpage));
|
||||
url.href = appointments[i].url;
|
||||
urli.className = "url";
|
||||
urli.appendChild(url);
|
||||
info.appendChild(urli);
|
||||
}
|
||||
// actions
|
||||
action = document.createElement("li");
|
||||
action.className = "action";
|
||||
// edit document
|
||||
edit_a = document.createElement("a");
|
||||
edit_img = document.createElement("img");
|
||||
edit_img.src = "images/edit.png";
|
||||
edit_img.alt = "edit";
|
||||
edit_a.href = "#edit-" + appointments[i].id;
|
||||
edit_a.setAttribute("onclick", "loadEditForm(" + appointments[i].id + ")");
|
||||
edit_a.appendChild(edit_img);
|
||||
action.appendChild(edit_a);
|
||||
// delete appointment
|
||||
del_a = document.createElement("a");
|
||||
del_img = document.createElement("img");
|
||||
del_img.src = "images/delete.png";
|
||||
del_img.alt = "delete";
|
||||
del_a.href = "#delete-" + appointments[i].id;
|
||||
del_a.setAttribute("onclick", "deleteAppointment(" + appointments[i].id + ")");
|
||||
del_a.appendChild(del_img);
|
||||
action.appendChild(del_a);
|
||||
// add image
|
||||
img_a = document.createElement("a");
|
||||
img_img = document.createElement("img");
|
||||
img_img.src = "images/add-image.png";
|
||||
img_img.alt = "add/change image";
|
||||
img_a.href = "#image-" + appointments[i].id;
|
||||
img_a.setAttribute("onclick", "showUploadImageForm(" + appointments[i].id + ")");
|
||||
img_a.appendChild(img_img);
|
||||
action.appendChild(img_a);
|
||||
// add category
|
||||
cat_a = document.createElement("a");
|
||||
cat_img = document.createElement("img");
|
||||
cat_img.src = "images/folder-txt.png";
|
||||
cat_img.alt = "add category";
|
||||
cat_a.href = "#add-category-" + appointments[i].id;
|
||||
cat_a.setAttribute("onclick", "showAddCategoryForm(" + appointments[i].id + ")");
|
||||
cat_a.appendChild(cat_img);
|
||||
action.appendChild(cat_a);
|
||||
// append actions
|
||||
info.appendChild(action);
|
||||
// add elements
|
||||
elem.appendChild(info);
|
||||
// categories
|
||||
if ( appointments[i].categories.length != 0 ) {
|
||||
body.appendChild(elem);
|
||||
cat = document.createElement("div");
|
||||
cat.className = "col-xs-6";
|
||||
cat.appendChild(document.createTextNode("Categories:"));
|
||||
cat2 = document.createElement("ul");
|
||||
cat2.setAttribute("id", "cat-" + appointments[i].id);
|
||||
cat2.className = "categories";
|
||||
for(var j=0; j < appointments[i].categories.length; j++) {
|
||||
dca = document.createElement("a");
|
||||
dca.href = "#remove-category-" + appointments[i].categories[j].id + "-from-" + appointments[i].id;
|
||||
dca.setAttribute("onclick", "deleteCategoryFromEvent( " + appointments[i].id + ", " + appointments[i].categories[j].id + ")");
|
||||
dcimg = document.createElement("img");
|
||||
dcimg.src = "images/delete.png";
|
||||
dcimg.alt = "remove category from event";
|
||||
dca.appendChild(dcimg);
|
||||
cat3 = document.createElement("li");
|
||||
cat3.setAttribute("id", "cat-" + appointments[i].id + "-" + appointments[i].categories[j].id);
|
||||
cat3.appendChild(document.createTextNode(appointments[i].categories[j].name));
|
||||
cat3.appendChild(dca);
|
||||
cat2.appendChild(cat3);
|
||||
}
|
||||
cat.appendChild(cat2);
|
||||
body.appendChild(cat);
|
||||
}
|
||||
// add appointment to list
|
||||
document.getElementById("content").appendChild(calendarElement);
|
||||
}
|
||||
}
|
||||
}
|
||||
function createNewCategory() {
|
||||
var name = document.getElementById("createCategory")["name"].value;
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
createNewCategoryOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("POST", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=add-category&name="+name);
|
||||
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
request.send("name="+encodeURIComponent(name));
|
||||
}
|
||||
function createNewCategoryOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error != 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getCategories();
|
||||
}
|
||||
}
|
||||
}
|
||||
function getCategories() {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
getCategoriesOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=list-categories");
|
||||
request.send();
|
||||
}
|
||||
function getCategoriesOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
var cats = c["categories"]["categories"];
|
||||
categories = cats;
|
||||
var p = document.getElementById("categoryList");
|
||||
p.innerHTML = "";
|
||||
for(var i=0;i<cats.length;i++) {
|
||||
img = document.createElement("img");
|
||||
img.src = "images/folder.png";
|
||||
img.alt = "category";
|
||||
cl = document.createElement("a");
|
||||
cl.className = "list-group-item";
|
||||
cl.href= "javascript:showCategory(" + cats[i].id + ")";
|
||||
cl.appendChild(img);
|
||||
cl.appendChild(document.createTextNode( cats[i].name ));
|
||||
cd = document.createElement("a");
|
||||
cd.href = "#delete-cat-" + cats[i].id;
|
||||
cd.setAttribute("onclick", "deleteCategory(" + cats[i].id + ")");
|
||||
ci = document.createElement("img");
|
||||
ci.src = "images/delete.png";
|
||||
ci.alt = "delete";
|
||||
cd.appendChild(ci);
|
||||
cl.appendChild(cd);
|
||||
p.appendChild(cl);
|
||||
}
|
||||
}
|
||||
}
|
||||
function deleteCategory( id ) {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
deleteCategoryOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=delete-category&id=" + encodeURIComponent(id) );
|
||||
request.send();
|
||||
}
|
||||
function deleteCategoryOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error != 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getCategories();
|
||||
getListItems();
|
||||
}
|
||||
}
|
||||
}
|
||||
function showCreateNewEntry() {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
showCreateNewEntryOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("GET", "formAppointment.html" );
|
||||
request.send();
|
||||
}
|
||||
function showCreateNewEntryOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
document.getElementById("content").innerHTML = request.responseText;
|
||||
}
|
||||
}
|
||||
function createNewEntry() {
|
||||
var f = document.getElementById("calendar-entry");
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
createNewEntryOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("POST", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=add" );
|
||||
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
var allday = f["allday"].checked;
|
||||
request.send(
|
||||
"title=" + encodeURIComponent(f["title"].value) + "&" +
|
||||
"location=" + encodeURIComponent(f["location"].value) + "&" +
|
||||
"organizer=" + encodeURIComponent(f["organizer"].value) + "&" +
|
||||
"start=" + encodeURIComponent(f["begin-date"].value + "T" + (allday ? "00:00" : f["begin-time"].value)) + "&" +
|
||||
"end=" + encodeURIComponent(f["end-date"].value + "T" + (allday ? "23:59" : f["end-time"].value)) + "&" +
|
||||
"status=" + encodeURIComponent(f["status"].value) + "&"+
|
||||
"allday=" + (allday ? "1" : "0") + "&" +
|
||||
"webpage=" + encodeURIComponent(f["webpage"].value)
|
||||
);
|
||||
}
|
||||
function createNewEntryOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getListItems();
|
||||
alert("Success!");
|
||||
}
|
||||
}
|
||||
}
|
||||
function loadEditForm( id ) {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
loadEditFormOnReadyStatusChangeEventHandler( id, request );
|
||||
};
|
||||
request.open("GET", "formAppointment.html" );
|
||||
request.send();
|
||||
}
|
||||
function loadEditFormOnReadyStatusChangeEventHandler( id, request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
document.getElementById("content").innerHTML = request.responseText;
|
||||
document.getElementById("header").innerHTML = "Edit appointment";
|
||||
appointment = null;
|
||||
for(var i=0; i<appointments.length; i++){
|
||||
if (appointments[i].id == id) {
|
||||
appointment = appointments[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (appointment == null) {
|
||||
alert("Appointment not found!");
|
||||
return;
|
||||
}
|
||||
var f = document.getElementById("calendar-entry");
|
||||
f["title"].value = appointment.title;
|
||||
f["location"].value = appointment.location;
|
||||
f["organizer"].value = appointment.organizer;
|
||||
f["begin-date"].value = appointment.start.split("T")[0];
|
||||
f["begin-time"].value = appointment.start.split("T")[1];
|
||||
f["end-date"].value = appointment.end.split("T")[0];
|
||||
f["end-time"].value = appointment.end.split("T")[1];
|
||||
f["status"].value = appointment.status;
|
||||
f["allday"].checked = appointment.allday == 1;
|
||||
f["webpage"].value = appointment.webpage;
|
||||
f.setAttribute("action","javascript:updateAppointment("+id+")");
|
||||
}
|
||||
}
|
||||
function updateAppointment( id ) {
|
||||
var f = document.getElementById("calendar-entry");
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
updateAppointmentOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("POST", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=update" );
|
||||
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
var allday = f["allday"].checked;
|
||||
request.send(
|
||||
"id=" + encodeURIComponent( id ) + "&" +
|
||||
"title=" + encodeURIComponent(f["title"].value) + "&" +
|
||||
"location=" + encodeURIComponent(f["location"].value) + "&" +
|
||||
"organizer=" + encodeURIComponent(f["organizer"].value) + "&" +
|
||||
"start=" + encodeURIComponent(f["begin-date"].value + "T" + (allday ? "00:00" : f["begin-time"].value)) + "&" +
|
||||
"end=" + encodeURIComponent(f["end-date"].value + "T" + (allday ? "23:59" : f["end-time"].value)) + "&" +
|
||||
"status=" + encodeURIComponent(f["status"].value) + "&"+
|
||||
"allday=" + (allday ? "1" : "0") + "&" +
|
||||
"webpage=" + encodeURIComponent(f["webpage"].value)
|
||||
);
|
||||
}
|
||||
function updateAppointmentOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getListItems();
|
||||
alert("Success!");
|
||||
}
|
||||
}
|
||||
}
|
||||
function deleteAppointment( id ) {
|
||||
if (confirm("Really delete this appointment?")) {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
deleteAppointmentOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=delete&id=" + encodeURIComponent(id) );
|
||||
request.send();
|
||||
}
|
||||
}
|
||||
function deleteAppointmentOnReadyStatusChangeEventHandler( request ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getListItems();
|
||||
alert("Success!");
|
||||
}
|
||||
}
|
||||
}
|
||||
function showUploadImageForm( id ) {
|
||||
var elem = document.getElementById("imf-" + id);
|
||||
if (elem != null) {
|
||||
elem.parentElement.removeChild(elem);
|
||||
return;
|
||||
}
|
||||
elem = document.createElement("div");
|
||||
elem.setAttribute("id", "imf-" + id);
|
||||
elem.className = "panel panel-info mar";
|
||||
document.getElementById("a-" + id).appendChild( elem );
|
||||
// load form
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
showUploadImageFormOnReadyStatusChangeEventHandler( request, id );
|
||||
};
|
||||
request.open("GET", "formImage.html");
|
||||
request.send();
|
||||
}
|
||||
function showUploadImageFormOnReadyStatusChangeEventHandler( request, id ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
document.getElementById("imf-" + id).innerHTML = request.responseText.replace(/##id##/g, id);
|
||||
}
|
||||
}
|
||||
function uploadImage( id ) {
|
||||
if (document.getElementById("delete-" + id) != null && document.getElementById("delete-" + id).checked ) {
|
||||
deleteImage( id );
|
||||
return;
|
||||
}
|
||||
var f = document.getElementById("appointment-" + id);
|
||||
if (f["image"].files[0].type != "image/jpeg" && f["image"].files[0].type != "image/png") {
|
||||
alert("Images must be of type JPEG or PNG");
|
||||
return;
|
||||
}
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
uploadImageOnReadyStatusChangeEventHandler( request );
|
||||
};
|
||||
request.open("POST", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=upload-image&id=" + id );
|
||||
//request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
var formData = new FormData();
|
||||
formData.append("file", f["image"].files[0]);
|
||||
request.send(formData);
|
||||
}
|
||||
function uploadImageOnReadyStatusChangeEventHandler( request, id ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getListItems();
|
||||
alert("Success!");
|
||||
}
|
||||
}
|
||||
}
|
||||
function deleteImage( id ) {
|
||||
if (document.getElementById("appointment-" + id) != null) {
|
||||
if (confirm("Really delete this image?")) {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
deleteImageOnReadyStatusChangeEventHandler( request, id );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=delete-image&id=" + encodeURIComponent(id) );
|
||||
request.send();
|
||||
}
|
||||
}
|
||||
}
|
||||
function deleteImageOnReadyStatusChangeEventHandler( request, id ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
elem = document.getElementById("img-" + id);
|
||||
elem.parentElement.removeChild(elem);
|
||||
elem = document.getElementById("imf-" + id);
|
||||
elem.parentElement.removeChild(elem);
|
||||
alert("Success!");
|
||||
}
|
||||
}
|
||||
}
|
||||
function showAddCategoryForm( id ) {
|
||||
var elem = document.getElementById("imc-" + id);
|
||||
if (elem != null) {
|
||||
elem.parentElement.removeChild(elem);
|
||||
return;
|
||||
}
|
||||
elem = document.createElement("div");
|
||||
elem.setAttribute("id", "imc-" + id);
|
||||
elem.className = "panel panel-info mar";
|
||||
document.getElementById("a-" + id).appendChild( elem );
|
||||
// load form
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
showAddCategoryFormOnReadyStatusChangeEventHandler( request, id );
|
||||
};
|
||||
request.open("GET", "formCategories.html");
|
||||
request.send();
|
||||
}
|
||||
function showAddCategoryFormOnReadyStatusChangeEventHandler( request, id ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
document.getElementById("imc-" + id).innerHTML = request.responseText.replace(/##id##/g, id);
|
||||
sel = document.getElementById("category-" + id);
|
||||
for(var i=0; i<categories.length; i++) {
|
||||
o = document.createElement("option");
|
||||
o.value = categories[i].id;
|
||||
o.appendChild(document.createTextNode(categories[i].name));
|
||||
sel.appendChild(o);
|
||||
}
|
||||
}
|
||||
}
|
||||
function addCategory( id ) {
|
||||
f = document.getElementById("categories-" + id);
|
||||
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
addCategoryOnReadyStatusChangeEventHandler( request, id );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=put-category&event=" + id + "&category=" + f["category"].value );
|
||||
request.send();
|
||||
}
|
||||
function addCategoryOnReadyStatusChangeEventHandler( request, id ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
getListItems();
|
||||
alert("Success!");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function deleteCategoryFromEvent( eventId, categoryId ) {
|
||||
var request = new XMLHttpRequest();
|
||||
request.onreadystatechange = function() {
|
||||
deleteCategoryFromEventOnReadyStatusChangeEventHandler( request, eventId, categoryId );
|
||||
};
|
||||
request.open("GET", "http://host.bisswanger.com/dhbw/calendar.php?user="+username+"&format=json&action=remove-category&event=" + eventId + "&category=" + categoryId );
|
||||
request.send();
|
||||
}
|
||||
function deleteCategoryFromEventOnReadyStatusChangeEventHandler( request, eventId, categoryId ) {
|
||||
if( request.readyState == 4 && (request.status == 200 || request.status == 0) ) {
|
||||
var c = eval('(' + request.responseText + ')');
|
||||
if (typeof c.error !== 'undefined') {
|
||||
alert( c.error.text );
|
||||
}else{
|
||||
elem = document.getElementById( "cat-" + eventId + "-" + categoryId );
|
||||
elem.parentElement.removeChild(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
showCategory(0);
|
||||
getCategories();
|
||||
@ -0,0 +1,13 @@
|
||||
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
|
||||
require('../../js/transition.js')
|
||||
require('../../js/alert.js')
|
||||
require('../../js/button.js')
|
||||
require('../../js/carousel.js')
|
||||
require('../../js/collapse.js')
|
||||
require('../../js/dropdown.js')
|
||||
require('../../js/modal.js')
|
||||
require('../../js/tooltip.js')
|
||||
require('../../js/popover.js')
|
||||
require('../../js/scrollspy.js')
|
||||
require('../../js/tab.js')
|
||||
require('../../js/affix.js')
|
||||
Loading…
Reference in new issue