gww>Chieftain Alex at 22:21, 11 September 2026

2026-09-11T22:21:17Z

New page

<noinclude>
== Usage ==
=== Parameters ===
This widget has no parameters.

== Example ==
<pre>{{#Widget:Template decoder}}</pre>
{{#Widget:Template decoder}}
[[Category:Widgets]]
</noinclude><includeonly>

<style type="text/css">
.gw-template-decoder{
width: 100%;
max-width: 960px;
margin: 1em auto;
text-align: center;
}

.gw-template-decoder input,
.gw-template-decoder textarea,
.gw-template-decoder select,
.gw-template-decoder button{
box-sizing: border-box;
font-size: 100%;
line-height: 1.5em;
border: 1px solid #666;
margin: 0.25em 0;
/*background: #aaa;*/
}

.gw-template-decoder input,
.gw-template-decoder textarea,
.gw-template-decoder select{
font-family: Consolas, Courier, monospace;
width: 100%;
}

.gw-template-decoder textarea{
height: 10em;
}

.gw-template-decoder button{
cursor: pointer;
}

.gw-template-decoder fieldset{
text-align: left;
border-radius: 0.5em;
margin-bottom: 0.5em;
padding: 1em;
}

.gw-template-decoder fieldset > br{
clear: both;
}

.gw-template-decoder legend{
font-weight: bold;
margin: 0 0.5em;
padding: 0 0.25em;
}

.gw-template-decoder label{
display: block;
margin-right: 0.75em;
cursor: pointer;
text-align: left;
}

.gw-template-decoder button {
width: 30%;
font-size: 85%;
font-weight: bold;
padding: 0.25em 0.1em;
margin: 0.5em 35%;
background-color: rgba(66, 141, 31, 0.15);
border: 2px solid rgba(66, 141, 31, 1.0);
border-radius: 0.5em;
transition: 0.4s;
cursor: pointer;
}

.gw-template-decoder button:hover{
background-color: rgba(66, 141, 31, 0.3);
}

.gw-template-decoder .radio{
display: inline;
width: auto;
margin-right: 1em;
}

.gw-template-decoder .radio > input, .gw-template-decoder .radio > label{
display: inline;
width: auto;
}

</style>
<form class="gw-template-decoder" id="skill" action="#">
<fieldset>
<legend>Skill Templates</legend>
<div>
<label for="skill-template">Template or chat code</label>
<input id="skill-template" name="template" type="text" autocomplete="off" spellcheck="false" placeholder="OQAAAA... or [My Cool Build;OQAAAA...]" required="required" />
</div>
<div class="radio">
<input type="radio" id="skill-lang-en" name="language" value="en" checked="checked" />
<label for="skill-lang-en">EN</label>
<input type="radio" id="skill-lang-de" name="language" value="de" />
<label for="skill-lang-de">DE</label>
</div>
<div class="radio">
<input type="radio" id="skill-mode-pve" name="gamemode" value="pve" checked="checked" />
<label for="skill-mode-pve">PvE</label>
<input type="radio" id="skill-mode-pvp" name="gamemode" value="pvp" />
<label for="skill-mode-pvp">PvP</label>
</div>
<button type="submit">decode</button>
<div id="skill-output"></div>
</fieldset>
</form>
<form class="gw-template-decoder" id="pawned" action="#">
<fieldset>
<legend>paw·ned² Templates</legend>
<div>
<label for="pawned-template">Template code</label>
<textarea id="pawned-template" name="template" autocomplete="off" spellcheck="false" placeholder="pwnd0001..." required="required"></textarea>
</div>
<div class="radio">
<input type="radio" id="pawned-lang-en" name="language" value="en" checked="checked" />
<label for="pawned-lang-en">EN</label>
<input type="radio" id="pawned-lang-de" name="language" value="de" />
<label for="pawned-lang-de">DE</label>
</div>
<div class="radio">
<input type="radio" id="pawned-mode-pve" name="gamemode" value="pve" checked="checked" />
<label for="pawned-mode-pve">PvE</label>
<input type="radio" id="pawned-mode-pvp" name="gamemode" value="pvp" />
<label for="pawned-mode-pvp">PvP</label>
</div>
<button type="submit">decode</button>
<div id="pawned-output"></div>
</fieldset>
</form>
<form class="gw-template-decoder" id="equipment" action="#">
<fieldset>
<legend>Equipment Templates</legend>
<div>
<label for="equipment-template">Template or chat code</label>
<input id="equipment-template" name="template" type="text" autocomplete="off" spellcheck="false" placeholder="PEBA... or [My Cool Equipment;PEBA...]" required="required" />
</div>
<div class="radio">
<input type="radio" id="equipment-lang-en" name="language" value="en" checked="checked" />
<label for="equipment-lang-en">EN</label>
<input type="radio" id="equipment-lang-de" name="language" value="de" />
<label for="equipment-lang-de">DE</label>
</div>
<div class="radio">
<input type="radio" id="equipment-mode-pve" name="gamemode" value="pve" checked="checked" />
<label for="equipment-mode-pve">PvE</label>
<input type="radio" id="equipment-mode-pvp" name="gamemode" value="pvp" />
<label for="equipment-mode-pvp">PvP</label>
</div>
<button type="submit">decode</button>
<div id="equipment-output"></div>
</fieldset>
</form>
<script src="https://build-wars.github.io/gw-skilldata/js/gw-skilldata-iife-src.js"></script>
<script src="https://build-wars.github.io/gw-templates/js/gw-templates-iife-src.js"></script>
<script>
(() => {

class Decoder{

#skillDB = {
de: new GwSkilldata.SkillLangGerman(),
en: new GwSkilldata.SkillLangEnglish(),
};

#wiki = {
de: 'https://www.guildwiki.de/wiki/',
en: 'https://wiki.guildwars.com/wiki/',
};

/** @type {EquipmentTemplate} */
#equipmentTemplate = new GwTemplates.EquipmentTemplate;
/** @type {PwndTemplate} */
#pawnedTemplate = new GwTemplates.PwndTemplate();
/** @type {SkillTemplate} */
#skillTemplate = new GwTemplates.SkillTemplate();

#lang;
#pvp;

/**
* @param {FormData} form
* @returns {HTMLElement|string}
*/
decode(form){

try{
this.#pvp = form.get('gamemode') === 'pvp';
this.#lang = new GwSkilldata.Lang(form.get('language'));

let type = form.get('type');

if(typeof this[type] !== 'function'){
// noinspection ExceptionCaughtLocallyJS
throw new Error('invalid method');
}

return (this[type])(form.get('template'));
}
catch(e){
return `<div class="error">${e.message}</div>`;
}

}

skill(template){
return this.#parseBuild(template);
}

equipment(template){
return this.#parseEquipment(template);
}

pawned(template){
return this.#parsePawned(template);
}

#parsePawned(template){
let team = this.#pawnedTemplate.decode(template);

let pawnedContainer = document.createElement('div');
pawnedContainer.className = 'pawned';

for(let build of team){
console.log(build);

pawnedContainer.appendChild(this.#parseBuild(build.skills, build.templatename));
}

return pawnedContainer;
}

#parseEquipment(template){
let equipment = this.#equipmentTemplate.decode(template);

console.log(equipment);

let equipmentContainer = document.createElement('div');
equipmentContainer.className = 'equipment';

return equipmentContainer;
}

#parseBuild(template, name = ''){
let build = this.#skillTemplate.decode(template);
let gwwTemplate = ['{{PvX skill bar'];
console.log(build);

let buildContainer = document.createElement('div');
buildContainer.className = 'build';

let professionContainer = document.createElement('div');
professionContainer.className = 'professions';
buildContainer.appendChild(professionContainer);

let attributeContainer = document.createElement('ul');
attributeContainer.className = 'attributes';
buildContainer.appendChild(attributeContainer);

let skillContainer = document.createElement('div');
skillContainer.className = 'skills';
buildContainer.appendChild(skillContainer);

['prof_pri', 'prof_sec'].forEach(p => {
let profession = new GwSkilldata.Profession(build[p], this.#lang);

gwwTemplate.push(`| ${{prof_pri: 'primary', prof_sec: 'secondary'}[p]} = ${profession.getName()}`);

professionContainer.appendChild(profession.toHTML(this.#lang));
});

let a = 1;
for(let [key, value] of Object.entries(build.attributes)){
let attribute = new GwSkilldata.Attribute(Number(key), this.#lang).setLevel(value);
let attr = document.createElement('li');
attr.appendChild(attribute.toHTML(this.#lang, true));

gwwTemplate.push(`| attr${a} = ${attribute.getName()}`);
gwwTemplate.push(`| attr${a}n = ${attribute.getLevel()}`);

attributeContainer.appendChild(attr);
a++;
}

build.skills.forEach((s, i) => {
let skill = this.#skillDB[this.#lang.id].get(s, this.#pvp);

gwwTemplate.push(`| ${i +1} = ${skill.name}`);

skillContainer.appendChild(skill.toHTML(
this.#lang,
`https://smiley.codes/gwdb/img/skills/64/${s}.png`,
this.#wiki[this.#lang.id] + encodeURIComponent(skill.name.replaceAll(' ', '_')),
));
});

gwwTemplate.push(`| buildname = ${name}`);
gwwTemplate.push(`| code = ${build.code}`);
gwwTemplate.push('}}\n');

let gwwTemplateContainer = document.createElement('textarea');
gwwTemplateContainer.value = gwwTemplate.join('\n');
buildContainer.appendChild(gwwTemplateContainer);

return buildContainer;
}
}

window.addEventListener('load', ev => {
let decoder = new Decoder();

['skill', 'equipment', 'pawned'].forEach(f => {
document.getElementById(f).addEventListener('submit', ev => {
ev.preventDefault();
ev.stopPropagation();

let formData = new FormData(ev.target);
formData.append('type', f)

let output = document.getElementById(f + '-output');

output.innerHTML = '';
output.append(decoder.decode(formData));
});
});

});

})();
</script>
</includeonly>

Widget:Template decoder - Revision history

gww>Chieftain Alex at 22:21, 11 September 2026