aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources/static/themes/baggy
diff options
context:
space:
mode:
authorThomas Citharel <tcit@tcit.fr>2016-06-09 19:02:38 +0200
committerThomas Citharel <tcit@tcit.fr>2016-06-09 19:02:38 +0200
commit0743287f955fd19fd1a04c91f3b40a4ac2236423 (patch)
tree42d9f4efef7c8099416e24ce751de78524b9a58a /app/Resources/static/themes/baggy
parent5ecdfcd041767c9e3244a92bb0a6cc3c3f80fea3 (diff)
downloadwallabag-0743287f955fd19fd1a04c91f3b40a4ac2236423.tar.gz
wallabag-0743287f955fd19fd1a04c91f3b40a4ac2236423.tar.zst
wallabag-0743287f955fd19fd1a04c91f3b40a4ac2236423.zip
clean & lint stuff
Diffstat (limited to 'app/Resources/static/themes/baggy')
-rw-r--r--app/Resources/static/themes/baggy/js/autoClose.js12
-rwxr-xr-xapp/Resources/static/themes/baggy/js/autoCompleteTags.js35
-rw-r--r--app/Resources/static/themes/baggy/js/closeMessage.js36
-rwxr-xr-xapp/Resources/static/themes/baggy/js/init.js99
-rw-r--r--app/Resources/static/themes/baggy/js/popupForm.js167
-rwxr-xr-xapp/Resources/static/themes/baggy/js/saveLink.js67
6 files changed, 207 insertions, 209 deletions
diff --git a/app/Resources/static/themes/baggy/js/autoClose.js b/app/Resources/static/themes/baggy/js/autoClose.js
index e9145b7e..b0dafab2 100644
--- a/app/Resources/static/themes/baggy/js/autoClose.js
+++ b/app/Resources/static/themes/baggy/js/autoClose.js
@@ -1,6 +1,8 @@
1$(document).ready(function() { 1var $ = global.jquery = require('jquery');
2 current_url = window.location.href 2
3 if (current_url.match("&closewin=true")) { 3$(document).ready(function () {
4 window.close(); 4 var currentUrl = window.location.href;
5 } 5 if (currentUrl.match('&closewin=true')) {
6 window.close();
7 }
6}); 8});
diff --git a/app/Resources/static/themes/baggy/js/autoCompleteTags.js b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
index 90bc982c..edd0a421 100755
--- a/app/Resources/static/themes/baggy/js/autoCompleteTags.js
+++ b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
@@ -1,47 +1,46 @@
1jQuery(function($) { 1var $ = global.jquery = require('jquery');
2 2
3 function split( val ) { 3jQuery(function ($) {
4 return val.split( /,\s*/ ); 4 function split(val) {
5 return val.split(/,\s*/);
5 } 6 }
6 function extractLast( term ) { 7 function extractLast(term) {
7 return split( term ).pop(); 8 return split(term).pop();
8 } 9 }
9 10
10 11
11 $("#value").bind("keydown", function(event) { 12 $('#value').bind('keydown', function (event) {
12 if (event.keyCode === $.ui.keyCode.TAB && $(this).data("ui-autocomplete").menu.active) { 13 if (event.keyCode === $.ui.keyCode.TAB && $(this).data('ui-autocomplete').menu.active) {
13 event.preventDefault(); 14 event.preventDefault();
14 } 15 }
15 }).autocomplete({ 16 }).autocomplete({
16 source : function(request, response) { 17 source: function (request, response) {
17 $.getJSON("./?view=tags", { 18 $.getJSON('./?view=tags', {
18 term : extractLast(request.term), 19 term: extractLast(request.term),
19 //id: $(':hidden#entry_id').val() 20 //id: $(':hidden#entry_id').val()
20 }, response); 21 }, response);
21 }, 22 },
22 search : function() { 23 search: function () {
23 // custom minLength 24 // custom minLength
24 var term = extractLast(this.value); 25 var term = extractLast(this.value);
25 if (term.length < 1) { 26 if (term.length < 1) {
26 return false; 27 return false;
27 } 28 }
28 }, 29 },
29 focus : function() { 30 focus: function () {
30 // prevent value inserted on focus 31 // prevent value inserted on focus
31 return false; 32 return false;
32 }, 33 },
33 select : function(event, ui) { 34 select: function (event, ui) {
34 var terms = split(this.value); 35 var terms = split(this.value);
35 // remove the current input 36 // remove the current input
36 terms.pop(); 37 terms.pop();
37 // add the selected item 38 // add the selected item
38 terms.push(ui.item.value); 39 terms.push(ui.item.value);
39 // add placeholder to get the comma-and-space at the end 40 // add placeholder to get the comma-and-space at the end
40 terms.push(""); 41 terms.push('');
41 this.value = terms.join(", "); 42 this.value = terms.join(', ');
42 return false; 43 return false;
43 } 44 },
44 }); 45 });
45
46
47}); 46});
diff --git a/app/Resources/static/themes/baggy/js/closeMessage.js b/app/Resources/static/themes/baggy/js/closeMessage.js
index 527719d5..ae4b1791 100644
--- a/app/Resources/static/themes/baggy/js/closeMessage.js
+++ b/app/Resources/static/themes/baggy/js/closeMessage.js
@@ -1,17 +1,19 @@
1$(function(){ 1var $ = global.jquery = require('jquery');
2 //--------------------------------------------------------------------------- 2
3 // Show the close icon when the user hover over a message 3$(function () {
4 //--------------------------------------------------------------------------- 4 //---------------------------------------------------------------------------
5 // $('.messages').on('mouseenter', function(){ 5 // Show the close icon when the user hover over a message
6 // $(this).find('a.closeMessage').stop(true, true).show(); 6 //---------------------------------------------------------------------------
7 // }).on('mouseleave', function(){ 7 // $('.messages').on('mouseenter', function(){
8 // $(this).find('a.closeMessage').stop(true, true).hide(); 8 // $(this).find('a.closeMessage').stop(true, true).show();
9 // }); 9 // }).on('mouseleave', function(){
10 //--------------------------------------------------------------------------- 10 // $(this).find('a.closeMessage').stop(true, true).hide();
11 // Close the message box when the user clicks the close icon 11 // });
12 //--------------------------------------------------------------------------- 12 //---------------------------------------------------------------------------
13 $('a.closeMessage').on('click', function(){ 13 // Close the message box when the user clicks the close icon
14 $(this).parents('div.messages').slideUp(300, function(){ $(this).remove(); }); 14 //---------------------------------------------------------------------------
15 return false; 15 $('a.closeMessage').on('click', function () {
16 }); 16 $(this).parents('div.messages').slideUp(300, function () { $(this).remove(); });
17}); \ No newline at end of file 17 return false;
18 });
19});
diff --git a/app/Resources/static/themes/baggy/js/init.js b/app/Resources/static/themes/baggy/js/init.js
index 1721ae41..d7d4b166 100755
--- a/app/Resources/static/themes/baggy/js/init.js
+++ b/app/Resources/static/themes/baggy/js/init.js
@@ -4,19 +4,18 @@ require('jquery-ui');
4var annotator = require('annotator'); 4var annotator = require('annotator');
5 5
6 6
7$.fn.ready(function() { 7$.fn.ready(function () {
8 8 var $listmode = $('#listmode');
9 var $listmode = $('#listmode'), 9 var $listentries = $('#list-entries');
10 $listentries = $("#list-entries");
11 10
12 /* ========================================================================== 11 /* ==========================================================================
13 Menu 12 Menu
14 ========================================================================== */ 13 ========================================================================== */
15 14
16 $("#menu").click(function(){ 15 $('#menu').click(function () {
17 $("#links").toggleClass('menu--open'); 16 $('#links').toggleClass('menu--open');
18 if ($('#content').hasClass('opacity03')) { 17 if ($('#content').hasClass('opacity03')) {
19 $('#content').removeClass('opacity03'); 18 $('#content').removeClass('opacity03');
20 } 19 }
21 }); 20 });
22 21
@@ -24,34 +23,32 @@ $.fn.ready(function() {
24 List mode or Table Mode 23 List mode or Table Mode
25 ========================================================================== */ 24 ========================================================================== */
26 25
27 $listmode.click(function(){ 26 $listmode.click(function () {
28 if ( jquery.cookie("listmode") == 1 ) { 27 if (jquery.cookie('listmode') === 1) {
29 // Cookie 28 // Cookie
30 $.removeCookie("listmode"); 29 $.removeCookie('listmode');
31 30
32 $listentries.removeClass("listmode"); 31 $listentries.removeClass('listmode');
33 $listmode.removeClass("tablemode"); 32 $listmode.removeClass('tablemode');
34 $listmode.addClass("listmode"); 33 $listmode.addClass('listmode');
35 } 34 } else {
36 else {
37 // Cookie 35 // Cookie
38 jquery.cookie("listmode", 1, {expires: 365}); 36 jquery.cookie('listmode', 1, { expires: 365 });
39 37
40 $listentries.addClass("listmode"); 38 $listentries.addClass('listmode');
41 $listmode.removeClass("listmode"); 39 $listmode.removeClass('listmode');
42 $listmode.addClass("tablemode"); 40 $listmode.addClass('tablemode');
43 } 41 }
44
45 }); 42 });
46 43
47 /* ========================================================================== 44 /* ==========================================================================
48 Cookie listmode 45 Cookie listmode
49 ========================================================================== */ 46 ========================================================================== */
50 47
51 if ( jquery.cookie("listmode") == 1 ) { 48 if (jquery.cookie('listmode') === 1) {
52 $listentries.addClass("listmode"); 49 $listentries.addClass('listmode');
53 $listmode.removeClass("listmode"); 50 $listmode.removeClass('listmode');
54 $listmode.addClass("tablemode"); 51 $listmode.addClass('tablemode');
55 } 52 }
56 53
57 /* ========================================================================== 54 /* ==========================================================================
@@ -59,43 +56,43 @@ $.fn.ready(function() {
59 ========================================================================== */ 56 ========================================================================== */
60 57
61 58
62 $('#nav-btn-add-tag').on('click', function(){ 59 $('#nav-btn-add-tag').on('click', function () {
63 $(".nav-panel-add-tag").toggle(100); 60 $('.nav-panel-add-tag').toggle(100);
64 $(".nav-panel-menu").addClass('hidden'); 61 $('.nav-panel-menu').addClass('hidden');
65 $("#tag_label").focus(); 62 $('#tag_label').focus();
66 return false; 63 return false;
67 }); 64 });
68 65
69 /* ========================================================================== 66 /* ==========================================================================
70 Annotations & Remember position 67 Annotations & Remember position
71 ========================================================================== */ 68 ========================================================================== */
72 69
73 if ($("article").length) { 70 if ($('article').length) {
74 var app = new annotator.App(); 71 var app = new annotator.App();
75 72
76 app.include(annotator.ui.main, { 73 app.include(annotator.ui.main, {
77 element: document.querySelector('article') 74 element: document.querySelector('article'),
78 }); 75 });
79 76
80 var x = JSON.parse($('#annotationroutes').html()); 77 var x = JSON.parse($('#annotationroutes').html());
81 app.include(annotator.storage.http, x); 78 app.include(annotator.storage.http, x);
82 79
83 app.start().then(function () { 80 app.start().then(function () {
84 app.annotations.load({entry: x.entryId}); 81 app.annotations.load({ entry: x.entryId });
85 }); 82 });
86 83
87 $(window).scroll(function(e){ 84 $(window).scroll(function (e) {
88 var scrollTop = $(window).scrollTop(); 85 var scrollTop = $(window).scrollTop();
89 var docHeight = $(document).height(); 86 var docHeight = $(document).height();
90 var scrollPercent = (scrollTop) / (docHeight); 87 var scrollPercent = (scrollTop) / (docHeight);
91 var scrollPercentRounded = Math.round(scrollPercent*100)/100; 88 var scrollPercentRounded = Math.round(scrollPercent * 100) / 100;
92 savePercent(x.entryId, scrollPercentRounded); 89 savePercent(x.entryId, scrollPercentRounded);
93 }); 90 });
94 91
95 retrievePercent(x.entryId); 92 retrievePercent(x.entryId);
96 93
97 $(window).resize(function(){ 94 $(window).resize(function () {
98 retrievePercent(x.entryId); 95 retrievePercent(x.entryId);
99 }); 96 });
100 } 97 }
101}); 98});
diff --git a/app/Resources/static/themes/baggy/js/popupForm.js b/app/Resources/static/themes/baggy/js/popupForm.js
index 0b478fad..95ba60ee 100644
--- a/app/Resources/static/themes/baggy/js/popupForm.js
+++ b/app/Resources/static/themes/baggy/js/popupForm.js
@@ -1,100 +1,101 @@
1$(document).ready(function() { 1var $ = global.jquery = require('jquery');
2 2
3 $("#search-form").hide(); 3$(document).ready(function () {
4 $("#bagit-form").hide(); 4 $('#search-form').hide();
5 $("#filter-form").hide(); 5 $('#bagit-form').hide();
6 $("#download-form").hide(); 6 $('#filter-form').hide();
7 $('#download-form').hide();
7 8
8 //--------------------------------------------------------------------------- 9 //---------------------------------------------------------------------------
9 // Toggle the "Search" popup in the sidebar 10 // Toggle the 'Search' popup in the sidebar
10 //--------------------------------------------------------------------------- 11 //---------------------------------------------------------------------------
11 function toggleSearch() { 12 function toggleSearch() {
12 $("#search-form").toggle(); 13 $('#search-form').toggle();
13 $("#search").toggleClass("current"); 14 $('#search').toggleClass('current');
14 $("#search").toggleClass("active-current"); 15 $('#search').toggleClass('active-current');
15 $("#search-arrow").toggleClass("arrow-down"); 16 $('#search-arrow').toggleClass('arrow-down');
16 if ($("#search").hasClass("current")) { 17 if ($('#search').hasClass('current')) {
17 $("#content").addClass("opacity03"); 18 $('#content').addClass('opacity03');
18 } else { 19 } else {
19 $("#content").removeClass("opacity03"); 20 $('#content').removeClass('opacity03');
20 }
21 } 21 }
22 }
22 23
23 //--------------------------------------------------------------------------- 24 //---------------------------------------------------------------------------
24 // Toggle the "Filter" popup on entries list 25 // Toggle the 'Filter' popup on entries list
25 //--------------------------------------------------------------------------- 26 //---------------------------------------------------------------------------
26 function toggleFilter() { 27 function toggleFilter() {
27 $("#filter-form").toggle(); 28 $('#filter-form').toggle();
28 } 29 }
29 30
30 //--------------------------------------------------------------------------- 31 //---------------------------------------------------------------------------
31 // Toggle the "Download" popup on entries list 32 // Toggle the 'Download' popup on entries list
32 //--------------------------------------------------------------------------- 33 //---------------------------------------------------------------------------
33 function toggleDownload() { 34 function toggleDownload() {
34 $("#download-form").toggle(); 35 $('#download-form').toggle();
35 } 36 }
36 37
37 //--------------------------------------------------------------------------- 38 //---------------------------------------------------------------------------
38 // Toggle the "Save a Link" popup in the sidebar 39 // Toggle the 'Save a Link' popup in the sidebar
39 //--------------------------------------------------------------------------- 40 //---------------------------------------------------------------------------
40 function toggleBagit() { 41 function toggleBagit() {
41 $("#bagit-form").toggle(); 42 $('#bagit-form').toggle();
42 $("#bagit").toggleClass("current"); 43 $('#bagit').toggleClass('current');
43 $("#bagit").toggleClass("active-current"); 44 $('#bagit').toggleClass('active-current');
44 $("#bagit-arrow").toggleClass("arrow-down"); 45 $('#bagit-arrow').toggleClass('arrow-down');
45 if ($("#bagit").hasClass("current")) { 46 if ($('#bagit').hasClass('current')) {
46 $("#content").addClass("opacity03"); 47 $('#content').addClass('opacity03');
47 } else { 48 } else {
48 $("#content").removeClass("opacity03"); 49 $('#content').removeClass('opacity03');
49 }
50 } 50 }
51 }
51 52
52 //--------------------------------------------------------------------------- 53 //---------------------------------------------------------------------------
53 // Close all #links popups in the sidebar 54 // Close all #links popups in the sidebar
54 //--------------------------------------------------------------------------- 55 //---------------------------------------------------------------------------
55 function closePopups() { 56 function closePopups() {
56 $("#links .messages").hide(); 57 $('#links .messages').hide();
57 $("#links > li > a").removeClass("active-current"); 58 $('#links > li > a').removeClass('active-current');
58 $("#links > li > a").removeClass("current"); 59 $('#links > li > a').removeClass('current');
59 $("[id$=-arrow]").removeClass("arrow-down"); 60 $('[id$=-arrow]').removeClass('arrow-down');
60 $("#content").removeClass("opacity03"); 61 $('#content').removeClass('opacity03');
61 } 62 }
62 63
63 $("#search").click(function(){ 64 $('#search').click(function () {
64 closePopups(); 65 closePopups();
65 toggleSearch(); 66 toggleSearch();
66 $("#searchfield").focus(); 67 $('#searchfield').focus();
67 }); 68 });
68 69
69 $(".filter-btn").click(function(){ 70 $('.filter-btn').click(function () {
70 closePopups(); 71 closePopups();
71 toggleFilter(); 72 toggleFilter();
72 }); 73 });
73 74
74 $(".download-btn").click(function(){ 75 $('.download-btn').click(function () {
75 closePopups(); 76 closePopups();
76 toggleDownload(); 77 toggleDownload();
77 }); 78 });
78 79
79 $("#bagit").click(function(){ 80 $('#bagit').click(function () {
80 closePopups(); 81 closePopups();
81 toggleBagit(); 82 toggleBagit();
82 $("#plainurl").focus(); 83 $('#plainurl').focus();
83 }); 84 });
84 85
85 $("#search-form-close").click(function(){ 86 $('#search-form-close').click(function () {
86 toggleSearch(); 87 toggleSearch();
87 }); 88 });
88 89
89 $("#filter-form-close").click(function(){ 90 $('#filter-form-close').click(function () {
90 toggleFilter(); 91 toggleFilter();
91 }); 92 });
92 93
93 $("#download-form-close").click(function(){ 94 $('#download-form-close').click(function () {
94 toggleDownload(); 95 toggleDownload();
95 }); 96 });
96 97
97 $("#bagit-form-close").click(function(){ 98 $('#bagit-form-close').click(function () {
98 toggleBagit(); 99 toggleBagit();
99 }); 100 });
100}); 101});
diff --git a/app/Resources/static/themes/baggy/js/saveLink.js b/app/Resources/static/themes/baggy/js/saveLink.js
index 91cc2c3f..5c720886 100755
--- a/app/Resources/static/themes/baggy/js/saveLink.js
+++ b/app/Resources/static/themes/baggy/js/saveLink.js
@@ -1,60 +1,60 @@
1$.fn.ready(function() { 1var $ = global.jquery = require('jquery');
2 2
3 var $bagit = $('#bagit'), 3$.fn.ready(function () {
4 $bagitForm = $('#bagit-form'), 4 var $bagit = $('#bagit');
5 $bagitFormForm = $('#bagit-form-form'); 5 var $bagitForm = $('#bagit-form');
6 var $bagitFormForm = $('#bagit-form-form');
6 7
7 /* ========================================================================== 8 /* ==========================================================================
8 bag it link and close button 9 bag it link and close button
9 ========================================================================== */ 10 ========================================================================== */
10 11
11 function toggleSaveLinkForm(url, event) { 12 function toggleSaveLinkForm(url, event) {
12 $("#add-link-result").empty(); 13 $('#add-link-result').empty();
13 14
14 $bagit.toggleClass("active-current"); 15 $bagit.toggleClass('active-current');
15 16
16 //only if bag-it link is not presented on page 17 // only if bag-it link is not presented on page
17 if ( $bagit.length === 0 ) { 18 if ($bagit.length === 0) {
18 if ( event !== 'undefined' && event ) { 19 if (event !== 'undefined' && event) {
19 $bagitForm.css( {position:"absolute", top:event.pageY, left:event.pageX-200}); 20 $bagitForm.css({ position: 'absolute', top: event.pageY, left: event.pageX - 200 });
20 } 21 } else {
21 else { 22 $bagitForm.css({ position: 'relative', top: 'auto', left: 'auto' });
22 $bagitForm.css( {position:"relative", top:"auto", left:"auto"});
23 } 23 }
24 } 24 }
25 25
26 if ($("#search-form").length != 0) { 26 if ($('#search-form').length !== 0) {
27 $("#search").removeClass("current"); 27 $('#search').removeClass('current');
28 $("#search-arrow").removeClass("arrow-down"); 28 $('#search-arrow').removeClass('arrow-down');
29 $("#search-form").hide(); 29 $('#search-form').hide();
30 } 30 }
31 $bagitForm.toggle(); 31 $bagitForm.toggle();
32 $('#content').toggleClass("opacity03"); 32 $('#content').toggleClass('opacity03');
33 if (url !== 'undefined' && url) { 33 if (url !== 'undefined' && url) {
34 $('#plainurl').val(url); 34 $('#plainurl').val(url);
35 } 35 }
36 $('#plainurl').focus(); 36 $('#plainurl').focus();
37 } 37 }
38 38
39 //send "bag it link" form request via ajax 39 // send 'bag it link' form request via ajax
40 $bagitFormForm.submit( function(event) { 40 $bagitFormForm.submit(function (event) {
41 $("body").css("cursor", "wait"); 41 $('body').css('cursor', 'wait');
42 $("#add-link-result").empty(); 42 $('#add-link-result').empty();
43 43
44 $.ajax({ 44 $.ajax({
45 type: $bagitFormForm.attr('method'), 45 type: $bagitFormForm.attr('method'),
46 url: $bagitFormForm.attr('action'), 46 url: $bagitFormForm.attr('action'),
47 data: $bagitFormForm.serialize(), 47 data: $bagitFormForm.serialize(),
48 success: function(data) { 48 success: function (data) {
49 $('#add-link-result').html("Done!"); 49 $('#add-link-result').html('Done!');
50 $('#plainurl').val(''); 50 $('#plainurl').val('');
51 $('#plainurl').blur(''); 51 $('#plainurl').blur('');
52 $("body").css("cursor", "auto"); 52 $('body').css('cursor', 'auto');
53 },
54 error: function (data) {
55 $('#add-link-result').html('Failed!');
56 $('body').css('cursor', 'auto');
53 }, 57 },
54 error: function(data) {
55 $('#add-link-result').html("Failed!");
56 $("body").css("cursor", "auto");
57 }
58 }); 58 });
59 59
60 event.preventDefault(); 60 event.preventDefault();
@@ -64,15 +64,12 @@ $.fn.ready(function() {
64 Process all links inside an article 64 Process all links inside an article
65 ========================================================================== */ 65 ========================================================================== */
66 66
67 $("article a[href^='http']").after(function() { 67 $('article a[href^="http"]').after(function () {
68 return " <a href=\"" + $(this).attr('href') + "\" class=\"add-to-wallabag-link-after\" alt=\"add to wallabag\" title=\"add to wallabag\"></a> "; 68 return ' <a href="' + $(this).attr('href') + '" class="add-to-wallabag-link-after" alt="add to wallabag" title="add to wallabag"></a> ';
69 }); 69 });
70 70
71 $(".add-to-wallabag-link-after").click(function(event){ 71 $('.add-to-wallabag-link-after').click(function (event) {
72 toggleSaveLinkForm($(this).attr('href'), event); 72 toggleSaveLinkForm($(this).attr('href'), event);
73 event.preventDefault(); 73 event.preventDefault();
74 }); 74 });
75
76}); 75});
77
78