nightmare/jquery-notify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upgraded docs, fixed cursor show when clickToHide:false, bumped to 0.3.2

Browse Source
This commit is contained in:
Jaime Pillora
2014-06-29 01:02:42 +10:00
parent d5a49073ec
commit 2f88823b00
16 changed files with 296 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bower.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "notifyjs", "name": "notifyjs",
"version": "0.3.1", "version": "0.3.2",
"homepage": "http://notifyjs.com/", "homepage": "http://notifyjs.com/",
"authors": [ "authors": [
"Jaime Pillora <dev@jpillora.com>" "Jaime Pillora <dev@jpillora.com>"
dist/notify-combined.js
Vendored
+11 -8
View File
@@ -1,4 +1,4 @@
/** Notify.js - v0.3.1 - 2014/02/06 /** Notify.js - v0.3.1 - 2014/06/29
* http://notifyjs.com/ * http://notifyjs.com/
* Copyright (c) 2014 Jaime Pillora - MIT * Copyright (c) 2014 Jaime Pillora - MIT
*/ */
@@ -56,7 +56,7 @@ styles = {};
coreStyle = { coreStyle = {
name: 'core', name: 'core',
html: "<div class=\"" + pluginClassName + "-wrapper\">\n <div class=\"" + pluginClassName + "-arrow\"></div>\n <div class=\"" + pluginClassName + "-container\"></div>\n</div>", html: "<div class=\"" + pluginClassName + "-wrapper\">\n <div class=\"" + pluginClassName + "-arrow\"></div>\n <div class=\"" + pluginClassName + "-container\"></div>\n</div>",
css: "." + pluginClassName + "-corner {\n position: fixed;\n margin: 5px;\n z-index: 1050;\n}\n\n." + pluginClassName + "-corner ." + pluginClassName + "-wrapper,\n." + pluginClassName + "-corner ." + pluginClassName + "-container {\n position: relative;\n display: block;\n height: inherit;\n width: inherit;\n margin: 3px;\n}\n\n." + pluginClassName + "-wrapper {\n z-index: 1;\n position: absolute;\n display: inline-block;\n height: 0;\n width: 0;\n}\n\n." + pluginClassName + "-container {\n display: none;\n z-index: 1;\n position: absolute;\n cursor: pointer;\n}\n\n[data-notify-text],[data-notify-html] {\n position: relative;\n}\n\n." + pluginClassName + "-arrow {\n position: absolute;\n z-index: 2;\n width: 0;\n height: 0;\n}" css: "." + pluginClassName + "-corner {\n position: fixed;\n margin: 5px;\n z-index: 1050;\n}\n\n." + pluginClassName + "-corner ." + pluginClassName + "-wrapper,\n." + pluginClassName + "-corner ." + pluginClassName + "-container {\n position: relative;\n display: block;\n height: inherit;\n width: inherit;\n margin: 3px;\n}\n\n." + pluginClassName + "-wrapper {\n z-index: 1;\n position: absolute;\n display: inline-block;\n height: 0;\n width: 0;\n}\n\n." + pluginClassName + "-container {\n display: none;\n z-index: 1;\n position: absolute;\n}\n\n." + pluginClassName + "-hidable {\n cursor: pointer;\n}\n\n[data-notify-text],[data-notify-html] {\n position: relative;\n}\n\n." + pluginClassName + "-arrow {\n position: absolute;\n z-index: 2;\n width: 0;\n height: 0;\n}"
}; };
stylePrefixes = { stylePrefixes = {
@@ -249,6 +249,9 @@ Notification = (function() {
this.options = inherit(pluginOptions, $.isPlainObject(options) ? options : {}); this.options = inherit(pluginOptions, $.isPlainObject(options) ? options : {});
this.loadHTML(); this.loadHTML();
this.wrapper = $(coreStyle.html); this.wrapper = $(coreStyle.html);
if (this.options.clickToHide) {
this.wrapper.addClass("" + pluginClassName + "-hidable");
}
this.wrapper.data(pluginClassName, this); this.wrapper.data(pluginClassName, this);
this.arrow = this.wrapper.find("." + pluginClassName + "-arrow"); this.arrow = this.wrapper.find("." + pluginClassName + "-arrow");
this.container = this.wrapper.find("." + pluginClassName + "-container"); this.container = this.wrapper.find("." + pluginClassName + "-container");
@@ -536,12 +539,12 @@ $.extend($[pluginName], {
$(function() { $(function() {
insertCSS(coreStyle.css).attr('id', 'core-notify'); insertCSS(coreStyle.css).attr('id', 'core-notify');
return $(document).on('click notify-hide', "." + pluginClassName + "-wrapper", function(e) { $(document).on('click', "." + pluginClassName + "-hidable", function(e) {
var inst; return $(this).trigger('notify-hide');
inst = $(this).data(pluginClassName); });
if (inst && (inst.options.clickToHide || e.type === 'notify-hide')) { return $(document).on('notify-hide', "." + pluginClassName + "-wrapper", function(e) {
return inst.show(false); var _ref;
} return (_ref = $(this).data(pluginClassName)) != null ? _ref.show(false) : void 0;
}); });
}); });
dist/notify-combined.min.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
dist/notify.js
Vendored
+11 -8
View File
@@ -1,4 +1,4 @@
/** Notify.js - v0.3.1 - 2014/02/06 /** Notify.js - v0.3.1 - 2014/06/29
* http://notifyjs.com/ * http://notifyjs.com/
* Copyright (c) 2014 Jaime Pillora - MIT * Copyright (c) 2014 Jaime Pillora - MIT
*/ */
@@ -56,7 +56,7 @@ styles = {};
coreStyle = { coreStyle = {
name: 'core', name: 'core',
html: "<div class=\"" + pluginClassName + "-wrapper\">\n <div class=\"" + pluginClassName + "-arrow\"></div>\n <div class=\"" + pluginClassName + "-container\"></div>\n</div>", html: "<div class=\"" + pluginClassName + "-wrapper\">\n <div class=\"" + pluginClassName + "-arrow\"></div>\n <div class=\"" + pluginClassName + "-container\"></div>\n</div>",
css: "." + pluginClassName + "-corner {\n position: fixed;\n margin: 5px;\n z-index: 1050;\n}\n\n." + pluginClassName + "-corner ." + pluginClassName + "-wrapper,\n." + pluginClassName + "-corner ." + pluginClassName + "-container {\n position: relative;\n display: block;\n height: inherit;\n width: inherit;\n margin: 3px;\n}\n\n." + pluginClassName + "-wrapper {\n z-index: 1;\n position: absolute;\n display: inline-block;\n height: 0;\n width: 0;\n}\n\n." + pluginClassName + "-container {\n display: none;\n z-index: 1;\n position: absolute;\n cursor: pointer;\n}\n\n[data-notify-text],[data-notify-html] {\n position: relative;\n}\n\n." + pluginClassName + "-arrow {\n position: absolute;\n z-index: 2;\n width: 0;\n height: 0;\n}" css: "." + pluginClassName + "-corner {\n position: fixed;\n margin: 5px;\n z-index: 1050;\n}\n\n." + pluginClassName + "-corner ." + pluginClassName + "-wrapper,\n." + pluginClassName + "-corner ." + pluginClassName + "-container {\n position: relative;\n display: block;\n height: inherit;\n width: inherit;\n margin: 3px;\n}\n\n." + pluginClassName + "-wrapper {\n z-index: 1;\n position: absolute;\n display: inline-block;\n height: 0;\n width: 0;\n}\n\n." + pluginClassName + "-container {\n display: none;\n z-index: 1;\n position: absolute;\n}\n\n." + pluginClassName + "-hidable {\n cursor: pointer;\n}\n\n[data-notify-text],[data-notify-html] {\n position: relative;\n}\n\n." + pluginClassName + "-arrow {\n position: absolute;\n z-index: 2;\n width: 0;\n height: 0;\n}"
}; };
stylePrefixes = { stylePrefixes = {
@@ -249,6 +249,9 @@ Notification = (function() {
this.options = inherit(pluginOptions, $.isPlainObject(options) ? options : {}); this.options = inherit(pluginOptions, $.isPlainObject(options) ? options : {});
this.loadHTML(); this.loadHTML();
this.wrapper = $(coreStyle.html); this.wrapper = $(coreStyle.html);
if (this.options.clickToHide) {
this.wrapper.addClass("" + pluginClassName + "-hidable");
}
this.wrapper.data(pluginClassName, this); this.wrapper.data(pluginClassName, this);
this.arrow = this.wrapper.find("." + pluginClassName + "-arrow"); this.arrow = this.wrapper.find("." + pluginClassName + "-arrow");
this.container = this.wrapper.find("." + pluginClassName + "-container"); this.container = this.wrapper.find("." + pluginClassName + "-container");
@@ -536,12 +539,12 @@ $.extend($[pluginName], {
$(function() { $(function() {
insertCSS(coreStyle.css).attr('id', 'core-notify'); insertCSS(coreStyle.css).attr('id', 'core-notify');
return $(document).on('click notify-hide', "." + pluginClassName + "-wrapper", function(e) { $(document).on('click', "." + pluginClassName + "-hidable", function(e) {
var inst; return $(this).trigger('notify-hide');
inst = $(this).data(pluginClassName); });
if (inst && (inst.options.clickToHide || e.type === 'notify-hide')) { return $(document).on('notify-hide', "." + pluginClassName + "-wrapper", function(e) {
return inst.show(false); var _ref;
} return (_ref = $(this).data(pluginClassName)) != null ? _ref.show(false) : void 0;
}); });
}); });
dist/notify.min.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
docs/Gruntsource.json
+3 -2
View File
@@ -1,7 +1,8 @@
{ {
"source": "~/.grunt-sources/web", "source": "~/.grunt-sources/web",
"repo": "https://github.com/jpillora/grunt-source-web", "repo": "https://github.com/jpillora/grunt-source-web.git",
"output": { "output": {
"html": "../index.html" "html": "../index.html"
} },
"angular":true
} }
docs/css/app.css
+151 -58
View File
@@ -569,49 +569,91 @@
} }
/* line 190 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
/* line 1 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */ /* line 1 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */
/* line 293 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */
/* line 14 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/index.styl */
/* line 14 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/index.styl */ /* line 14 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/index.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/border.styl */ /* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/border.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */ /* line 12 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/border.styl */
/* line 3 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */
/* line 31 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/color-image.styl */ /* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/color-image.styl */
/* line 6 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/color-image.styl */
/* line 6 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/flex.styl */ /* line 6 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/flex.styl */
/* line 154 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/gradients.styl */ /* line 197 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/flex.styl */
/* line 154 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */ /* line 94 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/gradients.styl */
/* line 94 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/gradients.styl */
/* line 94 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */
/* line 12 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/iconic.styl */ /* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/iconic.styl */
/* line 9 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/iconic.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/image.styl */ /* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/image.styl */
/* line 25 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/overflow.styl */ /* line 27 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/image.styl */
/* line 3 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/positions.styl */ /* line 27 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/overflow.styl */
/* line 3 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/reset.styl */ /* line 23 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/overflow.styl */
/* line 9 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/positions.styl */
/* line 73 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/positions.styl */
/* line 15 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/reset.styl */
/* line 79 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/reset.styl */
/* line 5 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/index.styl */
/* line 5 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/index.styl */ /* line 5 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/index.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/aliases.styl */ /* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/aliases.styl */
/* line 14 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/aliases.styl */
/* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/ellipsis.styl */ /* line 2 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/ellipsis.styl */
/* line 11 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/ellipsis.styl */
/* line 11 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/hide-text.styl */ /* line 11 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/hide-text.styl */
/* line 9 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/hide-text.styl */
/* line 9 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/replace-text.styl */ /* line 9 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/replace-text.styl */
/* line 557 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/vendor.styl */ /* line 10 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/replace-text.styl */
/* line 557 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */ /* line undefined : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/vendor.styl */
/* line 576 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/vendor.styl */
/* line 576 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */
/* line 12 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */
/* line 12 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/size.styl */ /* line 12 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/size.styl */
/* line 29 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/base.css */ /* line 33 : /Users/jpillora/.grunt-sources/web/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/size.styl */
/* /*
* Skeleton V1.2 * Skeleton V1.2
* Copyright 2011, Dave Gamache * Copyright 2011, Dave Gamache
@@ -878,7 +920,7 @@
.half-bottom { margin-bottom: 10px !important; } .half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; } .add-bottom { margin-bottom: 20px !important; }
/* line 29 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/skeleton.css */ /* line 33 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/base.css */
/* /*
* Skeleton V1.2 * Skeleton V1.2
* Copyright 2011, Dave Gamache * Copyright 2011, Dave Gamache
@@ -1122,7 +1164,7 @@
height: 0; height: 0;
} }
/* line 29 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/layout.css */ /* line 33 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/skeleton.css */
/* /*
* Skeleton V1.2 * Skeleton V1.2
* Copyright 2011, Dave Gamache * Copyright 2011, Dave Gamache
@@ -1182,78 +1224,84 @@
font-style: normal; } font-style: normal; }
*/ */
/* line 29 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/prettify.css */ /* line 33 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/vendor/layout.css */
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} .pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
/* line 12 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 14 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
h3 { h3 {
text-decoration: underline; text-decoration: underline;
} }
/* line 14 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 16 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
b { b {
font-weight: bold; font-weight: bold;
} }
/* line 16 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 18 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
i { i {
font-style: italic !important; font-style: italic !important;
} }
/* line 18 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 21 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
input:focus,
button {
outline: none;
}
/* line 23 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
input[type="radio"], input[type="radio"],
label[for] { label[for] {
cursor: pointer; cursor: pointer;
} }
/* line 20 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 25 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.main { .main {
position: relative; position: relative;
margin-top: 100px; margin-top: 100px;
margin-bottom: 100px; margin-bottom: 100px;
} }
/* line 24 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 29 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.center { .center {
text-align: center; text-align: center;
} }
/* line 26 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 31 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.left { .left {
text-align: left; text-align: left;
} }
/* line 28 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 33 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.right { .right {
text-align: right; text-align: right;
} }
/* line 30 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 35 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.italic { .italic {
font-style: italic; font-style: italic;
} }
/* line 32 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 37 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.bold { .bold {
font-weight: bold; font-weight: bold;
} }
/* line 34 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 39 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.inline { .inline {
display: inline; display: inline;
} }
/* line 36 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 41 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.sixteen.columns { .sixteen.columns {
margin-bottom: 50px; margin-bottom: 50px;
} }
/* line 38 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 43 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.section { .section {
margin-top: 20px; margin-top: 20px;
} }
/* line 42 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 47 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
a, a,
a:visited { a:visited {
color: #080; color: #080;
@@ -1261,41 +1309,41 @@ a:visited {
text-decoration: none; text-decoration: none;
} }
/* line 46 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 51 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
/* line 47 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 52 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
a:hover, a:hover,
a:focus { a:focus {
color: #040; color: #040;
} }
/* line 49 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 54 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
p a, p a,
p a:visited { p a:visited {
line-height: inherit; line-height: inherit;
} }
/* line 53 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 58 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.indent1 { .indent1 {
margin-left: 10px; margin-left: 10px;
} }
/* line 55 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 60 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.indent2 { .indent2 {
margin-left: 20px; margin-left: 20px;
} }
/* line 59 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 64 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
code { code {
color: #080; color: #080;
} }
/* line 61 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 66 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
code.black { code.black {
color: #181818; color: #181818;
} }
/* line 64 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 83 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
pre.prettyprint { pre.prettyprint {
word-wrap: break-word; word-wrap: break-word;
font-family: 'Droid Sans Mono', Courier; font-family: 'Droid Sans Mono', Courier;
@@ -1309,45 +1357,45 @@ pre.prettyprint {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* line 71 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 90 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
pre.prettyprint.runnable { pre.prettyprint.runnable {
border-left: #080 1px solid; border-left: #080 1px solid;
cursor: pointer; cursor: pointer;
} }
/* line 74 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 93 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
pre.prettyprint:hover { pre.prettyprint:hover {
background: whiteSmoke; background: whiteSmoke;
} }
/* line 76 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 95 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
pre.prettyprint.running { pre.prettyprint.running {
background: #d3f3d3; background: #d3f3d3;
} }
/* line 80 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 98 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.pos-chooser-dial { .pos-chooser-dial {
cursor: pointer; cursor: pointer;
} }
/* line 83 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 100 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.box.pos-chooser-demo { .box.pos-chooser-demo {
color: #000; color: #000;
padding: 20px; padding: 20px;
} }
/* line 88 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 104 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.entry { .entry {
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
} }
/* line 91 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 107 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.entry:hover { .entry:hover {
background: whiteSmoke; background: whiteSmoke;
} }
/* line 95 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 110 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.demo-mouse { .demo-mouse {
position: relative; position: relative;
left: 250px; left: 250px;
@@ -1359,13 +1407,13 @@ pre.prettyprint.running {
transition: all 1s ease-out; transition: all 1s ease-out;
} }
/* line 98 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 113 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.demo-mouse.over { .demo-mouse.over {
top: -30px; top: -30px;
left: 125px; left: 125px;
} }
/* line 102 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 116 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.box { .box {
color: #080; color: #080;
font-weight: bold; font-weight: bold;
@@ -1375,7 +1423,7 @@ pre.prettyprint.running {
border-radius: 5px; border-radius: 5px;
} }
/* line 110 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 123 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.build-tool-toggle { .build-tool-toggle {
margin: 20px; margin: 20px;
display: none; display: none;
@@ -1383,14 +1431,14 @@ pre.prettyprint.running {
box-shadow: 1px 1px 30px 1px #080; box-shadow: 1px 1px 30px 1px #080;
} }
/* line 115 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 127 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool { .columns.build-tool {
display: none; display: none;
background: whiteSmoke; background: whiteSmoke;
padding: 25px 25px 5px 25px; padding: 25px 25px 5px 25px;
} }
/* line 120 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 131 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool input, .columns.build-tool input,
.columns.build-tool textarea, .columns.build-tool textarea,
.columns.build-tool button, .columns.build-tool button,
@@ -1398,18 +1446,18 @@ pre.prettyprint.running {
margin-bottom: 5px; margin-bottom: 5px;
} }
/* line 122 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 133 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool hr { .columns.build-tool hr {
margin-bottom: 15px; margin-bottom: 15px;
} }
/* line 125 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 135 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool select { .columns.build-tool select {
display: inline; display: inline;
height: 32px; height: 32px;
} }
/* line 129 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 138 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool .build-tool-style { .columns.build-tool .build-tool-style {
padding: 3px; padding: 3px;
margin: 5px 0; margin: 5px 0;
@@ -1418,12 +1466,12 @@ pre.prettyprint.running {
border-radius: 3px; border-radius: 3px;
} }
/* line 135 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 143 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool .build-tool-style .name { .columns.build-tool .build-tool-style .name {
display: inline; display: inline;
} }
/* line 137 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 145 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool .build-tool-style .name, .columns.build-tool .build-tool-style .name,
.columns.build-tool .build-tool-style .code { .columns.build-tool .build-tool-style .code {
width: 100%; width: 100%;
@@ -1432,13 +1480,58 @@ pre.prettyprint.running {
box-sizing: border-box; box-sizing: border-box;
} }
/* line 140 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 148 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.columns.build-tool .build-tool-style .code { .columns.build-tool .build-tool-style .code {
font-family: 'Droid Sans Mono', Courier; font-family: 'Droid Sans Mono', Courier;
height: 215px; height: 215px;
} }
/* line 147 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 151 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.notifyjs-gswg-base {
font-family: Helvetica, Arial;
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
width: 325px;
background: #e48632;
padding: 15px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* line 158 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
/* line 159 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.notifyjs-gswg-base .content .cover {
float: left;
background: url("http://gswg.io/img/cover2.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
width: 105px;
height: 130px;
}
/* line 165 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.notifyjs-gswg-base .content .text {
float: left;
width: 200px;
padding-left: 15px;
padding-top: 10px;
color: #fff;
}
/* line 171 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.notifyjs-gswg-base .content .text .title {
font-weight: bold;
}
/* line 173 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.notifyjs-gswg-base .content .text button {
margin-bottom: 2px;
}
/* line 176 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.clearfix:after { .clearfix:after {
visibility: hidden; visibility: hidden;
display: block; display: block;
@@ -1448,20 +1541,20 @@ pre.prettyprint.running {
height: 0; height: 0;
} }
/* line 155 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 183 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.clearfix { .clearfix {
display: inline-block; display: inline-block;
} }
/* line 157 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 69 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
/* start commented backslash hack \*/ /* start commented backslash hack \*/
/* line 158 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 186 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
* html .clearfix { * html .clearfix {
height: 1%; height: 1%;
} }
/* line 160 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */ /* line 188 : /Users/jpillora/Code/JavaScript/notifyjs/docs/src/styles/app.styl */
.clearfix { .clearfix {
display: block; display: block;
} }
docs/js/app.js
+28 -8
View File
@@ -758,17 +758,22 @@ PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\
$(".build-tool-loading").hide(); $(".build-tool-loading").hide();
$(".build-tool-toggle").show(); $(".build-tool-toggle").show();
App.buildTool = $scope; App.buildTool = $scope;
$scope.settings = {
minify: false,
"default": null
};
$scope.styles = []; $scope.styles = [];
$scope.addStyle = function(code, premade) { $scope.addStyle = function(code, premade) {
return $scope.styles.push({ var style;
style = {
active: true, active: true,
code: code, code: code,
premade: premade premade: premade
}); };
}; $scope.styles.push(style);
$scope.settings = { if (!$scope.settings["default"]) {
minify: false, return $scope.settings["default"] = style;
"default": $scope.styles[0] }
}; };
$scope.loadStyle = function() { $scope.loadStyle = function() {
var baseUrl, style; var baseUrl, style;
@@ -800,7 +805,7 @@ PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\
}); });
}; };
$scope.premadeStyle = $scope.premadeStyles[0]; $scope.premadeStyle = $scope.premadeStyles[0];
$scope.loadStyle; $scope.loadStyle();
$scope.toggle = function() { $scope.toggle = function() {
$(".build-tool-toggle").toggleClass('active'); $(".build-tool-toggle").toggleClass('active');
return $(".build-tool").toggle(400); return $(".build-tool").toggle(400);
@@ -817,6 +822,9 @@ PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\
}; };
getStyleName = function(style) { getStyleName = function(style) {
var m; var m;
if (!(style != null ? style.code : void 0)) {
return null;
}
m = style.code.match(/\$\.notify\.addStyle\('(["\w-]+)'/); m = style.code.match(/\$\.notify\.addStyle\('(["\w-]+)'/);
if (!m) { if (!m) {
m = style.code.match(/\$\.notify\.addStyle\("(['\w-]+)"/); m = style.code.match(/\$\.notify\.addStyle\("(['\w-]+)"/);
@@ -959,7 +967,19 @@ PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\
}, 30 * 1000); }, 30 * 1000);
$(document).on('click', '.prettyprint.runnable', runSnippet); $(document).on('click', '.prettyprint.runnable', runSnippet);
$(".prettyprint.auto-run").each(runSnippet); $(".prettyprint.auto-run").each(runSnippet);
return $(".prettyprint.auto-add").each(addCSS); $(".prettyprint.auto-add").each(addCSS);
$.notify.addStyle('gswg', {
html: "<div>\n <div class=\"content clearfix\">\n <div class=\"cover\"></div>\n <div class=\"text\">\n <div>Read my book:</div>\n <div class=\"title\">Getting Started with Grunt: The JavaScript Task Runner</div>\n <div>Get the first chapter for free!</div>\n <div>\n <a target=\"_blank\" href=\"http://gswg.io\">\n <button data-notify-text></button>\n </a>\n <button>No thanks</button>\n </div>\n </div>\n </div>\n</div>"
});
$(document).on('click', '.notifyjs-gswg-base button', function() {
return $(this).trigger('notify-hide');
});
return $.notify("http://gswg.io", {
position: 'b r',
style: 'gswg',
autoHide: false,
clickToHide: false
});
}; };
App = App || {}; App = App || {};
docs/src/scripts/build-tool.coffee
+10 -7
View File
@@ -19,21 +19,22 @@ window.BuildController = ($scope,$timeout) ->
} }
] ]
$(".build-tool-loading").hide() $(".build-tool-loading").hide()
$(".build-tool-toggle").show() $(".build-tool-toggle").show()
App.buildTool = $scope App.buildTool = $scope
$scope.styles = []
$scope.addStyle = (code, premade) ->
$scope.styles.push { active: true, code, premade:premade }
$scope.settings = { $scope.settings = {
minify: false minify: false
default: $scope.styles[0] default: null
} }
$scope.styles = []
$scope.addStyle = (code, premade) ->
style = { active: true, code, premade:premade }
$scope.styles.push style
$scope.settings.default = style unless $scope.settings.default
$scope.loadStyle = -> $scope.loadStyle = ->
style = $scope.premadeStyle style = $scope.premadeStyle
return unless style return unless style
@@ -59,7 +60,7 @@ window.BuildController = ($scope,$timeout) ->
#load bootstrap #load bootstrap
$scope.premadeStyle = $scope.premadeStyles[0] $scope.premadeStyle = $scope.premadeStyles[0]
$scope.loadStyle $scope.loadStyle()
#angular has loaded #angular has loaded
$scope.toggle = -> $scope.toggle = ->
@@ -79,6 +80,8 @@ window.BuildController = ($scope,$timeout) ->
$scope.styles.splice i,1 $scope.styles.splice i,1
getStyleName = (style) -> getStyleName = (style) ->
unless style?.code
return null
m = style.code.match /\$\.notify\.addStyle\('(["\w-]+)'/ m = style.code.match /\$\.notify\.addStyle\('(["\w-]+)'/
unless m unless m
m = style.code.match /\$\.notify\.addStyle\("(['\w-]+)"/ m = style.code.match /\$\.notify\.addStyle\("(['\w-]+)"/
docs/src/scripts/code-runner.coffee
+29 -1
View File
@@ -34,4 +34,32 @@ App.codeRunner = ->
$(document).on('click', '.prettyprint.runnable', runSnippet) $(document).on('click', '.prettyprint.runnable', runSnippet)
$(".prettyprint.auto-run").each(runSnippet) $(".prettyprint.auto-run").each(runSnippet)
$(".prettyprint.auto-add").each(addCSS) $(".prettyprint.auto-add").each(addCSS)
#show gswg ad
$.notify.addStyle 'gswg',
html: """<div>
<div class="content clearfix">
<div class="cover"></div>
<div class="text">
<div>Read my book:</div>
<div class="title">Getting Started with Grunt: The JavaScript Task Runner</div>
<div>Get the first chapter for free!</div>
<div>
<a target="_blank" href="http://gswg.io">
<button data-notify-text></button>
</a>
<button>No thanks</button>
</div>
</div>
</div>
</div>
"""
$(document).on 'click', '.notifyjs-gswg-base button', ->
$(this).trigger('notify-hide')
$.notify("http://gswg.io", {position:'b r', style: 'gswg', autoHide: false, clickToHide: false})
docs/src/styles/app.styl
+27 -1
View File
@@ -15,6 +15,9 @@ b
font-weight: bold font-weight: bold
i i
font-style: italic !important font-style: italic !important
input:focus, button
outline none
input[type="radio"], input[type="radio"],
label[for] label[for]
cursor: pointer cursor: pointer
@@ -143,7 +146,30 @@ pre.prettyprint
font-family: 'Droid Sans Mono', Courier font-family: 'Droid Sans Mono', Courier
height: 215px height: 215px
.notifyjs-gswg-base
font-family Helvetica, Arial
opacity 0.85
width 325px
background #e48632
padding 15px
border-radius 10px
.content
.cover
float left
background url('http://gswg.io/img/cover2.jpg')
background-size cover
width 105px
height 130px
.text
float left
width 200px
padding-left 15px
padding-top 10px
color white
.title
font-weight bold
button
margin-bottom 2px
//chris coyers clearfix //chris coyers clearfix
.clearfix:after .clearfix:after
docs/src/views/index.jade
+1 -4
View File
@@ -1,9 +1,6 @@
!!! 5 doctype html
html(lang='en') html(lang='en')
dev = env == 'dev'
min = dev ? '' : '.min'
head head
meta(charset='utf-8') meta(charset='utf-8')
title Notify.js title Notify.js
index.html
+9 -19
View File
@@ -7,8 +7,11 @@
<meta name="author" content="Jaime Pillora &lt;dev@jpillora.com&gt;"> <meta name="author" content="Jaime Pillora &lt;dev@jpillora.com&gt;">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="docs/css/app.css"> <link rel="stylesheet" href="docs/css/app.css">
<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700,800" rel="stylesheet" type="text/css"><!--[if lt IE 9]> <link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700,800" rel="stylesheet" type="text/css">
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--if lt IE 9
script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
-->
</head> </head>
<body><a href="https://github.com/jpillora/notifyjs"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a> <body><a href="https://github.com/jpillora/notifyjs"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
<div class="main container"> <div class="main container">
@@ -90,7 +93,6 @@
<div class="eight columns"> <div class="eight columns">
<h4>Global Notifications</h4> <h4>Global Notifications</h4>
<p> <p>
If you don't specify an element, notification If you don't specify an element, notification
will appear in the top left (unless you specify a will appear in the top left (unless you specify a
different position - See <a data-highlight>Positioning</a>) different position - See <a data-highlight>Positioning</a>)
@@ -166,7 +168,6 @@
<div class="sixteen columns"> <div class="sixteen columns">
<h3>Options</h3> <h3>Options</h3>
<p> <p>
The options object listed above are in the form below. The options object listed above are in the form below.
This object below is the actual used to check option This object below is the actual used to check option
validity and set defaults. validity and set defaults.
@@ -247,10 +248,7 @@
apply the class: apply the class:
</p> </p>
<p><code>notifyjs-&lt;style name&gt;-base</code></p> <p><code>notifyjs-&lt;style name&gt;-base</code></p>
<p> <p>When you use the class name option (<code>className</code>) the class:</p>
When you use the class name option (<code>className</code>) the class:
</p>
<p><code>notifyjs-&lt;style name&gt;-&lt;class name&gt;</code></p> <p><code>notifyjs-&lt;style name&gt;-&lt;class name&gt;</code></p>
<p> <p>
will be applied. So if you define your styles in an external CSS file or in the style's css will be applied. So if you define your styles in an external CSS file or in the style's css
@@ -292,10 +290,7 @@
style: 'happyblue' style: 'happyblue'
}); });
</pre> </pre>
<p> <p>and you can use the <code>superblue</code> class with:</p>
and you can use the <code>superblue</code> class with:
</p>
<pre class="prettyprint runnable">$.notify('HELLO !!!!', { <pre class="prettyprint runnable">$.notify('HELLO !!!!', {
style: 'happyblue', style: 'happyblue',
className: 'superblue' className: 'superblue'
@@ -331,10 +326,7 @@ $(document).on('click', '.notifyjs-foo-base .yes', function() {
$(this).trigger('notify-hide'); $(this).trigger('notify-hide');
}); });
</pre> </pre>
<p> <p>Notice there is no <code>classes</code> property defined above. Since the CSS in this example is non-trivial, we'll use an exteral CSS file instead:</p>
Notice there is no <code>classes</code> property defined above. Since the CSS in this example is non-trivial, we'll use an exteral CSS file instead:
</p>
<p class="italic">Note: you could also convert this CSS code to a JavaScript string and use it with the <code>css</code> property. It's not very readable though it's better for distribution.</p> <p class="italic">Note: you could also convert this CSS code to a JavaScript string and use it with the <code>css</code> property. It's not very readable though it's better for distribution.</p>
<pre class="prettyprint auto-add foo-css-example lang-css">.notifyjs-foo-base { <pre class="prettyprint auto-add foo-css-example lang-css">.notifyjs-foo-base {
opacity: 0.85; opacity: 0.85;
@@ -412,9 +404,7 @@ $.notify({
</div> </div>
<div class="sixteen columns"> <div class="sixteen columns">
<h3>Contributing More Styles </h3> <h3>Contributing More Styles </h3>
<p> <p>Contributing more styles is easy!
Contributing more styles is easy!
<ol> <ol>
<li>Click <a href="https://github.com/jpillora/notifyjs/new/gh-pages/src/styles" target="_blank">this</a> link</li> <li>Click <a href="https://github.com/jpillora/notifyjs/new/gh-pages/src/styles" target="_blank">this</a> link</li>
<li>Sign into GitHub (if you're not already)</li> <li>Sign into GitHub (if you're not already)</li>
notify.jquery.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "notify", "name": "notify",
"version": "0.3.1", "version": "0.3.2",
"title": "notify", "title": "notify",
"description": "A robust, customizable notification library", "description": "A robust, customizable notification library",
"bugs": "https://github.com/jpillora/notifyjs/issues", "bugs": "https://github.com/jpillora/notifyjs/issues",
package.json
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"title": "Notify.js", "title": "Notify.js",
"name": "notify", "name": "notify",
"version": "0.3.1", "version": "0.3.2",
"author": { "author": {
"name": "Jaime Pillora" "name": "Jaime Pillora"
}, },
src/notify.coffee
+9 -4
View File
@@ -84,6 +84,9 @@ coreStyle =
display: none; display: none;
z-index: 1; z-index: 1;
position: absolute; position: absolute;
}
.#{pluginClassName}-hidable {
cursor: pointer; cursor: pointer;
} }
@@ -278,6 +281,7 @@ class Notification
@loadHTML() @loadHTML()
@wrapper = $(coreStyle.html) @wrapper = $(coreStyle.html)
@wrapper.addClass "#{pluginClassName}-hidable" if @options.clickToHide
@wrapper.data pluginClassName, @ @wrapper.data pluginClassName, @
@arrow = @wrapper.find ".#{pluginClassName}-arrow" @arrow = @wrapper.find ".#{pluginClassName}-arrow"
@container = @wrapper.find ".#{pluginClassName}-container" @container = @wrapper.find ".#{pluginClassName}-container"
@@ -559,8 +563,9 @@ $ ->
insertCSS(coreStyle.css).attr('id', 'core-notify') insertCSS(coreStyle.css).attr('id', 'core-notify')
#watch all notifications clicks #watch all notifications clicks
$(document).on 'click notify-hide', ".#{pluginClassName}-wrapper", (e) -> $(document).on 'click', ".#{pluginClassName}-hidable", (e) ->
inst = $(@).data pluginClassName $(@).trigger 'notify-hide'
if inst and (inst.options.clickToHide or e.type is 'notify-hide')
inst.show false $(document).on 'notify-hide', ".#{pluginClassName}-wrapper", (e) ->
$(@).data(pluginClassName)?.show false