makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-07-25 03:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/10270] Makes page fade to dark on popup, and added $.querystring.

Browse source 
PHPBB3-10270
This commit is contained in:
Callum Macrae 2011-07-25 20:42:29 +01:00 • committed by Igor Wiedler
parent b9bbbc3ede
commit 7ccc18297a
2 changed files with 133 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
phpBB/styles/prosilver/theme/common.css
View file

@ -593,8 +593,8 @@ li.pagination {
.jalert {
background-color: #FFFFFF;
border: 1px solid #999999;
display: none;
position: fixed;
display: none;
top: 100px;
left: 35%;
width: 30%;
@ -608,6 +608,20 @@ li.pagination {
padding-bottom: 8px;
}
#darkenwrapper {
display: none;
}
#darken {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {

139
phpBB/styles/script.js
View file

@ -1,5 +1,47 @@
$.querystring = function(string) {
var end = {}, i;
string = string.split('&');
for (i = 0; i < string.length; i++)
{
end[string[i].split('=')[0]] = decodeURIComponent(string[i].split('=')[1]);
}
return end;
}
var phpbb = {};
var dark = $('<div id="darkenwrapper"><div id="darken">&nbsp;</div></div>');
$('body').append(dark);
var loading_alert = $('<div class="jalert"><h3>Loading</h3><p>Please wait.</p></div>');
$(dark).append(loading_alert);
/**
* Display a loading screen.
*/
phpbb.loading_alert = function() {
if (dark.is(':visible'))
{
loading_alert.fadeIn();
}
else
{
loading_alert.show();
dark.fadeIn();
}
setTimeout(function() {
if (loading_alert.is(':visible'))
{
phpbb.alert('Error', 'Error processing your request. Please try again.');
}
}, 3000);
return loading_alert;
}
/**
* Display a simple alert similar to JSs native alert().
*
@ -8,22 +50,48 @@ var phpbb = {};
*
* @return Returns the div created.
*/
phpbb.alert = function(title, msg) {
phpbb.alert = function(title, msg, fadedark) {
var div = $('<div class="jalert"><h3>' + title + '</h3><p>' + msg + '</p></div>');
$(document).one('click', function(e) {
if ($(e.target).parents('.jalert').length)
$(div).bind('click', function(e) {
e.stopPropagation();
return true;
});
$(dark).one('click', function(e) {
if (typeof fadedark === 'undefined' || fadedark)
{
return true;
dark.fadeOut(function() {
div.remove();
});
}
else
{
div.fadeOut(function() {
div.remove();
});
}
div.fadeOut(function() {
div.remove();
});
return false;
});
$('body').append(div);
div.fadeIn();
if (loading_alert.is(':visible'))
{
loading_alert.fadeOut(function() {
$(dark).append(div);
div.fadeIn();
});
}
else if (dark.is(':visible'))
{
$(dark).append(div);
div.fadeIn();
}
else
{
$(dark).append(div);
div.show();
dark.fadeIn();
}
return div;
}
@ -35,21 +103,47 @@ phpbb.alert = function(title, msg) {
*
* @return Returns the div created.
*/
phpbb.confirm = function(msg, callback) {
phpbb.confirm = function(msg, callback, fadedark) {
var div = $('<div class="jalert"><p>' + msg + '</p>\
<input type="button" class="jalertbut button1" value="Yes" />&nbsp;\
<input type="button" class="jalertbut button2" value="No" /></div>');
$('body').append(div);
$('.jalertbut').bind('click', function(event) {
div.fadeOut(function() {
div.remove();
});
div.find('.jalertbut').bind('click', function() {
if (typeof fadedark === 'undefined' || fadedark)
{
dark.fadeOut(function() {
div.remove();
});
}
else
{
div.fadeOut(function() {
div.remove();
});
}
callback(this.value === 'Yes');
return false;
});
div.fadeIn();
if (loading_alert.is(':visible'))
{
loading_alert.fadeOut(function() {
$(dark).append(div);
div.fadeIn();
});
}
else if (dark.is(':visible'))
{
$(dark).append(div);
div.fadeIn();
}
else
{
$(dark).append(div);
div.show();
dark.fadeIn();
}
return div;
}
@ -82,7 +176,7 @@ phpbb.ajaxify = function(options, refresh, callback) {
}
else
{
div.fadeOut(function() {
dark.fadeOut(function() {
div.remove();
});
}
@ -135,6 +229,7 @@ phpbb.ajaxify = function(options, refresh, callback) {
{
data = $('<form>' + res.S_HIDDEN_FIELDS + '</form>').serialize();
path = res.S_CONFIRM_ACTION;
phpbb.loading_alert();
$.post(path, data + '&confirm=' + res.YES_VALUE, function(res) {
res = JSON.parse(res);
var alert = phpbb.alert(res.MESSAGE_TITLE, res.MESSAGE_TEXT);
@ -146,7 +241,7 @@ phpbb.ajaxify = function(options, refresh, callback) {
handle_refresh(res.REFRESH_DATA, refresh, alert);
});
}
});
}, false);
}
}
@ -171,6 +266,7 @@ phpbb.ajaxify = function(options, refresh, callback) {
{
return true;
}
phpbb.loading_alert();
$.post(path, data, return_handler);
}
else
@ -179,6 +275,7 @@ phpbb.ajaxify = function(options, refresh, callback) {
{
return true;
}
phpbb.loading_alert();
$.get(this.href, return_handler);
}
@ -240,7 +337,7 @@ $('[data-ajax]').each(function() {
phpbb.ajaxify({
selector: '#quickmodform',
exception: function(el, act, data) {
var d = data.split('=')[1];
var d = $.querystring(data).action;
if (d == 'make_normal')
{
return !(el.find('select option[value="make_global"]').length);