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

add w2ui lib

Browse source
This commit is contained in:
Lucas 2023-03-05 23:58:21 +01:00
parent a1be0791a0
commit 7bfeeb578f
18 changed files with 76297 additions and 96 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -1 +1,2 @@
*.psd *.psd
*.pdf

0
README → README.md
View file

1691
css/water.css Normal file
View file

File diff suppressed because it is too large Load diff

12
index.html
View file

@ -5,19 +5,21 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>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="css/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">
</head> </head>
<body> <body>
<header>
<button onclick="changeLangEN()">English</button> <button onclick="changeLangEN()">English</button>
<button onclick="changeLangFR()">French</button> <button onclick="changeLangFR()">French</button>
<h1>FateforgeTools</h1> <a href="index.html"><h1>FateforgeTools</h1></a>
<div data-localize="desc"> <div data-localize="desc">
A suite of tools for Fateforge players and Masters. A suite of tools for Fateforge players and Masters.
</div> </div>
</header>
<br> <br>
<div class="tools"> <div class="tools">
<button onclick="window.location.href='spells.html';"> <button onclick="window.location.href='spells.html';">
@ -54,8 +56,10 @@
vertical-align: text-bottom; vertical-align: text-bottom;
" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" /></a> " src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" /></a>
</p> </p>
<div class="CUVD" > <p data-localize="CUVD">CUVD <div class="CUVD">
<p data-localize="link"></a></div> <p data-localize="CUVD">CUVD
<p data-localize="link"></a>
</div>
</footer> </footer>
<script type="text/javascript" src="lib/jquery.min.js"></script> <script type="text/javascript" src="lib/jquery.min.js"></script>

83
js/spells.js
View file

@ -1,29 +1,66 @@
var normaliseLang; // Get the spell json based on choosen language defaultLanguage
normaliseLang = function (lang) {
lang = lang.replace(/_/, "-").toLowerCase();
if (lang.length > 3) {
lang = lang.substring(0, 3) + lang.substring(3).toUpperCase();
}
return lang;
};
$.defaultLanguage = normaliseLang( var jsonsource = "".concat(
navigator.languages && navigator.languages.length > 0 "../data/spells/spells-grimoire-",
? navigator.languages[0] $.defaultLanguage.slice(0, 2),
: navigator.language || navigator.userLanguage ".json"
); );
var lang = normaliseLang( $.defaultLanguage); var test;
// Fetch data from server
fetch('data/spells/spells-grimoire-fr.json') fetch(jsonsource)
.then((response) => response.json()) .then((response) => response.json())
.then((json) => JSON.parse(json)); .then((data) => {
// load fetched data into grid
test = data.spell;
console.log(test);
//document.getElementById("spell-list")
$("#spell-list").w2grid({
name: "Spells",
box: "#spellgrid",
show: {
header:false,
toolbar: true,
footer: false,
selectColumn: true
},
multiSelect: true,
multiSearch: true,
fixedBody: false,
records: test,
columns: [
{ field: "name", text: "Name", size: "30%",sortable: true, attr: 'align=center' },
{ field: "id", text: "ID", size: "30%" },
{ field: "email", text: "Email", size: "40%" },
{ field: "sdate", text: "Start Date", size: "120px" },
],
async onSelect(event) {
await event.complete
console.log('select', event.detail, this.getSelection())
},
onClick(event) {
let record = this.get(event.detail.name)
//grid2.clear()
/*grid2.add([
{ recid: 0, name: 'ID:', value: record.recid },
{ recid: 1, name: 'First Name:', value: record.fname },
{ recid: 2, name: 'Last Name:', value: record.lname },
{ recid: 3, name: 'Email:', value: record.email },
{ recid: 4, name: 'Date:', value: record.sdate }
])*/
console.log(record)
}
});
});
var string jsonsource = ''.concat("../data/spells/spells-grimoire-",navigator.languages[0].slice(0,2),".json"); window.multi = function(el) {
grid.multiSelect = el.checked
grid.selectNone()
grid.refresh()
}
import data from jsonsource assert { type: 'json' }; window.selColumn = function(flag) {
console.log(data); grid.show.selectColumn = flag
grid.refresh()
var yourHtml = JSON; }
document.getElementById("spell-list").innerHTML = yourHtml;

