diff --git a/app/views/learning_objects/build/select_thumbnail.html.erb b/app/views/learning_objects/build/select_thumbnail.html.erb index e9a1c7c87b9f49838a48fda86fcb65f2c723a0f3..df4dc71bdab76daa076704ddda0679a550e6bc0e 100644 --- a/app/views/learning_objects/build/select_thumbnail.html.erb +++ b/app/views/learning_objects/build/select_thumbnail.html.erb @@ -28,29 +28,37 @@ <% content_for :learning_object_studio_content do %> <h3 class="head text-center">Envie uma foto de destaque para <strong><%= @learning_object.name %></strong></h3> - <%= form_for @learning_object, url: wizard_path, method: :put, html: { multipart: true } do |f| %> - <div id="preview_image_target"> - <div> - <% unless @learning_object.thumbnail.blank? %> - <%= image_tag @learning_object.default_thumbnail.url(:medium) %> - <i id="remove_thumbnail" class="fa fa-trash fa-1"></i> - <% end %> + <div align="center"> + <%= form_for @learning_object, url: wizard_path, method: :put, html: { multipart: true } do |f| %> + <div id="preview_image_target" align="left"> + <div> + <% unless @learning_object.thumbnail.blank? %> + <div class="imageWrapper" style="position: relative;"> + <%= image_tag @learning_object.default_thumbnail.url(:medium), style: "position: relative; z-index: 1;" %> + <i data-toggle="tooltip" title="Deletar Thumbnail" id="remove_thumbnail" class="fa fa-times fa-5x" style="position: absolute;left:0px; top: 0px;z-index: 10;"></i> + </div> + + <% end %> + </div> </div> - </div> - <%= f.file_field :thumbnail, required: true, id: 'thumbnail_btn' %> + <div align="left" style="margin-top: 10pt"> + <%= f.file_field :thumbnail, required: true, id: 'thumbnail_btn' %> + - <button type="submit" class="btn-submit btn btn-success btn-outline-rounded green"> - Enviar <i style="margin-left:10px;" class="fa fa-paper-plane"></i> - </button> + <button type="submit" class="btn-submit btn btn-success btn-outline-rounded green"> + Enviar <i style="margin-left:10px;" class="fa fa-paper-plane"></i> + </button> - <%= link_to next_wizard_path do %> - <button type="button" class="btn-submit btn btn-warning btn-outline-rounded yellow">Pular etapa</button> - <% end %> - <%= link_to :back do %> - <button type="button" class="btn-submit btn btn-danger btn-outline-rounded red">Voltar</button> - <% end %> - <% end %> + <%= link_to next_wizard_path do %> + <button type="button" class="btn-submit btn btn-warning btn-outline-rounded yellow">Pular etapa</button> + <% end %> + <%= link_to :back do %> + <button type="button" class="btn-submit btn btn-danger btn-outline-rounded red">Voltar</button> + <% end %> + </div> + <% end %> + </div> <script> $("#remove_thumbnail").click(function(){ if(confirm("Você tem certeza?")){