Project rename

html/Dein Equipment/public/javascripts/actions.js

@@ -0,0 +1,29 @@
+$(function() {
+  initDatepickerRange();
+  initAvailabilityCalendar();
+  $('[data-toggle="tooltip"]').tooltip({
+    placement: 'bottom'
+  });
+});
+
+
+function initDatepickerRange() {
+  // Doku: https://uxsolutions.github.io/bootstrap-datepicker/
+  
+  $('input[data-type="date"]').datepicker({
+    format: "dd.mm.yyyy",
+    language: "de",
+    daysOfWeekHighlighted: "0,6",
+    todayHighlight: true,
+    orientation: "top auto"
+  });
+}
+
+function initAvailabilityCalendar() {  
+  $('.calendar').each(function() {
+    var $cal = $(this);
+    var unavailableDates = JSON.parse($cal.parent().find('input:first').val());
+
+    $cal.availabilityCalendar(unavailableDates);
+  });
+}

html/Dein Equipment/public/javascripts/bootstrap-datepicker.de.min.js

@@ -0,0 +1 @@
+!function(a){a.fn.datepicker.dates.de={days:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],daysShort:["Son","Mon","Die","Mit","Don","Fre","Sam"],daysMin:["So","Mo","Di","Mi","Do","Fr","Sa"],months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],today:"Heute",monthsTitle:"Monate",clear:"Löschen",weekStart:1,format:"dd.mm.yyyy"}}(jQuery);

html/Dein Equipment/public/javascripts/calendar.js

