lucastucious/fateforge-tool
lucastucious/fateforge-tool
1
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Activity

update jquery.localize to detect arrays

Browse source
This commit is contained in:
Lucas 2023-03-12 16:58:15 +01:00
parent b8786b2f47
commit e0e9246f32
12 changed files with 7997 additions and 5098 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
books.html
View file

@ -3,8 +3,8 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>fateforge-tools</title> <title>Books - fateforge.tools</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" />
<link href="css/all.min.css" rel="stylesheet" /> <link href="css/all.min.css" rel="stylesheet" />
@ -30,78 +30,21 @@
<div class="gallery"></div> <div class="gallery"></div>
<!--
<div class="gallery-cell" id="ADV1">
<div class="book-container">
<div class="book">
<img src="img\books\ADV1_BC_EN.jpg" />
</div>
<div class="book-title">Adventurer</div>
</div>
</div>
<div class="gallery-cell">
<div class="book-container">
<div class="book">
<img src="img\books\GRI1_BC_EN.jpg" />
</div>
<div class="book-title">Grimoire</div>
</div>
</div>
<div class="gallery-cell" id="CRE2">
<div class="book-container" data-localize="book-CRE2"></div>
</div>
<div class="gallery-cell">
<div class="book-container">
<div class="book">
<img src="img\books\ENC1_BC_EN.png" />
</div>
<div class="book-title">Encyclopedia</div>
</div>
</div>
<div class="gallery-cell">
<div class="book-container">
<div class="book">
<img src="img\books\ENC2_DR.png" />
</div>
<div class="book-title">Encyclopedia : Netherworld</div>
</div>
</div>
</div> -->
<div class="view-container" style="display: flex; align-items: center; justify-content: center"> <div class="view-container" style="display: flex;align-items: center;flex-direction: column;">
<h1 id="view-title"></h1> <h1 id="view-title"></h1>
<p class="book-desc" id="view-desc"></p> <p class="book-desc" id="view-desc"></p>
</div> </div>
<link href="css/flickity.css" rel="stylesheet" /> <link href="css/flickity.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="lib/showdown.js"></script>
<script type="text/javascript" src="lib/jquery.min.js"></script> <script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.localize-dev.js"></script> <script type="text/javascript" src="lib/jquery.localize-dev.js"></script>
<script type="text/javascript" src="js/language.js"></script> <script type="text/javascript" src="js/language.js"></script>
<script type="module" src="js/books.js"></script> <script type="module" src="js/books.js"></script>
<!-- <script defer>
var lastbook;
var flkty = new Flickity(".gallery", {
freeScroll: true,
wrapAround: true,
hash: true, // options
});
flkty.on("select", function (index) {
var currentbook = document.getElementsByClassName("gallery-cell is-selected")[0].getAttribute("id");
if (currentbook == lastbook) {
return;
}
//TODO: Fill view-container with books
setLocalizeDataAttr("view-title", currentbook + ".title");
lastbook = currentbook;
refreshBooks();
});
flkty.on("settle", function (index) {
console.log("Flickity settled at " + index);
refreshBooks();
});
</script> -->
</body> </body>
</html> </html>

2
css/style.css
View file

@ -27,7 +27,7 @@
transform: rotateY(-30deg); transform: rotateY(-30deg);
transition: transform 1s ease; transition: transform 1s ease;
animation: 1s ease 0s 1 initAnimation-fd6a; animation: 1s ease 0s 1 initAnimation-fd6a;
margin-bottom: 15px; margin-bottom: 3px;
margin-top: 39px; margin-top: 39px;
} }

1
index.html
View file

@ -3,7 +3,6 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta charset="utf-8">
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">

35
js/books.js
View file

