show new publish icon on hover

This commit is contained in:
Zachary Chai 2016-11-24 15:51:53 -05:00
parent 0e0d744fe3
commit f5fc08d58c
3 changed files with 19 additions and 5 deletions

View File

@ -63,12 +63,14 @@ class @Recordings
if type == 'display' if type == 'display'
roomName = Meeting.getInstance().getId() roomName = Meeting.getInstance().getId()
published = row.published published = row.published
icon = getPublishClass(published)
publishText = if published then 'unpublish' else 'publish' publishText = if published then 'unpublish' else 'publish'
recordingActions = $('.hidden-elements').find('.recording-actions') recordingActions = $('.hidden-elements').find('.recording-actions')
recordingActions.find('.recording-update > i') recordingActions.find('.recording-update > i.default')
.removeClass() .removeClass(PUBLISHED_CLASSES.join(' '))
.addClass('fa '+icon) .addClass(getPublishClass(published))
recordingActions.find('.recording-update > i.hover')
.removeClass(PUBLISHED_CLASSES.join(' '))
.addClass(getPublishClass(!published))
recordingActions.find('.recording-update') recordingActions.find('.recording-update')
.attr('data-published', published) .attr('data-published', published)
.attr('title', I18n[publishText+'_recording']) .attr('title', I18n[publishText+'_recording'])

View File

@ -16,6 +16,17 @@
.dataTables_empty { .dataTables_empty {
text-align: center; text-align: center;
} }
.recording-update:hover > {
.default {
display: none;
}
.hover {
display: inline-block;
}
}
.fa.hover {
display: none;
}
} }
} }

View File

@ -45,7 +45,8 @@
</div> </div>
<div class="recording-actions"> <div class="recording-actions">
<button type="button" class="btn btn-default recording-update bottom-tooltip" data-published=""> <button type="button" class="btn btn-default recording-update bottom-tooltip" data-published="">
<i class="fa" aria-hidden="true"></i> <i class="fa default" aria-hidden="true"></i>
<i class="fa hover" aria-hidden="true"></i>
</button> </button>
<a tabindex="0" role="button" class="btn btn-default has-popover delete-tooltip" <a tabindex="0" role="button" class="btn btn-default has-popover delete-tooltip"
data-placement="top"> data-placement="top">