X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Frules.js;h=02d3a0ca40ad7123db0e715f344c88a10db7b104;hb=59d58d7da742c937bca80c2102c2e72cc7d6e840;hp=660f0be9976e56109716fed35aed292a3affb755;hpb=da06a6eb0237123ce43fdb01cb06246b8b57f5e5;p=vchess.git
diff --git a/public/javascripts/components/rules.js b/public/javascripts/components/rules.js
index 660f0be9..02d3a0ca 100644
--- a/public/javascripts/components/rules.js
+++ b/public/javascripts/components/rules.js
@@ -3,16 +3,20 @@ Vue.component('my-rules', {
data: function() {
return { content: "" };
},
- template: `
`,
+ template: `
+
+ `,
mounted: function() {
// AJAX request to get rules content (plain text, HTML)
- ajax("/rules/" + variant, "GET", response => {
+ ajax("/rules/" + variant.name, "GET", response => {
let replaceByDiag = (match, p1, p2) => {
- const args = self.parseFen(p2);
+ const args = this.parseFen(p2);
return getDiagram(args);
};
- self.content = response.replace(/(fen:)([^:]*):/g, replaceByDiag);
- }
+ this.content = response.replace(/(fen:)([^:]*):/g, replaceByDiag);
+ });
},
methods: {
parseFen(fen) {
@@ -21,6 +25,7 @@ Vue.component('my-rules', {
position: fenParts[0],
marks: fenParts[1],
orientation: fenParts[2],
+ shadow: fenParts[3],
};
},
},