Use progress bar instead of text when initializing the slider

Bug: T139233
Change-Id: I27d24c8d6fc5a357b4af9bf929799a237fd200d9
This commit is contained in:
Leszek Manicki 2016-08-11 09:32:18 +02:00 committed by WMDE-Fisch
parent 2c6bd11eda
commit 686bc5df9a
3 changed files with 10 additions and 7 deletions

View file

@ -80,6 +80,11 @@ class RevisionSliderHooks {
] );
$toggleButton->setAttributes( [ 'style' => 'width: 100%; text-align: center;' ] );
$progressBar = new OOUI\ProgressBarWidget( [ 'progress' => false ] );
$progressBar->setAttributes( [
'style' => 'margin: 0 auto;',
] );
$out->addHTML(
Html::rawElement(
'div',
@ -95,13 +100,13 @@ class RevisionSliderHooks {
'style' => 'min-height: 142px; border-top: 1px solid #cccccc; padding: 10px;' .
( !$autoExpand ? ' display: none;' : '' ),
],
Html::element(
'p',
Html::rawElement(
'div',
[
'class' => 'mw-revslider-placeholder',
'style' => 'text-align: center',
'style' => 'text-align: center; margin-top: 60px;',
'class' => 'mw-revslider-placeholder'
],
( new Message( 'revisionslider-loading-placeholder' ) )->text()
$progressBar
)
)
)

View file

@ -17,7 +17,6 @@
"revisionslider-label-comment": "Comment",
"revisionslider-label-username": "{{GENDER:$1|Username}}",
"revisionslider-minoredit": "This is a minor edit",
"revisionslider-loading-placeholder": "The revision slider is loading...",
"revisionslider-loading-failed": "The revision slider failed to load.",
"revisionslider-toggle-title-expand": "Open revision slider",
"revisionslider-toggle-title-collapse": "Collapse revision slider",

View file

@ -19,7 +19,6 @@
"revisionslider-label-comment": "Label for the edit summary of the revision.\n{{Identical|Comment}}",
"revisionslider-label-username": "Label for the revision's author's username.\n\nParameters:\n$1 - Gender as in user preferences (suitable for GENDER)\n{{Identical|Username}}",
"revisionslider-minoredit": "Text labeling a minor edit.",
"revisionslider-loading-placeholder": "Message shown while the RevisionSlider is still loading on a diff page. Once loaded the message is removed.",
"revisionslider-loading-failed": "Message shown if the RevisionSlider fails to initially load.",
"revisionslider-toggle-title-expand": "Message shown as a \"title\" of the exand button",
"revisionslider-toggle-title-collapse": "Message shown as a \"title\" of the collapse button",