Add new version

icetee · May 23, 2016 · 66b4a95 · 66b4a95
1 parent 736ff16
commit 66b4a95
Show file tree

Hide file tree

Showing 9 changed files with 107 additions and 62 deletions.
diff --git a/.gitignore b/.gitignore
@@ -34,3 +34,6 @@ node_modules
 
 # Remote-FTP config
 .ftpconfig
+
+# OS special
+.DS_Store
diff --git a/dist/cookiebar.css b/dist/cookiebar.css
@@ -1,9 +1,9 @@
 /**
  * cookiebar - It is a pure JS code, that warns the visitors in the notification bar, the page saves cookies. This is Compliant with the new EU cookie law.
- * Date 2016-05-23T07:51:40Z
+ * Date 2016-05-23T09:52:35Z
  * 
  * @author Tamás András Horváth <htomy92@gmail.com> (http://icetee.hu)
- * @version v0.9.2
+ * @version v0.9.3
  * @link https://github.com/icetee/cookiebar#readme
  * @license MIT
  */
@@ -13,25 +13,27 @@
     bottom: 0;
     box-sizing: initial;
     color: #fff;
-    height: 50px;
+    min-height: 50px;
     left: 0;
     position: fixed;
     width: 100%;
 }
 .cookiebar-wrapper {
     height: 100%;
+    overflow: hidden;
     padding: 14px;
+    width: 85%;
 }
 .cookiebar-desciption {
-    float: left;
+    display: inline;
     font-size: 1em;
 }
