benevolent_gaze 1.0.0

data/frontend/source/javascripts/all.js

@@ -0,0 +1,161 @@
+//= require jquery
+//= require bootstrap
+//= require_tree .
+
+$(function() {
+var es = new EventSource('/feed');
+var new_people = [];
+
+es.onmessage = function(e) {
+  //console.log( "Got message", e )
+}
+
+es.addEventListener('message', function(e) {
+  new_people = JSON.parse(e.data)
+  add_remove_workers(new_people);
+  check_last_seen();  
+}, false);
+
+es.addEventListener('open', function(e) {
+  console.log('Connection was opened.');
+}, false);
+
+es.addEventListener('error', function(e) {
+  if (e.readyState == EventSource.CLOSED) {
+    console.log('closed');
+  }
+}, false);
+
+
+var w;
+
+var Worker = {
+  setup_and_add: function(worker_object) {
+          var klass = worker_object.device_name.replace(/\./g, "");
+          Worker.grab_worker();
+          Worker.set_avatar(worker_object.avatar);
+          Worker.set_name(worker_object);
+          Worker.add_class("."+klass);
+          Worker.add_to_board(worker_object);
+        },
+  grab_worker: function(){
+                 w = $('.worker').first().clone().removeClass('hidden');
+               },
+  set_image: function(string){
+    $('img', w).attr('src', string);
+  },
+  set_name: function(worker_data){
+              $('.tape', w ).text(worker_data.name || sanitize_name(worker_data.device_name));
+              $(w).attr("data-name", (worker_data.name || worker_data.device_name));
+              $(w).attr("data-devicename", worker_data.device_name);
+            },
+  set_avatar: function(avatar_url){
+                $('.avatar_container img', w).attr('src', avatar_url || "/images/visitor_art@1x.png");
+              },
+  add_class: function(device_name){
+               w.addClass(device_name.replace(/\./g, ""));
+             },
+  add_to_board: function(worker_data){
+                  Welcome.move_logo_and_welcomes();
+                  $(w).children('.pin_and_avatar_container').addClass("animated").addClass("swing" + (Math.floor(((Math.random() * 2) + 1))).toString());
+                  $('.right_column .row').append( w );
+                  $('.newcomer h3').text(worker_data.name || sanitize_name(worker_data.device_name));
+                  $('.newcomer_avatar img').attr('src', worker_data.avatar || "/images/visitor_art@1x.png");
+                  $('.newcomer_avatar, .newcomer').show().removeClass('animated').removeClass('bounceOutUp').addClass('animated bounceInDown');
+                  $('.newcomer_avatar, .newcomer').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(e) {
+                    $(this).removeClass('bounceInDown').addClass('bounceOutUp');
+                    Worker.redraw();
+                  })
+                },
+  remove_worker: function(k) {
+                   $( k ).addClass("animated bounceOutDown");
+                   $('.bounceOutDown').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(e) {
+                     $(this).remove();
+                     Worker.redraw();
+                   });
+                 },
+  redraw: function() {
+            var w = $('.worker').length;
+            if ( w <= 6 ) {
+              $('.board').removeClass('med small xsmall').addClass('large');
+            } else if ( w <= 12 ) {
+              $('.board').removeClass('small xsmall large').addClass('med');
+            } else if ( w <= 24 ) {
+              $('.board').removeClass('xsmall large med').addClass('small');
+            } else {
+              $('.board').removeClass('large med small').addClass('xsmall');
+            }
+          }
+}
+
+var add_remove_workers = function(w){
+
+  w.map(function(worker_data){
+    data_attribute = "[data-name='" + (worker_data.name || worker_data.device_name) + "']";
+    data_attribute_device = "[data-name='" + worker_data.device_name + "']";
+    $element = $(data_attribute);
+    if ($element.length > 0) {
+      $element.attr("data-lastseen", $.now());
+      change_avatar(worker_data, data_attribute);
+      data_attribute_worker = "[data-devicename='" + worker_data.device_name + "']";
+      if ( $(data_attribute_worker).find(".tape").text() !== ( worker_data.name || sanitize_name(worker_data.device_name) ) ) {
+        console.log("this is the problem");
+        Worker.remove_worker(data_attribute_worker);
+      }
+    } else {
+      Worker.setup_and_add(worker_data);
+      if (worker_data.name) {
+        console.log("No this is the problem");
+        Worker.remove_worker(data_attribute_device);
+      }
+    }   
+      
+  });
+
+};
+
+var sanitize_name = function(name){
+  var name_change = name.replace(/(s\-).*/, "");
+      name_change = name_change.replace(/\-.*/, "");
+      name_change = name_change.replace(/siP.*/, "");
+      name_change = name_change.replace(/iP.*/, "");
+      name_change = name_change.replace(/iM.*/, "");
+      name_change = name_change.replace(/\..*/, "");
+      if (name_change == "") {
+        name_change = "ANONYMOUS";
+      }
+      return name_change
+};
+
+var check_last_seen = function() {
+  $('.worker').each(function(num, wk){
+    console.log("not inside if yet");
+    console.log(wk);
+    console.log($(wk).attr('data-lastseen'));
+    console.log($.now() - 5000);
+    if (parseInt($(wk).attr('data-lastseen')) < ($.now() - 900000) && $(wk).find('.tape').text() !== "Ted" ) {
+      console.log("inside if");
+      Worker.remove_worker(wk);
+    }
+  })
+}
+
+var change_avatar = function(user_param, data_attribute){
+  var element = $(data_attribute).find('.avatar_container img')
+  if (typeof user_param.avatar == "string" && user_param.avatar != element.attr('src')) {
+    $(data_attribute).find(".avatar_container img").attr('src',user_param.avatar);
+  }
+};
+
+var Welcome = {
+  move_logo_and_welcomes: function() {
+                 $('.logo').addClass("animated rubberBand");
+                 $('.welcomes').addClass("animated tada");
+                 $('.welcomes, .logo').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(e) {
+                    $(this).removeClass('animated').removeClass('tada').removeClass('rubberBand');
+                  });
+               }
+  
+};
+
+});

