MOBILE-3814 collapsible: Add AppearOnBottom to non main activity pages
This commit is contained in:
		
							parent
							
								
									33bd7c75a6
								
							
						
					
					
						commit
						d2a12eec9c
					
				@ -45,8 +45,8 @@
 | 
				
			|||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
    </core-loading>
 | 
					    </core-loading>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <core-navigation-bar collapsible-footer *ngIf="loaded && displayNavBar && navigationItems.length > 1" [items]="navigationItems"
 | 
					    <core-navigation-bar collapsible-footer appearOnBottom *ngIf="loaded && displayNavBar && navigationItems.length > 1"
 | 
				
			||||||
        previousTranslate="addon.mod_book.navprevtitle" nextTranslate="addon.mod_book.navnexttitle" (action)="changeChapter($event.id)"
 | 
					        [items]="navigationItems" previousTranslate="addon.mod_book.navprevtitle" nextTranslate="addon.mod_book.navnexttitle"
 | 
				
			||||||
        slot="fixed">
 | 
					        (action)="changeChapter($event.id)" slot="fixed">
 | 
				
			||||||
    </core-navigation-bar>
 | 
					    </core-navigation-bar>
 | 
				
			||||||
</ion-content>
 | 
					</ion-content>
 | 
				
			||||||
 | 
				
			|||||||
@ -61,7 +61,7 @@
 | 
				
			|||||||
            (onLoading)="setLoadingComments($event)" [showItem]="true">
 | 
					            (onLoading)="setLoadingComments($event)" [showItem]="true">
 | 
				
			||||||
        </core-comments>
 | 
					        </core-comments>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div collapsible-footer *ngIf="entryLoaded && hasPrevious || hasNext" slot="fixed">
 | 
					        <div collapsible-footer *ngIf="entryLoaded && hasPrevious || hasNext" slot="fixed" appearOnBottom>
 | 
				
			||||||
            <ion-row class="ion-justify-content-between ion-align-items-center ion-no-padding ion-wrap">
 | 
					            <ion-row class="ion-justify-content-between ion-align-items-center ion-no-padding ion-wrap">
 | 
				
			||||||
                <ion-col class="ion-text-start ion-no-padding core-navigation-arrow" size="auto">
 | 
					                <ion-col class="ion-text-start ion-no-padding core-navigation-arrow" size="auto">
 | 
				
			||||||
                    <ion-button [disabled]="!hasPrevious" fill="clear" [attr.aria-label]="'core.previous' | translate"
 | 
					                    <ion-button [disabled]="!hasPrevious" fill="clear" [attr.aria-label]="'core.previous' | translate"
 | 
				
			||||||
 | 
				
			|||||||
@ -149,7 +149,7 @@
 | 
				
			|||||||
            </ion-item>
 | 
					            </ion-item>
 | 
				
			||||||
        </ion-card>
 | 
					        </ion-card>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div collapsible-footer *ngIf="feedbackLoaded && completed" slot="fixed">
 | 
					        <div collapsible-footer *ngIf="feedbackLoaded && completed" slot="fixed" appearOnBottom>
 | 
				
			||||||
            <div class="list-item-limited-width adaptable-buttons-row">
 | 
					            <div class="list-item-limited-width adaptable-buttons-row">
 | 
				
			||||||
                <ion-button expand="block" fill="outline" (click)="showAnalysis()" class="ion-text-wrap ion-margin"
 | 
					                <ion-button expand="block" fill="outline" (click)="showAnalysis()" class="ion-text-wrap ion-margin"
 | 
				
			||||||
                    *ngIf="access!.canviewanalysis">
 | 
					                    *ngIf="access!.canviewanalysis">
 | 
				
			||||||
 | 
				
			|||||||
@ -33,7 +33,7 @@
 | 
				
			|||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
    </core-loading>
 | 
					    </core-loading>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <core-navigation-bar collapsible-footer *ngIf="loaded && navigationItems.length > 1" [items]="navigationItems"
 | 
					    <core-navigation-bar collapsible-footer appearOnBottom *ngIf="loaded && navigationItems.length > 1" [items]="navigationItems"
 | 
				
			||||||
        (action)="loadItem($event)">
 | 
					        (action)="loadItem($event)">
 | 
				
			||||||
    </core-navigation-bar>
 | 
					    </core-navigation-bar>
 | 
				
			||||||
</ion-content>
 | 
					</ion-content>
 | 
				
			||||||
 | 
				
			|||||||
@ -61,7 +61,7 @@
 | 
				
			|||||||
            </ion-item>
 | 
					            </ion-item>
 | 
				
			||||||
        </ion-list>
 | 
					        </ion-list>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div collapsible-footer *ngIf="loaded && attempt && showReviewColumn && attempt.finished" slot="fixed">
 | 
					        <div collapsible-footer appearOnBottom *ngIf="loaded && attempt && showReviewColumn && attempt.finished" slot="fixed">
 | 
				
			||||||
            <div class="list-item-limited-width">
 | 
					            <div class="list-item-limited-width">
 | 
				
			||||||
                <ion-button class="ion-margin ion-text-wrap" expand="block" (click)="reviewAttempt()">
 | 
					                <ion-button class="ion-margin ion-text-wrap" expand="block" (click)="reviewAttempt()">
 | 
				
			||||||
                    <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
 | 
					                    <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
 | 
				
			||||||
 | 
				
			|||||||
