implement copying of Stations for Seminary copy feature

www/js/scripts.js

@@ -0,0 +1,221 @@
+/**
+ * http://stackoverflow.com/questions/1064089/inserting-a-text-where-cursor-is-using-javascript-jquery/1064139#1064139
+ */
+function getCaret(textareaId)
+{
+    var textarea = document.getElementById(textareaId);
+    var strPos = 0;
+    if(textarea.selectionStart || textarea.selectionStart == '0') {
+        strPos = textarea.selectionStart
+    }
+    else if(document.selection)
+    {
+        textarea.focus();
+        var range = document.selection.createRange();
+        range.moveStart('character', -textarea.value.length);
+        strPos = range.text.length;
+    }
+    else {
+        strPos = -1;
+    }
+
+    return strPos;
+}
+
+
+function insertAtCaret(textareaId, caret, text)
+{
+    var textarea = document.getElementById(textareaId);
+    var scrollPos = textarea.scrollTop;
+
+    var front = (textarea.value).substring(0, caret);
+    var back = (textarea.value).substring(caret, textarea.value.length);
+    textarea.value = front + text + back;
+    caret = caret + text.length;
+
+    if(textarea.selectionStart || textarea.selectionStart == '0')
+    {
+        textarea.selectionStart = caret;
+        textarea.selectionEnd = caret;
+        textarea.focus();
+    }
+    else if(document.selection)
+    {
+        textarea.focus();
+        var range = document.selection.createRange();
+        range.moveStart('character', -textarea.value.length);
+        range.moveStart('character', caret);
+        range.moveEnd('character', 0);
+        range.select();
+    }
+    textarea.scrollTop = scrollPos;
+}
+
+
+
+
+/**
+ * Drag&Drop-functions
+ */
+
+function onDragStart(event)
+{
+    jQuery(event.currentTarget).addClass("drag");
+    event.dataTransfer.setData("Text", event.target.id);
+}
+
+function onDragEnter(event)
+{
+    if(event.target.nodeName == "DIV" && !(event.target.parentNode.id == "dropZone" && event.target.hasChildNodes())) {
+        jQuery(event.target).addClass('drop');
+    }
+}
+
+function onDragOver(event)
+{
+    if(event.target.nodeName == "DIV" && !(event.target.parentNode.id == "dropZone" && event.target.hasChildNodes())) {
+        event.preventDefault();
+    }
+}
+
+function onDragLeave(event)
+{
+    jQuery(event.target).removeClass('drop');
+}
+
+function onDragEnd(event)
+{
+    jQuery(event.currentTarget).removeClass("drag");
+}
+
+function onDrop(event, setId)
+{
+    setId = (typeof setId == 'undefined') ? true : setId;
+    jQuery(event.currentTarget).removeClass('drag');
+    jQuery(event.target).removeClass('drop');
+    event.preventDefault();
+
+    var data = event.dataTransfer.getData("Text");
+    var dataElement = $('#'+data);
+    if(dataElement.parent() && $('#dnd_'+dataElement.parent().attr('id'))) {
+        $('#dnd_'+dataElement.parent().attr('id')).attr('value', "null");
+    }
+    jQuery(event.target).append(dataElement);
+
+    if(setId) {
+        console.log(data);
+        $('#dnd_' + jQuery(event.target).attr('id')).attr('value', data);
+    }
+}
+
+
+
+
+/**
+ * Notification functions.
+ */
+
+/**
+ * Play notification, if audio-element is present.
+ */
+function notify()
+{
+    var notifySound = $("#notify-sound");
+    if(notifySound.length > 0) {
+        notifySound.get(0).volume = 0.5;
+        notifySound.get(0).play();
+    }
+}
+
+
+
+
+/**
+ * Image lightbox functions
+ */
+
+/**
+ * Show caption for image.
+ */
+function captionOn()
+{
+    var description = $('a[href="' + $('#imagelightbox').attr('src') + '"] ~ span.source');
+    var div = $('<div id="imagelightbox-caption"></div>');
+    if(description.size() > 0)
+    {
+        description.first().clone().appendTo(div);
+        div.appendTo('body');
+        //$('<div id="imagelightbox-caption">' + description + '</div>' ).appendTo('body');
+    }
+    captionResize();
+    setTimeout(captionResize, 255);
+}
+
+/**
+ * Position caption.
+ */
+function captionResize()
+{
+    var lightbox = $('#imagelightbox');
+    var caption = $('#imagelightbox-caption');
+    if(lightbox.size() > 0 && caption.size() > 0)
+    {
+        var right = $(window).width() - lightbox.position().left - lightbox.width();
+        var bottom = $(window).height() - lightbox.position().top - lightbox.height();
+        caption.css('right', right+'px');
+        caption.css('bottom', bottom+'px');
+    }
+}
+
+/**
+ * Remove caption.
+ */
+function captionOff()
+{
+    $('#imagelightbox-caption').remove();
+}
+
+
+
+
+
+/**
+ * Start up
+ */
+$(function() {
+    // Add image lightbox
+    $('a').imageLightbox({
+        animationSpeed: 250,
+        onLoadStart: function() {
+            captionOff();
+        },
+        onLoadEnd: function() {
+            captionOn();
+        },
+        onEnd: function() {
+            captionOff();
+        }
+    });
+    // Position caption
+    $(window).on('resize', function() {
+        setTimeout(captionResize, 10);
+    });
+
+    // Add scroll
+    $(".qtextbox").niceScroll({
+        autohidemode:false,
+        cursorcolor:"#c2beb9"
+    });
+
+    // Notification
+    notify();
+    setTimeout(
+        function() {
+            $(".notify").fadeOut(1500);
+        },
+        5000
+    );
+    $('body').click(function() {
+        $(".notify").fadeOut(200);
+    });
+});