Improve style, implement 'next' for corr games. TODO: rematch logic
authorBenjamin Auder <benjamin.auder@somewhere>
Fri, 6 Mar 2020 16:49:38 +0000 (17:49 +0100)
committerBenjamin Auder <benjamin.auder@somewhere>
Fri, 6 Mar 2020 16:49:38 +0000 (17:49 +0100)
24 files changed:
TODO
client/public/images/icons/SOURCE
client/public/images/icons/abort.svg [new file with mode: 0644]
client/public/images/icons/analyse.svg [new file with mode: 0644]
client/public/images/icons/chat.svg [new file with mode: 0644]
client/public/images/icons/download.svg [new file with mode: 0644]
client/public/images/icons/draw.svg [new file with mode: 0644]
client/public/images/icons/fast-forward.svg
client/public/images/icons/fast-forward_rev.svg
client/public/images/icons/flip.svg
client/public/images/icons/play.svg
client/public/images/icons/play_rev.svg
client/public/images/icons/rematch.svg [new file with mode: 0644]
client/public/images/icons/resign.svg [new file with mode: 0644]
client/public/images/icons/settings.svg
client/public/images/icons/undo.svg [deleted file]
client/src/components/BaseGame.vue
client/src/components/MoveList.vue
client/src/translations/en.js
client/src/translations/es.js
client/src/translations/fr.js
client/src/views/Game.vue
client/src/views/MyGames.vue
client/src/views/Problems.vue

