"Push to my OUYA" support

[stouyapi.git] / data / templates / game.tpl.php
diff --git a/data/templates/game.tpl.php b/data/templates/game.tpl.php

index 0064ba9c1a21f4ff925972bf42865bd82add82d1..531fb282323382cbc26acaae8146c609ca803986 100644 (file)
--- a/data/templates/game.tpl.php
+++ b/data/templates/game.tpl.php
@@ -4,7 +4,9 @@
    <meta charset="utf-8"/>
    <title><?= htmlspecialchars($json->title); ?> - OUYA game</title>
    <meta name="generator" content="stouyapi"/>
+  <meta name="author" content="<?= htmlspecialchars($json->developer->name) ?>"/>
    <link rel="stylesheet" type="text/css" href="../ouya-game.css"/>
+  <link rel="icon" href="../favicon.ico"/>
   </head>
   <body class="game">
    <header>
@@ -15,13 +17,17 @@
     <dl class="meta">
      <dt>Rating</dt>
      <dd class="rating">
-     <span class="average average-<?= round($json->rating->average) ?>"><?= $json->rating->average ?></span>
+     <span class="average average-<?= round($json->rating->average) ?>" title="<?= $json->rating->average ?>"><?= $json->rating->average ?></span>
       <span class="count">(<?= $json->rating->count ?>)</span>
      </dd>
  
      <dt>Developer</dt>
      <dd class="company">
-     <?= htmlspecialchars($json->developer->name) ?>
+     <?php if ($appsJson->app->website): ?>
+      <a href="<?= htmlspecialchars($appsJson->app->website) ?>"><?= htmlspecialchars($json->developer->name) ?></a>
+     <?php else: ?>
+      <?= htmlspecialchars($json->developer->name) ?>
+     <?php endif ?>
      </dd>
  
      <dt>Suggested age</dt>
@@ -69,6 +75,15 @@
       <?= gmdate('Y-m-d', $json->version->publishedAt) ?>
      </p>
     </div>
+   <div>
+    <form method="post" action="<?= htmlspecialchars($pushUrl) ?>" id="push" onsubmit="pushToMyOuya();return false;">
+     <button name="push" type="submit" class="push-to-my-ouya">
+      <img src="../push-to-my-ouya.png" width="335" height="63"
+           alt="Push to my OUYA"
+      />
+     </button>
+    </form>
+   </div>
    </section>
  
    <nav>
@@ -76,5 +91,35 @@
      <a rel="up" href="<?= htmlspecialchars($url) ?>"><?= htmlspecialchars($title) ?></a>
     <?php endforeach ?>
    </nav>
+
+  <div style="display: none" class="popup" id="push-success">
+   <a class="close" href="#" onclick="this.parentNode.style.display='none';return false;">⊗</a>
+   <strong><?= htmlspecialchars($json->title); ?></strong>
+   will start downloading to your OUYA within the next few minutes
+  </div>
+  <div style="display: none" class="popup" id="push-error">
+   <a class="close" href="#" onclick="this.parentNode.style.display='none';return false;">⊗</a>
+   <strong>Push error</strong>
+   <p>error message</p>
+  </div>
+
+  <script type="text/javascript">
+   function pushToMyOuya() {
+       var form = document.getElementById("push");
+       var req = new XMLHttpRequest();
+       req.addEventListener("load", pushToMyOuyaComplete);
+       req.open("POST", form.action);
+       req.send();
+   }
+   function pushToMyOuyaComplete() {
+       if (this.status / 100 == 2) {
+           document.getElementById('push-success').style.display = "";
+       } else {
+           var err = document.getElementById('push-error');
+           err.getElementsByTagName("p")[0].textContent = this.responseText;
+           err.style.display = "";
+       }
+   }
+  </script>
   </body>
  </html>