data/frontend/source/layouts/layout.haml

@@ -0,0 +1,23 @@
+!!! 5
+%html
+  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+  <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+  <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+  %head
+    %meta{ "charset" => "utf-8" }/
+    %meta{ "http-equiv" => "X-UA-Compatible", "content" => "IE=edge" }/
+    %title= @title 
+    %meta{ "name" => "description", "content" => "Gonna blow your mind. Get ready." }/ 
+    %meta{ "name" => "viewport", "content" => "width=device-width", "initial-scale" => 1 }/ 
+    %script{ src: "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" }    
+    = stylesheet_link_tag "application"
+    = stylesheet_link_tag "animate"
+    = javascript_include_tag "all"
+  %body
+    <!--[if lt IE 7]>
+    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+    <![endif]-->
+    
+    = yield
+

data/frontend/source/register.html.haml

@@ -0,0 +1,21 @@
+.container-fluid.register
+  .row
+    .logo_register.text-center
+      =image_tag "/images/logo@1x.png"
+    .register_container
+      =image_tag "/images/register@2x.png", class: "img-responsive"
+    %br
+    .col-md-4.col-md-offset-4
+      %form{action: '/register', method: 'POST', enctype: 'multipart/form-data'}
+        .form-group
+          %label#fileToUpload{for: "fileToUpload"}
+            Take a photo!
+          %input#fileToUpload{name: "fileToUpload", type: "file", id: "fileToUpload", accept: "image/*", capture: "camera"}
+
+        .form-group
+          %label= "Let's give your device a name!"
+          %input.form-control{type: "text", name: "real_first_name", placeholder: "First Name"}
+          %input.form-control{type: "text", name: "real_last_name", placeholder: "Last Name"}
+            %input.device_id_for_form{type: "hidden", name: "device_name"}
+        %button.btn.btn-default{type: "submit"} SAY MY NAME!
+