diff --git a/TODO b/TODO
index b514226..49091c1 100644 (file)
--- a/TODO
+++ b/TODO
@@ -9,7 +9,6 @@ From MyGames page: send "mconnect" to all online players (me included: potential
 # Misc:
 Rematch button (change colors, re-apply randomness params (which should be saved somehow somewhere))
   --> need a bit more duplicated logic: in Game page, listen for newgame, and add a "launchGame" function
-Next button in corr game (only if accessed from "MyGames" tab, by giving list of gids)
 
 # New variants
 8-pieces https://www.youtube.com/watch?v=XZ8K02Da7Ps&list=PLRyjH8DPuzTBiym6lA0r84P8N0HnTtZyN&index=6&t=0s
index ee8510e..b1c8281 100644 (file)
@@ -2,7 +2,13 @@ https://www.onlinewebfonts.com/icon/519460
 https://www.onlinewebfonts.com/icon/322704
 https://www.flaticon.com/free-icon/play_254434?term=play&page=1&position=1
 https://www.flaticon.com/free-icon/fast-forward_660276?term=fast%20forward&page=1&position=7
-
-# Unused for now:
+https://www.flaticon.com/free-icon/comment_1380338?term=chat&page=1&position=3
+https://www.flaticon.com/free-icon/flags_455582?term=flag&page=1&position=49
+https://www.flaticon.com/free-icon/microscope_482743?term=microscope&page=1&position=10
+https://www.flaticon.com/free-icon/hand_1612618?term=hand&page=1&position=34
+https://www.onlinewebfonts.com/icon/256756
+https://www.flaticon.com/free-icon/forward_2413353?term=forward&page=1&position=59
+https://www.flaticon.com/free-icon/right_565870?term=forward&page=1&position=31
+https://www.flaticon.com/free-icon/download_724933?term=download&page=1&position=3
 https://www.flaticon.com/free-icon/resize_512182?term=resize&page=1&position=49
-https://www.flaticon.com/free-icon/undo_725004?term=undo&page=1&position=4
+https://www.flaticon.com/free-icon/clear_565313?term=delete&page=1&position=33
diff --git a/client/public/images/icons/abort.svg b/client/public/images/icons/abort.svg
new file mode 100644 (file)
index 0000000..44b52a5
--- /dev/null
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="iso-8859-1"?>\r
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+        viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve">\r
+<g>\r
+       <g>\r
+               <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 \r
+                       149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333             "/>\r
+       </g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+</svg>\r
diff --git a/client/public/images/icons/analyse.svg b/client/public/images/icons/analyse.svg
new file mode 100644 (file)
index 0000000..29804c4
--- /dev/null
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512.001 512.001"
+   style="enable-background:new 0 0 512.001 512.001;"
+   xml:space="preserve"
+   sodipodi:docname="analyse.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata43"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs41" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="960"
+   inkscape:window-height="1180"
+   id="namedview39"
+   showgrid="false"
+   inkscape:zoom="1.3037256"
+   inkscape:cx="260.33948"
+   inkscape:cy="256.00049"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g6"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+       <g
+   id="g4">
+               <path
+   d="M 422.244,430.198 C 438.818,403.346 448,373.081 448,341.335 448,267.383 401.336,203.232 331.626,179.852 322.247,164.7 306.85,153.76 288.686,150.482 l 9.98,-19.96 c 2.635,-5.271 0.5,-11.677 -4.771,-14.312 l 9.542,-19.083 c 5.271,2.615 11.656,0.5 14.313,-4.771 l 22.458,-44.917 c 2.635,-5.271 0.5,-11.677 -4.771,-14.313 l -64,-32 c -5.281,-2.625 -11.667,-0.51 -14.313,4.771 l -22.458,44.917 c -2.635,5.271 -0.5,11.677 4.771,14.313 l -9.542,19.083 c -5.26,-2.615 -11.677,-0.5 -14.313,4.771 l -86.458,172.917 c -2.635,5.271 -0.5,11.677 4.771,14.313 l 64,32 c 1.531,0.76 3.156,1.125 4.76,1.125 3.917,0 7.677,-2.156 9.552,-5.896 l 21.694,-43.382 c 11.431,10.632 26.625,17.277 43.431,17.277 14.004,0 26.863,-4.65 37.411,-12.307 29.22,14.289 47.922,43.49 47.922,76.307 0,47.052 -38.281,85.333 -85.333,85.333 h -85.333 v -21.333 h 32 c 5.896,0 10.667,-4.771 10.667,-10.667 0,-5.896 -4.771,-10.667 -10.667,-10.667 h -42.667 -64 -42.665 c -5.896,0 -10.667,4.771 -10.667,10.667 0,5.896 4.771,10.667 10.667,10.667 h 32 v 21.333 C 83.136,426.668 64,445.803 64,469.335 v 32 c 0,5.896 4.771,10.667 10.667,10.667 h 362.667 c 5.896,0 10.667,-4.771 10.667,-10.667 v -32 c 0,-17.52 -10.625,-32.573 -25.757,-39.137 z m -144.91,-195.53 c -11.76,0 -21.333,-9.573 -21.333,-21.333 0,-11.76 9.573,-21.333 21.333,-21.333 11.76,0 21.333,9.573 21.333,21.333 0,11.76 -9.573,21.333 -21.333,21.333 z"
+   id="path2"
+   inkscape:connector-curvature="0" />
+       </g>
+</g>
+<g
+   id="g8"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g10"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g12"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g14"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g16"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g18"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g20"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g22"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g24"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g26"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g28"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g30"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g32"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g34"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+<g
+   id="g36"
+   transform="matrix(1.3295834,0,0,1,-83.99001,0)">
+</g>
+</svg>
\ No newline at end of file
diff --git a/client/public/images/icons/chat.svg b/client/public/images/icons/chat.svg
new file mode 100644 (file)
index 0000000..6305001
--- /dev/null
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="682pt"
+   viewBox="-21 -47 682.66669 682"
+   width="682pt"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="chat.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="960"
+     inkscape:window-height="1180"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="0.25953079"
+     inkscape:cx="462.37288"
+     inkscape:cy="454.66667"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg10" />
+  <path
+     d="M 569.58535,-44.721864 H 76.199968 c -51.58554,0 -93.555901,45.66896113 -93.555901,101.820584 v 328.61492 c 0,56.02505 41.78761,101.62169 93.223627,101.82058 V 636.65561 L 272.77743,487.53422 h 296.80792 c 51.58552,0 93.55589,-45.678 93.55589,-101.82058 V 57.09872 c 0,-56.15162287 -41.97037,-101.820584 -93.55589,-101.820584 z m 53.68301,430.435504 c 0,32.21192 -24.08155,58.42535 -53.68301,58.42535 H 260.26731 L 115.74057,553.59442 V 444.13899 H 76.199968 c -29.60146,0 -53.68302,-26.21343 -53.68302,-58.42535 V 57.09872 c 0,-32.22096 24.08156,-58.4253514 53.68302,-58.4253514 H 569.58535 c 29.60146,0 53.68301,26.2043914 53.68301,58.4253514 z m 0,0"
+     id="path2"
+     inkscape:connector-curvature="0"
+     style="stroke-width:1.1092478" />
+  <path
+     d="m171.292969 131.171875h297.414062v37.5h-297.414062zm0 0"
+     id="path4" />
+  <path
+     d="m171.292969 211.171875h297.414062v37.5h-297.414062zm0 0"
+     id="path6" />
+  <path
+     d="m171.292969 291.171875h297.414062v37.5h-297.414062zm0 0"
+     id="path8" />
+</svg>
diff --git a/client/public/images/icons/download.svg b/client/public/images/icons/download.svg
new file mode 100644 (file)
index 0000000..834f683
--- /dev/null
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="download.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata49"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs47" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="960"
+   inkscape:window-height="1180"
+   id="namedview45"
+   showgrid="false"
+   inkscape:zoom="0.921875"
+   inkscape:cx="260.33898"
+   inkscape:cy="256"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Capa_1" />
+<g
+   id="g6"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+       <g
+   id="g4">
+               <path
+   d="M 382.56,233.376 C 379.968,227.648 374.272,224 368,224 H 304 V 16 C 304,7.168 296.832,0 288,0 h -64 c -8.832,0 -16,7.168 -16,16 v 208 h -64 c -6.272,0 -11.968,3.68 -14.56,9.376 -2.624,5.728 -1.6,12.416 2.528,17.152 l 112,128 c 3.04,3.488 7.424,5.472 12.032,5.472 4.608,0 8.992,-2.016 12.032,-5.472 l 112,-128 c 4.16,-4.704 5.12,-11.424 2.528,-17.152 z"
+   id="path2"
+   inkscape:connector-curvature="0" />
+       </g>
+</g>
+<g
+   id="g12"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+       <g
+   id="g10">
+               <path
+   d="m 432,352 v 96 H 80 V 352 H 16 v 128 c 0,17.696 14.336,32 32,32 h 416 c 17.696,0 32,-14.304 32,-32 V 352 Z"
+   id="path8"
+   inkscape:connector-curvature="0" />
+       </g>
+</g>
+<g
+   id="g14"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g16"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g18"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g20"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g22"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g24"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g26"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g28"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g30"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g32"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g34"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g36"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g38"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g40"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+<g
+   id="g42"
+   transform="matrix(1.0632768,0,0,1,-15.114124,0)">
+</g>
+</svg>
\ No newline at end of file
diff --git a/client/public/images/icons/draw.svg b/client/public/images/icons/draw.svg
new file mode 100644 (file)
index 0000000..1a9f98e
--- /dev/null
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="486pt"
+   viewBox="-64 0 485 486"
+   width="486pt"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="draw.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="960"
+     inkscape:window-height="1180"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.36419753"
+     inkscape:cx="329.49153"
+     inkscape:cy="324"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 421.74483,362.2606 V 229.7012 c 0,-44.58091 -18.97657,-85.70164 -49.67578,-107.31327 L 204.22139,4.1975341 c -3.33594,-2.350812 -7.43359,-1.2308744 -9.82813,2.6889078 l -7.4375,12.1502661 c -9.64453,14.030917 -14.5625,32.837422 -13.58984,51.945028 1.05859,19.509101 8.06641,37.544324 19.34375,49.789684 l 12.52734,13.91469 -182.511715,0.16905 c -22.22265664,0.0211 -40.300781,23.43945 -40.300781,51.90277 0,11.16769 2.785156,20.76111 7.507812,30.22775 h -14.054688 c -22.234374,0 -40.132812,22.65761 -40.132812,51.13148 v 0.95618 c 0,25.8748 14.847656,47.36491 34.261719,51.07339 -5.089844,8.70063 -7.871094,19.46684 -7.898438,30.56584 -0.0039,28.47388 18.042969,51.54882 40.2812504,51.54882 H 42.846388 c -4.734374,8.11428 -7.101562,19.00726 -7.101562,30.18022 v 0.90862 c 0,28.39993 17.835938,51.56995 40.011719,51.63862 57.515625,0.17963 158.941405,0.0687 249.679685,-0.0475 53.21485,-0.0687 96.3086,-55.10411 96.3086,-122.68072 z M 75.795607,463.35082 C 62.416701,463.30862 51.744826,449.84818 51.744826,433.35023 v -0.90862 c 0,-16.54022 10.492188,-30.18022 23.910156,-30.18022 H 180.8542 c 4.41797,0 8,-4.84425 8,-10.81901 0,-5.98005 -3.58203,-10.81902 -8,-10.81902 H 2.3893574 c -13.4140624,0 -24.3320314,-13.16457 -24.3320314,-29.79986 0,-16.54549 10.917969,-29.70475 24.3320314,-29.70475 H 180.86201 c 4.41797,0 8,-4.84426 8,-10.81902 0,-5.98006 -3.58203,-10.81903 -8,-10.81903 H -24.110643 c -13.417969,0 -24.144531,-13.86187 -24.144531,-30.40736 v -0.95618 c 0,-16.5402 10.816406,-30.00058 24.226562,-30.00058 H 21.58467 c 0.402344,0.0158 0.789062,0.0211 1.199218,0.0211 0.175782,0 0.339844,0 0.511719,-0.0211 20.273438,0 42.230469,0.0104 63.140625,0.0158 48.496098,0.0158 90.371098,0.0264 94.457028,0 4.41797,-0.0211 7.98829,-4.88123 7.97266,-10.856 -0.0156,-5.97475 -3.60937,-10.80317 -8.02734,-10.78203 -4.0586,0.0211 -45.92578,0.0104 -94.402348,0 -21.425781,0 -43.949218,-0.0104 -64.636718,-0.0158 -12.9726566,-0.62864 -23.3671876,-13.83545 -23.3671876,-29.99002 0,-16.52436 10.90625,-29.98476 24.3124996,-29.99532 l 204.828124,-0.19547 c 3.37891,-0.006 6.39063,-2.8738 7.52735,-7.17394 1.14062,-4.30014 0.15625,-9.10213 -2.45313,-12.00235 l -29.76953,-33.07514 c -7.86719,-8.489331 -12.76953,-21.009399 -13.53906,-34.58071 -0.64844,-13.275492 2.8125,-26.318537 9.55468,-36.00177 0.0937,-0.137352 0.1836,-0.274703 0.26954,-0.417336 l 3.44921,-5.626102 162.07032,114.159688 c 25.38672,17.87144 41.0625,51.63862 41.0625,88.12112 v 132.5594 c 0,55.65879 -35.92188,100.98457 -80.32422,101.04267 -90.72656,0.11618 -192.13672,0.22716 -249.625003,0.0475 z m 0,0"
+     id="path2"
+     inkscape:connector-curvature="0"
+     style="stroke-width:1.16291773" />
+</svg>
index 411b157..ee79c23 100644 (file)
@@ -1,44 +1,56 @@
-<?xml version="1.0" encoding="iso-8859-1"?>\r
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
-        viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">\r
-<g>\r
-       <g>\r
-               <path d="M504.171,239.489l-234.667-192c-6.357-5.227-15.189-6.293-22.656-2.773c-7.424,3.541-12.181,11.051-12.181,19.285v146.987\r
-                       L34.837,47.489c-6.379-5.227-15.189-6.293-22.656-2.773C4.757,48.257,0,55.767,0,64.001v384c0,8.235,4.757,15.744,12.181,19.285\r
-                       c2.923,1.365,6.059,2.048,9.152,2.048c4.843,0,9.621-1.643,13.504-4.821l199.829-163.499v146.987\r
-                       c0,8.235,4.757,15.744,12.181,19.285c2.923,1.365,6.059,2.048,9.152,2.048c4.843,0,9.621-1.643,13.504-4.821l234.667-192\r
-                       c4.949-4.053,7.829-10.112,7.829-16.512S509.12,243.543,504.171,239.489z"/>\r
-       </g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-<g>\r
-</g>\r
-</svg>\r
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Solid"
+   height="512"
+   viewBox="0 0 512 512"
+   width="512"
+   version="1.1"
+   sodipodi:docname="forward.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata9">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="960"
+     inkscape:window-height="1180"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="0.921875"
+     inkscape:cx="260.33898"
+     inkscape:cy="256"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Solid" />
+  <path
+     d="m 255.99997,511.86435 a 26.468725,26.356511 0 0 1 -18.7167,-44.99387 L 447.9633,257.08474 237.28327,47.299003 A 26.469407,26.35719 0 0 1 274.71666,10.024308 L 504.11228,238.44739 a 26.468725,26.356511 0 0 1 0,37.2747 L 274.71666,504.14518 a 26.38932,26.27744 0 0 1 -18.71669,7.71917 z M 45.321042,504.14518 274.71666,275.72209 a 26.468725,26.356511 0 0 0 0,-37.2747 L 45.321042,10.024308 A 26.469408,26.35719 0 0 0 7.8876471,47.299003 L 218.56768,257.08474 7.8876471,466.87048 a 26.469411,26.357192 0 0 0 37.4333949,37.2747 z"
+     id="path2"
+     inkscape:connector-curvature="0"
+     style="stroke-width:1.10052323" />
+</svg>
index 6d4728d..41bc9f7 100644 (file)
@@ -1,6 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
@@ -9,92 +7,50 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Capa_1"
-   x="0px"
-   y="0px"
+   id="Solid"
+   height="512"
    viewBox="0 0 512 512"
-   style="enable-background:new 0 0 512 512;"
-   xml:space="preserve"
+   width="512"
+   version="1.1"
    sodipodi:docname="fast-forward_rev.svg"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
-   id="metadata43"><rdf:RDF><cc:Work
-       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-   id="defs41" /><sodipodi:namedview
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1"
-   objecttolerance="10"
-   gridtolerance="10"
-   guidetolerance="10"
-   inkscape:pageopacity="0"
-   inkscape:pageshadow="2"
-   inkscape:window-width="960"
-   inkscape:window-height="1060"
-   id="namedview39"
-   showgrid="false"
-   inkscape:zoom="0.4609375"
-   inkscape:cx="260.33898"
-   inkscape:cy="256"
-   inkscape:window-x="0"
-   inkscape:window-y="20"
-   inkscape:window-maximized="0"
-   inkscape:current-layer="Capa_1" />
-<g
-   id="g6"
-   transform="matrix(-1,0,0,1,511.999,0)">
-       <g
-   id="g4">
-               <path
-   d="m 504.171,239.489 -234.667,-192 c -6.357,-5.227 -15.189,-6.293 -22.656,-2.773 -7.424,3.541 -12.181,11.051 -12.181,19.285 V 210.988 L 34.837,47.489 C 28.458,42.262 19.648,41.196 12.181,44.716 4.757,48.257 0,55.767 0,64.001 v 384 c 0,8.235 4.757,15.744 12.181,19.285 2.923,1.365 6.059,2.048 9.152,2.048 4.843,0 9.621,-1.643 13.504,-4.821 L 234.666,301.014 v 146.987 c 0,8.235 4.757,15.744 12.181,19.285 2.923,1.365 6.059,2.048 9.152,2.048 4.843,0 9.621,-1.643 13.504,-4.821 l 234.667,-192 c 4.949,-4.053 7.829,-10.112 7.829,-16.512 0,-6.4 -2.879,-12.458 -7.828,-16.512 z"
-   id="path2"
-   inkscape:connector-curvature="0" />
-       </g>
-</g>
-<g
-   id="g8">
-</g>
-<g
-   id="g10">
-</g>
-<g
-   id="g12">
-</g>
-<g
-   id="g14">
-</g>
-<g
-   id="g16">
-</g>
-<g
-   id="g18">
-</g>
-<g
-   id="g20">
-</g>
-<g
-   id="g22">
-</g>
-<g
-   id="g24">
-</g>
-<g
-   id="g26">
-</g>
-<g
-   id="g28">
-</g>
-<g
-   id="g30">
-</g>
-<g
-   id="g32">
-</g>
-<g
-   id="g34">
-</g>
-<g
-   id="g36">
-</g>
-</svg>
\ No newline at end of file
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata9">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="960"
+     inkscape:window-height="1180"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="0.921875"
+     inkscape:cx="262.50847"
+     inkscape:cy="256"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Solid" />
+  <path
+     d="m 256.00392,511.86435 a 26.468725,26.356511 0 0 0 18.7167,-44.99387 L 64.040592,257.08474 274.72062,47.299003 A 26.469407,26.35719 0 0 0 237.28723,10.024308 L 7.8916122,238.44739 a 26.468725,26.356511 0 0 0 0,37.2747 L 237.28723,504.14518 a 26.38932,26.27744 0 0 0 18.71669,7.71917 z M 466.68285,504.14518 237.28723,275.72209 a 26.468725,26.356511 0 0 1 0,-37.2747 L 466.68285,10.024308 a 26.469408,26.35719 0 0 1 37.4334,37.274695 L 293.43621,257.08474 504.11625,466.87048 a 26.469411,26.357192 0 0 1 -37.4334,37.2747 z"
+     id="path2"
+     inkscape:connector-curvature="0"
+     style="stroke-width:1.10052323" />
+</svg>
index be39895..bea39cb 100644 (file)
@@ -1,7 +1,54 @@
-<?xml version="1.0" encoding="utf-8"?>\r
-<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->\r
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">\r
-<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>\r
-<g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M1329.9,3511.5C58,2239.5,100.2,2289.4,100.2,2018.9c0-180.3,38.4-285.9,153.5-412.5c113.2-124.7,270.5-191.9,448.9-191.9c241.7,0,287.8,30.7,782.7,523.8l425.9,425.9V-776.4v-3140.6l40.3-111.3c49.9-130.5,176.5-264.8,314.6-331.9c145.8-69.1,364.5-67.1,512.2,5.8c130.4,65.2,266.7,207.2,316.6,335.7c32.6,86.3,34.5,232.1,40.3,3226.9l3.8,3134.8l418.2-414.4c253.2-251.3,450.8-431.7,502.6-458.5c72.9-38.4,115.1-46,268.6-46c213,0,310.8,36.5,439.3,165c126.6,126.6,165,228.3,165,429.7c0,149.6-7.7,186.1-51.8,268.6c-36.4,69.1-356.8,402.9-1179.9,1224C2717,4491.9,2565.4,4637.7,2515.6,4637.7S2314.1,4491.9,1329.9,3511.5z"/><path d="M7308,4610.8c-176.5-57.6-337.7-207.2-402.9-372.2c-32.6-86.3-34.5-243.7-40.3-3226.9l-3.8-3134.8l-418.2,414.4c-471.9,472-535.3,514.2-755.9,516.1c-157.3,1.9-253.2-24.9-366.4-99.7c-243.7-161.2-333.8-493.1-207.2-755.9c48-99.8,199.5-259,1185.6-1243.2c984.2-980.4,1135.8-1126.2,1185.6-1126.2s201.4,143.9,1181.8,1124.2c1272,1272,1233.6,1225.9,1233.6,1494.5c0,174.6-38.4,280.1-143.9,401c-122.8,140-266.7,205.3-456.6,205.3c-241.7,1.9-270.5-15.4-763.6-506.5l-447-443.2V998.3v3138.7l-40.3,111.3c-49.9,130.5-176.5,266.7-312.7,330C7618.8,4631.9,7419.2,4647.3,7308,4610.8z"/></g></g>\r
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1000 1000"
+   enable-background="new 0 0 1000 1000"
+   xml:space="preserve"
+   id="svg10"
+   sodipodi:docname="flip.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><defs
+   id="defs14" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="960"
+   inkscape:window-height="1180"
+   id="namedview12"
+   showgrid="false"
+   inkscape:zoom="0.6675088"
+   inkscape:cx="516.94916"
+   inkscape:cy="500"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg10" />
+<metadata
+   id="metadata2"> Svg Vector Icons : http://www.onlinewebfonts.com/icon <rdf:RDF><cc:Work
+     rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+       rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata>
+<g
+   id="g8"
+   transform="matrix(0.94008968,0.74255428,-0.68301514,1.0220383,372.20909,-381.55233)"><path
+     d="M 268.1,256.4 C 399.4,157.5 587,169.6 711.2,223.1 l -140.3,97.8 c -14,9.8 -17.4,29.1 -7.7,43.1 6.1,8.6 15.7,13.3 25.5,13.3 6.1,0 12.3,-1.8 17.7,-5.6 L 766.7,260 l 4.2,-3.5 c 15.2,-15.2 23.5,-35.4 23.5,-56.9 0,-21.5 -8.3,-41.7 -24.9,-58.2 L 630,17.8 C 617.2,6.5 597.6,7.6 586.2,20.4 574.9,33.2 576,52.8 588.9,64.1 L 682,146.6 C 544.7,104.6 363.6,106.8 230.8,206.9 131,282.1 49.1,451.1 91.2,659.2 c 3,14.7 15.9,24.8 30.3,24.8 2,0 4.1,-0.2 6.2,-0.6 16.8,-3.4 27.6,-19.8 24.2,-36.5 -36.5,-180.6 34.6,-329 116.2,-390.5 z"
+     id="path4"
+     inkscape:connector-curvature="0" /><path
+     d="M 908.8,340.8 C 905.4,324 889.1,313.2 872.3,316.6 855.5,320 844.6,336.3 848,353.1 884.6,533.8 813.4,682.2 731.9,743.6 600.6,842.5 413,830.4 288.9,776.9 l 140.3,-97.8 c 14,-9.8 17.5,-29.1 7.7,-43.1 -9.8,-14 -29.1,-17.5 -43.1,-7.7 l -160.5,111.8 -4.1,3.4 c -15.3,15.2 -23.6,35.3 -23.7,56.8 0,21.5 8.4,41.7 25,58.2 L 370,982.2 c 5.9,5.2 13.2,7.8 20.5,7.8 8.6,0 17.1,-3.5 23.2,-10.4 11.3,-12.8 10.2,-32.4 -2.7,-43.7 l -93.1,-82.5 c 52.8,16.2 112,25.9 172.5,25.9 96.9,0 197,-24.6 278.7,-86.1 100,-75.3 181.8,-244.3 139.7,-452.4 z"
+     id="path6"
+     inkscape:connector-curvature="0" /></g>
 </svg>
\ No newline at end of file
index d34a368..0d72fcc 100644 (file)
@@ -1,10 +1,99 @@
-<?xml version="1.0" encoding="iso-8859-1"?>\r
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
-        viewBox="0 0 494.148 494.148" style="enable-background:new 0 0 494.148 494.148;" xml:space="preserve">\r
-<g>\r
-  <path d="M405.284,201.188L130.804,13.28C118.128,4.596,105.356,0,94.74,0C74.216,0,61.52,16.472,61.52,44.044v406.124\r
-    c0,27.54,12.68,43.98,33.156,43.98c10.632,0,23.2-4.6,35.904-13.308l274.608-187.904c17.66-12.104,27.44-28.392,27.44-45.884\r
-    C432.632,229.572,422.964,213.288,405.284,201.188z"/>\r
-</g>\r
-</svg>\r
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 256 256"
+   style="enable-background:new 0 0 256 256;"
+   xml:space="preserve"
+   sodipodi:docname="right.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata43"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs41" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="960"
+   inkscape:window-height="1180"
+   id="namedview39"
+   showgrid="false"
+   inkscape:zoom="0.921875"
+   inkscape:cx="130.16949"
+   inkscape:cy="128"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Capa_1" />
+<g
+   id="g6"
+   transform="matrix(1.6034518,0,0,1,-77.241831,0)">
+       <g
+   id="g4">
+               <polygon
+   points="146.72,128 48.907,225.813 79.093,256 207.093,128 79.093,0 48.907,30.187 "
+   id="polygon2" />
+       </g>
+</g>
+<g
+   id="g8">
+</g>
+<g
+   id="g10">
+</g>
+<g
+   id="g12">
+</g>
+<g
+   id="g14">
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+<g
+   id="g36">
+</g>
+</svg>
\ No newline at end of file
index 8d562e9..50f2ef8 100644 (file)
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
-   id="Layer_1"
+   id="Capa_1"
    x="0px"
    y="0px"
-   viewBox="0 0 494.148 494.148"
-   style="enable-background:new 0 0 494.148 494.148;"
+   viewBox="0 0 256 256"
+   style="enable-background:new 0 0 256 256;"
    xml:space="preserve"
    sodipodi:docname="play_rev.svg"
    inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
-   id="metadata11"><rdf:RDF><cc:Work
+   id="metadata43"><rdf:RDF><cc:Work
        rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
          rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-   id="defs9" /><sodipodi:namedview
+   id="defs41" /><sodipodi:namedview
    pagecolor="#ffffff"
    bordercolor="#666666"
    borderopacity="1"
    inkscape:pageopacity="0"
    inkscape:pageshadow="2"
    inkscape:window-width="960"
-   inkscape:window-height="1060"
-   id="namedview7"
+   inkscape:window-height="1180"
+   id="namedview39"
    showgrid="false"
-   inkscape:zoom="0.4775897"
-   inkscape:cx="251.2617"
-   inkscape:cy="247.07401"
+   inkscape:zoom="0.921875"
+   inkscape:cx="132.33898"
+   inkscape:cy="128"
    inkscape:window-x="0"
    inkscape:window-y="20"
    inkscape:window-maximized="0"
-   inkscape:current-layer="Layer_1" />
-<g
-   id="g4"
-   transform="matrix(-1,0,0,1,494.148,0)">
-  <path
-   d="M 405.284,201.188 130.804,13.28 C 118.128,4.596 105.356,0 94.74,0 74.216,0 61.52,16.472 61.52,44.044 v 406.124 c 0,27.54 12.68,43.98 33.156,43.98 10.632,0 23.2,-4.6 35.904,-13.308 L 405.188,292.936 c 17.66,-12.104 27.44,-28.392 27.44,-45.884 0.004,-17.48 -9.664,-33.764 -27.344,-45.864 z"
-   id="path2"
-   inkscape:connector-curvature="0" />
+   inkscape:current-layer="Capa_1" />
+<g
+   id="g6"
+   transform="matrix(-1.6034518,0,0,1,333.24183,0)">
+       <g
+   id="g4">
+               <polygon
+   points="48.907,225.813 79.093,256 207.093,128 79.093,0 48.907,30.187 146.72,128 "
+   id="polygon2" />
+       </g>
+</g>
+<g
+   id="g8"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g10"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g12"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g14"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g16"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g18"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g20"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g22"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g24"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g26"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g28"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g30"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g32"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g34"
+   transform="matrix(-1,0,0,1,256,0)">
+</g>
+<g
+   id="g36"
+   transform="matrix(-1,0,0,1,256,0)">
 </g>
 </svg>
\ No newline at end of file
diff --git a/client/public/images/icons/rematch.svg b/client/public/images/icons/rematch.svg
new file mode 100644 (file)
index 0000000..37b2d8c
--- /dev/null
@@ -0,0 +1 @@
+<svg height="511pt" viewBox="0 0 511 511.99912" width="511pt" xmlns="http://www.w3.org/2000/svg"><path d="m447.738281 74.660156c-.648437 0-1.300781-.0625-1.949219-.191406-.640624-.128906-1.273437-.320312-1.871093-.570312-.601563-.25-1.191407-.558594-1.730469-.917969-.539062-.371094-1.058594-.78125-1.519531-1.25-1.859375-1.863281-2.929688-4.429688-2.929688-7.0625 0-.660157.070313-1.308594.199219-1.957031.128906-.640626.320312-1.273438.570312-1.871094.25-.601563.558594-1.191406.917969-1.730469.363281-.550781.78125-1.058594 1.242188-1.519531.460937-.460938.976562-.878906 1.519531-1.242188.539062-.359375 1.128906-.667968 1.730469-.917968.597656-.25 1.226562-.441407 1.871093-.570313 1.289063-.261719 2.617188-.261719 3.910157 0 .636719.128906 1.257812.320313 1.867187.570313.601563.25 1.179688.558593 1.722656.917968.546876.363282 1.058594.78125 1.519532 1.242188.457031.460937.878906.96875 1.25 1.519531.359375.539063.667968 1.128906.917968 1.730469.25.597656.441407 1.230468.570313 1.871094.128906.648437.191406 1.296874.191406 1.957031 0 2.632812-1.0625 5.199219-2.933593 7.0625-.457032.46875-.96875.878906-1.519532 1.25-.539062.359375-1.117187.667969-1.71875.917969-.601562.25-1.230468.441406-1.871094.570312-.648437.128906-1.296874.191406-1.957031.191406zm0 0"/><path d="m65.179688 74.660156c-.660157 0-1.3125-.0625-1.960938-.191406-.640625-.128906-1.269531-.320312-1.871094-.570312-.597656-.25-1.179687-.558594-1.71875-.917969-.550781-.371094-1.0625-.78125-1.519531-1.25-.472656-.460938-.882813-.972657-1.25-1.519531-.359375-.542969-.671875-1.121094-.921875-1.722657-.25-.597656-.4375-1.230469-.570312-1.871093-.128907-.648438-.1875-1.296876-.1875-1.957032 0-.652344.058593-1.300781.1875-1.949218.132812-.640626.320312-1.273438.570312-1.871094.25-.601563.5625-1.179688.921875-1.730469.367187-.539063.777344-1.050781 1.25-1.519531.457031-.460938.96875-.871094 1.519531-1.242188.539063-.359375 1.121094-.667968 1.71875-.917968.601563-.25 1.230469-.441407 1.871094-.570313 1.289062-.261719 2.621094-.261719 3.910156 0 .640625.128906 1.269532.320313 1.871094.570313.597656.25 1.179688.558593 1.726562.917968.542969.371094 1.0625.78125 1.523438 1.242188.457031.46875.878906.980468 1.238281 1.519531.359375.550781.671875 1.128906.921875 1.730469.25.597656.4375 1.230468.566406 1.871094.132813.648437.203126 1.296874.203126 1.949218 0 .660156-.070313 1.308594-.203126 1.957032-.128906.640624-.316406 1.273437-.566406 1.871093-.25.601563-.5625 1.179688-.921875 1.722657-.359375.546874-.78125 1.058593-1.238281 1.519531-.460938.46875-.980469.878906-1.523438 1.25-.546874.359375-1.128906.667969-1.726562.917969-.601562.25-1.230469.441406-1.871094.570312-.652344.128906-1.300781.191406-1.949218.191406zm0 0"/><path d="m504.210938 399.796875-9.238282-9.238281c-5.300781-5.304688-12.351562-8.226563-19.851562-8.226563-4.757813 0-9.332032 1.175781-13.394532 3.386719l-39.199218-39.203125 12.054687-12.054687c10.976563-10.980469 10.976563-28.847657 0-39.824219l-9.121093-9.125c-5.316407-5.320313-12.390626-8.25-19.910157-8.25-7.523437 0-14.59375 2.929687-19.910156 8.25l-8.316406 8.316406-30.679688-33.089844 162.476563-147.578125c2.136718-1.941406 3.332031-4.714844 3.273437-7.601562l-1.878906-93.882813c-.105469-5.363281-4.429687-9.691406-9.796875-9.796875l-93.863281-1.87499975c-2.929688-.07421875-5.664063 1.13671875-7.601563 3.27343775l-142.839844 157.320312-142.75-157.316406c-1.941406-2.140625-4.734374-3.3398438-7.605468-3.27734375l-93.863282 1.87499975c-5.367187.105469-9.691406 4.433594-9.796874 9.796875l-1.875 93.882813c-.058594 2.886718 1.136718 5.660156 3.277343 7.601562l162.089844 147.140625-30.375 33.449219-8.292969-8.292969c-5.300781-5.304687-12.351562-8.226562-19.855468-8.226562-7.5 0-14.550782 2.921875-19.855469 8.226562l-9.234375 9.234375c-10.945313 10.949219-10.945313 28.761719 0 39.707032l12.113281 12.113281-39.199219 39.207031c-4.0625-2.210938-8.636718-3.386719-13.390625-3.386719-7.503906 0-14.554687 2.921875-19.859375 8.226563l-9.234375 9.234375c-10.945312 10.949219-10.945312 28.761719 0 39.707031l64.261719 64.273438c5.304688 5.304687 12.355469 8.226562 19.855469 8.226562 7.503906 0 14.554687-2.921875 19.855469-8.226562l9.238281-9.238282c8.984375-8.984375 10.59375-22.597656 4.824219-33.242187l39.203124-39.210938 12.105469 12.109375c5.304688 5.304688 12.355469 8.226563 19.855469 8.226563 7.503906 0 14.554688-2.921875 19.855469-8.226563l9.238281-9.238281c10.941406-10.945313 10.941406-28.757813 0-39.703125l-8.300781-8.304688 37.273437-33.855468 38.164063 33.933594-8.160157 8.164062c-10.976562 10.980469-10.976562 28.847656 0 39.824219l9.121094 9.125c5.316406 5.320312 12.386719 8.25 19.910156 8.25 7.519532 0 14.59375-2.929688 19.910157-8.25l12.050781-12.054688 39.203125 39.210938c-5.769531 10.644531-4.160156 24.257812 4.828125 33.246093l9.230469 9.234376c5.304687 5.304687 12.355469 8.226562 19.859375 8.226562 7.5 0 14.550781-2.921875 19.855468-8.226562l64.261719-64.273438c10.949219-10.945312 10.949219-28.757812.003907-39.703125zm-141.039063-91.816406-20.292969 20.296875-33.597656-33.605469 22.558594-20.488281zm-342.5625-206.570313 1.59375-79.726562 79.707031-1.59375 140.996094 155.382812-25.128906 27.679688-117.125-117.144532c-3.902344-3.90625-10.234375-3.90625-14.140625 0-3.90625 3.902344-3.90625 10.234376 0 14.140626l117.804687 117.828124-24.980468 27.515626zm390.394531-81.320312 79.710938 1.59375 1.59375 79.726562-287.765625 261.378906-20.363281-20.367187 242.226562-242.273437c3.902344-3.90625 3.902344-10.238282 0-14.144532-3.90625-3.902344-10.238281-3.902344-14.144531.003906l-242.226563 242.269532-20.363281-20.367188zm-303.230468 460.304687-9.234376 9.238281c-1.527343 1.527344-3.554687 2.367188-5.714843 2.367188-2.15625 0-4.1875-.839844-5.710938-2.367188l-64.261719-64.273437c-3.148437-3.148437-3.148437-8.273437 0-11.425781l9.234376-9.234375c1.527343-1.527344 3.554687-2.367188 5.714843-2.367188 2.15625 0 4.183594.839844 5.710938 2.367188l1.414062 1.410156c0 .003906.003907.007813.007813.007813l61.414062 61.429687c.003906.003906.007813.003906.011719.007813l1.414063 1.417968c3.148437 3.148438 3.148437 8.273438 0 11.421875zm5.644531-34.0625-47.273438-47.28125 38.386719-38.394531 47.273438 47.285156zm99.4375-35.519531-9.234375 9.238281c-1.527344 1.523438-3.554688 2.367188-5.714844 2.367188-2.15625 0-4.1875-.839844-5.710938-2.367188l-99.777343-99.792969c-3.148438-3.148437-3.148438-8.273437 0-11.421874l9.238281-9.238282c1.523438-1.523437 3.554688-2.367187 5.710938-2.367187s4.1875.839843 5.714843 2.367187l99.773438 99.792969c3.148437 3.148437 3.148437 8.273437 0 11.421875zm58.007812-81.246094 23.59375-21.433594 34.28125 34.289063-20.433593 20.4375zm49.914063 90.429688c-1.542969 1.542968-3.589844 2.390625-5.769532 2.390625-2.175781 0-4.226562-.847657-5.765624-2.390625l-9.121094-9.121094c-3.183594-3.183594-3.183594-8.363281 0-11.542969l99.660156-99.679687c1.539062-1.542969 3.589844-2.390625 5.765625-2.390625 2.179687 0 4.230469.847656 5.769531 2.390625l9.121094 9.121094c3.183594 3.183593 3.183594 8.359374 0 11.542968zm87.609375-59.339844 38.386719 38.394531-47.277344 47.28125-38.382813-38.390625zm81.679687 64.703125-64.261718 64.273437c-1.527344 1.527344-3.554688 2.367188-5.714844 2.367188-2.15625 0-4.183594-.839844-5.710938-2.367188l-9.234375-9.234374c-3.148437-3.152344-3.148437-8.273438-.003906-11.425782l1.417969-1.414062c0-.003906.003906-.007813.007812-.011719l62.835938-62.847656c1.527344-1.523438 3.558594-2.367188 5.714844-2.367188s4.1875.839844 5.714843 2.367188l9.230469 9.238281c3.152344 3.148438 3.152344 8.273438.003906 11.421875zm0 0"/></svg>
\ No newline at end of file
diff --git a/client/public/images/icons/resign.svg b/client/public/images/icons/resign.svg
new file mode 100644 (file)
index 0000000..fcee08d
--- /dev/null
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   sodipodi:docname="resign.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata43"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs41" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="960"
+   inkscape:window-height="1180"
+   id="namedview39"
+   showgrid="false"
+   inkscape:zoom="1.3037281"
+   inkscape:cx="260.33898"
+   inkscape:cy="256"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g6"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+       <g
+   id="g4">
+               <path
+   d="m 439.463,61.781 c -4.616,-2.685 -10.318,-2.685 -14.933,0 C 406.661,71.729 386.528,76.902 366.077,76.8 336.186,77.461 307.284,66.085 285.864,45.227 261.136,21.022 227.702,7.796 193.107,8.534 165.246,8.293 138.006,16.766 115.198,32.769 V 25.6 C 115.198,11.462 103.737,0 89.598,0 75.459,0 63.998,11.461 63.998,25.6 v 460.8 c 0,14.138 11.461,25.6 25.6,25.6 14.138,0 25.6,-11.461 25.6,-25.6 V 264.533 c 2.828,-0.265 5.522,-1.33 7.765,-3.072 20.302,-14.951 44.933,-22.861 70.144,-22.528 29.946,-0.688 58.911,10.689 80.384,31.573 24.681,24.17 58.049,37.394 92.587,36.693 26.469,0.308 52.431,-7.266 74.581,-21.76 4.74,-3.285 7.501,-8.742 7.339,-14.507 V 76.8 c 0.085,-6.182 -3.18,-11.928 -8.535,-15.019 z M 98.13,486.4 c 0,4.713 -3.82,8.533 -8.533,8.533 -4.713,0 -8.533,-3.82 -8.533,-8.533 V 25.6 c 0,-4.713 3.82,-8.533 8.533,-8.533 4.713,0 8.533,3.82 8.533,8.533 z m 332.8,-215.125 c -19.319,12.47 -41.86,19.025 -64.853,18.859 -29.891,0.661 -58.793,-10.715 -80.213,-31.573 -24.728,-24.205 -58.162,-37.431 -92.757,-36.693 -27.843,-0.297 -55.083,8.117 -77.909,24.064 V 54.784 C 136.51,35.5 164.371,25.064 193.107,25.6 c 29.946,-0.688 58.911,10.689 80.384,31.573 24.681,24.17 58.049,37.394 92.587,36.693 22.598,0.158 44.882,-5.296 64.853,-15.872 v 193.281 z"
+   id="path2"
+   inkscape:connector-curvature="0" />
+       </g>
+</g>
+<g
+   id="g8"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g10"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g12"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g14"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g16"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g18"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g20"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g22"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g24"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g26"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g28"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g30"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g32"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g34"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+<g
+   id="g36"
+   transform="matrix(1.3286573,0,0,1,-83.576434,0)">
+</g>
+</svg>
\ No newline at end of file
index d783921..37a724c 100644 (file)
@@ -1,7 +1,51 @@
-<?xml version="1.0" encoding="utf-8"?>\r
-<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->\r
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">\r
-<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>\r
-<g><path d="M987.5,633c1.4,8.4,1.1,18.6-1.1,30.5c-2.1,11.9-5.6,24-10.5,36.3C971,712,965,723,958,732.8c-7,9.8-14.7,16.8-23.1,21c-8.4,4.2-15.8,6.3-22.1,6.3c-6.3,0-13.3-1.4-21-4.2c-7-2.1-15.8-4-26.3-5.8c-10.5-1.8-21.2-2.1-32.1-1.1c-10.9,1.1-21.7,3.3-32.6,6.8c-10.9,3.5-20.1,9.5-27.9,17.9c-16.8,17.5-26.6,37.5-29.4,59.9c-2.8,22.4,0.4,43.8,9.5,64.1c7,14,6,28-3.2,42c-4.2,5.6-10.9,11.4-20,17.3c-9.1,6-19.1,11.4-30,16.3c-10.9,4.9-22.2,8.8-34.2,11.6c-11.9,2.8-22.4,4.2-31.5,4.2c-6.3,0-12.3-2.5-17.9-7.4c-5.6-4.9-9.5-10.2-11.6-15.8h-1.1c-7.7-21.7-20.8-40.5-39.4-56.2c-18.6-15.8-40.1-23.6-64.6-23.6c-23.8,0-45.4,7.9-64.6,23.6c-19.3,15.8-32.8,34.2-40.5,55.2c-3.5,8.4-8.8,14.5-15.8,18.4c-7,3.9-14.7,5.8-23.1,5.8c-9.8,0-20.8-1.8-33.1-5.3c-12.3-3.5-24.5-7.9-36.8-13.1c-12.3-5.3-23.3-11.4-33.1-18.4c-9.8-7-17.2-14-22.1-21c-3.5-4.9-5.4-10.7-5.8-17.3c-0.4-6.7,2.3-15.9,7.9-27.9c7.7-16.1,10.7-34.5,8.9-55.2c-1.8-20.7-10.7-39.8-26.8-57.3c-9.8-10.5-21.7-17.3-35.7-20.5c-14-3.1-27.3-4.4-39.9-3.7c-14.7,0.7-29.8,3.5-45.2,8.4c-9.8,2.8-19.6,2.1-29.4-2.1c-7.7-2.8-14.9-9.3-21.6-19.4c-6.7-10.2-12.6-21.4-17.9-33.6C20,690.6,16,678,13.2,665c-2.8-13-3.5-23.6-2.1-32.1c2.1-15.4,9.1-25.2,21-29.4c21-8.4,39.9-22.2,56.8-41.5c16.8-19.3,25.2-40.8,25.2-64.6c0-24.5-8.4-45.9-25.2-64.1C72,415,53.1,401.7,32.1,393.3c-6.3-2.1-11.6-7.2-15.8-15.2c-4.2-8.1-6.3-16.3-6.3-24.7c0-9.1,1.4-19.3,4.2-30.5c2.8-11.2,6.5-22.1,11-32.6c4.6-10.5,9.8-20.1,15.8-28.9c6-8.8,12.4-15.2,19.4-19.4c5.6-3.5,11-4.9,16.3-4.2c5.3,0.7,11,2.1,17.3,4.2c21,8.4,42.9,11,65.7,7.9c22.8-3.2,42.9-13.1,60.4-30c8.4-8.4,14.5-18.7,18.4-31c3.9-12.3,6.3-24.4,7.4-36.3c1-11.9,1-22.8,0-32.6c-1.1-9.8-1.9-16.8-2.6-21c-1.4-4.2-2.6-9.1-3.7-14.7c-1.1-5.6-0.5-10.5,1.6-14.7c4.2-9.8,11.7-18.4,22.6-25.8c10.9-7.4,22.6-13.5,35.2-18.4c12.6-4.9,24.9-8.6,36.8-11c11.9-2.5,21.4-3.7,28.4-3.7c9.1,0,16.3,3,21.5,8.9c5.3,6,8.9,12.1,11,18.4c7.7,18.9,20.3,35.6,37.8,49.9c17.5,14.4,38.2,21.5,62,21.5c24.5,0,46.2-6.8,65.2-20.5c18.9-13.7,32.2-31,39.9-52c2.8-5.6,7.2-11.4,13.1-17.3c6-6,12.1-8.9,18.4-8.9c9.8,0,20.5,1.4,32.1,4.2c11.6,2.8,22.9,6.7,34.2,11.6c11.2,4.9,21.5,11.2,31,18.9c9.5,7.7,17,16.1,22.6,25.2c3.5,5.6,4.6,11.7,3.2,18.4s-2.8,11.4-4.2,14.2c-9.1,20.3-11.9,41.7-8.4,64.1c3.5,22.4,13.7,42,30.5,58.9c16.8,16.8,37.5,26.1,62,27.8c24.5,1.8,47.3-2.3,68.3-12.1c5.6-3.5,12.4-4.9,20.5-4.2c8.1,0.7,14.9,3.9,20.5,9.5c10.5,9.8,19.8,24.7,27.9,44.7c8.1,20,13.5,40.1,16.3,60.4c1.4,11.9-0.5,21.2-5.8,27.9c-5.3,6.7-10.7,11-16.3,13.1c-21.7,7.7-40.3,21.2-55.7,40.5c-15.4,19.3-23.1,41.2-23.1,65.7c0,23.8,6.5,44.7,19.4,62.5c13,17.9,29.9,30.7,51,38.4c4.9,2.8,9.1,5.6,12.6,8.4C979.4,615.1,984.7,623.1,987.5,633L987.5,633z M498.7,727.6c31.5,0,61.3-6,89.3-17.9c28-11.9,52.4-28.4,73-49.4c20.7-21,37-45.4,48.9-73c11.9-27.7,17.9-57.3,17.9-88.8c0-31.5-6-61.1-17.9-88.8c-11.9-27.7-28.2-51.9-48.9-72.5c-20.7-20.7-45-37-73-48.9c-28-11.9-57.8-17.9-89.3-17.9c-31.5,0-61.1,6-88.8,17.9c-27.7,11.9-51.8,28.2-72.5,48.9c-20.7,20.7-37,44.9-48.9,72.5c-11.9,27.7-17.9,57.3-17.9,88.8c0,31.5,6,61.1,17.9,88.8c11.9,27.7,28.2,52,48.9,73c20.7,21,44.8,37.5,72.5,49.4C437.6,721.6,467.2,727.6,498.7,727.6L498.7,727.6z"/></g>\r
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1000 1000"
+   enable-background="new 0 0 1000 1000"
+   xml:space="preserve"
+   id="svg8"
+   sodipodi:docname="settings.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><defs
+   id="defs12" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="960"
+   inkscape:window-height="1180"
+   id="namedview10"
+   showgrid="false"
+   inkscape:zoom="0.6675088"
+   inkscape:cx="508.47458"
+   inkscape:cy="500"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg8" />
+<metadata
+   id="metadata2"> Svg Vector Icons : http://www.onlinewebfonts.com/icon <rdf:RDF><cc:Work
+     rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+       rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata>
+<g
+   id="g6"
+   transform="matrix(1.0152862,0,0,1.0183742,-7.6433991,-9.1852492)"><path
+     d="m 987.5,633 c 1.4,8.4 1.1,18.6 -1.1,30.5 -2.1,11.9 -5.6,24 -10.5,36.3 -4.9,12.2 -10.9,23.2 -17.9,33 -7,9.8 -14.7,16.8 -23.1,21 -8.4,4.2 -15.8,6.3 -22.1,6.3 -6.3,0 -13.3,-1.4 -21,-4.2 -7,-2.1 -15.8,-4 -26.3,-5.8 -10.5,-1.8 -21.2,-2.1 -32.1,-1.1 -10.9,1.1 -21.7,3.3 -32.6,6.8 -10.9,3.5 -20.1,9.5 -27.9,17.9 -16.8,17.5 -26.6,37.5 -29.4,59.9 -2.8,22.4 0.4,43.8 9.5,64.1 7,14 6,28 -3.2,42 -4.2,5.6 -10.9,11.4 -20,17.3 -9.1,6 -19.1,11.4 -30,16.3 -10.9,4.9 -22.2,8.8 -34.2,11.6 -11.9,2.8 -22.4,4.2 -31.5,4.2 -6.3,0 -12.3,-2.5 -17.9,-7.4 -5.6,-4.9 -9.5,-10.2 -11.6,-15.8 h -1.1 c -7.7,-21.7 -20.8,-40.5 -39.4,-56.2 -18.6,-15.8 -40.1,-23.6 -64.6,-23.6 -23.8,0 -45.4,7.9 -64.6,23.6 -19.3,15.8 -32.8,34.2 -40.5,55.2 -3.5,8.4 -8.8,14.5 -15.8,18.4 -7,3.9 -14.7,5.8 -23.1,5.8 -9.8,0 -20.8,-1.8 -33.1,-5.3 -12.3,-3.5 -24.5,-7.9 -36.8,-13.1 -12.3,-5.3 -23.3,-11.4 -33.1,-18.4 -9.8,-7 -17.2,-14 -22.1,-21 -3.5,-4.9 -5.4,-10.7 -5.8,-17.3 -0.4,-6.7 2.3,-15.9 7.9,-27.9 7.7,-16.1 10.7,-34.5 8.9,-55.2 -1.8,-20.7 -10.7,-39.8 -26.8,-57.3 -9.8,-10.5 -21.7,-17.3 -35.7,-20.5 -14,-3.1 -27.3,-4.4 -39.9,-3.7 -14.7,0.7 -29.8,3.5 -45.2,8.4 -9.8,2.8 -19.6,2.1 -29.4,-2.1 C 56.7,752.9 49.5,746.4 42.8,736.3 36.1,726.1 30.2,714.9 24.9,702.7 20,690.6 16,678 13.2,665 10.4,652 9.7,641.4 11.1,632.9 c 2.1,-15.4 9.1,-25.2 21,-29.4 21,-8.4 39.9,-22.2 56.8,-41.5 16.8,-19.3 25.2,-40.8 25.2,-64.6 0,-24.5 -8.4,-45.9 -25.2,-64.1 C 72,415 53.1,401.7 32.1,393.3 25.8,391.2 20.5,386.1 16.3,378.1 12.1,370 10,361.8 10,353.4 c 0,-9.1 1.4,-19.3 4.2,-30.5 2.8,-11.2 6.5,-22.1 11,-32.6 4.6,-10.5 9.8,-20.1 15.8,-28.9 6,-8.8 12.4,-15.2 19.4,-19.4 5.6,-3.5 11,-4.9 16.3,-4.2 5.3,0.7 11,2.1 17.3,4.2 21,8.4 42.9,11 65.7,7.9 22.8,-3.2 42.9,-13.1 60.4,-30 8.4,-8.4 14.5,-18.7 18.4,-31 3.9,-12.3 6.3,-24.4 7.4,-36.3 1,-11.9 1,-22.8 0,-32.6 -1.1,-9.8 -1.9,-16.8 -2.6,-21 -1.4,-4.2 -2.6,-9.1 -3.7,-14.7 -1.1,-5.6 -0.5,-10.5 1.6,-14.7 4.2,-9.8 11.7,-18.4 22.6,-25.8 10.9,-7.4 22.6,-13.5 35.2,-18.4 12.6,-4.9 24.9,-8.6 36.8,-11 11.9,-2.5 21.4,-3.7 28.4,-3.7 9.1,0 16.3,3 21.5,8.9 5.3,6 8.9,12.1 11,18.4 7.7,18.9 20.3,35.6 37.8,49.9 17.5,14.4 38.2,21.5 62,21.5 24.5,0 46.2,-6.8 65.2,-20.5 18.9,-13.7 32.2,-31 39.9,-52 2.8,-5.6 7.2,-11.4 13.1,-17.3 6,-6 12.1,-8.9 18.4,-8.9 9.8,0 20.5,1.4 32.1,4.2 11.6,2.8 22.9,6.7 34.2,11.6 11.2,4.9 21.5,11.2 31,18.9 9.5,7.7 17,16.1 22.6,25.2 3.5,5.6 4.6,11.7 3.2,18.4 -1.4,6.7 -2.8,11.4 -4.2,14.2 -9.1,20.3 -11.9,41.7 -8.4,64.1 3.5,22.4 13.7,42 30.5,58.9 16.8,16.8 37.5,26.1 62,27.8 24.5,1.8 47.3,-2.3 68.3,-12.1 5.6,-3.5 12.4,-4.9 20.5,-4.2 8.1,0.7 14.9,3.9 20.5,9.5 10.5,9.8 19.8,24.7 27.9,44.7 8.1,20 13.5,40.1 16.3,60.4 1.4,11.9 -0.5,21.2 -5.8,27.9 -5.3,6.7 -10.7,11 -16.3,13.1 -21.7,7.7 -40.3,21.2 -55.7,40.5 -15.4,19.3 -23.1,41.2 -23.1,65.7 0,23.8 6.5,44.7 19.4,62.5 13,17.9 29.9,30.7 51,38.4 4.9,2.8 9.1,5.6 12.6,8.4 7.7,6.3 13,14.3 15.8,24.2 z m -488.8,94.6 c 31.5,0 61.3,-6 89.3,-17.9 28,-11.9 52.4,-28.4 73,-49.4 20.7,-21 37,-45.4 48.9,-73 11.9,-27.7 17.9,-57.3 17.9,-88.8 0,-31.5 -6,-61.1 -17.9,-88.8 C 698,382 681.7,357.8 661,337.2 c -20.7,-20.7 -45,-37 -73,-48.9 -28,-11.9 -57.8,-17.9 -89.3,-17.9 -31.5,0 -61.1,6 -88.8,17.9 -27.7,11.9 -51.8,28.2 -72.5,48.9 -20.7,20.7 -37,44.9 -48.9,72.5 -11.9,27.7 -17.9,57.3 -17.9,88.8 0,31.5 6,61.1 17.9,88.8 11.9,27.7 28.2,52 48.9,73 20.7,21 44.8,37.5 72.5,49.4 27.7,11.9 57.3,17.9 88.8,17.9 z"
+     id="path4"
+     inkscape:connector-curvature="0" /></g>
 </svg>
\ No newline at end of file
diff --git a/client/public/images/icons/undo.svg b/client/public/images/icons/undo.svg
deleted file mode 100644 (file)
index 3ab78b8..0000000
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>\r
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
-        viewBox="0 0 512.011 512.011" style="enable-background:new 0 0 512.011 512.011;" xml:space="preserve">\r
-<g>\r
-  <path d="M511.136,286.255C502.08,194.863,419.84,128.015,328,128.015H192v-80c0-6.144-3.52-11.744-9.056-14.432\r
-    c-5.568-2.656-12.128-1.952-16.928,1.92l-160,128C2.208,166.575,0,171.151,0,176.015s2.208,9.44,5.984,12.512l160,128\r
-    c2.912,2.304,6.464,3.488,10.016,3.488c2.368,0,4.736-0.512,6.944-1.568c5.536-2.688,9.056-8.288,9.056-14.432v-80h139.392\r
-    c41.856,0,80,30.08,84.192,71.712c4.832,47.872-32.704,88.288-79.584,88.288H208c-8.832,0-16,7.168-16,16v64\r
-    c0,8.832,7.168,16,16,16h128C438.816,480.015,521.472,391.151,511.136,286.255z"/>\r
-</g>\r
-</svg>\r
index 5c55656..ac8b323 100644 (file)
@@ -33,29 +33,19 @@ div#baseGame
           img.inline(src="/images/icons/play.svg")
         button(@click="gotoEnd()")
           img.inline(src="/images/icons/fast-forward.svg")
-      #belowControls
-        #downloadDiv(v-if="allowDownloadPGN")
-          a#download(href="#")
-          button(@click="download()") {{ st.tr["Download"] }} PGN
-        button(
-          v-if="canAnalyze"
-          @click="analyzePosition()"
-        )
-          | {{ st.tr["Analyse"] }}
-        // NOTE: variants pages already have a "Rules" link on top
-        button(
-          v-if="!$route.path.match('/variants/')"
-          @click="showRules()"
-        )
-          | {{ st.tr["Rules"] }}
     #movesList
       MoveList(
         :show="showMoves"
+        :canAnalyze="canAnalyze"
+        :canDownload="allowDownloadPGN"
         :score="game.score"
         :message="game.scoreMsg"
         :firstNum="firstMoveNumber"
         :moves="moves"
         :cursor="cursor"
+        @download="download"
+        @showrules="showRules"
+        @analyze="analyzePosition"
         @goto-move="gotoMove"
       )
     .clearer
@@ -535,29 +525,19 @@ export default {
     display: inline-block
     width: 20%
     margin: 0
-    img.inline
-      height: 24px
-      padding-top: 5px
-    @media screen and (max-width: 767px)
-      img.inline
-        height: 18px
+    padding-top: 5px
+    padding-bottom: 5px
+
+img.inline
+  height: 24px
+  padding-top: 5px
+  @media screen and (max-width: 767px)
+    height: 18px
 
 #turnIndicator
   text-align: center
   font-weight: bold
 
-#belowControls
-  border-top: 1px solid #2f4f4f
-  text-align: center
-  margin: 0 auto
-  & > #downloadDiv
-    margin: 0
-    & > button
-      margin: 0
-  & > button
-    border-left: 1px solid #2f4f4f
-    margin: 0
-
 #boardContainer
   float: left
 // TODO: later, maybe, allow movesList of variable width
index c0a15df..6f7b4dc 100644 (file)
@@ -15,12 +15,34 @@ div
         value="50"
         @input="adjustBoard()"
       )
-  div#boardSizeBtnContainer
-    button#boardSizeBtn(onClick="window.doClick('modalAdjust')")
-      | {{ st.tr["Set board size"] }}
+  #aboveMoves
+    // NOTE: variants pages already have a "Rules" link on top
+    span#rulesBtn(
+      v-if="!$route.path.match('/variants/')"
+      @click="$emit('showrules')"
+    )
+      | {{ st.tr["Rules"] }}
+    button.tooltip(
+      onClick="window.doClick('modalAdjust')"
+      :aria-label="st.tr['Resize board']"
+    )
+      img.inline(src="/images/icons/resize.svg")
+    #downloadDiv(v-if="canDownload")
+      a#download(href="#")
+      button.tooltip(
+        @click="$emit('download')"
+        :aria-label="st.tr['Download'] + ' PGN'"
+      )
+        img.inline(src="/images/icons/download.svg")
+    button.tooltip(
+      v-if="canAnalyze"
+      @click="$emit('analyze')"
+      :aria-label="st.tr['Analyse']"
+    )
+      img.inline(src="/images/icons/analyse.svg")
   #scoreInfo(v-if="score!='*'")
