Client side work. Closes #55.

modified:   app/assets/javascripts/angular/controllers/listen.js
modified:   app/assets/templates/annotation_viewer.html
modified:   app/assets/templates/listen.html
	-- general work on the listen page

modified:   app/assets/javascripts/angular/services/angularjs-rails-resource.js
	-- added some logic to prevent the transformer from operating unecessarilly

modified:   app/controllers/api/callbacks_controller.rb
	-- patched so that the devise required user_name field id set to the user_id

modified:   config/routes.rb
	-- fixed bug in routes not accepting decimal values for start and end offsets for media

modified:   lib/modules/file_cacher.rb
	-- fixed bug in database request - needed to transform a string into a symbol

modified:   app/assets/javascripts/application.js
modified:   app/assets/stylesheets/application.css.scss
modified:   Gemfile
modified:   Gemfile.lock
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-icons_222222_256x240.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-icons_2e83ff_256x240.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-icons_454545_256x240.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-icons_888888_256x240.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/images/ui-icons_cd0a0a_256x240.png
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/css/smoothness/jquery-ui-1.9.2.custom.css
new file:   vendor/assets/javascripts/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js
	-- added jquery UI into vendor folder - disabled Gem (too slow for dev work)

app/assets/javascripts/angular/controllers/listen.js

@@ -36,7 +36,7 @@ function ListenCtrl($scope, $resource, $routeParams, Media, AudioEvent, Tag) {
 //        // HACK:
 //        $scope.spectrogram.url = "/media/" + recordingId + "_0_120_0_11025_512_g.png" + "?" + angularCopies.toKeyValue($scope.authTokenParams());
 
-        //$scope.model = $scope;
+        $scope.model = {};
 
         var formatPaths = function () {
             if ($scope.media && $scope.media.hasOwnProperty('recordingId')) {
@@ -47,7 +47,7 @@ function ListenCtrl($scope, $resource, $routeParams, Media, AudioEvent, Tag) {
         $scope.$on('event:auth-loginRequired', formatPaths);
         $scope.$on('event:auth-loginConfirmed', formatPaths);
 
-        $scope.media = Media.get($routeParams, {},
+        $scope.model.media = Media.get($routeParams, {},
             function mediaGetSuccess() {
                 // reformat url's
                 formatPaths();
@@ -58,7 +58,7 @@ function ListenCtrl($scope, $resource, $routeParams, Media, AudioEvent, Tag) {
 
 
         // TODO: add time bounds
-        $scope.audioEvents = AudioEvent.query({byAudioId: recordingId});
+        $scope.model.audioEvents = AudioEvent.query({byAudioId: recordingId});
 
         $scope.tags = Tag.query();
 
@@ -88,7 +88,7 @@ function ListenCtrl($scope, $resource, $routeParams, Media, AudioEvent, Tag) {
                     console.log("Annotation creation successful");
 
                     // now update tag-list
-                    $scope.audioEvents.push(response);
+                    $scope.model.audioEvents.push(response);
                     $scope.selectedAnnotation = response;
 
                 },

app/assets/javascripts/angular/services/angularjs-rails-resource.js

@@ -71,9 +71,16 @@ angular.module('rails', [])
             // and only if object has a __railsJsonRenamer__
             // or if request is going to our server?
 
-            transformObject(data, underscore);
+            if ((headers()["Accept"] || "").indexOf("application/json") >= 0) {
 
-            stampObject(data, "camelCased->underscore");
+                if (data === undefined || data === null || !angular.isObject(data)) {
+                    return;
+                }
+
+                transformObject(data, underscore);
+
+                stampObject(data, "camelCased->underscore");
+            }
 
             return data;
         };
@@ -92,6 +99,11 @@ angular.module('rails', [])
                     }
 
                     return response;
+                },
+                function (response) {
+                    console.log("rails field naming interceptor, promise failed function", response);
+
+                    return p.reject(response);
                 });
                 return p;
             });
@@ -134,7 +146,7 @@ angular.module('rails', [])
     //
     $httpProvider.responseInterceptors.push( railsFieldRenamingInterceptor.$get());
 
-    $httpProvider.defaults.transformRequest.push(railsFieldRenamingInterceptor.$get());
+    $httpProvider.defaults.transformRequest.push(railsFieldRenamingTransformer.$get());
 }]);
 
 

