From 4928c1a5a9b32f9df92662a1cafa05575a6aca51 Mon Sep 17 00:00:00 2001
From: man13 <man13@inf.ufpr.br>
Date: Thu, 31 Mar 2016 10:08:25 -0300
Subject: [PATCH] Fixing script that give feedback to the user about the
uploaded thumbnail (fixes #28)
Signed-off-by: man13 <man13@inf.ufpr.br>
---
.../build/select_thumbnail.html.erb | 69 ++++++++++---------
1 file changed, 36 insertions(+), 33 deletions(-)
diff --git a/app/views/learning_objects/build/select_thumbnail.html.erb b/app/views/learning_objects/build/select_thumbnail.html.erb
index 41cd3ab6..e9a1c7c8 100644
--- a/app/views/learning_objects/build/select_thumbnail.html.erb
+++ b/app/views/learning_objects/build/select_thumbnail.html.erb
@@ -29,13 +29,14 @@
<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? %>
- <div>
- <%= image_tag @learning_object.default_thumbnail.url(:small) %>
- <i id="remove_thumbnail" class="fa fa-trash fa-1"></i></div>
- <% end %>
+ <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>
+ </div>
<%= f.file_field :thumbnail, required: true, id: 'thumbnail_btn' %>
@@ -50,34 +51,36 @@
<button type="button" class="btn-submit btn btn-danger btn-outline-rounded red">Voltar</button>
<% end %>
<% end %>
-<% end %>
-
-<!-- -->
-<script>
- $("#remove_thumbnail").click(function(){
+ <script>
+ $("#remove_thumbnail").click(function(){
if(confirm("Você tem certeza?")){
- $(this).parent().remove()
- $.ajax({
- url: "<%= remove_thumbnail_path(@learning_object) %>",
- method: 'POST'
- })
+ $(this).parent().remove()
+ $.ajax({
+ url: "<%= remove_thumbnail_path(@learning_object) %>",
+ method: 'POST'
+ })
}
- });
+ });
- // show preview image
- $(function() {
+ // show preview image
+ $(function() {
$('#thumbnail_btn').on('change', function(event) {
- var files = event.target.files;
- var image = files[0]
- var reader = new FileReader();
- reader.onload = function(file) {
- var img = new Image();
- console.log(file);
- img.src = file.target.result;
- $('#preview_image_target').html(img);
- }
- reader.readAsDataURL(image);
- console.log(files);
+ var files = event.target.files;
+ var image = files[0]
+ var reader = new FileReader();
+ reader.onload = function(file) {
+ var img = new Image();
+ console.log(file);
+ img.src = file.target.result;
+ $('#preview_image_target').html(img);
+ $('#preview_image_target > img').height(300)
+ $('#preview_image_target > img').width(300)
+ }
+ reader.readAsDataURL(image);
+ console.log(files);
});
- });
-</script>
\ No newline at end of file
+ });
+ </script>
+<% end %>
+
+<!-- -->
\ No newline at end of file
--
GitLab