lists mocks

apps/web/priv/static/doc/Kakaranet-Scene.sketch/metadata

@@ -15,7 +15,7 @@
 		<string>LucidaGrande-Bold</string>
 	</array>
 	<key>length</key>
-	<integer>2565213</integer>
+	<integer>2610861</integer>
 	<key>version</key>
 	<integer>36</integer>
 </dict>

apps/web/priv/static/doc/Kakaranet-Scene.svg

@@ -453,14 +453,14 @@
                     <path d="M39.941,28.652 L2.774,28.652 C1.229,28.652 -0.022,27.4 -0.022,25.855 C-0.022,24.31 1.229,23.059 2.774,23.059 L39.941,23.059 C41.485,23.059 42.738,24.31 42.738,25.855 C42.738,27.4 41.485,28.652 39.941,28.652" id="Shape"></path>
                 </g>
             </g>
-            <rect id="Left-Bar" opacity="0.64" fill="#FFFFFF" sketch:type="MSShapeGroup" x="17" y="94" width="196" height="443" rx="5"></rect>
+            <rect id="Left-Bar" opacity="0.64" fill="#FFFFFF" sketch:type="MSShapeGroup" x="2" y="94.6810161" width="213" height="443" rx="5"></rect>
             <g id="Have-8-Tashes" transform="translate(665.000000, 612.000000)">
                 <rect id="Rectangle" fill="#48AF5E" sketch:type="MSShapeGroup" x="0" y="0" width="40" height="35" rx="5"></rect>
                 <text id="8" fill="#FFFFFF" sketch:type="MSTextLayer" transform="translate(19.000000, 16.000000) scale(-1, 1) translate(-19.000000, -16.000000) " font-family="Exo 2" font-size="17" font-weight="normal" sketch:alignment="middle">
                     <tspan x="13.8405" y="23">8</tspan>
                 </text>
             </g>
-            <rect id="Right-Bar" opacity="0.64" fill="#FFFFFF" sketch:type="MSShapeGroup" x="856" y="91" width="199" height="446" rx="5"></rect>
+            <rect id="Right-Bar" opacity="0.762360075" fill="#FFFFFF" sketch:type="MSShapeGroup" x="856" y="91" width="214" height="446" rx="5"></rect>
             <g id="Okey" transform="translate(712.000000, 612.000000)">
                 <rect id="Rectangle" fill="#517ECE" sketch:type="MSShapeGroup" x="0" y="0" width="84" height="35" rx="5"></rect>
                 <text fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Exo 2" font-size="17" font-weight="normal">
@@ -728,44 +728,50 @@
                 <tspan x="814" y="638">Kakush: 722 </tspan>
             </text>
         </g>