app/assets/javascripts/application.js

@@ -12,8 +12,8 @@
 //
 //= require jquery
 //= require jquery_ujs
-//= require jquery.ui.all
-//= require jquery.ui.datepicker
+// require jquery.ui.all // disabled because slow
+// require jquery.ui.datepicker // disabled because slow
 //= require angular.js
 //= require angular-resource.js
 //= require angular-ui.js

app/assets/stylesheets/application.css.scss

@@ -9,7 +9,7 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
- *= require jquery.ui.all
+ * require jquery.ui.all # disabled because slow
  *= require_tree ../../../vendor/assets/javascripts/.
  *= require_tree ../images/.
  *= require_tree .

app/assets/templates/annotation_viewer.html

@@ -5,7 +5,7 @@
 
     <div id="scroller">
         <div class="annotation-viewer" id="annotation-viewer_{{id}}" >
-            <img ng-src="{{media.imageUrl}}">
+            <img ng-src="{{model.media.imageUrl}}" src="">
             <div id="spectrogramAnnotations_{{id}}"></div>
         </div>
     </div>

app/assets/templates/listen.html

@@ -12,7 +12,7 @@ <h1>Listen</h1>
         <p>Listen and annotate.</p>
 
         <h3>Spectrogram</h3>
-        <baw-annotation-viewer model="media"></baw-annotation-viewer>
+        <baw-annotation-viewer model="model"></baw-annotation-viewer>
 
         <h3>Audio Controls</h3>
         <audio id="main-player" controls>
@@ -89,7 +89,7 @@ <h3>Annotations</h3>
             </tr>
             </thead>
             <tbody>
-            <tr ng-repeat="ae in audioEvents">
+            <tr ng-repeat="ae in model.audioEvents">
                 <td>{{ae.id}}</td>
                 <td><a ng-href="/recordings/{{ae.audioRecording.uuid}}"
                        class="short-guid">{{ae.audioRecording.uuid}}</a></td>

app/controllers/api/callbacks_controller.rb

@@ -166,7 +166,11 @@ def store_provider_info(canonical_data,resource=nil)
 
       if user.blank?
         new_display_name = canonical_data[:display_name]
-        user = User.create!(:display_name => new_display_name.blank? ? '' : new_display_name, :email => canonical_data[:email], :password => Devise.friendly_token[0,20])
+
+        # HACK: for users created by external providers, dummy the user name with the .... field
+        user = User.create!(:display_name => new_display_name.blank? ? '' : new_display_name, :email => canonical_data[:email], :password => Devise.friendly_token[0,20], :user_name => -1 * Random.rand(100000))
+        user.user_name = user.id
+        user.save!
       end
     end
 

app/models/user.rb

@@ -24,9 +24,12 @@ class User < ActiveRecord::Base
 
   # validation
   #validates_presence_of :display_name
-  validates :user_name, :presence => true, :uniqueness => { :case_sensitive => false },
-            :format => { :with => /\A[a-zA-Z0-9_ ]+\z/, :message => "only letters, numbers, space and underscore allowed" }
+  validates :user_name, :presence => true, :uniqueness => { :case_sensitive => false }
+            #:format => { :with => /\A[a-zA-Z0-9_ ]+\z/, :message => "only letters, numbers, space and underscore allowed" }
   validates :display_name, :uniqueness => {:case_sensitive => false }, :presence => { :unless => Proc.new { |a| a.email.present? }, :message => "Please provide a name, email, or both." }
   validates :email, :uniqueness => {:case_sensitive => false }, :presence => { :unless => Proc.new { |a| a.display_name.present? }, :message => "Please provide an email, name, or both." }
   #friendly_id :display_name, :use_slug => true, :strip_non_ascii => true
+
+
+
 end

lib/modules/file_cacher.rb

@@ -81,7 +81,7 @@ def self.create_audio_segment(modify_parameters = {})
         else
       end
 
-      raise "Audio recording was not ready: #{audio_recording.uuid}." unless audio_recording.status == :ready
+      raise "Audio recording was not ready: #{audio_recording.uuid}." unless audio_recording.status.to_sym == :ready
 
       # create the cached audio file in each of the possible paths
       target_possible_paths = Cache::possible_paths(Cache::cached_audio_storage_paths,target_file)