Merge branch 'jade'
This commit is contained in:
commit
c334655d91
10
Makefile
10
Makefile
@ -1,5 +1,9 @@
|
|||||||
ISSO_JS_SRC := $(shell find isso/js/app -type f) $(shell ls isso/js/*.js | grep -vE "(min|dev)")
|
ISSO_JS_SRC := $(shell find isso/js/app -type f) \
|
||||||
ISSO_JS_DST := isso/js/embed.min.js isso/js/embed.dev.js isso/js/count.min.js isso/js/count.dev.js
|
$(shell ls isso/js/*.js | grep -vE "(min|dev)") \
|
||||||
|
isso/js/lib/requirejs-jade/jade.js
|
||||||
|
|
||||||
|
ISSO_JS_DST := isso/js/embed.min.js isso/js/embed.dev.js \
|
||||||
|
isso/js/count.min.js isso/js/count.dev.js
|
||||||
|
|
||||||
ISSO_CSS := isso/css/isso.css
|
ISSO_CSS := isso/css/isso.css
|
||||||
|
|
||||||
@ -14,7 +18,7 @@ CSS := docs/_static/css/site.css
|
|||||||
all: man js site
|
all: man js site
|
||||||
|
|
||||||
init:
|
init:
|
||||||
(cd isso/js; bower install almond requirejs requirejs-text)
|
(cd isso/js; bower install almond requirejs requirejs-text jade)
|
||||||
|
|
||||||
isso/js/%.min.js: $(ISSO_JS_SRC) $(ISSO_CSS)
|
isso/js/%.min.js: $(ISSO_JS_SRC) $(ISSO_CSS)
|
||||||
r.js -o isso/js/build.$*.js out=$@
|
r.js -o isso/js/build.$*.js out=$@
|
||||||
|
@ -127,8 +127,6 @@ way to set up Isso. It requires a lot more dependencies and effort:
|
|||||||
- Virtualenv
|
- Virtualenv
|
||||||
- SQLite 3.3.8 or later
|
- SQLite 3.3.8 or later
|
||||||
- a working C compiler
|
- a working C compiler
|
||||||
- Ruby 1.8 or higher
|
|
||||||
- a `SCSS <http://sass-lang.com/>`_ compiler
|
|
||||||
- Node.js, `NPM <https://npmjs.org/>`__ and `Bower <http://bower.io/>`__
|
- Node.js, `NPM <https://npmjs.org/>`__ and `Bower <http://bower.io/>`__
|
||||||
|
|
||||||
Get a fresh copy of Isso:
|
Get a fresh copy of Isso:
|
||||||
@ -152,12 +150,6 @@ Install Isso and its dependencies:
|
|||||||
~> python setup.py develop # or `install`
|
~> python setup.py develop # or `install`
|
||||||
~> isso run
|
~> isso run
|
||||||
|
|
||||||
Compilation from SCSS to CSS:
|
|
||||||
|
|
||||||
.. code-block:: sh
|
|
||||||
|
|
||||||
~> make css
|
|
||||||
|
|
||||||
Install JavaScript modules:
|
Install JavaScript modules:
|
||||||
|
|
||||||
.. code-block:: sh
|
.. code-block:: sh
|
||||||
@ -175,7 +167,7 @@ Optimization:
|
|||||||
|
|
||||||
.. code-block:: sh
|
.. code-block:: sh
|
||||||
|
|
||||||
~> npm install -g requirejs uglifyjs
|
~> npm install -g requirejs uglifyjs jade
|
||||||
~> make js
|
~> make js
|
||||||
|
|
||||||
Init scripts
|
Init scripts
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
define(["app/api", "app/dom", "app/markup"], function(api, $, Mark) {
|
define(["app/api", "app/dom", "app/i18n"], function(api, $, i18n) {
|
||||||
return function() {
|
return function() {
|
||||||
|
|
||||||
var objs = {};
|
var objs = {};
|
||||||
@ -28,9 +28,7 @@ define(["app/api", "app/dom", "app/markup"], function(api, $, Mark) {
|
|||||||
var index = urls.indexOf(key);
|
var index = urls.indexOf(key);
|
||||||
|
|
||||||
for (var i = 0; i < objs[key].length; i++) {
|
for (var i = 0; i < objs[key].length; i++) {
|
||||||
objs[key][i].textContent = Mark.up(
|
objs[key][i].textContent = i18n.pluralize("num-comments", rv[index]);
|
||||||
"{{ i18n-num-comments | pluralize : `n` }}",
|
|
||||||
{n: rv[index]});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,43 +2,67 @@ define(["app/config", "app/i18n/de", "app/i18n/en", "app/i18n/fr", "app/i18n/ru"
|
|||||||
|
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
// pluralization functions for each language you support
|
var pluralforms = function(lang) {
|
||||||
var plurals = {
|
switch (lang) {
|
||||||
"en": function(msgs, n) {
|
case "en":
|
||||||
|
case "de":
|
||||||
|
case "it":
|
||||||
|
return function(msgs, n) {
|
||||||
return msgs[n === 1 ? 0 : 1];
|
return msgs[n === 1 ? 0 : 1];
|
||||||
},
|
};
|
||||||
"fr": function(msgs, n) {
|
case "fr":
|
||||||
return msgs[n > 1 ? 1 : 0]
|
return function(msgs, n) {
|
||||||
},
|
return msgs[n > 1 ? 1 : 0];
|
||||||
"ru": function(msg, n) {
|
};
|
||||||
|
case "ru":
|
||||||
|
return function(msgs, n) {
|
||||||
if (n % 10 === 1 && n % 100 !== 11) {
|
if (n % 10 === 1 && n % 100 !== 11) {
|
||||||
return msg[0];
|
return msgs[0];
|
||||||
} else if (n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20)) {
|
} else if (n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20)) {
|
||||||
return msg[1];
|
return msgs[1];
|
||||||
} else {
|
} else {
|
||||||
return msg[2] !== undefined ? msg[2] : msg[1];
|
return typeof msgs[2] !== "undefined" ? msgs[2] : msgs[1];
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
plurals["de"] = plurals["en"];
|
|
||||||
plurals["it"] = plurals["en"];
|
|
||||||
|
|
||||||
// useragent's prefered language (or manually overridden)
|
// useragent's prefered language (or manually overridden)
|
||||||
var lang = config.lang;
|
var lang = config.lang;
|
||||||
|
|
||||||
// fall back to English
|
// fall back to English
|
||||||
if (!plurals[lang]) {
|
if (! pluralforms(lang)) {
|
||||||
lang = "en";
|
lang = "en";
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
var catalogue = {
|
||||||
plurals: plurals,
|
|
||||||
lang: lang,
|
|
||||||
de: de,
|
de: de,
|
||||||
en: en,
|
en: en,
|
||||||
fr: fr,
|
fr: fr,
|
||||||
ru: ru,
|
ru: ru,
|
||||||
it: it
|
it: it
|
||||||
};
|
};
|
||||||
|
|
||||||
|
var plural = pluralforms(lang);
|
||||||
|
|
||||||
|
var translate = function(msgid) {
|
||||||
|
return catalogue[lang][msgid] || en[msgid] || "???";
|
||||||
|
};
|
||||||
|
|
||||||
|
var pluralize = function(msgid, n) {
|
||||||
|
var msg;
|
||||||
|
|
||||||
|
msg = translate(msgid);
|
||||||
|
msg = plural(msg.split("\n"), (+ n));
|
||||||
|
|
||||||
|
return msg ? msg.replace("{{ n }}", (+ n)) : msg;
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
lang: lang,
|
||||||
|
translate: translate,
|
||||||
|
pluralize: pluralize
|
||||||
|
};
|
||||||
});
|
});
|
||||||
|
@ -1,15 +1,13 @@
|
|||||||
/* Isso – Ich schrei sonst!
|
/* Isso – Ich schrei sonst!
|
||||||
*/
|
*/
|
||||||
define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/markup", "app/i18n", "app/lib", "app/globals"],
|
define(["app/dom", "app/utils", "app/config", "app/api", "app/jade", "app/i18n", "app/lib", "app/globals"],
|
||||||
function(templates, $, utils, config, api, Mark, i18n, lib, globals) {
|
function($, utils, config, api, jade, i18n, lib, globals) {
|
||||||
|
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
var msgs = i18n[i18n.lang];
|
|
||||||
|
|
||||||
var Postbox = function(parent) {
|
var Postbox = function(parent) {
|
||||||
|
|
||||||
var el = $.htmlify(Mark.up(templates["postbox"]));
|
var el = $.htmlify(jade.render("postbox"));
|
||||||
|
|
||||||
if (config["avatar"]) {
|
if (config["avatar"]) {
|
||||||
// add a default identicon to not waste CPU cycles
|
// add a default identicon to not waste CPU cycles
|
||||||
@ -95,7 +93,7 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
entrypoint = $("#isso-" + commentWrapper.id + " > .text-wrapper > .isso-follow-up");
|
entrypoint = $("#isso-" + commentWrapper.id + " > .text-wrapper > .isso-follow-up");
|
||||||
commentWrapper.name = commentWrapper.id;
|
commentWrapper.name = commentWrapper.id;
|
||||||
}
|
}
|
||||||
var el = $.htmlify(Mark.up(templates["comment_loader"], commentWrapper));
|
var el = $.htmlify(jade.render("comment_loader", {"comment": commentWrapper}));
|
||||||
|
|
||||||
entrypoint.append(el);
|
entrypoint.append(el);
|
||||||
|
|
||||||
@ -134,7 +132,7 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
};
|
};
|
||||||
|
|
||||||
var insert = function(comment, scrollIntoView) {
|
var insert = function(comment, scrollIntoView) {
|
||||||
var el = $.htmlify(Mark.up(templates["comment"], comment));
|
var el = $.htmlify(jade.render("comment", {"comment": comment}));
|
||||||
|
|
||||||
// update datetime every 60 seconds
|
// update datetime every 60 seconds
|
||||||
var refresh = function() {
|
var refresh = function() {
|
||||||
@ -173,11 +171,11 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
form = footer.insertAfter(new Postbox(comment.parent === null ? comment.id : comment.parent));
|
form = footer.insertAfter(new Postbox(comment.parent === null ? comment.id : comment.parent));
|
||||||
form.onsuccess = function() { toggler.next(); };
|
form.onsuccess = function() { toggler.next(); };
|
||||||
$(".textarea", form).focus();
|
$(".textarea", form).focus();
|
||||||
$("a.reply", footer).textContent = msgs["comment-close"];
|
$("a.reply", footer).textContent = i18n.translate("comment-close");
|
||||||
},
|
},
|
||||||
function() {
|
function() {
|
||||||
form.remove();
|
form.remove();
|
||||||
$("a.reply", footer).textContent = msgs["comment-reply"];
|
$("a.reply", footer).textContent = i18n.translate("comment-reply");
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
@ -211,8 +209,8 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
function(toggler) {
|
function(toggler) {
|
||||||
var edit = $("a.edit", footer);
|
var edit = $("a.edit", footer);
|
||||||
|
|
||||||
edit.textContent = msgs["comment-save"];
|
edit.textContent = i18n.translate("comment-save");
|
||||||
edit.insertAfter($.new("a.cancel", msgs["comment-cancel"])).on("click", function() {
|
edit.insertAfter($.new("a.cancel", i18n.translate("comment-cancel"))).on("click", function() {
|
||||||
toggler.canceled = true;
|
toggler.canceled = true;
|
||||||
toggler.next();
|
toggler.next();
|
||||||
});
|
});
|
||||||
@ -253,7 +251,7 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
text.classList.add("text");
|
text.classList.add("text");
|
||||||
|
|
||||||
$("a.cancel", footer).remove();
|
$("a.cancel", footer).remove();
|
||||||
$("a.edit", footer).textContent = msgs["comment-edit"];
|
$("a.edit", footer).textContent = i18n.translate("comment-edit");
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
@ -262,9 +260,9 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
var del = $("a.delete", footer);
|
var del = $("a.delete", footer);
|
||||||
var state = ! toggler.state;
|
var state = ! toggler.state;
|
||||||
|
|
||||||
del.textContent = msgs["comment-confirm"];
|
del.textContent = i18n.translate("comment-confirm");
|
||||||
del.on("mouseout", function() {
|
del.on("mouseout", function() {
|
||||||
del.textContent = msgs["comment-delete"];
|
del.textContent = i18n.translate("comment-delete");
|
||||||
toggler.state = state;
|
toggler.state = state;
|
||||||
del.onmouseout = null;
|
del.onmouseout = null;
|
||||||
});
|
});
|
||||||
@ -275,12 +273,12 @@ define(["app/text/html", "app/dom", "app/utils", "app/config", "app/api", "app/m
|
|||||||
if (rv) {
|
if (rv) {
|
||||||
el.remove();
|
el.remove();
|
||||||
} else {
|
} else {
|
||||||
$("span.note", header).textContent = msgs["comment-deleted"];
|
$("span.note", header).textContent = i18n.translate("comment-deleted");
|
||||||
text.innerHTML = "<p> </p>";
|
text.innerHTML = "<p> </p>";
|
||||||
$("a.edit", footer).remove();
|
$("a.edit", footer).remove();
|
||||||
$("a.delete", footer).remove();
|
$("a.delete", footer).remove();
|
||||||
}
|
}
|
||||||
del.textContent = msgs["comment-delete"];
|
del.textContent = i18n.translate("comment-delete");
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
62
isso/js/app/jade.js
Normal file
62
isso/js/app/jade.js
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
define(["libjs-jade-runtime", "app/utils", "jade!app/text/postbox", "jade!app/text/comment", "jade!app/text/comment-loader"], function(runtime, utils, tt_postbox, tt_comment, tt_comment_loader) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var globals = {},
|
||||||
|
templates = {};
|
||||||
|
|
||||||
|
var load = function(name, js) {
|
||||||
|
templates[name] = (function(jade) {
|
||||||
|
var fn;
|
||||||
|
eval("fn = " + js);
|
||||||
|
return fn;
|
||||||
|
})(runtime);
|
||||||
|
};
|
||||||
|
|
||||||
|
var set = function(name, value) {
|
||||||
|
globals[name] = value;
|
||||||
|
};
|
||||||
|
|
||||||
|
load("postbox", tt_postbox);
|
||||||
|
load("comment", tt_comment);
|
||||||
|
load("comment-loader", tt_comment_loader);
|
||||||
|
|
||||||
|
set("bool", function(arg) { return arg ? true : false; });
|
||||||
|
set("datetime", function(date) {
|
||||||
|
if (typeof date !== "object") {
|
||||||
|
date = new Date(parseInt(date, 10) * 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Array.join([
|
||||||
|
date.getUTCFullYear(),
|
||||||
|
utils.pad(date.getUTCMonth(), 2),
|
||||||
|
utils.pad(date.getUTCDay(), 2)], "-");
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
"set": set,
|
||||||
|
"render": function(name, locals) {
|
||||||
|
var rv, t = templates[name];
|
||||||
|
if (! t) {
|
||||||
|
throw new Error("Template not found: '" + name + "'");
|
||||||
|
}
|
||||||
|
|
||||||
|
locals = locals || {};
|
||||||
|
|
||||||
|
var keys = [];
|
||||||
|
for (var key in locals) {
|
||||||
|
if (locals.hasOwnProperty(key) && !globals.hasOwnProperty(key)) {
|
||||||
|
keys.push(key);
|
||||||
|
globals[key] = locals[key];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
rv = templates[name](globals);
|
||||||
|
|
||||||
|
for (var i = 0; i < keys.length; i++) {
|
||||||
|
delete globals[keys[i]];
|
||||||
|
}
|
||||||
|
|
||||||
|
return rv;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
@ -1,4 +1,5 @@
|
|||||||
define(["app/dom", "app/markup"], function($, Mark) {
|
define(["app/dom", "app/i18n"], function($, i18n) {
|
||||||
|
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
return function(el) {
|
return function(el) {
|
||||||
@ -13,7 +14,7 @@ define(["app/dom", "app/markup"], function($, Mark) {
|
|||||||
|
|
||||||
el.on("blur", function() {
|
el.on("blur", function() {
|
||||||
if (el.textContent.length === 0) {
|
if (el.textContent.length === 0) {
|
||||||
el.textContent = Mark.up("{{ i18n-postbox-text }}");
|
el.textContent = i18n.translate("postbox-text");
|
||||||
el.classList.add("placeholder");
|
el.classList.add("placeholder");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -2,11 +2,6 @@ define(["vendor/markup", "app/config", "app/i18n", "app/text/svg"], function(Mar
|
|||||||
|
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
var pad = function(n, width, z) {
|
|
||||||
z = z || '0';
|
|
||||||
n = n + '';
|
|
||||||
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
|
|
||||||
};
|
|
||||||
|
|
||||||
// circumvent https://github.com/adammark/Markup.js/issues/22
|
// circumvent https://github.com/adammark/Markup.js/issues/22
|
||||||
function merge(obj) {
|
function merge(obj) {
|
||||||
@ -38,10 +33,6 @@ define(["vendor/markup", "app/config", "app/i18n", "app/text/svg"], function(Mar
|
|||||||
return parseInt(a, 10) - parseInt(b, 10);
|
return parseInt(a, 10) - parseInt(b, 10);
|
||||||
};
|
};
|
||||||
|
|
||||||
Mark.pipes.pluralize = function(str, n) {
|
|
||||||
return i18n.plurals[i18n.lang](str.split("\n"), +n).trim();
|
|
||||||
};
|
|
||||||
|
|
||||||
var strip = function(string) {
|
var strip = function(string) {
|
||||||
// allow whitespace between Markup.js delimiters such as
|
// allow whitespace between Markup.js delimiters such as
|
||||||
// {{ var | pipe : arg }} instead of {{var|pipe:arg}}
|
// {{ var | pipe : arg }} instead of {{var|pipe:arg}}
|
||||||
|
@ -1,3 +0,0 @@
|
|||||||
<div class="isso-comment-loader" id="isso-loader-{{ name | blank }}">
|
|
||||||
<a class="load_hidden" href="#">{{ i18n-comment-hidden | pluralize : `hidden_replies` }}</a>
|
|
||||||
</div>
|
|
2
isso/js/app/text/comment-loader.jade
Normal file
2
isso/js/app/text/comment-loader.jade
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
div(class='isso-comment-loader' id='isso-loader-#{comment.name}')
|
||||||
|
a(class='load_hidden' href='#') #{pluralize('comment-hidden', comment.hidden_replies)}
|
@ -1,57 +0,0 @@
|
|||||||
<div class="isso-comment" id="isso-{{ id | blank }}">
|
|
||||||
{{ if conf-avatar | bool }}
|
|
||||||
<div class="avatar">
|
|
||||||
<svg data-hash="{{ hash }}"></svg>
|
|
||||||
</div>
|
|
||||||
{{ /if }}
|
|
||||||
<div class="text-wrapper">
|
|
||||||
<div class="isso-comment-header" role="meta">
|
|
||||||
{{ if website | bool }}
|
|
||||||
<a class="author" href="{{ website }}" rel="nofollow">
|
|
||||||
{{ author | blank : `i18n-comment-anonymous` }}
|
|
||||||
</a>
|
|
||||||
{{ else }}
|
|
||||||
<span class="author">
|
|
||||||
{{ author | blank : `i18n-comment-anonymous` }}
|
|
||||||
</span>
|
|
||||||
{{ /if }}
|
|
||||||
|
|
||||||
<span class="spacer">•</span>
|
|
||||||
|
|
||||||
<a class="permalink" href="#isso-{{ id }}">
|
|
||||||
<date datetime="{{ created | datetime }}"></date>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<span class="note">
|
|
||||||
{{ if mode | equals : 2 }}
|
|
||||||
{{ i18n-comment-queued }}
|
|
||||||
{{ /if }}
|
|
||||||
{{ if mode | equals : 4 }}
|
|
||||||
{{ i18n-comment-deleted }}
|
|
||||||
{{ /if }}
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
{{ if mode | equals : 4 }}
|
|
||||||
<p> </p>
|
|
||||||
{{ else }}
|
|
||||||
{{ text }}
|
|
||||||
{{ /if }}
|
|
||||||
</div>
|
|
||||||
<div class="isso-comment-footer">
|
|
||||||
{{ if likes | substract : `dislikes` | notequals : 0 }}
|
|
||||||
<span class="votes">{{ likes | substract : `dislikes` }}</span>
|
|
||||||
{{ /if }}
|
|
||||||
<a class="upvote" href="#"><i>{{ svg-arrow-up}}</i></a>
|
|
||||||
<span class="spacer">|</span>
|
|
||||||
<a class="downvote" href="#"><i>{{ svg-arrow-down}}</i></a>
|
|
||||||
|
|
||||||
<a class="reply" href="#">{{ i18n-comment-reply }}</a>
|
|
||||||
<a class="edit" href="#">{{ i18n-comment-edit }}</a>
|
|
||||||
<a class="delete" href="#">{{ i18n-comment-delete }}</a>
|
|
||||||
</div>
|
|
||||||
<div class="isso-follow-up">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
37
isso/js/app/text/comment.jade
Normal file
37
isso/js/app/text/comment.jade
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
div(class='isso-comment' id='isso-#{comment.id}')
|
||||||
|
if conf.avatar
|
||||||
|
div(class='avatar')
|
||||||
|
svg(data-hash='#{comment.hash}')
|
||||||
|
div(class='text-wrapper')
|
||||||
|
div(class='isso-comment-header' role='meta')
|
||||||
|
if bool(comment.website)
|
||||||
|
a(class='author' href='#{comment.website}' rel='nofollow')
|
||||||
|
= bool(comment.author) ? comment.author : i18n('comment-anonymous')
|
||||||
|
else
|
||||||
|
span(class='author')
|
||||||
|
= bool(comment.author) ? comment.author : i18n('comment-anonymous')
|
||||||
|
span(class="spacer") •
|
||||||
|
a(class='permalink' href='#isso-#{comment.id}')
|
||||||
|
date(datetime='#{datetime(comment.created)}')
|
||||||
|
span(class='note')
|
||||||
|
= comment.mode == 2 ? i18n('comment-queued') : comment.mode == 4 ? i18n('comment-deleted') : ''
|
||||||
|
|
||||||
|
div(class='text')
|
||||||
|
if comment.mode == 4
|
||||||
|
p
|
||||||
|
else
|
||||||
|
!= comment.text
|
||||||
|
|
||||||
|
div(class='isso-comment-footer')
|
||||||
|
if comment.likes - comment.dislikes != 0
|
||||||
|
span(class='votes') #{comment.likes - comment.dislikes}
|
||||||
|
a(class='upvote' href='#')
|
||||||
|
i!= svg['arrow-up']
|
||||||
|
span(class='spacer') |
|
||||||
|
a(class='downvote' href='#')
|
||||||
|
i!= svg['arrow-down']
|
||||||
|
a(class='reply' href='#') #{i18n('comment-reply')}
|
||||||
|
a(class='edit' href='#') #{i18n('comment-edit')}
|
||||||
|
a(class='delete' href='#') #{i18n('comment-delete')}
|
||||||
|
|
||||||
|
div(class='isso-follow-up')
|
@ -1,7 +0,0 @@
|
|||||||
define(["text!./postbox.html", "text!./comment.html", "text!./comment-loader.html"], function (postbox, comment, comment_loader) {
|
|
||||||
return {
|
|
||||||
postbox: postbox,
|
|
||||||
comment: comment,
|
|
||||||
comment_loader: comment_loader
|
|
||||||
};
|
|
||||||
});
|
|
@ -1,23 +0,0 @@
|
|||||||
<div class="postbox">
|
|
||||||
{{ if conf-avatar | bool }}
|
|
||||||
<div class="avatar">
|
|
||||||
<svg class="blank" data-hash="{{ hash }}"></svg>
|
|
||||||
</div>
|
|
||||||
{{ /if }}
|
|
||||||
<div class="form-wrapper">
|
|
||||||
<div class="textarea-wrapper">
|
|
||||||
<div class="textarea placeholder" contenteditable="true">{{ i18n-postbox-text }}</div>
|
|
||||||
</div>
|
|
||||||
<section class="auth-section">
|
|
||||||
<p class="input-wrapper">
|
|
||||||
<input type="text" name="author" placeholder="{{ i18n-postbox-author }}"/>
|
|
||||||
</p>
|
|
||||||
<p class="input-wrapper">
|
|
||||||
<input type="email" name="email" placeholder="{{ i18n-postbox-email }}"/>
|
|
||||||
</p>
|
|
||||||
<p class="post-action">
|
|
||||||
<input type="submit" value="{{ i18n-postbox-submit }}"/>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
15
isso/js/app/text/postbox.jade
Normal file
15
isso/js/app/text/postbox.jade
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
div(class='postbox')
|
||||||
|
if conf.avatar
|
||||||
|
div(class='avatar')
|
||||||
|
svg(class='blank' data-hash='')
|
||||||
|
div(class='form-wrapper')
|
||||||
|
div(class='textarea-wrapper')
|
||||||
|
div(class='textarea placeholder' contenteditable='true')
|
||||||
|
= i18n('postbox-text')
|
||||||
|
section(class='auth-section')
|
||||||
|
p(class='input-wrapper')
|
||||||
|
input(type='text' name='author' placeholder=i18n('postbox-author'))
|
||||||
|
p(class='input-wrapper')
|
||||||
|
input(type='email' name='email' placeholder=i18n('postbox-email'))
|
||||||
|
p(class='post-action')
|
||||||
|
input(type='submit' value=i18n('postbox-submit'))
|
@ -1,4 +1,4 @@
|
|||||||
define(["app/markup"], function(Mark) {
|
define(["app/i18n"], function(i18n) {
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
// return `cookie` string if set
|
// return `cookie` string if set
|
||||||
@ -6,6 +6,12 @@ define(["app/markup"], function(Mark) {
|
|||||||
return (document.cookie.match('(^|; )' + cookie + '=([^;]*)') || 0)[2];
|
return (document.cookie.match('(^|; )' + cookie + '=([^;]*)') || 0)[2];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
var pad = function(n, width, z) {
|
||||||
|
z = z || '0';
|
||||||
|
n = n + '';
|
||||||
|
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
|
||||||
|
};
|
||||||
|
|
||||||
var ago = function(localTime, date) {
|
var ago = function(localTime, date) {
|
||||||
|
|
||||||
var secs = ((localTime.getTime() - date.getTime()) / 1000);
|
var secs = ((localTime.getTime() - date.getTime()) / 1000);
|
||||||
@ -17,27 +23,19 @@ define(["app/markup"], function(Mark) {
|
|||||||
var mins = Math.ceil(secs / 60), hours = Math.ceil(mins / 60),
|
var mins = Math.ceil(secs / 60), hours = Math.ceil(mins / 60),
|
||||||
days = Math.ceil(hours / 24);
|
days = Math.ceil(hours / 24);
|
||||||
|
|
||||||
var i18n = function(msgid, n) {
|
return secs <= 45 && i18n.translate("date-now") ||
|
||||||
if (! n) {
|
secs <= 90 && i18n.pluralize("date-minute", 1) ||
|
||||||
return Mark.up("{{ i18n-" + msgid + " }}");
|
mins <= 45 && i18n.pluralize("date-minute", mins) ||
|
||||||
} else {
|
mins <= 90 && i18n.pluralize("date-hour", 1) ||
|
||||||
return Mark.up("{{ i18n-" + msgid + " | pluralize : `n` }}", {n: n});
|
hours <= 22 && i18n.pluralize("date-hour", hours) ||
|
||||||
}
|
hours <= 36 && i18n.pluralize("date-day", 1) ||
|
||||||
};
|
days <= 5 && i18n.pluralize("date-day", days) ||
|
||||||
|
days <= 8 && i18n.pluralize("date-week", 1) ||
|
||||||
return secs <= 45 && i18n("date-now") ||
|
days <= 21 && i18n.pluralize("date-week", Math.ceil(days / 7)) ||
|
||||||
secs <= 90 && i18n("date-minute", 1) ||
|
days <= 45 && i18n.pluralize("date-month", 1) ||
|
||||||
mins <= 45 && i18n("date-minute", mins) ||
|
days <= 345 && i18n.pluralize("date-month", Math.ceil(days / 30)) ||
|
||||||
mins <= 90 && i18n("date-hour", 1) ||
|
days <= 547 && i18n.pluralize("date-year", 1) ||
|
||||||
hours <= 22 && i18n("date-hour", hours) ||
|
i18n.pluralize("date-year", Math.ceil(days / 365.25));
|
||||||
hours <= 36 && i18n("date-day", 1) ||
|
|
||||||
days <= 5 && i18n("date-day", days) ||
|
|
||||||
days <= 8 && i18n("date-week", 1) ||
|
|
||||||
days <= 21 && i18n("date-week", Math.ceil(days / 7)) ||
|
|
||||||
days <= 45 && i18n("date-month", 1) ||
|
|
||||||
days <= 345 && i18n("date-month", Math.ceil(days / 30)) ||
|
|
||||||
days <= 547 && i18n("date-year", 1) ||
|
|
||||||
i18n("date-year", Math.ceil(days / 365.25));
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var text = function(html) {
|
var text = function(html) {
|
||||||
@ -55,6 +53,7 @@ define(["app/markup"], function(Mark) {
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
cookie: cookie,
|
cookie: cookie,
|
||||||
|
pad: pad,
|
||||||
ago: ago,
|
ago: ago,
|
||||||
text: text,
|
text: text,
|
||||||
detext: detext
|
detext: detext
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
({
|
({
|
||||||
baseUrl: ".",
|
baseUrl: ".",
|
||||||
mainConfigFile: 'config.js',
|
mainConfigFile: 'config.js',
|
||||||
stubModules: ['text'],
|
stubModules: ['text', 'jade'],
|
||||||
|
|
||||||
name: "components/almond/almond",
|
name: "components/almond/almond",
|
||||||
include: ['embed'],
|
include: ['embed'],
|
||||||
|
@ -1,6 +1,9 @@
|
|||||||
var requirejs = {
|
var requirejs = {
|
||||||
paths: {
|
paths: {
|
||||||
text : "components/requirejs-text/text",
|
"text": "components/requirejs-text/text",
|
||||||
|
"jade": "lib/requirejs-jade/jade",
|
||||||
|
"libjs-jade": "components/jade/jade",
|
||||||
|
"libjs-jade-runtime": "components/jade/runtime"
|
||||||
},
|
},
|
||||||
|
|
||||||
config: {
|
config: {
|
||||||
|
@ -3,10 +3,15 @@
|
|||||||
* Distributed under the MIT license
|
* Distributed under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
require(["app/lib/ready", "app/config", "app/api", "app/isso", "app/count", "app/dom", "app/markup", "app/text/css"], function(domready, config, api, isso, count, $, Mark, css) {
|
require(["app/lib/ready", "app/config", "app/i18n", "app/api", "app/isso", "app/count", "app/dom", "app/text/css", "app/text/svg", "app/jade"], function(domready, config, i18n, api, isso, count, $, css, svg, jade) {
|
||||||
|
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
|
jade.set("conf", config);
|
||||||
|
jade.set("i18n", i18n.translate);
|
||||||
|
jade.set("pluralize", i18n.pluralize);
|
||||||
|
jade.set("svg", svg);
|
||||||
|
|
||||||
domready(function() {
|
domready(function() {
|
||||||
|
|
||||||
if (config["css"]) {
|
if (config["css"]) {
|
||||||
@ -31,7 +36,7 @@ require(["app/lib/ready", "app/config", "app/api", "app/isso", "app/count", "app
|
|||||||
config["max-comments-nested"]).then(
|
config["max-comments-nested"]).then(
|
||||||
function(rv) {
|
function(rv) {
|
||||||
if (rv.total_replies === 0) {
|
if (rv.total_replies === 0) {
|
||||||
$("#isso-thread > h4").textContent = Mark.up("{{ i18n-no-comments }}");
|
$("#isso-thread > h4").textContent = i18n.translate("no-comments");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -44,7 +49,7 @@ require(["app/lib/ready", "app/config", "app/api", "app/isso", "app/count", "app
|
|||||||
}
|
}
|
||||||
total_count = total_count + commentObject.total_replies;
|
total_count = total_count + commentObject.total_replies;
|
||||||
});
|
});
|
||||||
$("#isso-thread > h4").textContent = Mark.up("{{ i18n-num-comments | pluralize : `n` }}", {n: total_count});
|
$("#isso-thread > h4").textContent = i18n.pluralize("num-comments", total_count);
|
||||||
|
|
||||||
if(rv.hidden_replies > 0) {
|
if(rv.hidden_replies > 0) {
|
||||||
isso.insert_loader(rv, lastcreated);
|
isso.insert_loader(rv, lastcreated);
|
||||||
|
58
isso/js/lib/requirejs-jade/jade.js
Normal file
58
isso/js/lib/requirejs-jade/jade.js
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
define(function() {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var jade = null,
|
||||||
|
builds = {};
|
||||||
|
|
||||||
|
var fetchText = function() {
|
||||||
|
throw new Error("Environment not supported.");
|
||||||
|
};
|
||||||
|
|
||||||
|
if (typeof process !== "undefined") {
|
||||||
|
var fs = require.nodeRequire("fs");
|
||||||
|
var jade = require.nodeRequire("jade");
|
||||||
|
fetchText = function(path, callback) {
|
||||||
|
callback(fs.readFileSync(path, "utf-8"));
|
||||||
|
};
|
||||||
|
} else if ((typeof window !== "undefined" && window.navigator && window.document) || typeof importScripts !== "undefined") {
|
||||||
|
fetchText = function (url, callback) {
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('GET', url, true);
|
||||||
|
xhr.onreadystatechange = function() {
|
||||||
|
if (xhr.readyState === 4) {
|
||||||
|
callback(xhr.responseText);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.send(null);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
|
||||||
|
fetchText: fetchText,
|
||||||
|
|
||||||
|
load: function(name, req, onload, config) {
|
||||||
|
var path = req.toUrl(name + ".jade");
|
||||||
|
fetchText(path, function(text) {
|
||||||
|
if (jade === null) {
|
||||||
|
req(["libjs-jade"], function(jade) {
|
||||||
|
onload(jade.compileClient(text));
|
||||||
|
onload(text);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
builds[name] = jade.compileClient(text);
|
||||||
|
onload(builds[name]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
write: function(plugin, name, write) {
|
||||||
|
if (builds.hasOwnProperty(name)) {
|
||||||
|
write("define('" + plugin + "!" + name +"', function () {" +
|
||||||
|
" var fn = " + builds[name] + ";" +
|
||||||
|
" return fn;" +
|
||||||
|
"});\n");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
476
isso/js/vendor/markup.js
vendored
476
isso/js/vendor/markup.js
vendored
@ -1,476 +0,0 @@
|
|||||||
/*
|
|
||||||
Markup.js v1.5.16: http://github.com/adammark/Markup.js
|
|
||||||
MIT License
|
|
||||||
(c) 2011 - 2013 Adam Mark
|
|
||||||
*/
|
|
||||||
var Mark = {
|
|
||||||
// Templates to include, by name. A template is a string.
|
|
||||||
includes: {},
|
|
||||||
|
|
||||||
// Global variables, by name. Global variables take precedence over context variables.
|
|
||||||
globals: {},
|
|
||||||
|
|
||||||
// The delimiter to use in pipe expressions, e.g. {{if color|like>red}}.
|
|
||||||
delimiter: ">",
|
|
||||||
|
|
||||||
// Collapse white space between HTML elements in the resulting string.
|
|
||||||
compact: false,
|
|
||||||
|
|
||||||
// Shallow-copy an object.
|
|
||||||
_copy: function (a, b) {
|
|
||||||
b = b || [];
|
|
||||||
|
|
||||||
for (var i in a) {
|
|
||||||
b[i] = a[i];
|
|
||||||
}
|
|
||||||
|
|
||||||
return b;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Get the value of a number or size of an array. This is a helper function for several pipes.
|
|
||||||
_size: function (a) {
|
|
||||||
return a instanceof Array ? a.length : (a || 0);
|
|
||||||
},
|
|
||||||
|
|
||||||
// This object represents an iteration. It has an index and length.
|
|
||||||
_iter: function (idx, size) {
|
|
||||||
this.idx = idx;
|
|
||||||
this.size = size;
|
|
||||||
this.length = size;
|
|
||||||
this.sign = "#";
|
|
||||||
|
|
||||||
// Print the index if "#" or the count if "##".
|
|
||||||
this.toString = function () {
|
|
||||||
return this.idx + this.sign.length - 1;
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
// Pass a value through a series of pipe expressions, e.g. _pipe(123, ["add>10","times>5"]).
|
|
||||||
_pipe: function (val, expressions) {
|
|
||||||
var expression, parts, fn, result;
|
|
||||||
|
|
||||||
// If we have expressions, pull out the first one, e.g. "add>10".
|
|
||||||
if ((expression = expressions.shift())) {
|
|
||||||
|
|
||||||
// Split the expression into its component parts, e.g. ["add", "10"].
|
|
||||||
parts = expression.split(this.delimiter);
|
|
||||||
|
|
||||||
// Pull out the function name, e.g. "add".
|
|
||||||
fn = parts.shift().trim();
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Run the function, e.g. add(123, 10) ...
|
|
||||||
result = Mark.pipes[fn].apply(null, [val].concat(parts));
|
|
||||||
|
|
||||||
// ... then pipe again with remaining expressions.
|
|
||||||
val = this._pipe(result, expressions);
|
|
||||||
}
|
|
||||||
catch (e) {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Return the piped value.
|
|
||||||
return val;
|
|
||||||
},
|
|
||||||
|
|
||||||
// TODO doc
|
|
||||||
_eval: function (context, filters, child) {
|
|
||||||
var result = this._pipe(context, filters),
|
|
||||||
ctx = result,
|
|
||||||
i = -1,
|
|
||||||
j,
|
|
||||||
opts;
|
|
||||||
|
|
||||||
if (result instanceof Array) {
|
|
||||||
result = "";
|
|
||||||
j = ctx.length;
|
|
||||||
|
|
||||||
while (++i < j) {
|
|
||||||
opts = {
|
|
||||||
iter: new this._iter(i, j)
|
|
||||||
};
|
|
||||||
result += child ? Mark.up(child, ctx[i], opts) : ctx[i];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if (result instanceof Object) {
|
|
||||||
result = Mark.up(child, ctx);
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Process the contents of an IF or IF/ELSE block.
|
|
||||||
_test: function (bool, child, context, options) {
|
|
||||||
// Process the child string, then split it into the IF and ELSE parts.
|
|
||||||
var str = Mark.up(child, context, options).split(/\{\{\s*else\s*\}\}/);
|
|
||||||
|
|
||||||
// Return the IF or ELSE part. If no ELSE, return an empty string.
|
|
||||||
return (bool === false ? str[1] : str[0]) || "";
|
|
||||||
},
|
|
||||||
|
|
||||||
// Determine the extent of a block expression, e.g. "{{foo}}...{{/foo}}"
|
|
||||||
_bridge: function (tpl, tkn) {
|
|
||||||
var exp = "{{\\s*" + tkn + "([^/}]+\\w*)?}}|{{/" + tkn + "\\s*}}",
|
|
||||||
re = new RegExp(exp, "g"),
|
|
||||||
tags = tpl.match(re) || [],
|
|
||||||
t,
|
|
||||||
i,
|
|
||||||
a = 0,
|
|
||||||
b = 0,
|
|
||||||
c = -1,
|
|
||||||
d = 0;
|
|
||||||
|
|
||||||
for (i = 0; i < tags.length; i++) {
|
|
||||||
t = i;
|
|
||||||
c = tpl.indexOf(tags[t], c + 1);
|
|
||||||
|
|
||||||
if (tags[t].indexOf("{{/") > -1) {
|
|
||||||
b++;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
a++;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (a === b) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a = tpl.indexOf(tags[0]);
|
|
||||||
b = a + tags[0].length;
|
|
||||||
d = c + tags[t].length;
|
|
||||||
|
|
||||||
// Return the block, e.g. "{{foo}}bar{{/foo}}" and its child, e.g. "bar".
|
|
||||||
return [tpl.substring(a, d), tpl.substring(b, c)];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Inject a template string with contextual data and return a new string.
|
|
||||||
Mark.up = function (template, context, options) {
|
|
||||||
context = context || {};
|
|
||||||
options = options || {};
|
|
||||||
|
|
||||||
// Match all tags like "{{...}}".
|
|
||||||
var re = /\{\{(.+?)\}\}/g,
|
|
||||||
// All tags in the template.
|
|
||||||
tags = template.match(re) || [],
|
|
||||||
// The tag being evaluated, e.g. "{{hamster|dance}}".
|
|
||||||
tag,
|
|
||||||
// The expression to evaluate inside the tag, e.g. "hamster|dance".
|
|
||||||
prop,
|
|
||||||
// The token itself, e.g. "hamster".
|
|
||||||
token,
|
|
||||||
// An array of pipe expressions, e.g. ["more>1", "less>2"].
|
|
||||||
filters = [],
|
|
||||||
// Does the tag close itself? e.g. "{{stuff/}}".
|
|
||||||
selfy,
|
|
||||||
// Is the tag an "if" statement?
|
|
||||||
testy,
|
|
||||||
// The contents of a block tag, e.g. "{{aa}}bb{{/aa}}" -> "bb".
|
|
||||||
child,
|
|
||||||
// The resulting string.
|
|
||||||
result,
|
|
||||||
// The global variable being evaluated, or undefined.
|
|
||||||
global,
|
|
||||||
// The included template being evaluated, or undefined.
|
|
||||||
include,
|
|
||||||
// A placeholder variable.
|
|
||||||
ctx,
|
|
||||||
// Iterators.
|
|
||||||
i = 0,
|
|
||||||
j = 0;
|
|
||||||
|
|
||||||
// Set custom pipes, if provided.
|
|
||||||
if (options.pipes) {
|
|
||||||
this._copy(options.pipes, this.pipes);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set templates to include, if provided.
|
|
||||||
if (options.includes) {
|
|
||||||
this._copy(options.includes, this.includes);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set global variables, if provided.
|
|
||||||
if (options.globals) {
|
|
||||||
this._copy(options.globals, this.globals);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optionally override the delimiter.
|
|
||||||
if (options.delimiter) {
|
|
||||||
this.delimiter = options.delimiter;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optionally collapse white space.
|
|
||||||
if (options.compact !== undefined) {
|
|
||||||
this.compact = options.compact;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Loop through tags, e.g. {{a}}, {{b}}, {{c}}, {{/c}}.
|
|
||||||
while ((tag = tags[i++])) {
|
|
||||||
result = undefined;
|
|
||||||
child = "";
|
|
||||||
selfy = tag.indexOf("/}}") > -1;
|
|
||||||
prop = tag.substr(2, tag.length - (selfy ? 5 : 4));
|
|
||||||
prop = prop.replace(/`(.+?)`/g, function (s, p1) {
|
|
||||||
return Mark.up("{{" + p1 + "}}", context);
|
|
||||||
});
|
|
||||||
testy = prop.trim().indexOf("if ") === 0;
|
|
||||||
filters = prop.split("|");
|
|
||||||
filters.shift(); // instead of splice(1)
|
|
||||||
prop = prop.replace(/^\s*if/, "").split("|").shift().trim();
|
|
||||||
token = testy ? "if" : prop.split("|")[0];
|
|
||||||
ctx = context[prop];
|
|
||||||
|
|
||||||
// If an "if" statement without filters, assume "{{if foo|notempty}}"
|
|
||||||
if (testy && !filters.length) {
|
|
||||||
filters = ["notempty"];
|
|
||||||
}
|
|
||||||
|
|
||||||
// Does the tag have a corresponding closing tag? If so, find it and move the cursor.
|
|
||||||
if (!selfy && template.indexOf("{{/" + token) > -1) {
|
|
||||||
result = this._bridge(template, token);
|
|
||||||
tag = result[0];
|
|
||||||
child = result[1];
|
|
||||||
i += tag.match(re).length - 1; // fast forward
|
|
||||||
}
|
|
||||||
|
|
||||||
// Skip "else" tags. These are pulled out in _test().
|
|
||||||
if (/^\{\{\s*else\s*\}\}$/.test(tag)) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating a global variable.
|
|
||||||
else if ((global = this.globals[prop]) !== undefined) {
|
|
||||||
result = this._eval(global, filters, child);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating an included template.
|
|
||||||
else if ((include = this.includes[prop])) {
|
|
||||||
if (include instanceof Function) {
|
|
||||||
include = include();
|
|
||||||
}
|
|
||||||
result = this._pipe(Mark.up(include, context), filters);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating a loop counter ("#" or "##").
|
|
||||||
else if (prop.indexOf("#") > -1) {
|
|
||||||
options.iter.sign = prop;
|
|
||||||
result = this._pipe(options.iter, filters);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating the current context.
|
|
||||||
else if (prop === ".") {
|
|
||||||
result = this._pipe(context, filters);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating a variable with dot notation, e.g. "a.b.c"
|
|
||||||
else if (prop.indexOf(".") > -1) {
|
|
||||||
prop = prop.split(".");
|
|
||||||
ctx = Mark.globals[prop[0]];
|
|
||||||
|
|
||||||
if (ctx) {
|
|
||||||
j = 1;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
j = 0;
|
|
||||||
ctx = context;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Get the actual context
|
|
||||||
while (ctx && j < prop.length) {
|
|
||||||
ctx = ctx[prop[j++]];
|
|
||||||
}
|
|
||||||
|
|
||||||
result = this._eval(ctx, filters, child);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating an "if" statement.
|
|
||||||
else if (testy) {
|
|
||||||
result = this._pipe(ctx, filters);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating an array, which might be a block expression.
|
|
||||||
else if (ctx instanceof Array) {
|
|
||||||
result = this._eval(ctx, filters, child);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating a block expression.
|
|
||||||
else if (child) {
|
|
||||||
result = ctx ? Mark.up(child, ctx) : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating anything else.
|
|
||||||
else if (context.hasOwnProperty(prop)) {
|
|
||||||
result = this._pipe(ctx, filters);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evaluating an "if" statement.
|
|
||||||
if (testy) {
|
|
||||||
result = this._test(result, child, context, options);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Replace the tag, e.g. "{{name}}", with the result, e.g. "Adam".
|
|
||||||
template = template.replace(tag, result === undefined ? "???" : result);
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.compact ? template.replace(/>\s+</g, "><") : template;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Freebie pipes. See usage in README.md
|
|
||||||
Mark.pipes = {
|
|
||||||
empty: function (obj) {
|
|
||||||
return !obj || (obj + "").trim().length === 0 ? obj : false;
|
|
||||||
},
|
|
||||||
notempty: function (obj) {
|
|
||||||
return obj && (obj + "").trim().length ? obj : false;
|
|
||||||
},
|
|
||||||
blank: function (str, val) {
|
|
||||||
return !!str || str === 0 ? str : val;
|
|
||||||
},
|
|
||||||
more: function (a, b) {
|
|
||||||
return Mark._size(a) > b ? a : false;
|
|
||||||
},
|
|
||||||
less: function (a, b) {
|
|
||||||
return Mark._size(a) < b ? a : false;
|
|
||||||
},
|
|
||||||
ormore: function (a, b) {
|
|
||||||
return Mark._size(a) >= b ? a : false;
|
|
||||||
},
|
|
||||||
orless: function (a, b) {
|
|
||||||
return Mark._size(a) <= b ? a : false;
|
|
||||||
},
|
|
||||||
between: function (a, b, c) {
|
|
||||||
a = Mark._size(a);
|
|
||||||
return a >= b && a <= c ? a : false;
|
|
||||||
},
|
|
||||||
equals: function (a, b) {
|
|
||||||
return a == b ? a : false;
|
|
||||||
},
|
|
||||||
notequals: function (a, b) {
|
|
||||||
return a != b ? a : false;
|
|
||||||
},
|
|
||||||
like: function (str, pattern) {
|
|
||||||
return new RegExp(pattern, "i").test(str) ? str : false;
|
|
||||||
},
|
|
||||||
notlike: function (str, pattern) {
|
|
||||||
return !Mark.pipes.like(str, pattern) ? str : false;
|
|
||||||
},
|
|
||||||
upcase: function (str) {
|
|
||||||
return String(str).toUpperCase();
|
|
||||||
},
|
|
||||||
downcase: function (str) {
|
|
||||||
return String(str).toLowerCase();
|
|
||||||
},
|
|
||||||
capcase: function (str) {
|
|
||||||
return str.replace(/\b\w/g, function (s) { return s.toUpperCase(); });
|
|
||||||
},
|
|
||||||
chop: function (str, n) {
|
|
||||||
return str.length > n ? str.substr(0, n) + "..." : str;
|
|
||||||
},
|
|
||||||
tease: function (str, n) {
|
|
||||||
var a = str.split(/\s+/);
|
|
||||||
return a.slice(0, n).join(" ") + (a.length > n ? "..." : "");
|
|
||||||
},
|
|
||||||
trim: function (str) {
|
|
||||||
return str.trim();
|
|
||||||
},
|
|
||||||
pack: function (str) {
|
|
||||||
return str.trim().replace(/\s{2,}/g, " ");
|
|
||||||
},
|
|
||||||
round: function (num) {
|
|
||||||
return Math.round(+num);
|
|
||||||
},
|
|
||||||
clean: function (str) {
|
|
||||||
return String(str).replace(/<\/?[^>]+>/gi, "");
|
|
||||||
},
|
|
||||||
size: function (obj) {
|
|
||||||
return obj.length;
|
|
||||||
},
|
|
||||||
length: function (obj) {
|
|
||||||
return obj.length;
|
|
||||||
},
|
|
||||||
reverse: function (arr) {
|
|
||||||
return Mark._copy(arr).reverse();
|
|
||||||
},
|
|
||||||
join: function (arr, separator) {
|
|
||||||
return arr.join(separator);
|
|
||||||
},
|
|
||||||
limit: function (arr, count, idx) {
|
|
||||||
return arr.slice(+idx || 0, +count + (+idx || 0));
|
|
||||||
},
|
|
||||||
split: function (str, separator) {
|
|
||||||
return str.split(separator || ",");
|
|
||||||
},
|
|
||||||
choose: function (bool, iffy, elsy) {
|
|
||||||
return !!bool ? iffy : (elsy || "");
|
|
||||||
},
|
|
||||||
toggle: function (obj, csv1, csv2, str) {
|
|
||||||
return csv2.split(",")[csv1.match(/\w+/g).indexOf(obj + "")] || str;
|
|
||||||
},
|
|
||||||
sort: function (arr, prop) {
|
|
||||||
var fn = function (a, b) {
|
|
||||||
return a[prop] > b[prop] ? 1 : -1;
|
|
||||||
};
|
|
||||||
return Mark._copy(arr).sort(prop ? fn : undefined);
|
|
||||||
},
|
|
||||||
fix: function (num, n) {
|
|
||||||
return (+num).toFixed(n);
|
|
||||||
},
|
|
||||||
mod: function (num, n) {
|
|
||||||
return (+num) % (+n);
|
|
||||||
},
|
|
||||||
divisible: function (num, n) {
|
|
||||||
return num && (+num % n) === 0 ? num : false;
|
|
||||||
},
|
|
||||||
even: function (num) {
|
|
||||||
return num && (+num & 1) === 0 ? num : false;
|
|
||||||
},
|
|
||||||
odd: function (num) {
|
|
||||||
return num && (+num & 1) === 1 ? num : false;
|
|
||||||
},
|
|
||||||
number: function (str) {
|
|
||||||
return parseFloat(str.replace(/[^\-\d\.]/g, ""));
|
|
||||||
},
|
|
||||||
url: function (str) {
|
|
||||||
return encodeURI(str);
|
|
||||||
},
|
|
||||||
bool: function (obj) {
|
|
||||||
return !!obj;
|
|
||||||
},
|
|
||||||
falsy: function (obj) {
|
|
||||||
return !obj;
|
|
||||||
},
|
|
||||||
first: function (iter) {
|
|
||||||
return iter.idx === 0;
|
|
||||||
},
|
|
||||||
last: function (iter) {
|
|
||||||
return iter.idx === iter.size - 1;
|
|
||||||
},
|
|
||||||
call: function (obj, fn) {
|
|
||||||
return obj[fn].apply(obj, [].slice.call(arguments, 2));
|
|
||||||
},
|
|
||||||
set: function (obj, key) {
|
|
||||||
Mark.globals[key] = obj; return "";
|
|
||||||
},
|
|
||||||
log: function (obj) {
|
|
||||||
console.log(obj);
|
|
||||||
return obj;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Shim for IE.
|
|
||||||
if (typeof String.prototype.trim !== "function") {
|
|
||||||
String.prototype.trim = function() {
|
|
||||||
return this.replace(/^\s+|\s+$/g, "");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Export for Node.js and AMD.
|
|
||||||
if (typeof module !== "undefined" && module.exports) {
|
|
||||||
module.exports = Mark;
|
|
||||||
}
|
|
||||||
else if (typeof define === "function" && define.amd) {
|
|
||||||
define(function() {
|
|
||||||
return Mark;
|
|
||||||
});
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user