app/assets/javascripts/peeker.js in peeker-0.1.3 vs app/assets/javascripts/peeker.js in peeker-0.1.4
- old
+ new
@@ -1,14 +1,18 @@
-(function () {
+(function (window, document, undefined) {
// Find peek element
var peekElement = document.querySelector("#peek");
-
+ var socialPlugins = document.querySelectorAll(".social-plugin");
// Check existence of peek element
- if (!peekElement)
+ if (!peekElement)
return false;
-
+
+ // Initialize social-plugin style with localStorage
+ var display = localStorage.getItem("peekStatus");
+ setSocialPluginStyleInBlogIndex(socialPlugins, display);
+
// Listener Class
var Listener = function (target, handler) {
this.target = new RegExp(target, "i");
this.queue = "";
this.handler = handler;
@@ -23,16 +27,18 @@
// Target
var target = "peek";
// Handler
var handler = function () {
- peekElement.style.display = (localStorage.getItem("peekStatus") == "none") ? "block" : "none";
+ var display = getPeekStatusFromLocalStorage();
+ peekElement.style.display = display;
+ setSocialPluginStyleInBlogIndex(socialPlugins, display);
localStorage.setItem("peekStatus", peekElement.style.display);
};
// Set peekStatus with localStorage
- if (!localStorage.getItem("peekStatus"))
+ if (!localStorage.getItem("peekStatus"))
localStorage.setItem("peekStatus", "none");
// Give born to a Listener object
var peekListener = new Listener(target, handler);
peekElement.style.display = localStorage.getItem("peekStatus");
@@ -41,6 +47,19 @@
window.addEventListener("keydown", function (e) {
peekListener.queue = peekListener.queue.concat(String.fromCharCode(e.keyCode));
peekListener.compare();
});
-})();
+})(window, document);
+
+
+function setSocialPluginStyleInBlogIndex(socialPlugins, display) {
+ if (!!socialPlugins.length) {
+ for(var i = 0; i < socialPlugins.length; i++) {
+ socialPlugins[i].style.display = display;
+ }
+ }
+}
+
+function getPeekStatusFromLocalStorage() {
+ return (localStorage.getItem("peekStatus") == "none") ? "block" : "none";
+}