X-Git-Url: https://git.auder.net/js/rpsls.js?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FProblems.vue;h=338eaaf2ff920b7cd2198c8ccb6ba49d3b19da43;hb=b3ef5759ad2cf1dcc1e48813bcfc9e1a67b92c7a;hp=7321fbbd455ccaf55beb668ace17a65b1707a9b7;hpb=c9c0c57a91047a99d4b1ba3f2ee50350d73866bb;p=vchess.git

diff --git a/client/src/views/Problems.vue b/client/src/views/Problems.vue
index 7321fbbd..338eaaf2 100644
--- a/client/src/views/Problems.vue
+++ b/client/src/views/Problems.vue
@@ -72,7 +72,7 @@ main
   .row(v-else)
     .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
       #controls
-        button#newProblem(onClick="window.doClick('modalNewprob')")
+        button#newProblem(@click="prepareNewProblem()")
           | {{ st.tr["New problem"] }}
         label(for="checkboxMine") {{ st.tr["My problems"] }}
         input#checkboxMine(
@@ -86,7 +86,7 @@ main
             :value="v.id"
           )
             | {{ v.name }}
-      table
+      table#tProblems
         tr
           th {{ st.tr["Variant"] }}
           th {{ st.tr["Instructions"] }}
@@ -292,6 +292,10 @@ export default {
         this.showOne = true;
       });
     },
+    prepareNewProblem: function() {
+      this.resetCurProb();
+      window.doClick("modalNewprob");
+    },
     sendProblem: function() {
       const error = checkProblem(this.curproblem);
       if (error) {
@@ -311,13 +315,11 @@ export default {
             this.showProblem(editedP);
           }
           else {
-            // New problem
             let newProblem = Object.assign({}, this.curproblem);
             newProblem.id = ret.id;
             newProblem.uid = this.st.user.id;
             newProblem.uname = this.st.user.name;
             this.problems = [newProblem].concat(this.problems);
-            this.resetCurProb();
           }
           document.getElementById("modalNewprob").checked = false;
           this.infoMsg = "";
@@ -357,6 +359,9 @@ textarea
   margin: 0 auto
   max-width: 400px
 
+table#tProblems
+  max-height: 100%
+
 #controls
   margin: 0
   width: 100%