@ -17,35 +17,36 @@ for (const key in data) {
gallery.insertAdjacentHTML("afterbegin", bookHTML); gallery.insertAdjacentHTML("afterbegin", bookHTML);
}; };
var lastbook; var lastbook;
var currentbook;
var flkty = new Flickity(".gallery", { var flkty = new Flickity(".gallery", {
freeScroll: true, freeScroll: true,
wrapAround: true, wrapAround: true,
hash: true, // options hash: true, // options
}); });
refreshBooks();
currentbook = document.getElementsByClassName("gallery-cell is-selected")[0].getAttribute("id");
//TODO: Fill view-container with books
fillBookView();
flkty.on("select", function (index) { flkty.on("select", function (index) {
var currentbook = document.getElementsByClassName("gallery-cell is-selected")[0].getAttribute("id"); currentbook = document.getElementsByClassName("gallery-cell is-selected")[0].getAttribute("id");
if (currentbook == lastbook) { if (currentbook == lastbook) {
return; return;
} }
//TODO: Fill view-container with books //TODO: Fill view-container with books
setLocalizeDataAttr("view-title", currentbook + ".title"); fillBookView();
lastbook = currentbook;
refreshBooks();
}); });
flkty.on("settle", function (index) { /*flkty.on("settle", function (index) {
console.log("Flickity settled at " + index); console.log("Flickity settled at " + index);
refreshBooks(); refreshBooks();
}); });*/
function fillBookView(){
setLocalizeDataAttr("view-title", currentbook + ".title");
setLocalizeDataAttr("view-desc", currentbook + ".desc");
lastbook = currentbook;
console.log(currentLang);
refreshBooks();
/* }
document
.getElementsByClassName("gallery")[0]
.insertAdjacentHTML(
"afterbegin",
'<div class="gallery-cell" id="ADV1"><div class="book-container"><div class="book"><img src="img\\books\\ADV1_BC_EN.png" /></div><div class="book-title">Adventurer</div></div></div>'
);*/

1
js/language.js
View file

@ -38,6 +38,7 @@ function refreshBooks() {
}); });
} }
// Function to fill a data-localize attribute and update DOM
function setLocalizeDataAttr(className, dataValue) { function setLocalizeDataAttr(className, dataValue) {
$("#" + className).data("localize", dataValue).attr("data-localize", dataValue); $("#" + className).data("localize", dataValue).attr("data-localize", dataValue);
} }

74
lib/jquery.localize-dev.js
View file