-        <g id="Player-Statistics" sketch:type="MSLayerGroup" transform="translate(209.000000, 87.000000)">
-            <g id="Dialog-2" sketch:type="MSShapeGroup">
-                <rect id="Rectangle-54" stroke="#48AF5E" stroke-width="10" fill="#FFFFFF" x="0" y="0" width="643" height="515" rx="30"></rect>
-                <rect id="Rectangle-55" stroke="#979797" fill="#48AF5E" x="5" y="4" width="633" height="67"></rect>
-                <path d="M10,149 L10,485.993284 C10,497.042694 18.9566601,506.000011 30.0008497,506.000011 L612.99915,506.000018 C624.045315,506.000018 633,497.050485 633,486.002368 L633,283.000003 C64,486.999987 603,92.0000002 10,149 Z" id="Rectangle-60" fill="#DFF1F4"></path>
-            </g>
-            <text id="Notes" sketch:type="MSTextLayer" font-family="Exo 2" font-size="20" font-weight="normal" fill="#4A4A4A">
-                <tspan x="24" y="453.5">How good is Player (win/lose) per each game type, and how </tspan>
-                <tspan x="24" y="477.5">player usualy reveals the games.</tspan>
-            </text>
-            <text id="Stat-Left" sketch:type="MSTextLayer" font-family="Exo 2" font-size="23.586" font-weight="normal" fill="#517ECE">
-                <tspan x="24" y="183">Lucky</tspan>
-                <tspan x="24" y="212">Std Color                       124/23</tspan>
-                <tspan x="24" y="241">Std Even/Odd             234/2</tspan>
-                <tspan x="24" y="270">Std Countdown          20/10</tspan>
-                <tspan x="24" y="299">Tour Color 512             30/100</tspan>
-                <tspan x="24" y="328">Tour Even/Odd 64    44/23</tspan>
-            </text>
-            <text id="Stat-Right" sketch:type="MSTextLayer" font-family="Exo 2" font-size="23.586" font-weight="normal" fill="#517ECE">
-                <tspan x="341.5" y="182.971549">Have 8 Tashes         40</tspan>
-                <tspan x="341.5" y="211.971549">Normal                      124</tspan>
-                <tspan x="341.5" y="240.971549">Okey                           234</tspan>
-            </text>
-            <text id="Reveals" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                <tspan x="341.5" y="133">Reveals</tspan>
-            </text>
-            <text id="Games" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                <tspan x="24" y="134.014225">Games</tspan>
-            </text>
-            <text id="Score:-722-" fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="bold">
-                <tspan x="24" y="48.0284512">Score: 722 </tspan>
-            </text>
-            <text id="Rank:-22--2" fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627922" font-weight="bold">
-                <tspan x="482" y="48.0284509">Rank: 22 </tspan>
-            </text>
-        </g>
         <path d="M680.82681,16 L661.143994,16 C658.854843,16 657,17.8548426 657,20.1430683 L657,50.1835548 C657,52.4717805 658.854843,54.3266231 661.143994,54.3266231 L680.82681,54.3266231 C683.115036,54.3266231 684.969878,52.4717805 684.969878,50.1835548 L684.969878,20.1430683 C684.968952,17.8548426 683.115036,16 680.82681,16 L680.82681,16 L680.82681,16 Z M670.985865,41.0399123 C667.737344,41.0399123 665.108338,38.4072025 665.108338,35.1623855 C665.108338,31.9147904 667.737344,29.2848588 670.985865,29.2848588 C674.230682,29.2848588 676.863392,31.9147904 676.863392,35.1623855 C676.863392,38.4090546 674.230682,41.0399123 670.985865,41.0399123 L670.985865,41.0399123 L670.985865,41.0399123 Z" id="Okey-Tash-Logo-2" fill="#517ECE" sketch:type="MSShapeGroup"></path>
         <path d="M717.82681,16 L698.143994,16 C695.854843,16 694,17.8548426 694,20.1430683 L694,50.1835548 C694,52.4717805 695.854843,54.3266231 698.143994,54.3266231 L717.82681,54.3266231 C720.115036,54.3266231 721.969878,52.4717805 721.969878,50.1835548 L721.969878,20.1430683 C721.968952,17.8548426 720.115036,16 717.82681,16 L717.82681,16 L717.82681,16 Z M707.985865,41.0399123 C704.737344,41.0399123 702.108338,38.4072025 702.108338,35.1623855 C702.108338,31.9147904 704.737344,29.2848588 707.985865,29.2848588 C711.230682,29.2848588 713.863392,31.9147904 713.863392,35.1623855 C713.863392,38.4090546 711.230682,41.0399123 707.985865,41.0399123 L707.985865,41.0399123 L707.985865,41.0399123 Z" id="Okey-Tash-Logo-3" fill="#F6A623" sketch:type="MSShapeGroup"></path>
         <path d="M754.82681,16 L735.143994,16 C732.854843,16 731,17.8548426 731,20.1430683 L731,50.1835548 C731,52.4717805 732.854843,54.3266231 735.143994,54.3266231 L754.82681,54.3266231 C757.115036,54.3266231 758.969878,52.4717805 758.969878,50.1835548 L758.969878,20.1430683 C758.968952,17.8548426 757.115036,16 754.82681,16 L754.82681,16 L754.82681,16 Z M744.985865,41.0399123 C741.737344,41.0399123 739.108338,38.4072025 739.108338,35.1623855 C739.108338,31.9147904 741.737344,29.2848588 744.985865,29.2848588 C748.230682,29.2848588 750.863392,31.9147904 750.863392,35.1623855 C750.863392,38.4090546 748.230682,41.0399123 744.985865,41.0399123 L744.985865,41.0399123 L744.985865,41.0399123 Z" id="Okey-Tash-Logo-4" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+        <g id="Chat" sketch:type="MSLayerGroup" transform="translate(857.000000, 102.000000)">
