- <div>
- <button @click="fetchProblems('backward')">Previous</button>
- <button @click="fetchProblems('forward')">Next</button>
- <button @click="showNewproblemModal">New</button>
- <my-problem-summary v-on:show-problem="bubbleUp(p)"
- v-for="(p,idx) in sortedProblems" v-bind:prob="p" v-bind:key="idx">
+ <div class="col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
+ <div id="problemControls" class="button-group">
+ <button :aria-label='translate("Load previous problem")' class="tooltip"
+ @click="showPreviousProblem()">
+ <i class="material-icons">skip_previous</i>
+ </button>
+ <button :aria-label='translate("Add a problem")' class="tooltip"
+ @click="showNewproblemModal">
+ {{ translate("New") }}
+ </button>
+ <button :aria-label='translate("Load next problem")' class="tooltip"
+ @click="showNextProblem()">
+ <i class="material-icons">skip_next</i>
+ </button>
+ </div>
+
+
+
+board qui bouge et activé que si #hash donnant numéro du problème
+deux listes : tous les problèmes sauf les miens
+ + les miens
+
+
+//TODO: filter "my problems" ==> liste séparée (lors de la requête serveur)
+--> bouton plutôt sous l'échiquier après soluce (sauf si anonymous)
+--> puis dans la vue "my problems (listing échiquier gauche / instrus + soluce cachée à droite
+if (this.mode == "problem")
+ {
+ // Show problem instructions
+ elementArray.push(
+ h('div',
+ {
+ attrs: { id: "instructions-div" },
+ "class": {
+ "clearer": true,
+ "section-content": true,
+ },
+ },
+ [
+ h('p',
+ {
+ attrs: { id: "problem-instructions" },
+ domProps: { innerHTML: this.problem.instructions }
+ }
+ )
+ ]
+ )
+ );
+ }
+
+
+ // TODO ici :: instrus + diag interactif + solution
+ my-board + pilotage via movesList + VariantRules !
+
+ <my-problem-preview v-show="stage=='preview'"
+ v-for="(p,idx) in problems"
+ v-bind:prob="p" v-bind:preview="false" v-bind:key="idx">