akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-28 01:08:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor error view and make loot table default

Browse Source
This commit is contained in:
Misode
2020-06-18 23:01:13 +02:00
parent a5ffc57ca6
commit b9f53b79c9
5 changed files with 24 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/ErrorsView.ts
View File

@@ -1,18 +1,25 @@
import { AbstractView, Path, locale, DataModel } from "minecraft-schemas";
import { IView, locale, DataModel, ModelListener } from "minecraft-schemas";
import { Errors } from "minecraft-schemas/lib/model/Errors";
export class ErrorsView extends AbstractView {
export class ErrorsView implements ModelListener, IView {
model: DataModel
target: HTMLElement
constructor(model: DataModel, target: HTMLElement) {
super(model)
this.model = model
this.target = target
}
render(): void {
this.target.style.display = this.model.errors.count() > 0 ? 'flex' : 'none'
setModel(newModel: DataModel) {
this.model.removeListener(this)
this.model = newModel
this.model.addListener(this)
}
errors(errors: Errors): void {
this.target.style.display = errors.count() > 0 ? 'flex' : 'none'
const errors = this.model.errors.get(new Path())
this.target.children[0].innerHTML = errors.map(err =>
this.target.children[0].innerHTML = errors.getAll().map(err =>
`<div class="error">
<svg class="error-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path></svg>
<span class="error-path">${err.path.toString()}</span>

3
src/app/app.ts
View File

@@ -99,6 +99,9 @@ Promise.all([
const treeControlsRedo = document.getElementById('tree-controls-redo')!
let selected = modelFromPath(location.pathname)
if (selected.length === 0) {
selected = 'loot-table'
}
const models: { [key: string]: DataModel } = {
'loot-table': new DataModel(LootTableSchema),

13
src/home.html
View File

@@ -1,13 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="./styles/global.css">
</head>
<body>
<div class="container">
</div>
</body>
</html>

0
src/generator.html → src/index.html
View File

14
webpack.config.js
View File

@@ -36,37 +36,37 @@ module.exports = (env, argv) => ({
new HtmlWebpackPlugin({
title: 'Minecraft Generators',
filename: 'index.html',
template: 'src/home.html'
template: 'src/index.html'
}),
new HtmlWebpackPlugin({
title: 'Loot Table Generator Minecraft',
filename: 'loot-table/index.html',
template: 'src/generator.html'
template: 'src/index.html'
}),
new HtmlWebpackPlugin({
title: 'Predicate Generator Minecraft',
filename: 'predicate/index.html',
template: 'src/generator.html'
template: 'src/index.html'
}),
new HtmlWebpackPlugin({
title: 'Advancement Generator Minecraft',
filename: 'advancement/index.html',
template: 'src/generator.html'
template: 'src/index.html'
}),
new HtmlWebpackPlugin({
title: 'Dimension Generator Minecraft',
filename: 'dimension/index.html',
template: 'src/generator.html'
template: 'src/index.html'
}),
new HtmlWebpackPlugin({
title: 'Dimension Type Generator Minecraft',
filename: 'dimension-type/index.html',
template: 'src/generator.html'
template: 'src/index.html'
}),
new HtmlWebpackPlugin({
title: 'Sandbox Generator Minecraft',
filename: 'sandbox/index.html',
template: 'src/generator.html'
template: 'src/index.html'
})
]
})