@@ -0,0 +1,207 @@
+(function ($) {
+	var weekdays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
+	var months = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'];
+
+
+	function AvailabilityCalendar(container, bookedDates) {
+		this.date = new Date();
+		this.date.setDate(1);
+
+		this.container = container;
+		this.bookedDates = bookedDates;
+
+		this.createCalendar();
+		this.renderMonth();
+	}
+
+
+	AvailabilityCalendar.prototype = {
+		/**
+		 * Setup methods
+		 */
+		__createToolbar: function () {
+			var $toolbar = $('<div></div>').appendTo(this.container);
+			$toolbar.addClass('availability-calendar-toolbar');
+
+			this.$monthLabel = $('<span></span>').appendTo($toolbar);
+			var $inputContainer = $('<span></span>').appendTo($toolbar);
+
+			$inputContainer.append('<input type="button" title="Aktueller Monat" value="Heute">');
+			$inputContainer.append('<input type="button" title="Vorheriger Monat" value="&#10094;">');
+			$inputContainer.append('<input type="button" title="Nächster Monat" value="&#10095;">');
+
+			var $inputs = $inputContainer.children('input');
+			var self = this;
+
+			$inputs.eq(0).on('click', function () {
+				self.date = new Date();
+				self.date.setDate(1);
+				self.renderMonth();
+			});
+
+			$inputs.eq(1).on('click', function () {
+				self.date.setMonth(self.date.getMonth() - 1);
+				self.renderMonth();
+			});
+
+			$inputs.eq(2).on('click', function () {
+				self.date.setMonth(self.date.getMonth() + 1);
+				self.renderMonth();
+			});
+		},
+		__createTable: function () {
+			var $table = $('<table></table>').appendTo(this.container);
+			$table.addClass('availability-calendar');
+
+			// Weekday headers
+			var $tr = $('<tr></tr>').appendTo($table);
+
+			weekdays.forEach(function (day) {
+				$('<th></th>').html(day).appendTo($tr);
+			});
+
+			// Day cells
+			for (var i = 0; i < 6; ++i) {
+				$tr = $('<tr></tr>').appendTo($table);
+				$tr.append('<td></td><td></td><td></td><td></td><td></td><td></td><td></td>');
+			}
+
+			this.$cells = $table.find('td');
+		},
+		createCalendar: function () {
+			this.__createToolbar();
+			this.__createTable();
+		},
+
+
+		/**
+		 * Month rendering methods
+		 */
+		__addPreviousMonthDays: function (date, cellIndexes, dates) {
+			var firstWeekdayOfMonth = date.getDay() - 1;
+			if (firstWeekdayOfMonth < 0) firstWeekdayOfMonth = 6;
+
+			if (firstWeekdayOfMonth > 0) {
+				date.setDate(0);
+				var numDays = date.getDate();
+
+				for (var i = numDays - firstWeekdayOfMonth + 1; i <= numDays; ++i) {
+					this.$cells.eq(dates.length).html(i).addClass('ex-month');
+
+					date.setDate(i);
+					var dateInt = date.valueOf();
+
+					cellIndexes[dateInt] = dates.length;
+					dates.push(dateInt);
+				}
+			}
+		},
+		__addThisMonthDays: function (date, year, month, cellIndexes, dates) {
+			date.setFullYear(year, month + 1, 0); // Need to reset year
+			var numDays = date.getDate();
+
+			for (var i = 1; i <= numDays; ++i) {
+				this.$cells.eq(dates.length).html(i);
+
+				date.setDate(i);
+				var dateInt = date.valueOf();
+
+				cellIndexes[dateInt] = dates.length;
+				dates.push(dateInt);
+			}
+		},
+		__addNextMonthDays: function (date, month, cellIndexes, dates) {
+			if (dates.length < 42) {
+				date.setMonth(month + 1, 1);
+				var remainingDays = 42 - dates.length;
+
+				for (var i = 1; i <= remainingDays; ++i) {
+					this.$cells.eq(dates.length).html(i).addClass('ex-month');
+
+					date.setDate(i);
+					var dateInt = date.valueOf();
+
+					cellIndexes[dateInt] = dates.length;
+					dates.push(dateInt);
+				}
+			}
+		},
+		__addEvents: function (cellIndexes, dates) {
+			var firstDate = dates[0];
+			var lastDate = dates[dates.length - 1];
+			var self = this;
+
+			this.bookedDates.forEach(function (date) {
+				if (date.start <= lastDate && date.end >= firstDate) {
+					var startIndex = cellIndexes[date.start];
+					var endIndex = cellIndexes[date.end];
+
+					if (startIndex !== undefined) {
+						self.$cells.eq(startIndex).addClass('unavailable').append('<div class="first"></div>');
+						++startIndex;
+					}
+					else {
+						startIndex = cellIndexes[firstDate];
+					}
+
+					if (endIndex !== undefined) {
+						self.$cells.eq(endIndex).addClass('unavailable').append('<div class="last"></div>');
+						--endIndex;
+					}
+					else {
+						endIndex = cellIndexes[lastDate];
+					}
+
+					self.$cells.slice(startIndex, endIndex + 1).addClass('unavailable').append('<div></div>');
+				}
+			});
+		},
+		renderMonth: function () {
+			var cellIndexes = {};
+			var dates = [];
+
+			var year = this.date.getFullYear();
+			var month = this.date.getMonth();
+			var date = new Date(year, month, 1);
+
+			this.$monthLabel.html(months[month] + ' ' + year);
+			this.$cells.removeClass('ex-month');
+			this.$cells.filter('.unavailable').removeClass('unavailable').children().remove();
+
+			this.__addPreviousMonthDays(date, cellIndexes, dates);
+			this.__addThisMonthDays(date, year, month, cellIndexes, dates);
+			this.__addNextMonthDays(date, month, cellIndexes, dates);
+
+			this.__addEvents(cellIndexes, dates);
+		}
+	};
+
+
+	$.fn.availabilityCalendar = function (bookedDates) {
+		var dates = [];
+
+		bookedDates.forEach(function (date) {
+			var start = new Date(date.start);
+			var end = new Date(date.end);
+
+			start.setHours(0, 0, 0, 0);
+			end.setHours(0, 0, 0, 0);
+
+			start = start.valueOf();
+			end = end.valueOf();
+
+			if (start <= end) {
+				dates.push({
+					start: start,
+					end: end
+				});
+			}
+		});
+
+		this.each(function () {
+			new AvailabilityCalendar(this, dates);
+		});
+
+		return this;
+	};
+})(jQuery);

