Initial commit as of 2018-10-16

assets/js/download.js

@@ -0,0 +1,63 @@
+$(document).ready(function () {
+    var downloadSlider = $('#downloadSlider').lightSlider({
+        auto: true,
+        autoWidth: true,
+        loop: true,
+        pauseOnHover: true,
+        controls: true,
+        enableTouch: true,
+        enableDrag: true
+    });
+    $('#downloadSlider').css('min-height', '400px');
+});
+
+function activateDownloadSlider() {
+    var downloadSlider = $('#downloadSlider').lightSlider({
+        auto: true,
+        autoWidth: true,
+        loop: true,
+        pauseOnHover: true,
+        controls: true,
+        enableTouch: false,
+        enableDrag: false
+    });
+}
+
+var loadDownloadInfo = function (id) {
+    $.ajax({
+        url: 'http://192.168.178.39/downloads/getDownload',
+        data: {
+            id: id
+        },
+        beforeSend: function () {
+            $('ul#downloadSlider a.active').removeClass("active");
+            $('#download-container > div').fadeOut();
+            $('#download-container').html("<h2 style='display: none;'><i class='fa fa-refresh fa-spin'></i> Loading...</h2>");
+            $('#download-container h2').fadeIn();
+        },
+        error: function () {
+            $('#download-container').html("<h2 class='text-danger'>Fehler! Download-Informationen konnten aufgrund eines unbekannten Fehlers nicht geladen werden!</h2><h3>Bitte versuche es später erneut oder kontaktiere das Website-Team!</h3>");
+        },
+        success: function (data) {
+            $('#download-container').html('<div id="info-' + id + '" style="display: none;">' + data + '</div>');
+            $('#info-' + id).fadeIn();
+            $('.image-container').removeClass('active');
+            $('#download-' + id + ' .image-container').addClass("active");
+            $('html, body').animate({
+                scrollTop: $("#download-container").offset().top - 80
+            }, 1000);
+        }
+    });
+};
+
+var sliderItem = $('#downloadSlider a');
+sliderItem.each(function () {
+    $(this).on('mousedown', function (evt) {
+        $(this).on('mouseup mousemove', function handler(evt) {
+            if (evt.type === 'mouseup') {
+                loadDownloadInfo($(this).attr("data-id"));
+            }
+            $(this).off('mouseup mousemove', handler);
+        });
+    });
+});