Skip to content

Commit

Permalink
Automatically populate creature types
Browse files Browse the repository at this point in the history
  • Loading branch information
@Haxxer
Haxxer committed May 28, 2022
1 parent 908bb7c commit 275baa4
Show file tree
Hide file tree
Showing 7 changed files with 77 additions and 76 deletions.
4 changes: 0 additions & 4 deletions docs/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9770,10 +9770,6 @@ input[type=text]:disabled{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-6xl{
font-size: 3.75rem;
line-height: 1;
}
.text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
Expand Down
20 changes: 2 additions & 18 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -760,23 +760,7 @@ <h2 class="text-lg font-medium text-gray-900 dark:text-gray-200" id="slide-over-
<div>
<div class="block font-medium text-gray-700 dark:text-gray-300 mb-1">Creature type</div>

<div @mousedown.stop x-data="multiSelect($refs.creature_type, 'type', [
{ value: 'any', label: 'Any Type' },
{ value: 'aberration', label: 'Aberration' },
{ value: 'beast', label: 'Beast' },
{ value: 'celestial', label: 'Celestial' },
{ value: 'construct', label: 'Construct' },
{ value: 'dragon', label: 'Dragon' },
{ value: 'elemental', label: 'Elemental' },
{ value: 'fey', label: 'Fey' },
{ value: 'fiend', label: 'Fiend' },
{ value: 'giant', label: 'Giant' },
{ value: 'humanoid', label: 'Humanoid' },
{ value: 'monstrosity', label: 'Monstrosity' },
{ value: 'ooze', label: 'Ooze' },
{ value: 'plant', label: 'Plant' },
{ value: 'undead', label: 'Undead' },
])" @reset-filters.window="reset()">
<div @mousedown.stop x-data="multiSelect($refs.creature_type, 'type', [])" @reset-filters.window="reset()" @set-creature-types.window="options = $event.detail; setUp();">
<select x-ref="creature_type" multiple class="inline-block mb-2 mr-2 mt-1 w-auto pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-emerald-500 focus:border-emerald-500 sm:text-sm rounded-md"></select>
</div>
</div>
Expand Down Expand Up @@ -1443,7 +1427,7 @@ <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100">Impor
<option value="google-sheets">Google Sheets</option>
<option value="json-raw">Raw JSON</option>
<option value="json-file">JSON File</option>
<option value="csv-file">CSV File</option>
<option value="csv-file">CSV Files</option>
</optgroup>
</select>