@ -149,7 +149,7 @@
 | 
				
			|||||||
            </ion-button>
 | 
					            </ion-button>
 | 
				
			||||||
        </ion-card>
 | 
					        </ion-card>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div collapsible-footer *ngIf="!quizAborted && showSummary && summaryQuestions.length && loaded" slot="fixed"
 | 
					        <div collapsible-footer appearOnBottom *ngIf="!quizAborted && showSummary && summaryQuestions.length && loaded" slot="fixed"
 | 
				
			||||||
            class="list-item-limited-width">
 | 
					            class="list-item-limited-width">
 | 
				
			||||||
            <ion-button *ngIf="preventSubmitMessages.length" expand="block" class="ion-margin ion-text-wrap" [href]="moduleUrl" core-link
 | 
					            <ion-button *ngIf="preventSubmitMessages.length" expand="block" class="ion-margin ion-text-wrap" [href]="moduleUrl" core-link
 | 
				
			||||||
                [showBrowserWarning]="false">
 | 
					                [showBrowserWarning]="false">
 | 
				
			||||||
 | 
				
			|||||||
@ -105,7 +105,7 @@
 | 
				
			|||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div collapsible-footer *ngIf="loaded && numPages > 1" slot="fixed">
 | 
					        <div collapsible-footer appearOnBottom *ngIf="loaded && numPages > 1" slot="fixed">
 | 
				
			||||||
            <ion-row class="ion-justify-content-between ion-align-items-center ion-no-padding ion-wrap">
 | 
					            <ion-row class="ion-justify-content-between ion-align-items-center ion-no-padding ion-wrap">
 | 
				
			||||||
                <ion-col class="ion-text-start ion-no-padding core-navigation-arrow" size="auto" *ngIf="!showAll">
 | 
					                <ion-col class="ion-text-start ion-no-padding core-navigation-arrow" size="auto" *ngIf="!showAll">
 | 
				
			||||||
                    <ion-button [disabled]="previousPage < 0" fill="clear" [attr.aria-label]="'core.previous' | translate"
 | 
					                    <ion-button [disabled]="previousPage < 0" fill="clear" [attr.aria-label]="'core.previous' | translate"
 | 
				
			||||||
 | 
				
			|||||||
@ -28,7 +28,7 @@
 | 
				
			|||||||
        <p *ngIf="!src && errorMessage">{{ errorMessage | translate }}</p>
 | 
					        <p *ngIf="!src && errorMessage">{{ errorMessage | translate }}</p>
 | 
				
			||||||
    </core-loading>
 | 
					    </core-loading>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <core-navigation-bar collapsible-footer *ngIf="loaded && navigationItems.length > 1" [items]="navigationItems"
 | 
					    <core-navigation-bar collapsible-footer appearOnBottom *ngIf="loaded && navigationItems.length > 1" [items]="navigationItems"
 | 
				
			||||||
        (action)="loadSco($event)" slot="fixed">
 | 
					        (action)="loadSco($event)" slot="fixed">
 | 
				
			||||||
    </core-navigation-bar>
 | 
					    </core-navigation-bar>
 | 
				
			||||||
</ion-content>
 | 
					</ion-content>
 | 
				
			||||||
 | 
				
			|||||||
@ -24,7 +24,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
            <core-infinite-loading [enabled]="canLoadMore" (action)="showMoreActivities($event)"></core-infinite-loading>
 | 
					            <core-infinite-loading [enabled]="canLoadMore" (action)="showMoreActivities($event)"></core-infinite-loading>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        <div collapsible-footer *ngIf="displayCourseIndex && (previousSection || nextSection)" slot="fixed">
 | 
					        <div collapsible-footer appearOnBottom *ngIf="displayCourseIndex && (previousSection || nextSection)" slot="fixed">
 | 
				
			||||||
            <div class="core-course-section-nav-buttons safe-area-padding-horizontal list-item-limited-width">
 | 
					            <div class="core-course-section-nav-buttons safe-area-padding-horizontal list-item-limited-width">
 | 
				
			||||||
                <ion-button *ngIf="previousSection" (click)="sectionChanged(previousSection)" expand="block"
 | 
					                <ion-button *ngIf="previousSection" (click)="sectionChanged(previousSection)" expand="block"
 | 
				
			||||||
                    [attr.aria-label]="('core.previous' | translate) + ': ' + previousSection.name">
 | 
					                    [attr.aria-label]="('core.previous' | translate) + ': ' + previousSection.name">
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user