-    p {{ score }}
-    p {{ st.tr[message] }}
+    span.score {{ score }}
+    span.score-msg {{ st.tr[message] }}
   .moves-list(v-if="!['none','highlight'].includes(show)")
     .tr(v-for="moveIdx in evenNumbers")
       .td {{ firstNum + moveIdx / 2 + 1 }}
@@ -43,7 +65,9 @@ import { getFullNotation } from "@/utils/notation";
 import { processModalClick } from "@/utils/modalClick";
 export default {
   name: "my-move-list",
-  props: ["moves", "show", "cursor", "score", "message", "firstNum"],
+  props: [
+    "moves", "show", "canAnalyze", "canDownload",
+    "cursor", "score", "message", "firstNum"],
   data: function() {
     return {
       st: store.state
@@ -156,9 +180,34 @@ export default {
   width: 100%
   text-align: center
 
-button#boardSizeBtn
-  margin: 0
-
 [type="checkbox"]#modalAdjust+div .card
   padding: 5px
+
+img.inline
+  height: 24px
+  @media screen and (max-width: 767px)
+    height: 18px
+
+span.score
+  display: inline-block
+  margin-left: 10px
+  font-weight: bold
+
+span.score-msg
+  display: inline-block
+  margin-left: 10px
+  font-style: italic
+
+#downloadDiv
+  display: inline-block
+  margin: 0
+
+span#rulesBtn
+  cursor: pointer
+  display: inline-block
+  margin: 0 10px
+  font-weight: bold
+
+button
+  margin: 0
 </style>
index e16a6a3..6676ad8 100644 (file)
@@ -70,7 +70,8 @@ export const translations = {
   "My problems": "My problems",
   "Name: alphanumerics, hyphen and underscore": "Name: alphanumerics, hyphen and underscore",
   "Name or Email": "Name or Email",
-  Next: "Next",
+  Next_p: "Next",
+  Next_g: "Next",
   "New connexion detected: tab now offline": "New connexion detected: tab now offline",
   "New correspondance game:": "New correspondance game:",
   "New game": "New game",
@@ -102,15 +103,16 @@ export const translations = {
   Refuse: "Refuse",
   Register: "Register",
   "Registration complete! Please check your emails now": "Registration complete! Please check your emails now",
+  Rematch: "Rematch",
   "Remove game?": "Remove game?",
   Resign: "Resign",
   "Resign the game?": "Resign the game?",
+  "Resize board": "Resize board",
   Result: "Result",
   Rules: "Rules",
   Send: "Send",
   "Self-challenge is forbidden": "Self-challenge is forbidden",
   "Send challenge": "Send challenge",
-  "Set board size": "Set board size",
   Settings: "Settings",
   "Show possible moves?": "Show possible moves?",
   "Show solution": "Show solution",
index 38d9022..c5ee093 100644 (file)
@@ -70,7 +70,8 @@ export const translations = {
   "My problems": "Mis problemas",
   "Name: alphanumerics, hyphen and underscore": "Nombre: alfanuméricos, guión y underscore",
   "Name or Email": "Nombre o Email",
-  Next: "Próximo",
+  Next_p: "Siguiente",
+  Next_g: "Siguiente",
   "New connexion detected: tab now offline": "Nueva conexión detectada: pestaña ahora desconectada",
   "New correspondance game:": "Nueva partida por correspondencia:",
   "New game": "Nueva partida",
@@ -102,15 +103,16 @@ export const translations = {
   Refuse: "Rechazar",
   Register: "Registrarse",
   "Registration complete! Please check your emails now": "¡Registro completo! Revise sus correos electrónicos ahora",
+  Rematch: "Revancha",
   "Remove game?": "¿Eliminar la partida?",
   Resign: "Abandonar",
   "Resign the game?": "¿Abandonar la partida?",
+  "Resize board": "Redimensionar el tablero",
   Result: "Resultado",
   Rules: "Reglas",
   Send: "Enviar",
   "Self-challenge is forbidden": "Auto desafío está prohibido",
   "Send challenge": "Enviar desafío",
-  "Set board size": "Ajustar el tamaño del tablero",
   Settings: "Configuraciones",
   "Show possible moves?": "¿Mostrar posibles movimientos?",
   "Show solution": "Mostrar la solución",
index 4460097..270f604 100644 (file)
@@ -70,7 +70,8 @@ export const translations = {
   "My problems": "Mes problèmes",
   "Name: alphanumerics, hyphen and underscore": "Nom: alphanumériques, tiret et underscore",
   "Name or Email": "Nom ou Email",
-  Next: "Suivant",
+  Next_p: "Suivant",
+  Next_g: "Suivante",
   "New connexion detected: tab now offline": "Nouvelle connexion détectée : onglet désormais hors ligne",
   "New correspondance game:": "Nouvelle partie par corespondance :",
   "New game": "Nouvelle partie",
@@ -102,15 +103,16 @@ export const translations = {
   Refuse: "Refuser",
   Register: "S'enregistrer",
   "Registration complete! Please check your emails now": "Enregistrement terminé ! Allez voir vos emails maintenant",
+  Rematch: "Rejouer",
   "Remove game?": "Supprimer la partie ?",
   Resign: "Abandonner",
   "Resign the game?": "Abandonner la partie ?",
+  "Resize board": "Redimensionner l'échiquier",
   Result: "Résultat",
   Rules: "Règles",
   Send: "Envoyer",
   "Self-challenge is forbidden": "Interdit de s'auto-défier",
   "Send challenge": "Envoyer défi",
-  "Set board size": "Régler la taille de l'échiquier",
   Settings: "Réglages",
   "Show possible moves?": "Montrer les coups possibles ?",
   "Show solution": "Montrer la solution",
index 91e6b6a..5c4630b 100644 (file)
@@ -30,23 +30,41 @@ main
     #aboveBoard.col-sm-12.col-md-9.col-md-offset-3.col-lg-10.col-lg-offset-2
       span.variant-cadence {{ game.cadence }}
       span.variant-name {{ game.vname }}
-      button#chatBtn(onClick="window.doClick('modalChat')") Chat
+      span#nextGame(
+        v-if="nextIds.length > 0"
+        @click="showNextGame()"
+      )
+        | {{ st.tr["Next_g"] }}
+      button#chatBtn.tooltip(
+        onClick="window.doClick('modalChat')"
+        aria-label="Chat"
+      )
+        img(src="/images/icons/chat.svg")
       #actions(v-if="game.score=='*'")
-        button(
+        button.tooltip(
           @click="clickDraw()"
           :class="{['draw-' + drawOffer]: true}"
+          :aria-label="st.tr['Draw']"
         )
-          | {{ st.tr["Draw"] }}
-        button(
+          img(src="/images/icons/draw.svg")
+        button.tooltip(
           v-if="!!game.mycolor"
           @click="abortGame()"
+          :aria-label="st.tr['Abort']"
         )
-          | {{ st.tr["Abort"] }}
-        button(
+          img(src="/images/icons/abort.svg")
+        button.tooltip(
           v-if="!!game.mycolor"
           @click="resign()"
+          :aria-label="st.tr['Resign']"
         )
-          | {{ st.tr["Resign"] }}
+          img(src="/images/icons/resign.svg")
+      button.tooltip(
+        v-else-if="!!game.mycolor"
+        @click="rematch()"
+        :aria-label="st.tr['Rematch']"
+      )
+        img(src="/images/icons/rematch.svg")
       #playersInfo
         p
           span.name(:class="{connected: isConnected(0)}")
@@ -112,6 +130,7 @@ export default {
         chats: [],
         rendered: false
       },
+      nextIds: [],
       virtualClocks: [[0,0], [0,0]], //initialized with true game.clocks
       vr: null, //"variant rules" object initialized from FEN
       drawOffer: "",
@@ -149,7 +168,11 @@ export default {
     const my = this.st.user;
     this.$set(this.people, my.sid, { id: my.id, name: my.name });
     this.gameRef.id = this.$route.params["id"];
-    this.gameRef.rid = this.$route.query["rid"]; //may be undefined
+    // rid = remote ID to find an observed live game,
+    // next = next corr games IDs to navigate faster
+    // (Both might be undefined)
+    this.gameRef.rid = this.$route.query["rid"];
+    this.nextIds = JSON.parse(this.$route.query["next"] || "[]");
     // Initialize connection
     this.connexionString =
       params.socketUrl +
@@ -254,6 +277,18 @@ export default {
         (color == "b" && movesCount % 2 == 1);
       this.send("turnchange", { target: sid, yourTurn: yourTurn });
     },
+    showNextGame: function() {
+      // Did I play in current game? If not, add it to nextIds list
+      if (this.game.score == "*" && this.vr.turn == this.game.mycolor)
+        this.nextIds.unshift(this.game.id);
+      const nextGid = this.nextIds.pop();
+      this.$router.push(
+        "/game/" + nextGid + "/?next=" + JSON.stringify(this.nextIds));
+    },
+    rematch: function() {
+      alert("Unimplemented yet (soon :) )");
+      // TODO: same logic as for draw, but re-click remove rematch offer (toggle)
+    },
     askGameAgain: function() {
       this.gameIsLoading = true;
       const doAskGame = () => {
@@ -602,10 +637,10 @@ export default {
           }
           // NOTE: clocks in seconds, initime in milliseconds
           game.moves.sort((m1, m2) => m1.idx - m2.idx); //in case of
+          game.clocks = [tc.mainTime, tc.mainTime];
           const L = game.moves.length;
           if (game.score == "*") {
             // Set clocks + initime
-            game.clocks = [tc.mainTime, tc.mainTime];
             game.initime = [0, 0];
             if (L >= 1) {
               const gameLastupdate = game.moves[L-1].played;
@@ -963,9 +998,16 @@ export default {
 #actions
   display: inline-block
   margin: 0
-  button
-    display: inline-block
-    margin: 0
+
+button
+  display: inline-block
+  margin: 0
+  display: inline-flex
+  img
+    height: 24px
+    display: flex
+    @media screen and (max-width: 767px)
+      height: 18px
 
 @media screen and (max-width: 767px)
   #aboveBoard
@@ -981,6 +1023,12 @@ export default {
   font-weight: bold
   padding-right: 10px
 
+span#nextGame
+  background-color: #edda99
+  cursor: pointer
+  display: inline-block
+  margin-right: 10px
+
 span.name
   font-size: 1.5rem
   padding: 0 3px
@@ -1014,9 +1062,6 @@ span.yourturn
   max-width: 767px
   border: none;
 
-#chatBtn
-  margin: 0 10px 0 0
-
 .draw-sent, .draw-sent:hover
   background-color: lightyellow
 
index c1430f8..d1f3e38 100644 (file)
@@ -87,8 +87,33 @@ export default {
     classifyObject: function(o) {
       return o.cadence.indexOf("d") === -1 ? "live" : "corr";
     },
-    showGame: function(g) {
-      this.$router.push("/game/" + g.id);
+    showGame: function(game) {
+      // TODO: "isMyTurn" is duplicated (see GameList component). myColor also
+      const isMyTurn = (g) => {
+        const myColor =
+          g.players[0].uid == this.st.user.id ||
+          g.players[0].sid == this.st.user.sid
+            ? "w"
+            : "b";
+        const rem = g.movesCount % 2;
+        return (
+          (rem == 0 && myColor == "w") ||
+          (rem == 1 && myColor == "b")
+        );
+      };
+      if (game.type == "live" || !isMyTurn(game))
+        this.$router.push("/game/" + game.id);
+      // It's my turn in this game. Are there others?
+      let nextIds = "";
+      let otherCorrGamesMyTurn = this.corrGames.filter(
+        g => g.id != game.id && isMyTurn(g));
+      if (otherCorrGamesMyTurn.length > 0) {
+        nextIds += "/?next=[";
+        otherCorrGamesMyTurn.forEach(g => { nextIds += g.id + ","; });
+        // Remove last comma and close array:
+        nextIds = nextIds.slice(0, -1) + "]";
+      }
+      this.$router.push("/game/" + game.id + nextIds);
     },
     socketMessageListener: function(msg) {
       const data = JSON.parse(msg.data);
index 7621fe3..a1c3e83 100644 (file)
@@ -56,7 +56,7 @@ main
         button.nomargin(@click="gotoPrevNext($event,curproblem,1)")
           | {{ st.tr["Previous"] }}
         button.nomargin(@click="gotoPrevNext($event,curproblem,-1)")
-          | {{ st.tr["Next"] }}
+          | {{ st.tr["Next_p"] }}
       p.oneInstructions.clickable(
         v-html="parseHtml(curproblem.instruction)"
         @click="curproblem.showSolution=!curproblem.showSolution"