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

83
js/spells.js
View file

@ -1,29 +1,66 @@
var normaliseLang;
normaliseLang = function (lang) {
lang = lang.replace(/_/, "-").toLowerCase();
if (lang.length > 3) {
lang = lang.substring(0, 3) + lang.substring(3).toUpperCase();
}
return lang;
};
// Get the spell json based on choosen language defaultLanguage
$.defaultLanguage = normaliseLang(
navigator.languages && navigator.languages.length > 0
? navigator.languages[0]
: navigator.language || navigator.userLanguage
var jsonsource = "".concat(
"../data/spells/spells-grimoire-",
$.defaultLanguage.slice(0, 2),
".json"
);
var lang = normaliseLang( $.defaultLanguage);
fetch('data/spells/spells-grimoire-fr.json')
var test;
// Fetch data from server
fetch(jsonsource)
.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' };
console.log(data);
var yourHtml = JSON;
document.getElementById("spell-list").innerHTML = yourHtml;
window.selColumn = function(flag) {
grid.show.selectColumn = flag
grid.refresh()
}

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

@ -1,4 +1,3 @@
/*
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.
@ -7,18 +6,39 @@ http://github.com/coderifous/jquery-localize
Based off of Keith Wood's Localisation jQuery plugin.
http://keith-wood.name/localisation.html
*/
(function($) {
(function ($) {
var normaliseLang;
normaliseLang = function(lang) {
lang = lang.replace(/_/, '-').toLowerCase();
normaliseLang = function (lang) {
lang = lang.replace(/_/, "-").toLowerCase();
if (lang.length > 3) {
lang = lang.substring(0, 3) + lang.substring(3).toUpperCase();
}
return lang;
};
$.defaultLanguage = normaliseLang(navigator.languages && navigator.languages.length > 0 ? 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;
$.defaultLanguage = normaliseLang(
navigator.languages && navigator.languages.length > 0
? 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) {
options = {};
}
@ -26,7 +46,7 @@ http://keith-wood.name/localisation.html
intermediateLangData = {};
fileExtension = options.fileExtension || "json";
deferred = $.Deferred();
loadLanguage = function(pkg, lang, level) {
loadLanguage = function (pkg, lang, level) {
var file;
if (level == null) {
level = 1;
@ -42,27 +62,33 @@ http://keith-wood.name/localisation.html
}
break;
case 2:
file = "" + pkg + "-" + (lang.split('-')[0]) + "." + fileExtension;
file = "" + pkg + "-" + lang.split("-")[0] + "." + fileExtension;
return jsonCall(file, pkg, lang, level);
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);
default:
return deferred.resolve();
}
};
jsonCall = function(file, pkg, lang, level) {
jsonCall = function (file, pkg, lang, level) {
var ajaxOptions, errorFunc, successFunc;
if (options.pathPrefix != null) {
file = "" + options.pathPrefix + "/" + file;
}
successFunc = function(d) {
successFunc = function (d) {
$.extend(intermediateLangData, d);
notifyDelegateLanguageLoaded(intermediateLangData);
return loadLanguage(pkg, lang, level + 1);
};
errorFunc = function() {
if (level === 2 && lang.indexOf('-') > -1) {
errorFunc = function () {
if (level === 2 && lang.indexOf("-") > -1) {
return loadLanguage(pkg, lang, level + 1);
} else if (options.fallback && options.fallback !== lang) {
return loadLanguage(pkg, options.fallback);
@ -74,25 +100,25 @@ http://keith-wood.name/localisation.html
async: true,
timeout: options.timeout != null ? options.timeout : 500,
success: successFunc,
error: errorFunc
error: errorFunc,
};
if (window.location.protocol === "file:") {
ajaxOptions.error = function(xhr) {
ajaxOptions.error = function (xhr) {
return successFunc($.parseJSON(xhr.responseText));
};
}
return $.ajax(ajaxOptions);
};
notifyDelegateLanguageLoaded = function(data) {
notifyDelegateLanguageLoaded = function (data) {
if (options.callback != null) {
return options.callback(data, defaultCallback);
} else {
return defaultCallback(data);
}
};
defaultCallback = function(data) {
defaultCallback = function (data) {
$.localize.data[pkg] = data;
return wrappedSet.each(function() {
return wrappedSet.each(function () {
var elem, key, value;
elem = $(this);
key = elem.data("localize");
@ -103,14 +129,14 @@ http://keith-wood.name/localisation.html
}
});
};
localizeElement = function(elem, key, value) {
if (elem.is('input')) {
localizeElement = function (elem, key, value) {
if (elem.is("input")) {
localizeInputElement(elem, key, value);
} else if (elem.is('textarea')) {
} else if (elem.is("textarea")) {
localizeInputElement(elem, key, value);
} else if (elem.is('img')) {
} else if (elem.is("img")) {
localizeImageElement(elem, key, value);
} else if (elem.is('optgroup')) {
} else if (elem.is("optgroup")) {
localizeOptgroupElement(elem, key, value);
} else if (!$.isPlainObject(value)) {
elem.html(value);
@ -119,7 +145,7 @@ http://keith-wood.name/localisation.html
return localizeForSpecialKeys(elem, value);
}
};
localizeInputElement = function(elem, key, value) {
localizeInputElement = function (elem, key, value) {
var val;
val = $.isPlainObject(value) ? value.value : value;
if (elem.is("[placeholder]")) {
@ -128,19 +154,19 @@ http://keith-wood.name/localisation.html
return elem.val(val);
}
};
localizeForSpecialKeys = function(elem, value) {
localizeForSpecialKeys = function (elem, value) {
setAttrFromValueForKey(elem, "title", value);
setAttrFromValueForKey(elem, "href", value);
return setTextFromValueForKey(elem, "text", value);
};
localizeOptgroupElement = function(elem, key, value) {
localizeOptgroupElement = function (elem, key, value) {
return elem.attr("label", value);
};
localizeImageElement = function(elem, key, value) {
localizeImageElement = function (elem, key, value) {
setAttrFromValueForKey(elem, "alt", value);
return setAttrFromValueForKey(elem, "src", value);
};
valueForKey = function(key, data) {
valueForKey = function (key, data) {
var keys, value, _i, _len;
keys = key.split(/\./);
value = data;
@ -150,37 +176,43 @@ http://keith-wood.name/localisation.html
}
return value;
};
setAttrFromValueForKey = function(elem, key, value) {
setAttrFromValueForKey = function (elem, key, value) {
value = valueForKey(key, value);
if (value != null) {
return elem.attr(key, value);
}
};
setTextFromValueForKey = function(elem, key, value) {
setTextFromValueForKey = function (elem, key, value) {
value = valueForKey(key, value);
if (value != null) {
return elem.text(value);
}
};
regexify = function(string_or_regex_or_array) {
regexify = function (string_or_regex_or_array) {
var thing;
if (typeof string_or_regex_or_array === "string") {
return "^" + string_or_regex_or_array + "$";
} else if (string_or_regex_or_array.length != null) {
return ((function() {
return (function () {
var _i, _len, _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];
_results.push(regexify(thing));
}
return _results;
})()).join("|");
})().join("|");
} else {
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))) {
deferred.resolve();
} else {
@ -190,5 +222,5 @@ http://keith-wood.name/localisation.html
return wrappedSet;
};
$.fn.localize = $.localize;
return $.localize.data = {};
return ($.localize.data = {});
})(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" />
<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/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">
</head>
<body>
<header>
<button onclick="changeLangEN()">English</button>
<button onclick="changeLangFR()">French</button>
<a href="index.html">
<h1>FateforgeTools</h1>
</a>
</header>
<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="sublistcontainer" class="sublist sublist--resizable">
<div id="sublistsort" class="btn-group">
<button class="btn-xs" data-sort="name" data-localize="spell-name">Name</button>
<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 id="container" style="width: 100%; ">
<div style="display: flex; flex-direction: row;flex-wrap: wrap;">
<div id="spell-list" style="min-width: 300px;max-width:900px;height: 300px;"">
<!-- FILL WITH JS-->
</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>
</div>
</div>
</div>
<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="js/language.js"></script>
<script type="text/javascript" src="lib/w2ui/w2ui.js"></script>
<script type="module" src="js/spells.js"></script>
<script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
</body>