bootloader.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. function isSafari() {
  2. var ua = navigator.userAgent.toLowerCase();
  3. return ua.indexOf('safari') != -1 && ua.indexOf('chrome') == -1;
  4. }
  5. var svgNS = "http://www.w3.org/2000/svg";
  6. var color = ['#DE3F26','#606060','#48AF5E','#FFC800'];
  7. function parseTransformAttribute(aa) {
  8. var a = aa.split(' ').join('');
  9. var b={};
  10. for (var i in a = a.match(/(\w+\((\-?\d+\.?\d*,?)+\))+/g)) { var c = a[i].match(/[\w\.\-]+/g); b[c.shift()] = c; }
  11. return b; }
  12. function svg(html) { return new DOMParser().parseFromString(html, "text/xml").firstChild; }
  13. function removeChilds(e) { var last; while (last = e.lastChild) e.removeChild(last); };
  14. function setPlayerName(e, playerName) {
  15. var dx = 15;
  16. document.getElementById(e+"-Name").setAttribute("y",27);
  17. document.getElementById(e+"-Name").setAttribute("x",dx);
  18. document.getElementById(e+"-Name").textContent = playerName;
  19. document.getElementById(e+"-Pad").setAttribute('width', document.getElementById(e+"-Name").getBBox().width + 25); }
  20. function template_engine(html, data) {
  21. var re = /{([^}]+)?}/g, code = 'var r=[];', cursor = 0;
  22. var add = function(line,js) {
  23. js? (code += 'r.push(' + line + ');') :
  24. (code += line != '' ? 'r.push("' + line.replace(/"/g, '\\"') + '");' : ''); // "
  25. return add; }
  26. while(match = re.exec(html)) {
  27. add(html.slice(cursor, match.index))(match[1],true);
  28. cursor = match.index + match[0].length; }
  29. add(html.substr(cursor, html.length - cursor));
  30. code += 'return r.join("");';
  31. return new Function(code.replace(/[\r\t\n]/g, '')).apply(data); }
  32. function discarder(name) { return template_engine(localStorage.getItem("svg/Discarder.svg?q=" + $.timestamp), { name: name }); }
  33. function initDiscards() {
  34. [ {name:"Gabrielo-Discard", hand:"Player-Left-Hand"},
  35. {name:"Alina-Discard", hand:"Player-Right-Hand"},
  36. {name:"Mustafa-Discard", hand:"Player-Center-Hand"},
  37. {name:"You-Discard", hand:"Player-Me-Hand"} ].map(function(e) {
  38. document.getElementById(e.name).appendChild(svg(discarder(e.hand)));
  39. });
  40. }
  41. function PatchSVG()
  42. {
  43. $('Player-Statistics').hide();
  44. var onlineListOnClick = [
  45. "Online-Users",
  46. "Online-Users-Pad",
  47. "Online-Logo",
  48. "Users-Online-Message",
  49. "Users-Online-Number" ];
  50. onlineListOnClick.map(function(x) {
  51. document.getElementById(x).style.cursor = "pointer";
  52. document.getElementById(x).onclick = showOnlineList; });
  53. var rulesOnClick = [
  54. "Rules",
  55. "Rules-Text",
  56. "Rules-Rectangle" ];
  57. rulesOnClick.map(function(x) {
  58. document.getElementById(x).style.cursor = "pointer";
  59. document.getElementById(x).onclick = showRules; });
  60. Core(ControllerScope);
  61. Core(DragScope);
  62. Core(DropScope);
  63. Core(TimerScope);
  64. Core(PlayerScope);
  65. Core(OkeyApiProviderScope);
  66. Core(CardScope);
  67. Core(HandScope);
  68. Core(DeckScope);
  69. Core(RosterScope);
  70. initDiscards();
  71. initChat();
  72. initChatSample();
  73. initEditorsSafari()
  74. if ((hours() < 6 || hours() > 18)) {
  75. $("#Sky").attr({fill:"#0E4B69"});
  76. $("#City").attr({fill:"#3B5998"});
  77. } else
  78. {
  79. $("#Sky").attr({fill:"#EDF9FF"});
  80. $("#City").attr({fill:"#DFF1F4"});
  81. }
  82. // document.addEventListener('touchmove',function(e) {e.preventDefault();},false);
  83. $svg.attr({preserveAspectRatio:"xMidYMid meet",width:"100%",height:"100%"});
  84. }
  85. function initChatSample() {
  86. chatMessage("Chat","1","Maxim2","Joe:\nHello There!".encodeHTML());
  87. chatMessage("Chat","2","Maxim2","Alice:\nYou got new Design. Eh?".encodeHTML());
  88. chatMessage("Chat","3","Maxim","Maxim So:\nThis was made with pure SVG".encodeHTML());
  89. barHover();
  90. mouseWheelHandler({'detail':-100000,'wheelDelta':-100000});
  91. barHoverOut();
  92. }
  93. function onPlayerInfo(evt) {
  94. ws.send(enc(tuple(atom('client'),
  95. tuple(atom('stats_action'),bin(document.user),atom('game_okey'))))); }
  96. function onPlayerInfoClose(evt) { document.getElementById('Player-Statistics').style.display = 'none'; }
  97. // Run
  98. $.load('Kakaranet-Scene.svg', function(x) {
  99. var name = "Refined";
  100. var slot = document.getElementById(name);
  101. if (slot == null) return;
  102. slot.parentNode.replaceChild(svg(x),slot);
  103. $.load("svg/Discarder.svg", function(h) {
  104. PatchSVG();
  105. StartApp();
  106. });
  107. });
  108. function showRules()
  109. {
  110. $.load("svg/Okey-Rules.svg", function(h) {
  111. var rules = document.getElementById("Okey-Rules");
  112. if (null == rules) {
  113. var rulesElement = svg(h);
  114. document.getElementById("Kakaranet-12-maxim").appendChild(rulesElement);
  115. rules = document.getElementById("Okey-Rules");
  116. rules.setAttribute('transform', 'translate(210,86)');
  117. rules.setAttribute('onclick', 'onRulesClose(evt)');
  118. }
  119. rules.style.display = 'block';
  120. });
  121. }
  122. function onRulesClose(evt) {
  123. document.getElementById('Okey-Rules').style.display = 'none';
  124. }
  125. function initEditorsSafari()
  126. {
  127. if (isSafari()) {
  128. $("#edit").css({position:"relative"});
  129. $("#onlineChatEdit").css({position:"relative"});
  130. $(window).on("resize", manualForeignObjectPositioning);
  131. $(window).on("orientationchange", manualForeignObjectPositioning);
  132. manualForeignObjectPositioning();
  133. }
  134. }
  135. function manualForeignObjectPositioning()
  136. {
  137. var svgWidth = $svg[0].viewBox.baseVal.width,
  138. svgHeight = $svg[0].viewBox.baseVal.height;
  139. var sizeX = svgWidth / innerWidth,
  140. sizeY = svgHeight / innerHeight,
  141. size = Math.max(sizeX, sizeY) || 1;
  142. var realX, realY, scale, shiftX, shiftY;
  143. realX = 1/size * svgWidth;
  144. realY = 1/size * svgHeight;
  145. if (sizeX < sizeY) {
  146. // console.log("Left and Right White Spaces. Do stretch the Width ");
  147. shiftY = 0;
  148. shiftX = (innerWidth - realX) / 2;
  149. } else {
  150. // console.log("Top and Bottom White Spaces. Do reorient, or adopt the Height.");
  151. shiftX = 0;
  152. shiftY = (innerHeight - realY) / 2;
  153. }
  154. $("#GameChatEditor").attr({x: 864 * realX / svgWidth + shiftX,
  155. y: 504 * realY / svgHeight + shiftY,
  156. width: 198 * realX / svgWidth,
  157. height: 120 * realY / svgHeight});
  158. $("#OnlineChatEditor").attr({x: 10 * realX / svgWidth + shiftX,
  159. y: 504 * realY / svgHeight + shiftY,
  160. width: 198 * realX / svgWidth,
  161. height: 120 * realY / svgHeight});
  162. }
  163. function hours() { return (new Date()).getHours(); }