VRFS-2701 VRFS-2699 wip performance samples edit screen

web/app/assets/javascripts/accounts_profile_samples.js

@@ -13,7 +13,11 @@
     var profileUtils = context.JK.ProfileUtils;
 
     var $screen = $('#account-profile-samples');
-    var $btnAddJkRecording = $screen.find('')
+    //var $btnAddJkRecording = $screen.find('');
+
+    var $btnCancel = $screen.find('#account-edit-profile-cancel');
+    var $btnBack = $screen.find('#account-edit-profile-back');
+    var $btnSubmit = $screen.find('#account-edit-profile-submit');
 
     function beforeShow(data) {
     }

web/app/assets/javascripts/dialog/recordingSelectorDialog.js

@@ -0,0 +1,68 @@
+(function(context,$) {
+
+  "use strict";
+  context.JK = context.JK || {};
+  context.JK.RecordingSelectorDialog = function(app, recordings, selectedRecordings, callback) {
+    var logger = context.JK.logger;
+    var rest = context.JK.Rest();
+    var $dialog = null;
+    var dialogId = 'recording-selector-dialog';
+    var $screen = $('#' + dialogId);
+    var $btnSelect = $screen.find(".btn-select-recordings");
+    var $instructions = $screen.find('#instructions');
+    var $recordings = $screen.find('.recordings');
+
+    function beforeShow(data) {
+    }
+
+    function afterShow(data) {
+
+      $recordings.empty();
+    }
+
+    function afterHide() {
+    }
+
+    function showDialog() {
+      return app.layout.showDialog(dialogId);
+    }
+
+    function events() {
+      $btnSelect.click(function(evt) {
+        evt.preventDefault();
+        var selectedRecordings = [];
+        $recordings.find('input[type=checkbox]:checked').each(function(index) {
+          selectedRecordings.push($(this).val());
+        });
+
+        if (callback) {
+          callback(selectedRecordings);
+        }
+
+        app.layout.closeDialog(dialogId);
+
+        return false;
+
+      });
+    }
+
+    function initialize() {
+      var dialogBindings = {
+        'beforeShow' : beforeShow,
+        'afterShow' : afterShow,
+        'afterHide': afterHide
+      };
+
+      app.bindDialog(dialogId, dialogBindings);
+
+      $instructions.html('Select one or more recordings.');
+
+      events();
+    }
+
+    this.initialize = initialize;
+    this.showDialog = showDialog;
+  }
+
+  return this;
+})(window,jQuery);

web/app/assets/javascripts/ui_helper.js

@@ -68,8 +68,8 @@
       return genreSelectorDialog.showDialog();
     }
 
-    function launchRecordingSelectorDialog(recordings, callback) {
-      var recordingSelectorDialog = new JK.RecordingSelectorDialog(JK.app, recordings, callback);
+    function launchRecordingSelectorDialog(recordings, selectedRecordings, callback) {
+      var recordingSelectorDialog = new JK.RecordingSelectorDialog(JK.app, recordings, selectedRecordings, callback);
       recordingSelectorDialog.initialize();
       return recordingSelectorDialog.showDialog();
     }

web/app/assets/stylesheets/dialogs/recordingSelectorDialog.css.scss

@@ -0,0 +1,14 @@
+@import "client/common";
+
+#genre-selector-dialog {
+
+  min-height:initial;
+
+  .dialog-inner {
+    color:white;
+  }
+
+  .action-buttons {
+    margin-bottom:10px;
+  }
+}

web/app/views/dialogs/_recordingSelectorDialog.html.erb

@@ -0,0 +1,14 @@
+.dialog.dialog-overlay-sm{layout: 'dialog', 'layout-id' => 'recording-selector-dialog', id: 'recording-selector-dialog'}
+  .content-head
+    = image_tag "content/icon_checkmark_circle.png", {:width => 20, :height => 20, :class => 'content-icon' }
+    %h1
+      = 'select recordings'
+  .dialog-inner
+    %span{id: 'instructions'}
+    %br{:clear => "all"}/
+    %br{:clear => "all"}/
+    .recordings
+
+  .right.action-buttons
+    %a.button-grey.btn-cancel-dialog{'layout-action' => 'cancel'} CANCEL
+    %a.button-orange.btn-select-recordings SELECT