Re: Confirmation on drag

[Maxim Solodovnik]

Thanks a lot Sebastien, it works as expected :)))

On Fri, Aug 5, 2016 at 8:48 PM, Sebastien  wrote:

> I agree it's ugly, it is just for the PoC.
>
> Nothing prevent using a jquery-ui dialog intead, but it should be in js
> directly, not trough wicket because it will be too late in the cycle
> (whenever #onDrop should call dialog#open)
> So, something like this:
>
> return new DroppableBehavior(selector, this) {
>
> @Override
> protected JQueryAjaxBehavior 
> newOnDropAjaxBehavior(IJQueryAjaxAware
> source)
> {
> return new OnDropAjaxBehavior(source) {
>
> @Override
> public CharSequence 
> getCallbackFunctionBody(CallbackParameter...
> parameters)
> {
> String dialogId =
> UUID.randomUUID().toString();
>
> String statement = "var $drop = $(this);";
> statement += "$('body').append('Are you sure?');";
> statement +="$( '#" + dialogId + "'
> ).dialog({ title: 'Confirmation', dialogClass: 'no-close', buttons: [";
> statement += "{ text: 'OK', click:
> function() { $drop.append(ui.draggable); $(this).dialog('close'); " +
> super.getCallbackFunctionBody(parameters) + " } },";
> statement += "{ text: 'Cancel', click:
> function() { $( this ).dialog('close'); } } ";
> statement += "],";
> statement += "close: function(event, ui) {
> $(this).dialog('destroy').remove(); }";
> statement += "});";
>
> return statement;
>
> }
> };
> }
> };
>
>
>
> On Fri, Aug 5, 2016 at 3:16 PM, Maxim Solodovnik 
> wrote:
>
>> Browser native confirm is blocking and ugly :(
>> Is there any option to use jquery-ui confirm?
>>
>> WBR, Maxim
>> (from mobile, sorry for the typos)
>>
>> On Aug 5, 2016 20:09, "Sebastien"  wrote:
>>
>>> Hi Maxim,
>>>
>>> Seems its a common question in the jquery-ui world...
>>> The best I can propose you for now is something like the following code.
>>> It does *not* use revert, but use a clone helper.
>>> This example is also using a browser-native "confirm" dialog...
>>>
>>> Inspired from http://jsfiddle.net/WbHAr/1/
>>>
>>> Draggable:
>>>
>>> Draggable draggable = new
>>> Draggable("draggable", model) {
>>>
>>> @Override
>>> public void onConfigure(JQueryBehavior behavior)
>>> {
>>> super.onConfigure(behavior);
>>>
>>> behavior.setOption("helper", "'clone'");
>>> }
>>> };
>>>
>>>
>>> Droppable:
>>>
>>> final Droppable droppable = new Droppable("card") {
>>>
>>> @Override
>>> public JQueryBehavior newWidgetBehavior(String selector)
>>> {
>>> return new DroppableBehavior(selector, this) {
>>>
>>> @Override
>>> protected JQueryAjaxBehavior
>>> newOnDropAjaxBehavior(IJQueryAjaxAware source)
>>> {
>>> return new OnDropAjaxBehavior(source) {
>>> @Override
>>> public CharSequence
>>> getCallbackFunctionBody(CallbackParameter... parameters)
>>> {
>>> return String.format("if (confirm('Drop
>>> here?')) { $(this).append(ui.draggable); %s}",
>>> super.getCallbackFunctionBody(parameters));
>>>
>>> }
>>> };
>>> }
>>> };
>>> }
>>>
>>>
>>> Hope this helps :)
>>> Sebastien
>>>
>>> On Fri, Aug 5, 2016 at 2:16 PM, Maxim Solodovnik 
>>> wrote:
>>>
 Hello Sebastian,

 Is it possible to show confirmation dialog on drop (even pure JS or
 Wicket)
 and "revert" file if user choose cancel?

 --
 WBR
 Maxim aka solomax

>>>
>>>
>


-- 
WBR
Maxim aka solomax

Re: Confirmation on drag

[Sebastien]

I agree it's ugly, it is just for the PoC.

Nothing prevent using a jquery-ui dialog intead, but it should be in js
directly, not trough wicket because it will be too late in the cycle
(whenever #onDrop should call dialog#open)
So, something like this:

return new DroppableBehavior(selector, this) {

@Override
protected JQueryAjaxBehavior
newOnDropAjaxBehavior(IJQueryAjaxAware source)
{
return new OnDropAjaxBehavior(source) {

@Override
public CharSequence
getCallbackFunctionBody(CallbackParameter... parameters)
{
String dialogId =
UUID.randomUUID().toString();

String statement = "var $drop = $(this);";
statement += "$('body').append('Are you sure?');";
statement +="$( '#" + dialogId + "'
).dialog({ title: 'Confirmation', dialogClass: 'no-close', buttons: [";
statement += "{ text: 'OK', click:
function() { $drop.append(ui.draggable); $(this).dialog('close'); " +
super.getCallbackFunctionBody(parameters) + " } },";
statement += "{ text: 'Cancel', click:
function() { $( this ).dialog('close'); } } ";
statement += "],";
statement += "close: function(event, ui) {
$(this).dialog('destroy').remove(); }";
statement += "});";

return statement;

}
};
}
};



On Fri, Aug 5, 2016 at 3:16 PM, Maxim Solodovnik 
wrote:

> Browser native confirm is blocking and ugly :(
> Is there any option to use jquery-ui confirm?
>
> WBR, Maxim
> (from mobile, sorry for the typos)
>
> On Aug 5, 2016 20:09, "Sebastien"  wrote:
>
>> Hi Maxim,
>>
>> Seems its a common question in the jquery-ui world...
>> The best I can propose you for now is something like the following code.
>> It does *not* use revert, but use a clone helper.
>> This example is also using a browser-native "confirm" dialog...
>>
>> Inspired from http://jsfiddle.net/WbHAr/1/
>>
>> Draggable:
>>
>> Draggable draggable = new
>> Draggable("draggable", model) {
>>
>> @Override
>> public void onConfigure(JQueryBehavior behavior)
>> {
>> super.onConfigure(behavior);
>>
>> behavior.setOption("helper", "'clone'");
>> }
>> };
>>
>>
>> Droppable:
>>
>> final Droppable droppable = new Droppable("card") {
>>
>> @Override
>> public JQueryBehavior newWidgetBehavior(String selector)
>> {
>> return new DroppableBehavior(selector, this) {
>>
>> @Override
>> protected JQueryAjaxBehavior
>> newOnDropAjaxBehavior(IJQueryAjaxAware source)
>> {
>> return new OnDropAjaxBehavior(source) {
>> @Override
>> public CharSequence
>> getCallbackFunctionBody(CallbackParameter... parameters)
>> {
>> return String.format("if (confirm('Drop
>> here?')) { $(this).append(ui.draggable); %s}",
>> super.getCallbackFunctionBody(parameters));
>>
>> }
>> };
>> }
>> };
>> }
>>
>>
>> Hope this helps :)
>> Sebastien
>>
>> On Fri, Aug 5, 2016 at 2:16 PM, Maxim Solodovnik 
>> wrote:
>>
>>> Hello Sebastian,
>>>
>>> Is it possible to show confirmation dialog on drop (even pure JS or
>>> Wicket)
>>> and "revert" file if user choose cancel?
>>>
>>> --
>>> WBR
>>> Maxim aka solomax
>>>
>>
>>

Re: Confirmation on drag

[Maxim Solodovnik]

Browser native confirm is blocking and ugly :(
Is there any option to use jquery-ui confirm?

WBR, Maxim
(from mobile, sorry for the typos)

On Aug 5, 2016 20:09, "Sebastien"  wrote:

> Hi Maxim,
>
> Seems its a common question in the jquery-ui world...
> The best I can propose you for now is something like the following code.
> It does *not* use revert, but use a clone helper.
> This example is also using a browser-native "confirm" dialog...
>
> Inspired from http://jsfiddle.net/WbHAr/1/
>
> Draggable:
>
> Draggable draggable = new
> Draggable("draggable", model) {
>
> @Override
> public void onConfigure(JQueryBehavior behavior)
> {
> super.onConfigure(behavior);
>
> behavior.setOption("helper", "'clone'");
> }
> };
>
>
> Droppable:
>
> final Droppable droppable = new Droppable("card") {
>
> @Override
> public JQueryBehavior newWidgetBehavior(String selector)
> {
> return new DroppableBehavior(selector, this) {
>
> @Override
> protected JQueryAjaxBehavior 
> newOnDropAjaxBehavior(IJQueryAjaxAware
> source)
> {
> return new OnDropAjaxBehavior(source) {
> @Override
> public CharSequence 
> getCallbackFunctionBody(CallbackParameter...
> parameters)
> {
> return String.format("if (confirm('Drop
> here?')) { $(this).append(ui.draggable); %s}",
> super.getCallbackFunctionBody(parameters));
>
> }
> };
> }
> };
> }
>
>
> Hope this helps :)
> Sebastien
>
> On Fri, Aug 5, 2016 at 2:16 PM, Maxim Solodovnik 
> wrote:
>
>> Hello Sebastian,
>>
>> Is it possible to show confirmation dialog on drop (even pure JS or
>> Wicket)
>> and "revert" file if user choose cancel?
>>
>> --
>> WBR
>> Maxim aka solomax
>>
>
>

Re: Confirmation on drag

[Sebastien]

Hi Maxim,

Seems its a common question in the jquery-ui world...
The best I can propose you for now is something like the following code. It
does *not* use revert, but use a clone helper.
This example is also using a browser-native "confirm" dialog...

Inspired from http://jsfiddle.net/WbHAr/1/

Draggable:

Draggable draggable = new
Draggable("draggable", model) {

@Override
public void onConfigure(JQueryBehavior behavior)
{
super.onConfigure(behavior);

behavior.setOption("helper", "'clone'");
}
};


Droppable:

final Droppable droppable = new Droppable("card") {

@Override
public JQueryBehavior newWidgetBehavior(String selector)
{
return new DroppableBehavior(selector, this) {

@Override
protected JQueryAjaxBehavior
newOnDropAjaxBehavior(IJQueryAjaxAware source)
{
return new OnDropAjaxBehavior(source) {
@Override
public CharSequence
getCallbackFunctionBody(CallbackParameter... parameters)
{
return String.format("if (confirm('Drop
here?')) { $(this).append(ui.draggable); %s}",
super.getCallbackFunctionBody(parameters));
}
};
}
};
}


Hope this helps :)
Sebastien

On Fri, Aug 5, 2016 at 2:16 PM, Maxim Solodovnik 
wrote:

> Hello Sebastian,
>
> Is it possible to show confirmation dialog on drop (even pure JS or Wicket)
> and "revert" file if user choose cancel?
>
> --
> WBR
> Maxim aka solomax
>

Confirmation on drag

[Maxim Solodovnik]

Hello Sebastian,

Is it possible to show confirmation dialog on drop (even pure JS or Wicket)
and "revert" file if user choose cancel?

-- 
WBR
Maxim aka solomax