X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FVariants.vue;h=d6cbda9343f6ef3bdd1b9c14a5ce6865c70c92f7;hb=7c165b3a63d7f18bc7046766a8a2090a492d3b18;hp=4374fd049ac9e1d12a885d5ab3ea11c950836007;hpb=eaa5ad3e93b761fefb16b32071be0b439761f843;p=vchess.git

diff --git a/client/src/views/Variants.vue b/client/src/views/Variants.vue
index 4374fd04..d6cbda93 100644
--- a/client/src/views/Variants.vue
+++ b/client/src/views/Variants.vue
@@ -10,16 +10,16 @@ main
         a(href="https://www.chessvariants.com/why.html")
           | {{ st.tr["Why play chess variants?"] }}
       p
-        a(href="/#/variants/Chess") Chess
-        | {{ st.tr["chess_v"] }}
+        a(href="/#/variants/Chess960") Chess960
+        | {{ st.tr["chess960_v"] }}
       div(v-for="g of sortedGroups")
         h3 {{ st.tr["vt" + g] }}
         p {{ st.tr["vg" + g] }}
         ul
-          li(v-for="v of variantGroup.get(g)")
+          li(v-for="v of sortVariants(variantGroup.get(g))")
             a(:href="getLink(v)") {{ v.display }}
             | &nbsp– 
-            | {{ v.description }}
+            | {{ st.tr[v.description] }}
 </template>
 
 <script>
@@ -35,7 +35,7 @@ export default {
   },
   created: function() {
     ajax(
-      "/variants",
+      "/allvarslist",
       "GET",
       {
         success: (res) => {
@@ -59,6 +59,9 @@ export default {
     }
   },
   methods: {
+    sortVariants: function(group) {
+      return group.sort( (v1, v2) => v1.name.localeCompare(v2.name) );
+    },
     // oninput listener, required for smartphones:
     setCurPrefix: function(e) {
       this.curPrefix = e.target.value;