106
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.
@ -7,18 +6,39 @@ http://github.com/coderifous/jquery-localize
Based off of Keith Wood's Localisation jQuery plugin. Based off of Keith Wood's Localisation jQuery plugin.
http://keith-wood.name/localisation.html 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(
$.localize = function(pkg, options) { navigator.languages && navigator.languages.length > 0
var defaultCallback, deferred, fileExtension, intermediateLangData, jsonCall, lang, loadLanguage, localizeElement, localizeForSpecialKeys, localizeImageElement, localizeInputElement, localizeOptgroupElement, notifyDelegateLanguageLoaded, regexify, setAttrFromValueForKey, setTextFromValueForKey, valueForKey, wrappedSet; ? navigator.languages[0]
: navigator.language || navigator.userLanguage
);
$.localize = function (pkg, options) {
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 = {};
} }
@ -26,7 +46,7 @@ http://keith-wood.name/localisation.html
intermediateLangData = {}; intermediateLangData = {};
fileExtension = options.fileExtension || "json"; fileExtension = options.fileExtension || "json";
deferred = $.Deferred(); deferred = $.Deferred();
loadLanguage = function(pkg, lang, level) { loadLanguage = function (pkg, lang, level) {
var file; var file;
if (level == null) { if (level == null) {
level = 1; level = 1;
@ -42,27 +62,33 @@ 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();
} }
}; };
jsonCall = function(file, pkg, lang, level) { jsonCall = function (file, pkg, lang, level) {
var ajaxOptions, errorFunc, successFunc; var ajaxOptions, errorFunc, successFunc;
if (options.pathPrefix != null) { if (options.pathPrefix != null) {
file = "" + options.pathPrefix + "/" + file; file = "" + options.pathPrefix + "/" + file;
} }
successFunc = function(d) { successFunc = function (d) {
$.extend(intermediateLangData, d); $.extend(intermediateLangData, d);
notifyDelegateLanguageLoaded(intermediateLangData); notifyDelegateLanguageLoaded(intermediateLangData);
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,25 +100,25 @@ 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) {
return successFunc($.parseJSON(xhr.responseText)); return successFunc($.parseJSON(xhr.responseText));
}; };
} }
return $.ajax(ajaxOptions); return $.ajax(ajaxOptions);
}; };
notifyDelegateLanguageLoaded = function(data) { notifyDelegateLanguageLoaded = function (data) {
if (options.callback != null) { if (options.callback != null) {
return options.callback(data, defaultCallback); return options.callback(data, defaultCallback);
} else { } else {
return defaultCallback(data); return defaultCallback(data);
} }
}; };
defaultCallback = function(data) { defaultCallback = function (data) {
$.localize.data[pkg] = data; $.localize.data[pkg] = data;
return wrappedSet.each(function() { return wrappedSet.each(function () {
var elem, key, value; var elem, key, value;
elem = $(this); elem = $(this);
key = elem.data("localize"); key = elem.data("localize");
@ -103,14 +129,14 @@ 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 (!$.isPlainObject(value)) { } else if (!$.isPlainObject(value)) {
elem.html(value); elem.html(value);
@ -119,7 +145,7 @@ http://keith-wood.name/localisation.html
return localizeForSpecialKeys(elem, value); return localizeForSpecialKeys(elem, value);
} }
}; };
localizeInputElement = function(elem, key, value) { localizeInputElement = function (elem, key, value) {
var val; var val;
val = $.isPlainObject(value) ? value.value : value; val = $.isPlainObject(value) ? value.value : value;
if (elem.is("[placeholder]")) { if (elem.is("[placeholder]")) {
@ -128,19 +154,19 @@ http://keith-wood.name/localisation.html
return elem.val(val); return elem.val(val);
} }
}; };
localizeForSpecialKeys = function(elem, value) { localizeForSpecialKeys = function (elem, value) {
setAttrFromValueForKey(elem, "title", value); setAttrFromValueForKey(elem, "title", value);
setAttrFromValueForKey(elem, "href", value); setAttrFromValueForKey(elem, "href", value);
return setTextFromValueForKey(elem, "text", value); return setTextFromValueForKey(elem, "text", value);
}; };
localizeOptgroupElement = function(elem, key, value) { localizeOptgroupElement = function (elem, key, value) {
return elem.attr("label", value); return elem.attr("label", value);
}; };
localizeImageElement = function(elem, key, value) { localizeImageElement = function (elem, key, value) {
setAttrFromValueForKey(elem, "alt", value); setAttrFromValueForKey(elem, "alt", value);
return setAttrFromValueForKey(elem, "src", value); return setAttrFromValueForKey(elem, "src", value);
}; };
valueForKey = function(key, data) { valueForKey = function (key, data) {
var keys, value, _i, _len; var keys, value, _i, _len;
keys = key.split(/\./); keys = key.split(/\./);
value = data; value = data;
@ -150,37 +176,43 @@ http://keith-wood.name/localisation.html
} }
return value; return value;
}; };
setAttrFromValueForKey = function(elem, key, value) { setAttrFromValueForKey = function (elem, key, value) {
value = valueForKey(key, value); value = valueForKey(key, value);
if (value != null) { if (value != null) {
return elem.attr(key, value); return elem.attr(key, value);
} }
}; };
setTextFromValueForKey = function(elem, key, value) { setTextFromValueForKey = function (elem, key, value) {
value = valueForKey(key, value); value = valueForKey(key, value);
if (value != null) { if (value != null) {
return elem.text(value); return elem.text(value);
} }
}; };
regexify = function(string_or_regex_or_array) { regexify = function (string_or_regex_or_array) {
var thing; var thing;
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 +222,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);

3720
lib/w2ui/w2ui-1.5.css Normal file
View file

File diff suppressed because one or more lines are too long

21501
lib/w2ui/w2ui-1.5.js Normal file
View file

File diff suppressed because it is too large Load diff

1
lib/w2ui/w2ui-1.5.js.map Normal file
View file

File diff suppressed because one or more lines are too long

2
lib/w2ui/w2ui-1.5.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

2
lib/w2ui/w2ui-1.5.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

3714
lib/w2ui/w2ui.css Normal file
View file

File diff suppressed because one or more lines are too long

22158
lib/w2ui/w2ui.es6.js Normal file
View file

File diff suppressed because it is too large Load diff

486
lib/w2ui/w2ui.es6.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

22349
lib/w2ui/w2ui.js Normal file
View file

File diff suppressed because it is too large Load diff

2
lib/w2ui/w2ui.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

486
lib/w2ui/w2ui.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

57
spells.html
View file

@ -5,52 +5,67 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>fateforge-tools</title> <title>fateforge-tools</title>
<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 href="css/water.css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="lib/w2ui/w2ui.css" />
<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">
</head> </head>
<body> <body>
<header>
<button onclick="changeLangEN()">English</button> <button onclick="changeLangEN()">English</button>
<button onclick="changeLangFR()">French</button> <button onclick="changeLangFR()">French</button>
<a href="index.html">
<h1>FateforgeTools</h1> <h1>FateforgeTools</h1>
</a>
</header>
<h2 data-localize="btn-spells">Spells</h2> <h2 data-localize="btn-spells">Spells</h2>
<div class="container" style="display: flex;"> <!--<div class="container" style="display: flex;flex-direction: row;flex-wrap: wrap;">-->
<div class="view-col" id="list"> <div id="container" style="width: 100%; ">
<div id="sublistcontainer" class="sublist sublist--resizable"> <div style="display: flex; flex-direction: row;flex-wrap: wrap;">
<div id="sublistsort" class="btn-group"> <div id="spell-list" style="min-width: 300px;max-width:900px;height: 300px;"">
<button class="btn-xs" data-sort="name" data-localize="spell-name">Name</button> <!-- FILL WITH JS-->
<button class="btn-xs" data-sort="level" data-localize="spell-level">Level</button>
<button class="btn-xs" data-sort="time" data-localize="spell-time">Time</button>
<button class="btn-xs" data-sort="school" data-localize="spell-school">School</button>
<button class="btn-xs" data-sort="concentration" title="Concentration" data-localize="spell-concentration">C.</button>
<button class="btn-xs" data-sort="range">Range</button>
</div>
<div id="spell-list" class="list subspells">
<!-- populate with JS -->
</div>
</div> </div>
<div class="view-col" id="content">
<table id="pagecontent" class="w-100 stats">
<tr><th class="border" colspan="6"></th></tr>
<tr><td colspan="6" class="initial-message">Select a spell from the list to view it here</td></tr>
<tr><th class="border" colspan="6"></th></tr>
<div class=" view-col" id="content" style="min-width: 400px;">
<table id="pagecontent" class="view" style="display: flex; border:solid">
<td class="initial-message">Select a spell from the list to view it here</td>
</table> </table>
</div> </div>
</div>
</div> </div>
<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="text/javascript" src="lib/w2ui/w2ui.js"></script>
<script type="module" src="js/spells.js"></script> <script type="module" src="js/spells.js"></script>
<script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
</body> </body>