recording actions tooltips

app/assets/javascripts/landing.js

@@ -87,7 +87,7 @@
       $(this).select();
     });
 
-    // only allow ctrl-c to work
+    // only allow ctrl commands
     $('.center-panel-wrapper').on('keydown', '.meeting-url', function (event, msg) {
       if(!event.ctrlKey) {
         event.preventDefault();
@@ -95,7 +95,15 @@
     });
 
     // enable tooltips
-    $('[data-toggle="tooltip"]').tooltip()
+    var options = {
+      selector: '.has-tooltip'
+    };
+    $(document).tooltip(options)
+    var options = {
+      selector: '.bottom-tooltip',
+      placement: 'bottom'
+    };
+    $(document).tooltip(options);
 
     // enable popovers
     var options = {

app/assets/javascripts/recordings.coffee

@@ -60,13 +60,16 @@ class @Recordings
             if type == 'display'
               roomName = Meeting.getInstance().getId()
               published = row.published
-              eye = getPublishClass(published)
+              icon = getPublishClass(published)
-              return '<button type="button" class="btn btn-default recording-update" data-published="'+published+'">' +
+              publishText = if published then 'publish' else 'unpublish'
-                '<i class="fa '+eye+'" aria-hidden="true"></i></button> ' +
+              recordingActions = $('.hidden-elements').find('.recording-actions')
-                '<a tabindex="0" role="button" class="btn btn-default has-popover"' +
+              recordingActions.find('.recording-update > i')
-                  'data-toggle="popover" data-placement="top">' +
+                .removeClass()
-                    '<i class="fa fa-trash-o" aria-hidden="true"></i>' +
+                .addClass('fa '+icon)
-                '</a>'
+              recordingActions.find('.recording-update')
+                .attr('data-published', published)
+                .attr('title', I18n[publishText+'_recording'])
+              return recordingActions.html()
             return data
         }
       ]

app/views/landing/rooms.html.erb

@@ -45,4 +45,13 @@
       <span class="alert-message"></span>
     </div>
   </div>
+  <div class="recording-actions">
+    <button type="button" class="btn btn-default recording-update bottom-tooltip" data-published="">
+        <i class="fa" aria-hidden="true"></i>
+    </button>
+    <a tabindex="0" role="button" class="btn btn-default has-popover bottom-tooltip"
+      data-placement="top" title="<%= t('delete_recording') %>">
+        <i class="fa fa-trash-o" aria-hidden="true"></i>
+    </a>
+  </div>
 </div>

config/locales/en-us.yml

@@ -26,9 +26,11 @@ en-US:
     are_you_sure: Are you sure?
     meeting_ended: Meeting was ended
     meeting_started: Meeting was started
+    publish_recording: Publish recording
     recording_deleted: Recording was deleted
     recording_published: Recording was published
     recording_unpublished: Recording was unpublished
+    unpublish_recording: Unpublish recording
   copied: Copied
   copy_error: Use Ctrl-c to copy
   date_recorded: Date Recorded
@@ -50,6 +52,7 @@ en-US:
   powered_bigbluebutton: Powered by BigBlueButton
   presentation: Presentation
   refresh_html: <a href="#" class="generate-link">Click refresh</a> to generate a new meeting URL
+  delete_recording: Delete recording
   session_url_explanation: The session will be taking place using the following URL
   start: Start
   start_new_session: Start a new session