Fixed dialogs styling, reversed buttons
Default dialog button is now on the right, other one on the left.
This commit is contained in:
parent
268af9039a
commit
71fe5d672e
|
@ -31,6 +31,17 @@
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
/* align primary button to right, other buttons to left */
|
||||||
|
.oc-dialog-buttonrow.twobuttons button:nth-child(1) {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.oc-dialog-buttonrow.twobuttons button:nth-child(2) {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.oc-dialog-buttonrow.onebutton button {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
.oc-dialog-close {
|
.oc-dialog-close {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
|
@ -111,6 +111,13 @@
|
||||||
var $buttonrow = $('<div class="oc-dialog-buttonrow" />');
|
var $buttonrow = $('<div class="oc-dialog-buttonrow" />');
|
||||||
this.$buttonrow = $buttonrow.appendTo(this.$dialog);
|
this.$buttonrow = $buttonrow.appendTo(this.$dialog);
|
||||||
}
|
}
|
||||||
|
if (value.length === 1) {
|
||||||
|
this.$buttonrow.addClass('onebutton');
|
||||||
|
} else if (value.length === 2) {
|
||||||
|
this.$buttonrow.addClass('twobuttons');
|
||||||
|
} else if (value.length === 3) {
|
||||||
|
this.$buttonrow.addClass('threebuttons');
|
||||||
|
}
|
||||||
$.each(value, function(idx, val) {
|
$.each(value, function(idx, val) {
|
||||||
var $button = $('<button>').text(val.text);
|
var $button = $('<button>').text(val.text);
|
||||||
if (val.classes) {
|
if (val.classes) {
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* global OC, t, alert, $ */
|
/* global alert */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* this class to ease the usage of jquery dialogs
|
* this class to ease the usage of jquery dialogs
|
||||||
|
@ -66,7 +66,7 @@ var OCdialogs = {
|
||||||
* @param modal make the dialog modal
|
* @param modal make the dialog modal
|
||||||
*/
|
*/
|
||||||
confirm:function(text, title, callback, modal) {
|
confirm:function(text, title, callback, modal) {
|
||||||
this.message(
|
return this.message(
|
||||||
text,
|
text,
|
||||||
title,
|
title,
|
||||||
'notice',
|
'notice',
|
||||||
|
@ -86,7 +86,7 @@ var OCdialogs = {
|
||||||
* @param password whether the input should be a password input
|
* @param password whether the input should be a password input
|
||||||
*/
|
*/
|
||||||
prompt: function (text, title, callback, modal, name, password) {
|
prompt: function (text, title, callback, modal, name, password) {
|
||||||
$.when(this._getMessageTemplate()).then(function ($tmpl) {
|
return $.when(this._getMessageTemplate()).then(function ($tmpl) {
|
||||||
var dialogName = 'oc-dialog-' + OCdialogs.dialogsCounter + '-content';
|
var dialogName = 'oc-dialog-' + OCdialogs.dialogsCounter + '-content';
|
||||||
var dialogId = '#' + dialogName;
|
var dialogId = '#' + dialogName;
|
||||||
var $dlg = $tmpl.octemplate({
|
var $dlg = $tmpl.octemplate({
|
||||||
|
@ -104,8 +104,15 @@ var OCdialogs = {
|
||||||
modal = false;
|
modal = false;
|
||||||
}
|
}
|
||||||
$('body').append($dlg);
|
$('body').append($dlg);
|
||||||
var buttonlist = [
|
var buttonlist = [{
|
||||||
{
|
text : t('core', 'No'),
|
||||||
|
click: function () {
|
||||||
|
if (callback !== undefined) {
|
||||||
|
callback(false, input.val());
|
||||||
|
}
|
||||||
|
$(dialogId).ocdialog('close');
|
||||||
|
}
|
||||||
|
}, {
|
||||||
text : t('core', 'Yes'),
|
text : t('core', 'Yes'),
|
||||||
click : function () {
|
click : function () {
|
||||||
if (callback !== undefined) {
|
if (callback !== undefined) {
|
||||||
|
@ -114,15 +121,6 @@ var OCdialogs = {
|
||||||
$(dialogId).ocdialog('close');
|
$(dialogId).ocdialog('close');
|
||||||
},
|
},
|
||||||
defaultButton: true
|
defaultButton: true
|
||||||
},
|
|
||||||
{
|
|
||||||
text : t('core', 'No'),
|
|
||||||
click: function () {
|
|
||||||
if (callback !== undefined) {
|
|
||||||
callback(false, input.val());
|
|
||||||
}
|
|
||||||
$(dialogId).ocdialog('close');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -237,7 +235,7 @@ var OCdialogs = {
|
||||||
* You better use a wrapper instead ...
|
* You better use a wrapper instead ...
|
||||||
*/
|
*/
|
||||||
message:function(content, title, dialogType, buttons, callback, modal) {
|
message:function(content, title, dialogType, buttons, callback, modal) {
|
||||||
$.when(this._getMessageTemplate()).then(function($tmpl) {
|
return $.when(this._getMessageTemplate()).then(function($tmpl) {
|
||||||
var dialogName = 'oc-dialog-' + OCdialogs.dialogsCounter + '-content';
|
var dialogName = 'oc-dialog-' + OCdialogs.dialogsCounter + '-content';
|
||||||
var dialogId = '#' + dialogName;
|
var dialogId = '#' + dialogName;
|
||||||
var $dlg = $tmpl.octemplate({
|
var $dlg = $tmpl.octemplate({
|
||||||
|
@ -254,6 +252,15 @@ var OCdialogs = {
|
||||||
switch (buttons) {
|
switch (buttons) {
|
||||||
case OCdialogs.YES_NO_BUTTONS:
|
case OCdialogs.YES_NO_BUTTONS:
|
||||||
buttonlist = [{
|
buttonlist = [{
|
||||||
|
text: t('core', 'No'),
|
||||||
|
click: function(){
|
||||||
|
if (callback !== undefined) {
|
||||||
|
callback(false);
|
||||||
|
}
|
||||||
|
$(dialogId).ocdialog('close');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
text: t('core', 'Yes'),
|
text: t('core', 'Yes'),
|
||||||
click: function(){
|
click: function(){
|
||||||
if (callback !== undefined) {
|
if (callback !== undefined) {
|
||||||
|
@ -262,15 +269,6 @@ var OCdialogs = {
|
||||||
$(dialogId).ocdialog('close');
|
$(dialogId).ocdialog('close');
|
||||||
},
|
},
|
||||||
defaultButton: true
|
defaultButton: true
|
||||||
},
|
|
||||||
{
|
|
||||||
text: t('core', 'No'),
|
|
||||||
click: function(){
|
|
||||||
if (callback !== undefined) {
|
|
||||||
callback(false);
|
|
||||||
}
|
|
||||||
$(dialogId).ocdialog('close');
|
|
||||||
}
|
|
||||||
}];
|
}];
|
||||||
break;
|
break;
|
||||||
case OCdialogs.OK_BUTTON:
|
case OCdialogs.OK_BUTTON:
|
||||||
|
|
Loading…
Reference in New Issue