html/Dein Equipment/public/stylesheets/bootstrap-datepicker.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["less/datepicker.less","build/build.less"],"names":[],"mappings":"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"}

html/Dein Equipment/public/stylesheets/calendar.css

@@ -0,0 +1,106 @@
+/**
+ * Calendar toolbar
+ */
+.availability-calendar-toolbar {
+	padding-bottom: 15px;
+	font-size: 1.2em;
+	font-weight: bold;
+	margin-bottom: 10px;
+	margin-top: 40px;
+}
+
+.availability-calendar-toolbar span:last-child {
+  float: right;
+}
+
+.availability-calendar-toolbar input {
+	padding: 7px 14px;
+	background: #fff;
+	background-image: none;
+	border: 1px solid #BBB;
+	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+	font-weight: bold;
+	cursor: pointer;
+	outline: 0;
+}
+
+.availability-calendar-toolbar input:first-child {
+	margin-right: 5px;
+	padding: 8px 14px;
+	border-radius: 3px;
+}
+
+.availability-calendar-toolbar input:nth-child(2) {
+  border-radius: 3px 0 0 3px;
+}
+
+.availability-calendar-toolbar input:last-child {
+	margin-left: -1px;
+	border-radius: 0 3px 3px 0;
+}
+
+.availability-calendar-toolbar input:hover {
+	color: #cecdd2;
+}
+
+.availability-calendar-toolbar input:active {
+	background: #D5D5D5;
+	background-image: linear-gradient(to bottom, #DDD, #C6C6C6);
+}
+
+
+/**
+ * Calendar table and cells
+ */
+.availability-calendar {
+	width: 100%;
+	background: #FFF;
+	table-layout: fixed;
+	border-collapse: collapse;
+}
+
+.availability-calendar th, .availability-calendar td {
+	border: 1px solid #DDD;
+	padding: 5px;
+}
+
+.availability-calendar td {
+	height: 60px;
+	vertical-align: top;
+	text-align: right;
+}
+
+.availability-calendar .ex-month {
+  opacity: 0.4;
+}
+
+.availability-calendar .unavailable {
+  position: relative;
+}
+
+.availability-calendar .unavailable div {
+	position: absolute;
+	top: 50%;
+	left: 0;
+	right: -1px;
+	height: 10px;
+	background: #f49a34;
+	border-top: 1px solid #A33;
+	border-bottom: 1px solid #A33;
+}
+
+.availability-calendar .unavailable:last-child div {
+  right: 0;
+}
+
+.availability-calendar .unavailable .first {
+	left: 51%;
+	border-radius: 3px 0 0 3px;
+	border-left: 1px solid #A33;
+}
+
+.availability-calendar .unavailable .last {
+	right: 51%;
+	border-radius: 0 3px 3px 0;
+	border-right: 1px solid #A33;
+}

html/Dein Equipment/public/stylesheets/normalize.css

@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

html/Dein Equipment/public/stylesheets/style.less

@@ -0,0 +1,240 @@
+@import (inline) "normalize.css";
+@import (inline) "bootstrap.min.css";
+@import (inline) "bootstrap-datepicker.min.css";
+@import (inline) "font-awesome.min.css";
+@import (inline) "calendar.css";
+
+
+@color_white: #fff;
+@color_black: #000;
+@color_grey: #cecdd2;
+@color_orange: #f49a34;
+
+@radio_border_default: 3px;
+
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  font: 1em "Lucida Grande", Helvetica, Arial, sans-serif;
+}
+
+a {
+  color: @color_orange;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: none;
+    color: @color_grey;
+    background-color: fade(@color_white, 50%);
+  }
+
+  &#back {
+    display: block;
+    position: absolute;
+    left: 5px;
+    top: 5px;
+    line-height: 1.2em;
+    font-size: 1.8em;
+    font-weight: bold;
+    text-align: center;
+    background-color: fade(@color_white, 10%);
+    border: 1px solid @color_grey;
+    border-radius: 3px;
+    width: 1.5em;
+    height: 1.5em;
+    z-index: 2;
+  }
+}
+
+#stage {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-image: url('/images/stage-camping-001.jpg');
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+
+  .welcome {
+    position: relative;
+    width: 100%;
+    top: 30%;
+    color: @color_white;
+    font-size: 3em;
+    font-weight: bold;
+    text-align: center;
+  }
+  
+  .startLink {
+    display: block;
+    width: 70%;
+    margin: auto;
+    position: relative;
+    top: 40%;
+    border: 1px solid @color_white;
+    color: @color_white;
+    font-size: 1.3em;
+    text-align: center;
+    padding: 0.6em;
+    
+    &:hover {
+      background-color: fade(@color_white, 50%);
+      text-decoration: none;
+    }
+  }
+}
+
+#items {
+  background-color: @color_grey;
+  
+  .item {
+    display: block;
+    position: relative;
+    
+    &:hover {
+      text-decoration: none;
+      
+      title {
+        background-color: fade(@color_white, 50%);
+        color: @color_grey;
+      }
+      
+      intro {
+        background-color: fade(@color_white, 50%);
+      }
+    }
+    
+    .preview {
+      height: auto;
+      width: 100%;
+    }
+    
+    title {
+      display: block;
+      position: relative;
+      top: 0px;
+      width: 100%;
+      background-color: fade(@color_grey, 50%);
+      border-bottom: 1px solid @color_white;
+      padding: 0.2em 0;
+      color: @color_white;
+      text-align: center;
+      font-weight: bold;
+      font-size: 1.1em;
+    }
+    
+    intro {
+      display: none;
+      position: absolute;
+      bottom: 0px;
+      width: 100%;
+      text-align: center;
+      font-size: 1em;
+      font-weight: normal;
+      color: @color_white;
+      background-color: fade(@color_grey, 50%);
+      border-top: 1px solid @color_white;
+    }
+  }
+}
+
+#itemPage {
+  #stage {
+    height: auto;
+    border-bottom: 1px solid @color_orange;
+    margin-bottom: 10px;
+  }
+  
+  #details {
+    text-align: justify;
+    padding: 0 5px;
+    
+    p {
+      @item_details_margin: 25px;
+      margin-left: @item_details_margin;
+      margin-right: @item_details_margin;
+    }
+    
+    .price {
+      text-align: center;
+      
+      .value {
+        color: @color_orange;
+        font-size: 2em;
+      }
+    }
+  }
+}
+
+footer {
+  margin-top: 10px;
+  border-top: 1px solid @color_orange;
+  background-color: fade(@color_grey, 50%);
+  text-align: center;
+  
+  a {    
+    &:hover {
+      background-color: inherit;
+    }
+  }
+}
+
+.lawthings {
+  h2 {
+    text-align: center;
+    margin-bottom: 30px;
+  }
+}
+
+.input-daterange {
+  flex-direction: column;
+  
+  &.input-group {
+    .form-control,
+    .input-group-addon {
+      width: 100%;
+      display: block;
+      border: 1px solid @color_grey;
+    }
+    
+    .input-group-addon {
+      text-align: center;
+      
+      &.intro {
+        
+      }
+    }
+    
+    .form-control {
+      border-radius: @radio_border_default;
+    }
+  }
+}
+
+.request {
+  margin-top: 20px;
+  
+  h5 {
+    font-size: 1.2em;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+  
+  .datepicker {
+    table {
+      tr {
+        td {
+          &.today,
+          &.highlighted {
+            background-image: none;
+            background-color: fade(@color_orange, 50%);
+          }
+        }
+      }
+    }
+  }
+}