Make transclusion dialog "pending" while loading

Also, only allow animation of anything after things are ready

Depends on I5c45cc6 in oojs-ui

Change-Id: I2fa71a1d9a43db960aac4c1fad87eae96c898fad
This commit is contained in:
Trevor Parscal 2014-04-17 15:06:11 -07:00
parent 25d1ca0659
commit 062b2ed681
2 changed files with 10 additions and 5 deletions

View file

@ -51,6 +51,8 @@ ve.ui.MWTemplateDialog.static.bookletLayoutConfig = {
*/
ve.ui.MWTemplateDialog.prototype.onTransclusionReady = function () {
this.loaded = true;
this.$element.addClass( 've-ui-mwTemplateDialog-ready' );
this.popPending();
};
/**
@ -343,6 +345,7 @@ ve.ui.MWTemplateDialog.prototype.setup = function ( data ) {
.load( ve.copy( this.transclusionNode.getAttribute( 'mw' ) ) );
}
promise.always( ve.bind( this.onTransclusionReady, this ) );
this.pushPending();
};
/**
@ -357,6 +360,7 @@ ve.ui.MWTemplateDialog.prototype.teardown = function ( data ) {
this.saveChanges();
}
this.$element.removeClass( 've-ui-mwTemplateDialog-ready' );
this.transclusion.disconnect( this );
this.transclusion.abortRequests();
this.transclusion = null;

View file

@ -35,11 +35,12 @@
top: 1.5em;
}
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .oo-ui-fieldsetLayout > .oo-ui-iconedElement-icon,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .ve-ui-mwTransclusionDialog-removeButton,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .ve-ui-mwTemplatePage-more,
.ve-ui-mwTransclusionDialog .oo-ui-bookletLayout .ve-ui-mwParameterPage-more {
.ve-ui-mwTransclusionDialog.ve-ui-mwTemplateDialog-ready .oo-ui-bookletLayout .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label,
.ve-ui-mwTransclusionDialog.ve-ui-mwTemplateDialog-ready .oo-ui-bookletLayout .oo-ui-fieldsetLayout > .oo-ui-iconedElement-icon,
.ve-ui-mwTransclusionDialog.ve-ui-mwTemplateDialog-ready .oo-ui-bookletLayout .ve-ui-mwTransclusionDialog-removeButton,
.ve-ui-mwTransclusionDialog.ve-ui-mwTemplateDialog-ready .oo-ui-bookletLayout .ve-ui-mwTemplatePage-more,
.ve-ui-mwTransclusionDialog.ve-ui-mwTemplateDialog-ready .oo-ui-bookletLayout .ve-ui-mwParameterPage-more,
.ve-ui-mwTransclusionDialog.ve-ui-mwTemplateDialog-ready .oo-ui-bookletLayout > .oo-ui-gridLayout > .oo-ui-panelLayout {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;