manage assets through npm

[github/wallabag/wallabag.git] / app / Resources / static / themes / baggy / js / popupForm.js

diff --git a/app/Resources/static/themes/baggy/js/popupForm.js b/app/Resources/static/themes/baggy/js/popupForm.js
new file mode 100644 (file)
index 0000000..0b478fa
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/popupForm.js
@@ -0,0 +1,100 @@
+$(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();
+    });
+});