lino.jorzick/greenlight
1
0
Fork 0
forked from External/greenlight
Code Issues Pull Requests Projects Releases Wiki Activity

change youtube popover UI

Browse Source
This commit is contained in:
Josh
2017-05-23 17:24:43 -04:00
parent 7d96eadbbf
commit 3e31be3885
4 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/recordings.coffee
View File

@ -183,6 +183,10 @@ class @Recordings
options.title = I18n.mail_recording
$('#recordings').tooltip(options)
options.selector = '.disabled-tooltip'
options.title = I18n.youtube_disabled
$('#recordings').tooltip(options)
$(document).one "turbolinks:before-cache", =>
@getTable().api().clear().draw().destroy()

4
app/assets/stylesheets/main/landing.scss
View File

@ -101,3 +101,7 @@
.top-buffer {
margin-top: 8px;
}
.tooltip-wrapper {
display: inline-block;
}

23
app/views/landing/rooms.html.erb
View File

@ -58,21 +58,22 @@
<div class="youtube-popover">
<form class = "form-inline">
<div class = "row">
<div class="col-xs-5">
<div class="col-xs-12">
<input type="title" class="form-control" id="video-title" placeholder="<%= t('video_title') %>">
</div>
<div class="col-xs-4 col-xs-offset-2">
<button type="button" class="btn btn-success upload-button centered" data-dismiss="popover">
<%= t('upload') %>
</button>
</div>
</div>
<div class = "row top-buffer text-center">
<form class="privacy_form">
<label class="radio-inline"><input type="radio" name="privacy_status" value="public" checked><%= t('youtube_privacy_options.public') %> </label>
<label class="radio-inline"><input type="radio" name="privacy_status" value="private" checked><%= t('youtube_privacy_options.private') %> </label>
<label class="radio-inline"><input type="radio" name="privacy_status" value="unlisted"><%= t('youtube_privacy_options.unlisted') %></label>
</form>
</div>
<div class="row top-buffer text-center">
<button type="button" class="btn btn-success upload-button centered" data-dismiss="popover">
<%= t('upload') %>
</button>
</div>
</form>
</div>
<div class='mail_youtube_popover'>
@ -80,14 +81,20 @@
<%= icon('envelope-o') %>
</button>
<button type="button" class="btn btn-default has-popover youtube-upload youtube-tooltip"
data-placement="top" data-popover-body=".youtube-popover">
data-placement="top" data-popover-body=".youtube-popover"
data-popover-title="<%= t('upload_to_youtube') %>" >
<div class = 'youtube-red'> <%= icon('youtube-play') %> </div>
</button>
</div>
<div class='mail_popover'>
<button type="button" class="btn btn-default mail-recording mail-tooltip">
<button type="button" class="btn btn-default mail-recording mail-tooltip fa-2x">
<%= icon('envelope-o') %>
</button>
<div class="tooltip-wrapper disabled disabled-tooltip">
<button type="button" class="btn btn-default" disabled>
<%= icon('youtube-play') %>
</button>
</div>
</div>
<div class="recording-visibility-popover">
<button type="button" class="btn btn-default btn-success recording-update" data-visibility="published">