Expand Down
54 changes: 38 additions & 16 deletions docs/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9722,7 +9722,24 @@ function app() {
return monster;
}).filter(Boolean);
this.allMonsters = this.allMonsters.concat(newMonsters);
var environments = Object.values(this.environments);
var environments = {};
var creatureTypes = new Set();
var creatureSizes = new Set();
this.allMonsters.forEach(function (monster) {
monster.environments.split(',').forEach(function (environment) {
if (environment && !environments[environment]) {
var label = environment = environment.trim();
label = label.slice(0, 1).toUpperCase() + label.slice(1);
environments[environment] = {
value: environment,
label: label
};
}
});
creatureTypes.add(monster.data.type);
creatureSizes.add(monster.data.size);
});
environments = Object.values(environments);
environments.sort(function (a, b) {
return a.value > b.label ? -1 : 1;
});
Expand All @@ -9733,6 +9750,21 @@ function app() {
window.dispatchEvent(new CustomEvent('set-environments', {
detail: environments
}));
creatureTypes = Array.from(creatureTypes);
creatureTypes.sort();
creatureTypes = creatureTypes.map(function (type) {
return {
label: type,
value: type.toLowerCase()
};
});
creatureTypes.unshift({
value: "any",
label: "Any Type"
});
window.dispatchEvent(new CustomEvent('set-creature-types', {
detail: creatureTypes
}));
},
deleteImportedSource: function deleteImportedSource(sourceName) {
var sourceToDelete = this.sources[sourceName];
Expand Down Expand Up @@ -11541,7 +11573,7 @@ var Importer = /*#__PURE__*/function () {
return response.json();
}).then(function (jsonifiedBody) {
if (jsonifiedBody.error) {
return [false, "Google responded with an error: \"".concat(jsonifiedBody.error.message, "\" - is your sheet public?")];
return [false, "Google responded with an error: \"".concat(jsonifiedBody.error.message, "\"")];
}

var monsters = jsonifiedBody.sheets.find(function (sheet) {
Expand Down Expand Up @@ -12349,16 +12381,16 @@ _defineProperty(Importer, "monstersRequiredHeaders", ["name", "cr", "size", "typ

_defineProperty(Importer, "loadersHtml", {
'google-sheets': function googleSheets() {
return "\n <label class=\"mb-1\" for=\"import_resource_locator\">Insert a Google Sheet ID or link. To create your own, you can <a class=\"primary-link\" target=\"_blank\" href=\"https://docs.google.com/spreadsheets/d/1WtUjr2DosRHlbraFKEbUfQ0QwWfPlBv6sgF605RMoKQ/edit?usp=sharing\">refer to this example</a></label>\n <input name=\"import_resource_locator\" id=\"import_resource_locator\" type=\"text\" x-model=\"importerResourceLocator\">\n ";
return "\n <label class=\"mb-1\" for=\"import_resource_locator\">Insert a Google Sheet ID or link. To create your own, you can <a class=\"primary-link\" target=\"_blank\" href=\"https://docs.google.com/spreadsheets/d/1WtUjr2DosRHlbraFKEbUfQ0QwWfPlBv6sgF605RMoKQ/edit?usp=sharing\">refer to this example.</a></label>\n <input name=\"import_resource_locator\" id=\"import_resource_locator\" type=\"text\" x-model=\"importerResourceLocator\">\n ";
},
'json-raw': function jsonRaw() {
return "\n <label class=\"mb-1\" for=\"import_resource_locator\">Input raw JSON or <a href=\"javascript:true\" class=\"primary-link\" @click=\"downloadExampleFile\">download an example file to edit</a></label>\n <div class=\"mt-1\">\n <textarea id=\"import_resource_locator\" x-model=\"importerResourceLocator\" rows=\"4\" name=\"comment\" class=\"border-gray-300 focus:ring-emerald-500 focus:border-emerald-500 block w-full rounded-md lg:rounded-r-none sm:text-sm disabled:text-gray-500 disabled:bg-gray-300 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-400 text-gray-600\"></textarea>\n </div>\n ";
return "\n <label class=\"mb-1\" for=\"import_resource_locator\">Input raw JSON or <a href=\"javascript:true\" class=\"primary-link\" @click=\"downloadExampleFile\">download an example file to edit.</a></label>\n <div class=\"mt-1\">\n <textarea id=\"import_resource_locator\" x-model=\"importerResourceLocator\" rows=\"4\" name=\"comment\" class=\"border-gray-300 focus:ring-emerald-500 focus:border-emerald-500 block w-full rounded-md lg:rounded-r-none sm:text-sm disabled:text-gray-500 disabled:bg-gray-300 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-400 text-gray-600\"></textarea>\n </div>\n ";
},
'json-file': function jsonFile() {
return "\n <label class=\"mb-1 block\" id=\"file_input_label\" for=\"import_resource_locator_file\">Upload JSON text file below or <a class=\"primary-link\" href=\"javascript:true\" @click=\"downloadExampleFile\">download an example file to edit</a></label> \n <input accept=\"application/json\" class=\"block w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400\" @change=\"importerResourceLocator = $event.target.files[0]\" aria-describedby=\"file_input_label\" id=\"import_resource_locator_file\" type=\"file\">\n ";
return "\n <label class=\"mb-1 block\" id=\"file_input_label\" for=\"import_resource_locator_file\">Upload JSON text file below or <a class=\"primary-link\" href=\"javascript:true\" @click=\"downloadExampleFile\">download an example file to edit.</a></label> \n <input accept=\"application/json\" class=\"block w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400\" @change=\"importerResourceLocator = $event.target.files[0]\" aria-describedby=\"file_input_label\" id=\"import_resource_locator_file\" type=\"file\">\n ";
},
'csv-file': function csvFile() {
return "\n <label class=\"mb-1\">Upload CSV text files below or <a class=\"primary-link\" href=\"javascript:true\" @click=\"downloadExampleFile\">download example files to edit</a></label>\n <div class=\"grid grid-cols-2 gap-2 mt-2\"> \n <label class=\"\" id=\"file_input_label_1\" for=\"import_resource_locator_file_1\">Sources CSV</label> \n <label class=\"\" id=\"file_input_label_1\" for=\"import_resource_locator_file_2\">Monsters CSV</label> \n <input accept=\"text/csv\" class=\" text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400\" @change=\"if(!Array.isArray(importerResourceLocator)){ importerResourceLocator = [] }; importerResourceLocator[0] = $event.target.files[0]\" aria-describedby=\"file_input_label\" id=\"import_resource_locator_file_1\" type=\"file\">\n <input accept=\"text/csv\" class=\" text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400\" @change=\"if(!Array.isArray(importerResourceLocator)){ importerResourceLocator = [] }; importerResourceLocator[1] = $event.target.files[0]\" aria-describedby=\"file_input_label\" id=\"import_resource_locator_file_2\" type=\"file\">\n </div>\n ";
return "\n <label class=\"mb-1\">Upload CSV text files below or <a class=\"primary-link\" href=\"javascript:true\" @click=\"downloadExampleFile\">download example files to edit.</a></label>\n <div class=\"grid grid-cols-2 gap-2 mt-2\"> \n <label class=\"\" id=\"file_input_label_1\" for=\"import_resource_locator_file_1\">Sources CSV</label> \n <label class=\"\" id=\"file_input_label_1\" for=\"import_resource_locator_file_2\">Monsters CSV</label> \n <input accept=\"text/csv\" class=\" text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400\" @change=\"if(!Array.isArray(importerResourceLocator)){ importerResourceLocator = [] }; importerResourceLocator[0] = $event.target.files[0]\" aria-describedby=\"file_input_label\" id=\"import_resource_locator_file_1\" type=\"file\">\n <input accept=\"text/csv\" class=\" text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400\" @change=\"if(!Array.isArray(importerResourceLocator)){ importerResourceLocator = [] }; importerResourceLocator[1] = $event.target.files[0]\" aria-describedby=\"file_input_label\" id=\"import_resource_locator_file_2\" type=\"file\">\n </div>\n ";
}
});

Expand Down Expand Up @@ -12420,16 +12452,6 @@ var Monster = /*#__PURE__*/function () {
this.lair = !!this.data.lair;
this.unique = !!this.data.unique;
this.alignment = this.data.alignment ? Monster.parseAlignment(this.data.alignment) : "";
this.environments.split(',').forEach(function (environment) {
if (environment && !_this.app.environments[environment]) {
var label = environment = environment.trim();
label = label.slice(0, 1).toUpperCase() + label.slice(1);
_this.app.environments[environment] = {
value: environment,
label: label
};
}
});
this.searchable = [this.data.name, this.data.section, this.data.type, this.data.size, this.data.alignment ? this.alignment.text : "", this.data.cr.string].concat(this.tags).join("|").toLowerCase();
this.sources = this.data.sources.split(', ').map(function (str) {
var _str$split = str.split(": "),
Expand Down
20 changes: 2 additions & 18 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -760,23 +760,7 @@ <h2 class="text-lg font-medium text-gray-900 dark:text-gray-200" id="slide-over-
<div>
<div class="block font-medium text-gray-700 dark:text-gray-300 mb-1">Creature type</div>

<div @mousedown.stop x-data="multiSelect($refs.creature_type, 'type', [
{ value: 'any', label: 'Any Type' },
{ value: 'aberration', label: 'Aberration' },
{ value: 'beast', label: 'Beast' },
{ value: 'celestial', label: 'Celestial' },
{ value: 'construct', label: 'Construct' },
{ value: 'dragon', label: 'Dragon' },
{ value: 'elemental', label: 'Elemental' },
{ value: 'fey', label: 'Fey' },
{ value: 'fiend', label: 'Fiend' },
{ value: 'giant', label: 'Giant' },
{ value: 'humanoid', label: 'Humanoid' },
{ value: 'monstrosity', label: 'Monstrosity' },
{ value: 'ooze', label: 'Ooze' },
{ value: 'plant', label: 'Plant' },
{ value: 'undead', label: 'Undead' },
])" @reset-filters.window="reset()">
<div @mousedown.stop x-data="multiSelect($refs.creature_type, 'type', [])" @reset-filters.window="reset()" @set-creature-types.window="options = $event.detail; setUp();">
<select x-ref="creature_type" multiple class="inline-block mb-2 mr-2 mt-1 w-auto pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-emerald-500 focus:border-emerald-500 sm:text-sm rounded-md"></select>
</div>
</div>
Expand Down Expand Up @@ -1443,7 +1427,7 @@ <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100">Impor
<option value="google-sheets">Google Sheets</option>
<option value="json-raw">Raw JSON</option>
<option value="json-file">JSON File</option>
<option value="csv-file">CSV File</option>
<option value="csv-file">CSV Files</option>
</optgroup>
</select>

Expand Down
31 changes: 29 additions & 2 deletions src/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -436,13 +436,40 @@ function app() {

this.allMonsters = this.allMonsters.concat(newMonsters);

let environments = Object.values(this.environments);
let environments = {};
let creatureTypes = new Set();
let creatureSizes = new Set();
this.allMonsters.forEach(monster => {
monster.environments.split(',').forEach(environment => {
if(environment && !environments[environment]){
let label = environment = environment.trim();
label = label.slice(0,1).toUpperCase() + label.slice(1);
environments[environment] = {
value: environment,
label: label
}
}
});

creatureTypes.add(monster.data.type)
creatureSizes.add(monster.data.size)
});

environments = Object.values(environments);
environments.sort((a, b) => {
return a.value > b.label ? -1 : 1;
});

environments.unshift({ value: "any", label: "Any Environment" });
window.dispatchEvent(new CustomEvent('set-environments', { detail: environments }));

creatureTypes = Array.from(creatureTypes)
creatureTypes.sort();
creatureTypes = creatureTypes.map(type => ({
label: type,
value: type.toLowerCase(),
}));
creatureTypes.unshift({ value: "any", label: "Any Type" });
window.dispatchEvent(new CustomEvent('set-creature-types', { detail: creatureTypes }));
},

deleteImportedSource(sourceName){
Expand Down
Loading

0 comments on commit 275baa4

Please sign in to comment.