bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Visual indication while saving the settings

Browse Source 
* Button label change to "applying changes"
* Button become disabled
* Cursor changes to "progress"

Bug: 53772
Change-Id: I1de459590ea9b357965a73f274d566eba8c04482
This commit is contained in:
Santhosh Thottingal
2013-11-14 17:31:35 +05:30
committed by Amir E. Aharoni
parent 6a7fe531d2
commit 277b0db94d
6 changed files with 33 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
i18n/en.json
View File

@@ -47,5 +47,6 @@
"ext-uls-input-disable-notification-undo": "Undo", "ext-uls-input-disable-notification-undo": "Undo",
"ext-uls-input-disable-notification-info-personal": "You can enable the input tools at any time from the language settings.", "ext-uls-input-disable-notification-info-personal": "You can enable the input tools at any time from the language settings.",
"ext-uls-input-disable-notification-info-interlanguage": "You can enable the input tools at any time from the language settings next to the language list.", "ext-uls-input-disable-notification-info-interlanguage": "You can enable the input tools at any time from the language settings next to the language list.",
"ext-uls-language-settings-applying": "Applying...",
"ext-uls-language-settings-preferences-link": "More language settings" "ext-uls-language-settings-preferences-link": "More language settings"
} }

1
i18n/qqq.json
View File

@@ -48,5 +48,6 @@
"ext-uls-input-disable-notification-undo": "Undo link text in the input method disable notification bubble", "ext-uls-input-disable-notification-undo": "Undo link text in the input method disable notification bubble",
"ext-uls-input-disable-notification-info-personal": "Notification bubble text when input methods are disabled, appears if the ULS is at personal toolbar", "ext-uls-input-disable-notification-info-personal": "Notification bubble text when input methods are disabled, appears if the ULS is at personal toolbar",
"ext-uls-input-disable-notification-info-interlanguage": "Notification bubble text when input methods are disabled, appears if the ULS is at interlanguage toolbar", "ext-uls-input-disable-notification-info-interlanguage": "Notification bubble text when input methods are disabled, appears if the ULS is at interlanguage toolbar",
"ext-uls-language-settings-applying": "Label for apply settings button in language settings screen, while settings being saved. Please keep it short.",
"ext-uls-language-settings-preferences-link": "Text for the link showin in user preference screen" "ext-uls-language-settings-preferences-link": "Text for the link showin in user preference screen"
} }

4
resources/css/ext.uls.languagesettings.css
View File

@@ -120,3 +120,7 @@
label.checkbox input[type="checkbox"] { label.checkbox input[type="checkbox"] {
float: left; float: left;
} }
.waiting {
cursor: progress;
}

2
resources/js/ext.uls.displaysettings.js
View File

@@ -573,6 +573,7 @@
return; return;
} }
displaySettings.$parent.setBusy( true );
// Save the preferences // Save the preferences
mw.webfonts.preferences.save( function ( result ) { mw.webfonts.preferences.save( function ( result ) {
var newFonts = mw.webfonts.preferences.registry.fonts || {}, var newFonts = mw.webfonts.preferences.registry.fonts || {},
@@ -595,6 +596,7 @@
displaySettings.dirty = false; displaySettings.dirty = false;
// Update the back-up preferences for the case of canceling // Update the back-up preferences for the case of canceling
displaySettings.savedRegistry = $.extend( true, {}, mw.webfonts.preferences ); displaySettings.savedRegistry = $.extend( true, {}, mw.webfonts.preferences );
displaySettings.$parent.setBusy( false );
} ); } );
}, },

2
resources/js/ext.uls.inputsettings.js
View File

@@ -507,6 +507,7 @@
// No changes to save in this module. // No changes to save in this module.
return; return;
} }
inputSettings.$parent.setBusy( true );
if ( previousLanguage ) { if ( previousLanguage ) {
previousIM = inputSettings.savedRegistry.imes[previousLanguage]; previousIM = inputSettings.savedRegistry.imes[previousLanguage];
@@ -530,6 +531,7 @@
inputSettings.dirty = false; inputSettings.dirty = false;
// Update the back-up preferences for the case of canceling // Update the back-up preferences for the case of canceling
inputSettings.savedRegistry = $.extend( true, {}, $.ime.preferences.registry ); inputSettings.savedRegistry = $.extend( true, {}, $.ime.preferences.registry );
inputSettings.$parent.setBusy( false );
} ); } );
}, },

22
resources/js/ext.uls.languagesettings.js
View File

@@ -234,6 +234,28 @@
this.$window.hide(); this.$window.hide();
}, },
/**
* Put the language settings panel in busy mode.
* Busy mode means displaying a progress cursor,
* and showing the 'apply' button as disabled and with
* a different label.
* @param {boolean} busy set true to put the panel in busy mode,
* false to unset the busy mode.
*/
setBusy: function ( busy ) {
var $applyButton = this.$window.find( 'button.uls-settings-apply' );
if ( busy ) {
this.$window.addClass( 'waiting' );
$applyButton
.text( $.i18n( 'ext-uls-language-settings-applying' ) )
.prop( 'disabled', true );
} else {
this.$window.removeClass( 'waiting' );
$applyButton.text( $.i18n( 'ext-uls-language-settings-apply' ) );
}
},
/** /**
* Close this language settings window, and * Close this language settings window, and
* call onClose if defined from the previous context. * call onClose if defined from the previous context.