git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/js/unlimited_pizza.js

   1 'use strict';
   2
   3 const UnlimitedPizza = {
   4
   5   _loadPepperoni() {
   6
   7     const pepperoniElement = document.querySelector('[data-application="pepperoni"]');
   8
   9     new Pepperoni({
  10       element: pepperoniElement
  11     });
  12   },
  13
  14   _loadGuestbook() {
  15
  16   },
  17
  18   _loadGuestbookEntries() {
  19
  20   }
  21 };
  22
  23 window.addEventListener('load', UnlimitedPizza._onLoad.bind(UnlimitedPizza));
  24
  25 Class("UnlimitedPizza").inherits(Widget)({
  26     _fb : null,
  27
  28     init : function (config) {
  29       Widget.prototype.init.call(this, config)
  30
  31       this._fb = new Firebase("https://guestbook-nsovocal.firebaseio.com");
  32
  33       this._bindInternalEvents();
  34     },
  35
  36     _bindInternalEvents : function bindInternalEvents() {
  37       this.bind('activate', this._onActivate.bind(this));
  38     },
  39
  40     /*
  41      * Loads everything.
  42      */
  43     _load : function _load() {
  44
  45       // Pepperoni is our recording widget.
  46       this._loadPepperoni();
  47
  48       // Simple guestbook functionality
  49       this._loadGuestbook();
  50       this._loadPosts();
  51     },
  52
  53     _loadGuestbook : function () {
  54       var form = this.element.find('.guestbook-form form');
  55       form.on('submit', function submitPost(ev) {
  56         ev.preventDefault();
  57
  58         var formArray = form.serializeArray();
  59         var recorder = this['recorder-0'];
  60
  61         recorder.finalize(function (buffer) {
  62           var fb, arrayBuffer, fileReader;
  63
  64           if (buffer.size <= 44) {
  65             alert("You need to record something.");
  66             return;
  67           }
  68           if (formArray[0].value.length === 0) {
  69             alert("You need a name.");
  70             return;
  71           }
  72
  73           fb = this._fb;
  74
  75           fileReader = new FileReader();
  76           fileReader.onload = function() {
  77             var binary, bytes, length, i;
  78
  79             binary = '';
  80             bytes = new Uint8Array( this.result );
  81             length = bytes.byteLength;
  82             for (i = 0; i < length; i++) {
  83               binary += String.fromCharCode( bytes[ i ] );
  84             }
  85
  86             fb.push({
  87               buffer: btoa(binary),
  88               name: formArray[0].value
  89             });
  90             recorder.clear();
  91           };
  92           fileReader.readAsArrayBuffer(buffer);
  93         }.bind(this));
  94         return false;
  95       }.bind(this))
  96     },
  97
  98     _loadPosts : function () {
  99       var feed = this.element.find('.guestbook-feed');
 100
 101       console.log("Loadin", feed.length);
 102       if (feed.length > 0) {
 103         this._fb.on('value', function (data) {
 104           var posts, property, post;
 105
 106           // Clear feed
 107           feed.empty();
 108           posts = data.val();
 109
 110           for (property in posts) {
 111             if (posts.hasOwnProperty(property)) {
 112               post = posts[property];
 113
 114               feed.append($('<li>\
 115                     <div class="author">FROM: ' + post.name + '</div>\
 116                     <div class="content">\
 117                     <audio src="data:audio/wav;base64,' + post.buffer + '" controls></audio>\
 118                     </div></li>'))
 119             }
 120           }
 121         });
 122       }
 123     }
 124   }
 125 });