hppycoder
diff --git a/‎index.php
Lines changed: 66 additions & 0 deletions b/‎index.php
Lines changed: 66 additions & 0 deletions
@@ -5,3 +5,69 @@
     echo $_GET['hub_challenge'];
     exit;
 }
+
+if ($_SERVER['REQUEST_METHOD']==='POST') {
+    // Instantiates Pusher PHP API
+    // require 'lib/Pusher.php';
+
+    // $pusher = new Pusher('867d60a8d5de3996dd25', '7709ac1336e7968d1a61', '42771');
+    // $pusher->trigger('selfies', 'new-selfie', array('selfie' => 'New selfie!'))
+
+    mail('[email protected]', 'Realtime POST', print_r($_POST, TRUE));
+}
+
+?>
+<!doctype html>
+<html lang="en">
+
+<head>
+
+<meta charset="utf-8" />
+
+<title></title>
+
+</head>
+
+<body>
+
+<h1>Selfies!</h1>
+
+<ul id="selfies">
+    <li class="loading">No selfies yet&hellip; #sadface</li>
+</ul><!--/#selfies-->
+
+<script src="http://js.pusher.com/2.0/pusher.min.js"></script>
+<script>
+
+var pusher  = new Pusher('867d60a8d5de3996dd25'),
+    channel = pusher.subscribe('selfies'),
+    selfies = document.getElementById('selfies');
+
+channel.bind('new-selfie', function(data){
+
+    var selfie_count = selfies.childNodes.length;
+
+    // If the loading LI still exists, removes it
+    if (selfie_count===1) {
+        for (var i=0; i<selfies.childNodes.length; i++) {
+            if (selfies.childNodes[i].className==="loading") {
+                selfies.removeChild(selfies.childNodes[i]);
+            }
+        }
+    }
+
+    // Creates a new LI with the selfie
+    //TODO: Add selfie markup
+    var li = document.createElement("li").appendChild(data.selfie);
+
+    ul.appendChild(li);
+
+    return;
+});
+
+</script>
+
+</body>
+
+</html>
+