@ -1,4 +1,3 @@
/* /*
Copyright (c) Jim Garvin (http://github.com/coderifous), 2008. Copyright (c) Jim Garvin (http://github.com/coderifous), 2008.
Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses. Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses.
@ -10,15 +9,36 @@ http://keith-wood.name/localisation.html
(function ($) { (function ($) {
var normaliseLang; var normaliseLang;
normaliseLang = function (lang) { normaliseLang = function (lang) {
lang = lang.replace(/_/, '-').toLowerCase(); lang = lang.replace(/_/, "-").toLowerCase();
if (lang.length > 3) { if (lang.length > 3) {
lang = lang.substring(0, 3) + lang.substring(3).toUpperCase(); lang = lang.substring(0, 3) + lang.substring(3).toUpperCase();
} }
return lang; return lang;
}; };
$.defaultLanguage = normaliseLang(navigator.languages && navigator.languages.length > 0 ? navigator.languages[0] : navigator.language || navigator.userLanguage); $.defaultLanguage = normaliseLang(
navigator.languages && navigator.languages.length > 0
? navigator.languages[0]
: navigator.language || navigator.userLanguage
);
$.localize = function (pkg, options) { $.localize = function (pkg, options) {
var defaultCallback, deferred, fileExtension, intermediateLangData, jsonCall, lang, loadLanguage, localizeElement, localizeForSpecialKeys, localizeImageElement, localizeInputElement, localizeOptgroupElement, notifyDelegateLanguageLoaded, regexify, setAttrFromValueForKey, setTextFromValueForKey, valueForKey, wrappedSet; var defaultCallback,
deferred,
fileExtension,
intermediateLangData,
jsonCall,
lang,
loadLanguage,
localizeElement,
localizeForSpecialKeys,
localizeImageElement,
localizeInputElement,
localizeOptgroupElement,
notifyDelegateLanguageLoaded,
regexify,
setAttrFromValueForKey,
setTextFromValueForKey,
valueForKey,
wrappedSet;
if (options == null) { if (options == null) {
options = {}; options = {};
} }
@ -42,10 +62,16 @@ http://keith-wood.name/localisation.html
} }
break; break;
case 2: case 2:
file = "" + pkg + "-" + (lang.split('-')[0]) + "." + fileExtension; file = "" + pkg + "-" + lang.split("-")[0] + "." + fileExtension;
return jsonCall(file, pkg, lang, level); return jsonCall(file, pkg, lang, level);
case 3: case 3:
file = "" + pkg + "-" + (lang.split('-').slice(0, 2).join('-')) + "." + fileExtension; file =
"" +
pkg +
"-" +
lang.split("-").slice(0, 2).join("-") +
"." +
fileExtension;
return jsonCall(file, pkg, lang, level); return jsonCall(file, pkg, lang, level);
default: default:
return deferred.resolve(); return deferred.resolve();
@ -62,7 +88,7 @@ http://keith-wood.name/localisation.html
return loadLanguage(pkg, lang, level + 1); return loadLanguage(pkg, lang, level + 1);
}; };
errorFunc = function () { errorFunc = function () {
if (level === 2 && lang.indexOf('-') > -1) { if (level === 2 && lang.indexOf("-") > -1) {
return loadLanguage(pkg, lang, level + 1); return loadLanguage(pkg, lang, level + 1);
} else if (options.fallback && options.fallback !== lang) { } else if (options.fallback && options.fallback !== lang) {
return loadLanguage(pkg, options.fallback); return loadLanguage(pkg, options.fallback);
@ -74,7 +100,7 @@ http://keith-wood.name/localisation.html
async: true, async: true,
timeout: options.timeout != null ? options.timeout : 500, timeout: options.timeout != null ? options.timeout : 500,
success: successFunc, success: successFunc,
error: errorFunc error: errorFunc,
}; };
if (window.location.protocol === "file:") { if (window.location.protocol === "file:") {
ajaxOptions.error = function (xhr) { ajaxOptions.error = function (xhr) {
@ -104,14 +130,22 @@ http://keith-wood.name/localisation.html
}); });
}; };
localizeElement = function (elem, key, value) { localizeElement = function (elem, key, value) {
if (elem.is('input')) { if (elem.is("input")) {
localizeInputElement(elem, key, value); localizeInputElement(elem, key, value);
} else if (elem.is('textarea')) { } else if (elem.is("textarea")) {
localizeInputElement(elem, key, value); localizeInputElement(elem, key, value);
} else if (elem.is('img')) { } else if (elem.is("img")) {
localizeImageElement(elem, key, value); localizeImageElement(elem, key, value);
} else if (elem.is('optgroup')) { } else if (elem.is("optgroup")) {
localizeOptgroupElement(elem, key, value); localizeOptgroupElement(elem, key, value);
} else if ($.isArray(value)) {
elem.empty();
for (const key in value) {
var converter = new showdown.Converter(),
text = value[key],
converted = converter.makeHtml(text);
elem.append(converted);
}
} else if (!$.isPlainObject(value)) { } else if (!$.isPlainObject(value)) {
elem.html(value); elem.html(value);
} }
@ -167,20 +201,26 @@ http://keith-wood.name/localisation.html
if (typeof string_or_regex_or_array === "string") { if (typeof string_or_regex_or_array === "string") {
return "^" + string_or_regex_or_array + "$"; return "^" + string_or_regex_or_array + "$";
} else if (string_or_regex_or_array.length != null) { } else if (string_or_regex_or_array.length != null) {
return ((function() { return (function () {
var _i, _len, _results; var _i, _len, _results;
_results = []; _results = [];
for (_i = 0, _len = string_or_regex_or_array.length; _i < _len; _i++) { for (
_i = 0, _len = string_or_regex_or_array.length;
_i < _len;
_i++
) {
thing = string_or_regex_or_array[_i]; thing = string_or_regex_or_array[_i];
_results.push(regexify(thing)); _results.push(regexify(thing));
} }
return _results; return _results;
})()).join("|"); })().join("|");
} else { } else {
return string_or_regex_or_array; return string_or_regex_or_array;
} }
}; };
lang = normaliseLang(options.language ? options.language : $.defaultLanguage); lang = normaliseLang(
options.language ? options.language : $.defaultLanguage
);
if (options.skipLanguage && lang.match(regexify(options.skipLanguage))) { if (options.skipLanguage && lang.match(regexify(options.skipLanguage))) {
deferred.resolve(); deferred.resolve();
} else { } else {
@ -190,5 +230,5 @@ http://keith-wood.name/localisation.html
return wrappedSet; return wrappedSet;
}; };
$.fn.localize = $.localize; $.fn.localize = $.localize;
return $.localize.data = {}; return ($.localize.data = {});
})(jQuery); })(jQuery);

4
lib/jquery.localize.js
View file

@ -1,4 +0,0 @@
/*! Localize - v0.2.0 - 2016-10-13
* https://github.com/coderifous/jquery-localize
* Copyright (c) 2016 coderifous; Licensed MIT */
!function(a){var b;return b=function(a){return a=a.replace(/_/,"-").toLowerCase(),a.length>3&&(a=a.substring(0,3)+a.substring(3).toUpperCase()),a},a.defaultLanguage=b(navigator.languages&&navigator.languages.length>0?navigator.languages[0]:navigator.language||navigator.userLanguage),a.localize=function(c,d){var e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v;return null==d&&(d={}),v=this,h={},g=d.fileExtension||"json",f=a.Deferred(),k=function(a,b,c){var e;switch(null==c&&(c=1),c){case 1:return h={},d.loadBase?(e=a+("."+g),i(e,a,b,c)):k(a,b,2);case 2:return e=""+a+"-"+b.split("-")[0]+"."+g,i(e,a,b,c);case 3:return e=""+a+"-"+b.split("-").slice(0,2).join("-")+"."+g,i(e,a,b,c);default:return f.resolve()}},i=function(b,c,e,f){var g,i,j;return null!=d.pathPrefix&&(b=""+d.pathPrefix+"/"+b),j=function(b){return a.extend(h,b),q(h),k(c,e,f+1)},i=function(){return 2===f&&e.indexOf("-")>-1?k(c,e,f+1):d.fallback&&d.fallback!==e?k(c,d.fallback):void 0},g={url:b,dataType:"json",async:!0,timeout:null!=d.timeout?d.timeout:500,success:j,error:i},"file:"===window.location.protocol&&(g.error=function(b){return j(a.parseJSON(b.responseText))}),a.ajax(g)},q=function(a){return null!=d.callback?d.callback(a,e):e(a)},e=function(b){return a.localize.data[c]=b,v.each(function(){var c,d,e;return c=a(this),d=c.data("localize"),d||(d=c.attr("rel").match(/localize\[(.*?)\]/)[1]),e=u(d,b),null!=e?l(c,d,e):void 0})},l=function(b,c,d){return b.is("input")?o(b,c,d):b.is("textarea")?o(b,c,d):b.is("img")?n(b,c,d):b.is("optgroup")?p(b,c,d):a.isPlainObject(d)||b.html(d),a.isPlainObject(d)?m(b,d):void 0},o=function(b,c,d){var e;return e=a.isPlainObject(d)?d.value:d,b.is("[placeholder]")?b.attr("placeholder",e):b.val(e)},m=function(a,b){return s(a,"title",b),s(a,"href",b),t(a,"text",b)},p=function(a,b,c){return a.attr("label",c)},n=function(a,b,c){return s(a,"alt",c),s(a,"src",c)},u=function(a,b){var c,d,e,f;for(c=a.split(/\./),d=b,e=0,f=c.length;f>e;e++)a=c[e],d=null!=d?d[a]:null;return d},s=function(a,b,c){return c=u(b,c),null!=c?a.attr(b,c):void 0},t=function(a,b,c){return c=u(b,c),null!=c?a.text(c):void 0},r=function(a){var b;return"string"==typeof a?"^"+a+"$":null!=a.length?function(){var c,d,e;for(e=[],c=0,d=a.length;d>c;c++)b=a[c],e.push(r(b));return e}().join("|"):a},j=b(d.language?d.language:a.defaultLanguage),d.skipLanguage&&j.match(r(d.skipLanguage))?f.resolve():k(c,j,1),v.localizePromise=f,v},a.fn.localize=a.localize,a.localize.data={}}(jQuery);

8407
lib/showdown.js
View file

File diff suppressed because it is too large Load diff

2
lib/showdown.js.map
View file

File diff suppressed because one or more lines are too long

4
lib/showdown.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
lib/showdown.min.js.map
View file

File diff suppressed because one or more lines are too long

2
spells.html
View file

@ -7,8 +7,6 @@
<title>Spells - fateforge.tools</title> <title>Spells - fateforge.tools</title>
<title>fateforge-tools</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" />
<link href="css/all.min.css" rel="stylesheet" /> <link href="css/all.min.css" rel="stylesheet" />
<link rel="icon" type="image/x-icon" href="/img/FateforgeTool_logo_80.png"> <link rel="icon" type="image/x-icon" href="/img/FateforgeTool_logo_80.png">