+            <g id="Message-3" transform="translate(0.000000, 150.000000)">
+                <path d="M8,0 L8,11.6284985 L8.8817842e-16,24.290657 L8,24.290657 L8,34 L204,34 L204,0 L8,0 Z" id="Rectangle-81" fill="#84DAE5" sketch:type="MSShapeGroup"></path>
+                <text id="Please-enjoy-the-gam" sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" fill="#3B5998">
+                    <tspan x="14" y="23">Please enjoy the game</tspan>
+                </text>
+            </g>
+            <g id="Message-2" transform="translate(8.000000, 107.000000)">
+                <path d="M9,0 L9,15.360363 L0,27 L9.00000001,27 L9,34 L205,34 L205,0 L9,0 Z" id="Rectangle-80" fill="#F6C97F" sketch:type="MSShapeGroup" transform="translate(102.500000, 17.000000) scale(-1, 1) translate(-102.500000, -17.000000) "></path>
+                <text id="Yes,-design-is-well." sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" fill="#3B5998">
+                    <tspan x="7" y="23">Yes, design is well.</tspan>
+                </text>
+            </g>
+            <g id="Message-1" transform="translate(1.000000, 0.000000)">
+                <path d="M8,0 L8,75.6284985 L8.8817842e-16,88.290657 L8,88.290657 L8,98 L204,98 L204,0 L8,0 Z" id="Rectangle-79" fill="#84DAE5" sketch:type="MSShapeGroup"></path>
+                <text id="Hello,-this-is-new-K" sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" fill="#3B5998">
+                    <tspan x="13" y="21">Hello, this is new </tspan>
+                    <tspan x="13" y="43">Kakaranet design. </tspan>
+                    <tspan x="13" y="65">Hope you will love it’s </tspan>
+                    <tspan x="13" y="87">made by Intersog.</tspan>
+                </text>
+            </g>
+            <rect id="Chat-Input" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="8" y="194" width="196" height="61"></rect>
+        </g>
+        <g id="Online-List" sketch:type="MSLayerGroup" transform="translate(1.000000, 95.000000)">
+            <g id="Online-Maxim">
+                <rect id="Rectangle-83" stroke="#979797" fill="#DBEBED" sketch:type="MSShapeGroup" x="0" y="0" width="215" height="74"></rect>
+                <rect id="Rectangle-84" stroke="#48AF5E" stroke-width="3" fill="#D8D8D8" sketch:type="MSShapeGroup" x="7" y="7" width="60" height="60"></rect>
+                <text id="Максим-Сохацкий" sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" line-spacing="18" fill="#3B5998">
+                    <tspan x="72" y="25">Максим </tspan>
+                    <tspan x="72" y="43">Сохацкий</tspan>
+                </text>
+            </g>
+            <g id="Online-Sinan" transform="translate(0.000000, 74.000000)">
+                <rect id="Rectangle-83" stroke="#979797" fill="#DBEBED" sketch:type="MSShapeGroup" x="0" y="0" width="215" height="74"></rect>
+                <rect id="Rectangle-84" stroke="#E5BC7B" stroke-width="3" fill="#D8D8D8" sketch:type="MSShapeGroup" x="8" y="6.59994507" width="60.5633803" height="60"></rect>
+                <text id="Синан" sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" line-spacing="18" fill="#3B5998">
+                    <tspan x="75.685446" y="24">Синан</tspan>
+                    <tspan x="75.685446" y="42">Устел</tspan>
+                </text>
+            </g>
+        </g>
     </g>
 </svg>

apps/web/priv/static/doc/svg.htm

@@ -4,6 +4,12 @@
     <meta charset="utf-8"/>
 <link href="synrc.css" type="text/css" rel="stylesheet">
 <link href='http://fonts.googleapis.com/css?family=Exo+2:600' rel='stylesheet' type='text/css'>
+<script type="text/javascript">
+function verticalFlow(evt, dx) {
+    console.log("Vertical Flow: " + evt);
+}
+</script>
+
 </head>
 <body>
 
@@ -20,6 +26,8 @@
 
 <svg id="Refined" width="900px">Placeholder for SVG Game Scene</svg>
 
+
+
 <code>Refined and Distilled File to download: <a href="Kakaranet-Scene.svg">Kakaranet-Scene.svg</a></code>
 
 <p><font color=red style="font-weight:bold;">Please make sure your Vector Editor correctly opens this file!</font></p>
@@ -207,7 +215,6 @@ loadFile('templates/Card.svg', drawSampleCards);
 
 <script src='svg.js' type='text/javascript' charset='utf-8'></script>
 
-
 <code style="font-size: 6pt;">
 
 &lt;g id="Mustafa-Persona" sketch:type="MSLayerGroup" transform="translate(467.000000, 150.000000)"&gt;
@@ -287,7 +294,7 @@ XML елементами, як це є в WPF наприклад. Тут спр
 </div>
 
 <div class="contents">
-<iframe src="contents.htm" frameborder=0 width=340 height=510></iframe>
+<!--iframe src="contents.htm" frameborder=0 width=340 height=510></iframe-->
 </div>
 
 </div>

apps/web/priv/static/doc/svg.js

@@ -17,7 +17,7 @@ function statsRow(start_name,i,games) {
 }
 
 function handle_web_socket(body) {
-    console.log(dec(body).value[0][0].value);
+//    console.log(dec(body).value[0][0].value);
     switch (dec(body).value[0][0].value) {
         case 'stats_event':
             document.getElementById('Player-Statistics').style.display = '';
@@ -35,12 +35,12 @@ function handle_web_socket(body) {
     switch (dec(body).value[0][2].value) {
         case 'okey_game_info': 
             var a = dec(body).value[0][3][0].value[0][1];
-            console.log("Players: " + a.length);
+//            console.log("Players: " + a.length);
             for (var i=0;i<a.length;i++) {
                 var c = a[i].value[0][3].value;
                 var v = a[i].value[0][4].value;
                 setPlayerName(players[i],c + " " + v);
-                console.log("Player: " + c + " " + v);
+//                console.log("Player: " + c + " " + v);
             }
             break;
         case 'okey_game_started': 
@@ -154,7 +154,7 @@ function setPlayerName(e, playerName) {
     document.getElementById(e).setAttribute("y",27);
     document.getElementById(e).setAttribute("x",dx);
     document.getElementById(e).textContent = playerName;
-    console.log("Bounding Box: "  + document.getElementById(e).getBBox().width);
+//    console.log("Bounding Box: "  + document.getElementById(e).getBBox().width);
     document.getElementById(e+"-Pad").setAttribute('width',
         document.getElementById(e).getBBox().width + 45); }