jasonmcbride
commented
7 years ago Hi I had to hack this to actually get it to work, but put the attached txt file here in your assets folders
/app/assets/javascripts/rails_admin/ra.jcrop.js
** rename the .txt extension to .js
On Thu, Aug 10, 2017 at 4:15 PM, didouche notifications@github.com wrote:
hy i'am sory for my english, please can you helpe me, i try to use rails_admin_jcrop gem and i'can't load a modal in my edit page
I'am use
- gem 'rails', '~> 5.1.3'
- gem 'rails_admin', github: 'sferik/rails_admin'
- gem 'rails_admin_rollincode', '~> 1.0'
- gem 'rails_adminjcrop', git: 'git://github.com/janx/rails admin_jcrop.git'
In my raisl_admin.rb i have config.model Ingredient do configure :image, :jcrop edit do field :title field :description, :ck_editor field :image do fit_image true jcrop_options aspectRatio: 500.0/320.0 end end end
In my Edit Page i have this error Uncaught SyntaxError: Unexpected token var rails_admin_jcrop_options = {"aspectRatio":1.5625};
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/jasonmcbride/rails_admin_jcrop/issues/1, or mute the thread https://github.com/notifications/unsubscribe-auth/AAqXBm16aj4n617P9YaQGhvmoh-_Y8lWks5sW2TGgaJpZM4Oz7M0 .
-- https://www.freelancer.com/affiliates/email/13566231/ Jason McBride https://www.freelancer.com/affiliates/email/13566231/
Independent Web Application Developer
E: jsononrails@gmail.com Hire me on Freelancer.com https://www.freelancer.com/affiliates/email/13566231/
if ($.widget !== undefined) { (function($) { $.widget("ra.jcropForm", {
_create: function() {
var widget = this;
var dom_widget = widget.element;
//var thumbnailLink = dom_widget.find('img.img-polaroid').parent();
//var thumbnailLink = dom_widget.find('img.img-thumbnail').parent();
var thumbnailLink = dom_widget.find('#jcrop_button');
thumbnailLink.unbind().bind("click", function(e) {
widget._bindModalOpening(e, dom_widget.find('a.jcrop_handle').data('link'));
return false;
});
},
_bindModalOpening: function(e, url) {
e.preventDefault();
widget = this;
if ($("#modal").length)
return false;
var dialog = this._getModal();
setTimeout(function() { // fix race condition with modal insertion in the dom (Chrome => Team/add a new fan => #modal not found when it should have). Somehow .on('show') is too early, tried it too.
$.ajax({
url: url,
beforeSend: function(xhr) {
xhr.setRequestHeader("Accept", "text/javascript");
},
success: function(data, status, xhr) {
dialog.find('.modal-body').html(data);
widget._bindFormEvents();
},
error: function(xhr, status, error) {
dialog.find('.modal-body').html(xhr.responseText);
},
dataType: 'text'
});
}, 100);
},
_bindFormEvents: function() {
var widget = this,
dialog = this._getModal(),
form = dialog.find("form"),
saveButtonText = dialog.find(":submit[name=_save]").html(),
cancelButtonText = dialog.find(":submit[name=_continue]").html();
dialog.find('.form-actions').remove();
var jcrop_options = $.extend({
bgColor: 'white',
keySupport: false,
onSelect: widget.updateCoordinates
}, rails_admin_jcrop_options);
dialog.find('img.jcrop-subject').Jcrop(jcrop_options)
form.attr("data-remote", true);
dialog.find('.modal-header-title').text(form.data('title'));
dialog.find('.cancel-action').unbind().click(function() {
dialog.modal('hide');
return false;
}).html(cancelButtonText);
dialog.find('.save-action').unbind().click(function() {
form.submit();
return false;
}).html(saveButtonText);
$(document).trigger('rails_admin.dom_ready');
form.bind("ajax:complete", function(xhr, data, status) {
if (status == 'error') {
dialog.find('.modal-body').html(data.responseText);
widget._bindFormEvents();
} else {
var json = $.parseJSON(data.responseText);
var select = widget.element.find('select').filter(":hidden");
thumb = widget.element.find('a.jcrop_handle').data('thumb');
widget.element.find('img.img-thumbnail').removeAttr('src').attr('src', json.urls[thumb] + '?' + new Date().valueOf());
widget._trigger("success");
dialog.modal("hide");
}
});
},
updateCoordinates: function(c) {
var rx = 100 / c.w;
var ry = 100 / c.h;
var lw = $('img.jcrop-subject').width();
var lh = $('img.jcrop-subject').height();
var ratio = $('img.jcrop-subject').data('geometry').split(',')[0] / lw;
$('#preview').css({
width: Math.round(rx * lw) + 'px',
height: Math.round(ry * lh) + 'px',
marginLeft: '-' + Math.round(rx * c.x) + 'px',
marginTop: '-' + Math.round(ry * c.y) + 'px'
});
$("#crop_x").val(Math.round(c.x * ratio));
$("#crop_y").val(Math.round(c.y * ratio));
$("#crop_w").val(Math.round(c.w * ratio));
$("#crop_h").val(Math.round(c.h * ratio));
},
_getModal: function() {
var widget = this;
if (!widget.dialog) {
widget.dialog = $('<div id="modal" class="modal fade"><div class="modal-header"><a href="#" class="close" data-dismiss="modal">×</a><h3 class="modal-header-title">...</h3></div><div class="modal-body">...</div><div class="modal-footer"><a href="#" class="btn cancel-action">...</a><a href="#" class="btn btn-primary save-action">...</a></div></div>');
widget.dialog.modal({
keyboard: true,
backdrop: true,
show: true
})
.on('hidden', function() {
widget.dialog.remove(); // We don't want to reuse closed modals
widget.dialog = null;
});
}
return this.dialog;
}
});
})(jQuery);
$(function() {
$('div.jcrop_type').jcropForm();
});}
AhmedEsserhane
hy i'am sory for my english, please can you helpe me, i try to use rails_admin_jcrop gem and i'can't load a modal in my edit page
I'am use
In my raisl_admin.rb i have config.model Ingredient do configure :image, :jcrop edit do field :title field :description, :ck_editor field :image do fit_image true jcrop_options aspectRatio: 500.0/320.0 end end end
In my Edit Page i have this error Uncaught SyntaxError: Unexpected token var rails_admin_jcrop_options = {"aspectRatio":1.5625};