6 files changed, 347 insertions, 0 deletions

diff --git a/app/Resources/static/themes/baggy/js/autoClose.js b/app/Resources/static/themes/baggy/js/autoClose.js
new file mode 100644
index 00000000..b0dafab2
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/autoClose.js
@@ -0,0 +1,8 @@
+var $ = global.jquery = require('jquery');
+
+$(document).ready(function () {
+  var currentUrl = window.location.href;
+  if (currentUrl.match('&closewin=true')) {
+    window.close();
+  }
+});
diff --git a/app/Resources/static/themes/baggy/js/autoCompleteTags.js b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
new file mode 100755
index 00000000..edd0a421
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
@@ -0,0 +1,46 @@
+var $ = global.jquery = require('jquery');
+
+jQuery(function ($) {
+  function split(val) {
+    return val.split(/,\s*/);
+  }
+  function extractLast(term) {
+    return split(term).pop();
+  }
+
+
+  $('#value').bind('keydown', function (event) {
+    if (event.keyCode === $.ui.keyCode.TAB && $(this).data('ui-autocomplete').menu.active) {
+      event.preventDefault();
+    }
+  }).autocomplete({
+    source: function (request, response) {
+      $.getJSON('./?view=tags', {
+        term: extractLast(request.term),
+        //id: $(':hidden#entry_id').val()
+      }, response);
+    },
+    search: function () {
+      // custom minLength
+      var term = extractLast(this.value);
+      if (term.length < 1) {
+        return false;
+      }
+    },
+    focus: function () {
+      // prevent value inserted on focus
+      return false;
+    },
+    select: function (event, ui) {
+      var terms = split(this.value);
+      // remove the current input
+      terms.pop();
+      // add the selected item
+      terms.push(ui.item.value);
+      // add placeholder to get the comma-and-space at the end
+      terms.push('');
+      this.value = terms.join(', ');
+      return false;
+    },
+  });
+});
diff --git a/app/Resources/static/themes/baggy/js/closeMessage.js b/app/Resources/static/themes/baggy/js/closeMessage.js
new file mode 100644
index 00000000..ae4b1791
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/closeMessage.js
@@ -0,0 +1,19 @@
+var $ = global.jquery = require('jquery');
+
+$(function () {
+  //---------------------------------------------------------------------------
+  // Show the close icon when the user hover over a message
+  //---------------------------------------------------------------------------
+  // $('.messages').on('mouseenter', function(){
+  //      $(this).find('a.closeMessage').stop(true, true).show();
+  // }).on('mouseleave', function(){
+  //      $(this).find('a.closeMessage').stop(true, true).hide();
+  // });
+  //---------------------------------------------------------------------------
+  // Close the message box when the user clicks the close icon
+  //---------------------------------------------------------------------------
+  $('a.closeMessage').on('click', function () {
+    $(this).parents('div.messages').slideUp(300, function () { $(this).remove(); });
+    return false;
+  });
+});
diff --git a/app/Resources/static/themes/baggy/js/init.js b/app/Resources/static/themes/baggy/js/init.js
new file mode 100755
index 00000000..d7d4b166
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/init.js
@@ -0,0 +1,98 @@
+var $ = global.jquery = require('jquery');
+require('jquery.cookie');
+require('jquery-ui');
+var annotator = require('annotator');
+
+
+$.fn.ready(function () {
+  var $listmode = $('#listmode');
+  var $listentries = $('#list-entries');
+
+  /* ==========================================================================
+     Menu
+     ========================================================================== */
+
+  $('#menu').click(function () {
+    $('#links').toggleClass('menu--open');
+    if ($('#content').hasClass('opacity03')) {
+      $('#content').removeClass('opacity03');
+    }
+  });
+
+  /* ==========================================================================
+     List mode or Table Mode
+     ========================================================================== */
+
+  $listmode.click(function () {
+    if (jquery.cookie('listmode') === 1) {
+      // Cookie
+      $.removeCookie('listmode');
+
+      $listentries.removeClass('listmode');
+      $listmode.removeClass('tablemode');
+      $listmode.addClass('listmode');
+    } else {
+      // Cookie
+      jquery.cookie('listmode', 1, { expires: 365 });
+
+      $listentries.addClass('listmode');
+      $listmode.removeClass('listmode');
+      $listmode.addClass('tablemode');
+    }
+  });
+
+  /* ==========================================================================
+     Cookie listmode
+     ========================================================================== */
+
+  if (jquery.cookie('listmode') === 1) {
+    $listentries.addClass('listmode');
+    $listmode.removeClass('listmode');
+    $listmode.addClass('tablemode');
+  }
+
+  /* ==========================================================================
+     Add tag panel
+     ========================================================================== */
+
+
+  $('#nav-btn-add-tag').on('click', function () {
+    $('.nav-panel-add-tag').toggle(100);
+    $('.nav-panel-menu').addClass('hidden');
+    $('#tag_label').focus();
+    return false;
+  });
+
+  /* ==========================================================================
+     Annotations & Remember position
+     ========================================================================== */
+
+    if ($('article').length) {
+      var app = new annotator.App();
+
+      app.include(annotator.ui.main, {
+        element: document.querySelector('article'),
+      });
+
+      var x = JSON.parse($('#annotationroutes').html());
+      app.include(annotator.storage.http, x);
+
+      app.start().then(function () {
+        app.annotations.load({ entry: x.entryId });
+      });
+
+      $(window).scroll(function (e) {
+        var scrollTop = $(window).scrollTop();
+        var docHeight = $(document).height();
+        var scrollPercent = (scrollTop) / (docHeight);
+        var scrollPercentRounded = Math.round(scrollPercent * 100) / 100;
+        savePercent(x.entryId, scrollPercentRounded);
+      });
+
+      retrievePercent(x.entryId);
+
+      $(window).resize(function () {
+          retrievePercent(x.entryId);
+      });
+    }
+});
diff --git a/app/Resources/static/themes/baggy/js/popupForm.js b/app/Resources/static/themes/baggy/js/popupForm.js
new file mode 100644
index 00000000..95ba60ee
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/popupForm.js
@@ -0,0 +1,101 @@
+var $ = global.jquery = require('jquery');
+
+$(document).ready(function () {
+  $('#search-form').hide();
+  $('#bagit-form').hide();
+  $('#filter-form').hide();
+  $('#download-form').hide();
+
+  //---------------------------------------------------------------------------
+  // Toggle the 'Search' popup in the sidebar
+  //---------------------------------------------------------------------------
+  function toggleSearch() {
+    $('#search-form').toggle();
+    $('#search').toggleClass('current');
+    $('#search').toggleClass('active-current');
+    $('#search-arrow').toggleClass('arrow-down');
+    if ($('#search').hasClass('current')) {
+      $('#content').addClass('opacity03');
+    } else {
+      $('#content').removeClass('opacity03');
+    }
+  }
+
+  //---------------------------------------------------------------------------
+  // Toggle the 'Filter' popup on entries list
+  //---------------------------------------------------------------------------
+  function toggleFilter() {
+    $('#filter-form').toggle();
+  }
+
+  //---------------------------------------------------------------------------
+  // Toggle the 'Download' popup on entries list
+  //---------------------------------------------------------------------------
+  function toggleDownload() {
+    $('#download-form').toggle();
+  }
+
+  //---------------------------------------------------------------------------
+  // Toggle the 'Save a Link' popup in the sidebar
+  //---------------------------------------------------------------------------
+  function toggleBagit() {
+    $('#bagit-form').toggle();
+    $('#bagit').toggleClass('current');
+    $('#bagit').toggleClass('active-current');
+    $('#bagit-arrow').toggleClass('arrow-down');
+    if ($('#bagit').hasClass('current')) {
+      $('#content').addClass('opacity03');
+    } else {
+      $('#content').removeClass('opacity03');
+    }
+  }
+
+  //---------------------------------------------------------------------------
+  // Close all #links popups in the sidebar
+  //---------------------------------------------------------------------------
+  function closePopups() {
+    $('#links .messages').hide();
+    $('#links > li > a').removeClass('active-current');
+    $('#links > li > a').removeClass('current');
+    $('[id$=-arrow]').removeClass('arrow-down');
+    $('#content').removeClass('opacity03');
+  }
+
+  $('#search').click(function () {
+    closePopups();
+    toggleSearch();
+    $('#searchfield').focus();
+  });
+
+  $('.filter-btn').click(function () {
+    closePopups();
+    toggleFilter();
+  });
+
+  $('.download-btn').click(function () {
+    closePopups();
+    toggleDownload();
+  });
+
+  $('#bagit').click(function () {
+    closePopups();
+    toggleBagit();
+    $('#plainurl').focus();
+  });
+
+  $('#search-form-close').click(function () {
+    toggleSearch();
+  });
+
+  $('#filter-form-close').click(function () {
+    toggleFilter();
+  });
+
+  $('#download-form-close').click(function () {
+    toggleDownload();
+  });
+
+  $('#bagit-form-close').click(function () {
+    toggleBagit();
+  });
+});
diff --git a/app/Resources/static/themes/baggy/js/saveLink.js b/app/Resources/static/themes/baggy/js/saveLink.js
new file mode 100755
index 00000000..5c720886
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/saveLink.js
@@ -0,0 +1,75 @@
+var $ = global.jquery = require('jquery');
+
+$.fn.ready(function () {
+  var $bagit = $('#bagit');
+  var $bagitForm = $('#bagit-form');
+  var $bagitFormForm = $('#bagit-form-form');
+
+  /* ==========================================================================
+   bag it link and close button
+   ========================================================================== */
+
+  function toggleSaveLinkForm(url, event) {
+    $('#add-link-result').empty();
+
+    $bagit.toggleClass('active-current');
+
+    // only if bag-it link is not presented on page
+    if ($bagit.length === 0) {
+      if (event !== 'undefined' && event) {
+        $bagitForm.css({ position: 'absolute', top: event.pageY, left: event.pageX - 200 });
+      } else {
+        $bagitForm.css({ position: 'relative', top: 'auto', left: 'auto' });
+      }
+    }
+
+    if ($('#search-form').length !== 0) {
+      $('#search').removeClass('current');
+      $('#search-arrow').removeClass('arrow-down');
+      $('#search-form').hide();
+    }
+    $bagitForm.toggle();
+    $('#content').toggleClass('opacity03');
+    if (url !== 'undefined' && url) {
+      $('#plainurl').val(url);
+    }
+    $('#plainurl').focus();
+  }
+
+  // send 'bag it link' form request via ajax
+  $bagitFormForm.submit(function (event) {
+    $('body').css('cursor', 'wait');
+    $('#add-link-result').empty();
+
+    $.ajax({
+      type: $bagitFormForm.attr('method'),
+      url: $bagitFormForm.attr('action'),
+      data: $bagitFormForm.serialize(),
+      success: function (data) {
+        $('#add-link-result').html('Done!');
+        $('#plainurl').val('');
+        $('#plainurl').blur('');
+        $('body').css('cursor', 'auto');
+      },
+      error: function (data) {
+        $('#add-link-result').html('Failed!');
+        $('body').css('cursor', 'auto');
+      },
+    });
+
+    event.preventDefault();
+  });
+
+  /* ==========================================================================
+   Process all links inside an article
+   ========================================================================== */
+
+  $('article a[href^="http"]').after(function () {
+    return ' <a href="' + $(this).attr('href') + '" class="add-to-wallabag-link-after" alt="add to wallabag" title="add to wallabag"></a> ';
+  });
+
+  $('.add-to-wallabag-link-after').click(function (event) {
+    toggleSaveLinkForm($(this).attr('href'), event);
+    event.preventDefault();
+  });
+});