-.cookiebar-button {
-    float: left;
+.cookiebar-link {
+    display: inline;
+    padding-left: 5px;
 }
 .cookiebar-link a {
     color: #3498db;
-    padding-left: 5px;
     text-decoration: none;
 }
 .cookiebar-link a:hover {
@@ -48,7 +50,9 @@
     position: absolute;
     right: 20px;
     text-transform: uppercase;
-    top: 11px;
+    margin: auto;
+    top: 0;
+    bottom: 0;
 }
 .cookiebar-btn:hover {
     background: #d34c37 none repeat scroll 0 0;

diff --git a/dist/cookiebar.js b/dist/cookiebar.js
@@ -1,9 +1,9 @@
 /**
  * cookiebar - It is a pure JS code, that warns the visitors in the notification bar, the page saves cookies. This is Compliant with the new EU cookie law.
- * Date 2016-05-23T07:51:40Z
+ * Date 2016-05-23T09:52:35Z
  * 
  * @author Tamás András Horváth <htomy92@gmail.com> (http://icetee.hu)
- * @version v0.9.2
+ * @version v0.9.3
  * @link https://github.com/icetee/cookiebar#readme
  * @license MIT
  */
@@ -102,24 +102,27 @@ var Cookiebar = function(opt) {
         id: "cookiebar",
         cls: "cookiebar",
         cookie: "cookiebar",
-        content: {
-            description: "Az oldal sütiket használ a működéshez. Szolgáltatásaink igénybevételével Ön beleegyezik a sütik használatába!",
-            link: "További információk",
-            href: "http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm",
-            button: "Elfogadom",
-            more: "Az EU-s jogszabályok értelmében fel kell hívnunk a figyelmét, hogy oldalaink sütiket (cookie) használnak. Ezek miniatűr, ártalmatlan fájlok, melyeket az ön gépére helyezünk el, hogy a szolgáltatásaink használatát egyszerűbbé tegyük az ön számára. A sütiket természetesen letilthatja a böngészőjében, azonban ha az Elfogadom feliratú gombra kattint, akkor elfogadja azok használatát."
-        },
-        fade: {
-            type: "in",
-            ms: "500"
-        },
+        content: {},
+        fade: {},
         debug: 0
     }, opt || {});
 
+    this.content = extend({
+        description: "Az oldal sütiket használ a működéshez. Szolgáltatásaink igénybevételével Ön beleegyezik a sütik használatába!",
+        link: "További információk",
+        href: "http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm",
+        button: "Elfogadom",
+        more: "Az EU-s jogszabályok értelmében fel kell hívnunk a figyelmét, hogy oldalaink sütiket (cookie) használnak. Ezek miniatűr, ártalmatlan fájlok, melyeket az ön gépére helyezünk el, hogy a szolgáltatásaink használatát egyszerűbbé tegyük az ön számára. A sütiket természetesen letilthatja a böngészőjében, azonban ha az Elfogadom feliratú gombra kattint, akkor elfogadja azok használatát."
+    }, this.opt.content || {});
+
+    this.fade = extend({
+        type: "in",
+        ms: "500"
+    }, this.opt.fade || {});
+
     this.id = this.opt.id;
     this.cls = this.opt.cls;
     this.cookie = this.opt.cookie;
-    this.content = this.opt.content;
     this.debug = this.opt.debug;
     this.fade = this.opt.fade;
     this.status = false;
@@ -129,12 +132,14 @@ var Cookiebar = function(opt) {
 };
 
 Cookiebar.prototype.init = function() {
-    if (this.debug) {
-        this.setCookie('debug_cookibar', true, 365);
+    var self = this;
+    if (self.debug) {
+        self.setCookie('debug_cookibar', "test", 365, function() {
+            self.checkCookie();
+        });
+    } else {
+        self.checkCookie();
     }
-
-    //Check Cookies
-    this.checkCookie();
 };
 
 Cookiebar.prototype.exitsCookie = function() {
@@ -160,9 +165,10 @@ Cookiebar.prototype.setCookie = function(cname, value, exdays, cb) {
     var ex = new Date();
     ex.setDate(ex.getDate() + exdays);
 
-    var cvalue = escape(value) + ((exdays === null) ? "" : "; expires=" + ex.toUTCString() + "; path=/");
+    var cvalue = escape(value) + ((exdays === null) ? "" : "; expires=" + ex.toUTCString() + "; path=/;");
 
     document.cookie = cname + "=" + cvalue;
+
     if (typeof cb === "function") {
         cb();
     }
@@ -202,7 +208,7 @@ Cookiebar.prototype.draw = function() {
         }
 
         self.setCookie(self.cookie, true, 365, function() {
-            self.status = true;
+            self.setStatus(self.cookie);
         });
 
         document.getElementById(self.id).style.display = 'none';
@@ -220,6 +226,14 @@ Cookiebar.prototype.checkCookie = function() {
         _("#" + self.id).fade(this.fade.type, this.fade.ms);
         self.setCookie(self.cookie, null, 365);
     }
+
+    self.setStatus(cookie);
+};
+
+Cookiebar.prototype.setStatus = function(status) {
+    if (status === "true") {
+        this.status = true;
+    }
 };
 
 Cookiebar.prototype.getStatus = function() {

diff --git a/dist/cookiebar.min.css b/dist/cookiebar.min.css
@@ -1,11 +1,11 @@
 /**
  * cookiebar - It is a pure JS code, that warns the visitors in the notification bar, the page saves cookies. This is Compliant with the new EU cookie law.
- * Date 2016-05-23T07:51:40Z
+ * Date 2016-05-23T09:52:35Z
  * 
  * @author Tamás András Horváth <htomy92@gmail.com> (http://icetee.hu)
- * @version v0.9.2
+ * @version v0.9.3
  * @link https://github.com/icetee/cookiebar#readme
  * @license MIT
  */
 
-.cookiebar{background-color:#2c3e50;bottom:0;box-sizing:initial;color:#fff;height:50px;left:0;position:fixed;width:100%}.cookiebar-wrapper{height:100%;padding:14px}.cookiebar-desciption{float:left;font-size:1em}.cookiebar-button{float:left}.cookiebar-link a{color:#3498db;padding-left:5px;text-decoration:none}.cookiebar-link a:hover{text-decoration:underline}.cookiebar-btn{background:#e74c3c none repeat scroll 0 0;border:0 none;color:#fff;cursor:pointer;font-size:.875em;height:28px;padding:0 10px 2px;position:absolute;right:20px;text-transform:uppercase;top:11px}.cookiebar-btn:hover{background:#d34c37 none repeat scroll 0 0}
+.cookiebar{background-color:#2c3e50;bottom:0;box-sizing:initial;color:#fff;min-height:50px;left:0;position:fixed;width:100%}.cookiebar-wrapper{height:100%;overflow:hidden;padding:14px;width:85%}.cookiebar-desciption{display:inline;font-size:1em}.cookiebar-link{display:inline;padding-left:5px}.cookiebar-link a{color:#3498db;text-decoration:none}.cookiebar-link a:hover{text-decoration:underline}.cookiebar-btn{background:#e74c3c none repeat scroll 0 0;border:0 none;color:#fff;cursor:pointer;font-size:.875em;height:28px;padding:0 10px 2px;position:absolute;right:20px;text-transform:uppercase;margin:auto;top:0;bottom:0}.cookiebar-btn:hover{background:#d34c37 none repeat scroll 0 0}
diff --git a/dist/cookiebar.min.js b/dist/cookiebar.min.js
diff --git a/example/example.js b/example/example.js
@@ -3,6 +3,12 @@
  **/
 ready(function() {
     var cookiebar = new Cookiebar({
-        debug: 1
+        debug: 1,
+        content: {
+            description: "Honlapunk ún. sütiket (cookie) használ, hogy biztosítani tudja a személyre szabott, felhasználóbarát böngészést. Az így gyűjtött adatok névtelenek, azokból nem készülnek felhasználói profilok, illetve nem kerülnek további felhasználásra. Az OK-ra kattintva Ön hozzájárul a sütik használatához.",
+            link: "",
+            href: "",
+            button: "OK"
+        }
     });
 });
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cookiebar",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "It is a pure JS code, that warns the visitors in the notification bar, the page saves cookies. This is Compliant with the new EU cookie law.",
   "main": "index.js",
   "config": {

diff --git a/src/scripts/class.js b/src/scripts/class.js
@@ -3,24 +3,27 @@ var Cookiebar = function(opt) {
         id: "cookiebar",
         cls: "cookiebar",
         cookie: "cookiebar",
-        content: {
-            description: "Az oldal sütiket használ a működéshez. Szolgáltatásaink igénybevételével Ön beleegyezik a sütik használatába!",
-            link: "További információk",
-            href: "http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm",
-            button: "Elfogadom",
-            more: "Az EU-s jogszabályok értelmében fel kell hívnunk a figyelmét, hogy oldalaink sütiket (cookie) használnak. Ezek miniatűr, ártalmatlan fájlok, melyeket az ön gépére helyezünk el, hogy a szolgáltatásaink használatát egyszerűbbé tegyük az ön számára. A sütiket természetesen letilthatja a böngészőjében, azonban ha az Elfogadom feliratú gombra kattint, akkor elfogadja azok használatát."
-        },
-        fade: {
-            type: "in",
-            ms: "500"
-        },
+        content: {},
+        fade: {},
         debug: 0
     }, opt || {});
 
+    this.content = extend({
+        description: "Az oldal sütiket használ a működéshez. Szolgáltatásaink igénybevételével Ön beleegyezik a sütik használatába!",
+        link: "További információk",
+        href: "http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm",
+        button: "Elfogadom",
+        more: "Az EU-s jogszabályok értelmében fel kell hívnunk a figyelmét, hogy oldalaink sütiket (cookie) használnak. Ezek miniatűr, ártalmatlan fájlok, melyeket az ön gépére helyezünk el, hogy a szolgáltatásaink használatát egyszerűbbé tegyük az ön számára. A sütiket természetesen letilthatja a böngészőjében, azonban ha az Elfogadom feliratú gombra kattint, akkor elfogadja azok használatát."
+    }, this.opt.content || {});
+
+    this.fade = extend({
+        type: "in",
+        ms: "500"
+    }, this.opt.fade || {});
+
     this.id = this.opt.id;
     this.cls = this.opt.cls;
     this.cookie = this.opt.cookie;
-    this.content = this.opt.content;
     this.debug = this.opt.debug;
     this.fade = this.opt.fade;
     this.status = false;
@@ -30,12 +33,14 @@ var Cookiebar = function(opt) {
 };
 
 Cookiebar.prototype.init = function() {
-    if (this.debug) {
-        this.setCookie('debug_cookibar', true, 365);
+    var self = this;
+    if (self.debug) {
+        self.setCookie('debug_cookibar', "test", 365, function() {
+            self.checkCookie();
+        });
+    } else {
+        self.checkCookie();
     }
-
-    //Check Cookies
-    this.checkCookie();
 };
 
 Cookiebar.prototype.exitsCookie = function() {
@@ -61,9 +66,10 @@ Cookiebar.prototype.setCookie = function(cname, value, exdays, cb) {
     var ex = new Date();
     ex.setDate(ex.getDate() + exdays);
 
-    var cvalue = escape(value) + ((exdays === null) ? "" : "; expires=" + ex.toUTCString() + "; path=/");
+    var cvalue = escape(value) + ((exdays === null) ? "" : "; expires=" + ex.toUTCString() + "; path=/;");
 
     document.cookie = cname + "=" + cvalue;
+
     if (typeof cb === "function") {
         cb();
     }
@@ -103,7 +109,7 @@ Cookiebar.prototype.draw = function() {
         }
 
         self.setCookie(self.cookie, true, 365, function() {
-            self.status = true;
+            self.setStatus(self.cookie);
         });
 
         document.getElementById(self.id).style.display = 'none';
@@ -121,6 +127,14 @@ Cookiebar.prototype.checkCookie = function() {
         _("#" + self.id).fade(this.fade.type, this.fade.ms);
         self.setCookie(self.cookie, null, 365);
     }
+
+    self.setStatus(cookie);
+};
+
+Cookiebar.prototype.setStatus = function(status) {
+    if (status === "true") {
+        this.status = true;
+    }
 };
 
 Cookiebar.prototype.getStatus = function() {