MOBILE-3594 core: Fix some fontawesome icons

main
Pau Ferrer Ocaña 2020-11-19 13:47:32 +01:00
parent 7ae3c9c3dc
commit f76c54b053
22 changed files with 49 additions and 49 deletions

View File

@ -49,7 +49,7 @@
<!-- Upload a private file. --> <!-- Upload a private file. -->
<ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="showUpload && root != 'site' && !path"> <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="showUpload && root != 'site' && !path">
<ion-fab-button (click)="uploadFile()" [attr.aria-label]="'core.fileuploader.uploadafile' | translate"> <ion-fab-button (click)="uploadFile()" [attr.aria-label]="'core.fileuploader.uploadafile' | translate">
<ion-icon name="fa-plus"></ion-icon> <ion-icon name="fas-plus"></ion-icon>
</ion-fab-button> </ion-fab-button>
</ion-fab> </ion-fab>
</ion-content> </ion-content>

View File

@ -21,7 +21,7 @@ import { Component, Input, OnChanges, ElementRef, SimpleChange } from '@angular/
* *
* Check available icons at https://fontawesome.com/icons?d=gallery&m=free * Check available icons at https://fontawesome.com/icons?d=gallery&m=free
* *
* @deprecated since 3.9.3. Please use <ion-icon name="fa-icon"> instead. * @deprecated since 3.9.3. Please use <ion-icon name="fas-icon"> instead.
*/ */
@Component({ @Component({
selector: 'core-icon', selector: 'core-icon',

View File

@ -4,11 +4,11 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
<ion-icon slot="icon-only" name="fa-times"></ion-icon> <ion-icon slot="icon-only" name="fas-times"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content> <ion-content>
<core-iframe [src]="recaptchaUrl" (loaded)="loaded($event)"></core-iframe> <core-iframe [src]="recaptchaUrl" (loaded)="loaded($event)"></core-iframe>
</ion-content> </ion-content>

View File

@ -3,7 +3,7 @@
<ion-spinner *ngIf="!hideUntil"></ion-spinner> <ion-spinner *ngIf="!hideUntil"></ion-spinner>
<ion-row *ngIf="hideUntil"> <ion-row *ngIf="hideUntil">
<ion-col class="col-with-arrow ion-no-padding" (click)="slidePrev()" size="1"> <ion-col class="col-with-arrow ion-no-padding" (click)="slidePrev()" size="1">
<ion-icon *ngIf="showPrevButton" name="fa-chevron-left"></ion-icon> <ion-icon *ngIf="showPrevButton" name="fas-chevron-left"></ion-icon>
</ion-col> </ion-col>
<ion-col class="ion-no-padding" size="10"> <ion-col class="ion-no-padding" size="10">
<ion-slides (ionSlideDidChange)="slideChanged()" [options]="slideOpts" [dir]="direction" role="tablist" <ion-slides (ionSlideDidChange)="slideChanged()" [options]="slideOpts" [dir]="direction" role="tablist"
@ -24,7 +24,7 @@
</ion-slides> </ion-slides>
</ion-col> </ion-col>
<ion-col class="col-with-arrow ion-no-padding" (click)="slideNext()" size="1"> <ion-col class="col-with-arrow ion-no-padding" (click)="slideNext()" size="1">
<ion-icon *ngIf="showNextButton" name="fa-chevron-right"></ion-icon> <ion-icon *ngIf="showNextButton" name="fas-chevron-right"></ion-icon>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-tab-bar> </ion-tab-bar>

View File

@ -23,7 +23,7 @@ import { CoreConstants } from '@/core/constants';
* *
* Example usage: * Example usage:
* *
* <ion-icon name="fa-icon"> * <ion-icon name="fas-icon">
*/ */
@Directive({ @Directive({
selector: 'ion-icon[name]', selector: 'ion-icon[name]',

View File

@ -194,8 +194,8 @@ export class CoreFormatTextDirective implements OnChanges {
anchor.classList.add('core-image-viewer-icon'); anchor.classList.add('core-image-viewer-icon');
anchor.setAttribute('aria-label', label); anchor.setAttribute('aria-label', label);
// Add an ion-icon item to apply the right styles, but the ion-icon component won't be executed. // @todo Add an ion-icon item to apply the right styles, but the ion-icon component won't be executed.
anchor.innerHTML = '<ion-icon name="search" class="icon icon-md ion-md-search"></ion-icon>'; anchor.innerHTML = '<ion-icon name="fas-search" class="icon icon-md ion-md-search"></ion-icon>';
anchor.addEventListener('click', (e: Event) => { anchor.addEventListener('click', (e: Event) => {
e.preventDefault(); e.preventDefault();

View File

@ -7,7 +7,7 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button (click)="close()" [attr.aria-label]="'core.close' | translate"> <ion-button (click)="close()" [attr.aria-label]="'core.close' | translate">
<ion-icon name="close" slot="icon-only"></ion-icon> <ion-icon name="fas-times" slot="icon-only"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

View File

@ -61,7 +61,7 @@
</ion-item-divider> </ion-item-divider>
<core-courses-course-list-item *ngFor="let course of courses" [course]="course"></core-courses-course-list-item> <core-courses-course-list-item *ngFor="let course of courses" [course]="course"></core-courses-course-list-item>
</div> </div>
<core-empty-box *ngIf="!categories.length && !courses.length" icon="ionic" [message]="'core.courses.nocoursesyet' | translate"> <core-empty-box *ngIf="!categories.length && !courses.length" icon="fas-graduation-cap" [message]="'core.courses.nocoursesyet' | translate">
</core-empty-box> </core-empty-box>
</core-loading> </core-loading>
</ion-content> </ion-content>

View File

@ -7,7 +7,7 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button *ngIf="searchEnabled" (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate"> <ion-button *ngIf="searchEnabled" (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate">
<ion-icon name="search" slot="icon-only"></ion-icon> <ion-icon name="fas-search" slot="icon-only"></ion-icon>
</ion-button> </ion-button>
<ng-container *ngIf="downloadAllCoursesEnabled && courses && courses.length >= 2"> <ng-container *ngIf="downloadAllCoursesEnabled && courses && courses.length >= 2">
<ion-button *ngIf="!downloadAllCoursesLoading" (click)="prefetchCourses()" <ion-button *ngIf="!downloadAllCoursesLoading" (click)="prefetchCourses()"

View File

@ -30,8 +30,8 @@
<!-- Button to start/stop in mobile devices. --> <!-- Button to start/stop in mobile devices. -->
<ion-button fill="clear" *ngIf="!hasCaptured && isCordovaAudioCapture" (click)="actionClicked()" <ion-button fill="clear" *ngIf="!hasCaptured && isCordovaAudioCapture" (click)="actionClicked()"
[attr.aria-label]="title"> [attr.aria-label]="title">
<ion-icon *ngIf="!isCapturing" name="fa-microphone" slot="icon-only"></ion-icon> <ion-icon *ngIf="!isCapturing" name="fas-microphone" slot="icon-only"></ion-icon>
<ion-icon *ngIf="isCapturing" name="fa-square" slot="icon-only"></ion-icon> <ion-icon *ngIf="isCapturing" name="fas-square" slot="icon-only"></ion-icon>
</ion-button> </ion-button>
<!-- Audio player to listen to the result. --> <!-- Audio player to listen to the result. -->
@ -47,13 +47,13 @@
<ion-col class="ion-text-center"> <ion-col class="ion-text-center">
<ion-button fill="clear" *ngIf="!hasCaptured && !isCordovaAudioCapture" (click)="actionClicked()" <ion-button fill="clear" *ngIf="!hasCaptured && !isCordovaAudioCapture" (click)="actionClicked()"
[attr.aria-label]="title"> [attr.aria-label]="title">
<ion-icon *ngIf="!isCapturing && isAudio" name="fa-microphone" slot="icon-only"></ion-icon> <ion-icon *ngIf="!isCapturing && isAudio" name="fas-microphone" slot="icon-only"></ion-icon>
<ion-icon *ngIf="!isCapturing && isVideo" name="fa-video" slot="icon-only"></ion-icon> <ion-icon *ngIf="!isCapturing && isVideo" name="fas-video" slot="icon-only"></ion-icon>
<ion-icon *ngIf="isImage" name="fa-camera" slot="icon-only"></ion-icon> <ion-icon *ngIf="isImage" name="fas-camera" slot="icon-only"></ion-icon>
<ion-icon *ngIf="isCapturing" name="fa-square" slot="icon-only"></ion-icon> <ion-icon *ngIf="isCapturing" name="fas-square" slot="icon-only"></ion-icon>
</ion-button> </ion-button>
<ion-button fill="clear" *ngIf="hasCaptured" (click)="discard()" [attr.aria-label]="'core.discard' | translate"> <ion-button fill="clear" *ngIf="hasCaptured" (click)="discard()" [attr.aria-label]="'core.discard' | translate">
<ion-icon color="danger" name="fa-trash" slot="icon-only"></ion-icon> <ion-icon color="danger" name="fas-trash" slot="icon-only"></ion-icon>
</ion-button> </ion-button>
</ion-col> </ion-col>
<ion-col class="ion-padding ion-text-end chrono-container"> <ion-col class="ion-padding ion-text-end chrono-container">

View File

@ -4,7 +4,7 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button (click)="closeHelp()" [attr.aria-label]="'core.close' | translate"> <ion-button (click)="closeHelp()" [attr.aria-label]="'core.close' | translate">
<ion-icon slot="icon-only" name="fa-times"></ion-icon> <ion-icon slot="icon-only" name="fas-times"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
@ -73,4 +73,4 @@
</ion-label> </ion-label>
</ion-item> </ion-item>
</ion-list> </ion-list>
</ion-content> </ion-content>

View File

@ -2,7 +2,7 @@
<ion-toolbar> <ion-toolbar>
<ion-buttons slot="start"> <ion-buttons slot="start">
<ion-button (click)="previous($event)" [attr.aria-label]="'core.back' | translate"> <ion-button (click)="previous($event)" [attr.aria-label]="'core.back' | translate">
<ion-icon slot="icon-only" name="fa-arrow-left"></ion-icon> <ion-icon slot="icon-only" name="fas-arrow-left"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>

View File

@ -9,7 +9,7 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button router-direction="forward" routerLink="/settings" <ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate"> [attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon> <ion-icon slot="icon-only" name="fas-cog"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
@ -53,7 +53,7 @@
<ng-container *ngIf="showScanQR"> <ng-container *ngIf="showScanQR">
<div class="ion-text-center ion-padding">{{ 'core.login.or' | translate }}</div> <div class="ion-text-center ion-padding">{{ 'core.login.or' | translate }}</div>
<ion-button expand="block" color="light" class="ion-margin" lines="none" (click)="showInstructionsAndScanQR()"> <ion-button expand="block" color="light" class="ion-margin" lines="none" (click)="showInstructionsAndScanQR()">
<ion-icon slot="start" name="fa-qrcode" aria-hidden="true"></ion-icon> <ion-icon slot="start" name="fas-qrcode" aria-hidden="true"></ion-icon>
<ion-label>{{ 'core.scanqr' | translate }}</ion-label> <ion-label>{{ 'core.scanqr' | translate }}</ion-label>
</ion-button> </ion-button>
</ng-container> </ng-container>

View File

@ -9,7 +9,7 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button router-direction="forward" routerLink="/settings" <ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate"> [attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon> <ion-icon slot="icon-only" name="fas-cog"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
@ -50,7 +50,7 @@
<ion-item button *ngIf="enteredSiteUrl" (click)="connect($event, enteredSiteUrl.url)" <ion-item button *ngIf="enteredSiteUrl" (click)="connect($event, enteredSiteUrl.url)"
[attr.aria-label]="'core.login.connect' | translate" detail-push class="core-login-entered-site"> [attr.aria-label]="'core.login.connect' | translate" detail-push class="core-login-entered-site">
<ion-thumbnail slot="start"> <ion-thumbnail slot="start">
<ion-icon name="fa-pencil-alt"></ion-icon> <ion-icon name="fas-pencil-alt"></ion-icon>
</ion-thumbnail> </ion-thumbnail>
<ion-label> <ion-label>
<h2 text-wrap>{{ 'core.login.yourenteredsite' | translate }}</h2> <h2 text-wrap>{{ 'core.login.yourenteredsite' | translate }}</h2>
@ -98,7 +98,7 @@
<ng-container *ngIf="showScanQR && !hasSites && !enteredSiteUrl"> <ng-container *ngIf="showScanQR && !hasSites && !enteredSiteUrl">
<div class="ion-text-center ion-padding ion-margin-top">{{ 'core.login.or' | translate }}</div> <div class="ion-text-center ion-padding ion-margin-top">{{ 'core.login.or' | translate }}</div>
<ion-button expand="block" color="light" class="ion-margin" lines="none" (click)="showInstructionsAndScanQR()"> <ion-button expand="block" color="light" class="ion-margin" lines="none" (click)="showInstructionsAndScanQR()">
<ion-icon slot="start" name="fa-qrcode" aria-hidden="true"></ion-icon> <ion-icon slot="start" name="fas-qrcode" aria-hidden="true"></ion-icon>
<ion-label>{{ 'core.scanqr' | translate }}</ion-label> <ion-label>{{ 'core.scanqr' | translate }}</ion-label>
</ion-button> </ion-button>
</ng-container> </ng-container>

View File

@ -8,11 +8,11 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button *ngIf="sites && sites.length > 0" (click)="toggleDelete()" [attr.aria-label]="'core.delete' | translate"> <ion-button *ngIf="sites && sites.length > 0" (click)="toggleDelete()" [attr.aria-label]="'core.delete' | translate">
<ion-icon slot="icon-only" name="fa-pencil-alt"></ion-icon> <ion-icon slot="icon-only" name="fas-pencil-alt"></ion-icon>
</ion-button> </ion-button>
<ion-button router-direction="forward" routerLink="/settings" <ion-button router-direction="forward" routerLink="/settings"
[attr.aria-label]="'core.settings.appsettings' | translate"> [attr.aria-label]="'core.settings.appsettings' | translate">
<ion-icon slot="icon-only" name="fa-cog"></ion-icon> <ion-icon slot="icon-only" name="fas-cog"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
@ -32,13 +32,13 @@
<ion-badge slot="end" *ngIf="!showDelete && site.badge">{{site.badge}}</ion-badge> <ion-badge slot="end" *ngIf="!showDelete && site.badge">{{site.badge}}</ion-badge>
<ion-button *ngIf="showDelete" slot="end" fill="clear" color="danger" (click)="deleteSite($event, site)" <ion-button *ngIf="showDelete" slot="end" fill="clear" color="danger" (click)="deleteSite($event, site)"
[attr.aria-label]="'core.delete' | translate"> [attr.aria-label]="'core.delete' | translate">
<ion-icon name="fa-trash" slot="icon-only"></ion-icon> <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
</ion-button> </ion-button>
</ion-item> </ion-item>
</ion-list> </ion-list>
<ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end"> <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end">
<ion-fab-button (click)="add()" [attr.aria-label]="'core.add' | translate"> <ion-fab-button (click)="add()" [attr.aria-label]="'core.add' | translate">
<ion-icon name="fa-plus"></ion-icon> <ion-icon name="fas-plus"></ion-icon>
</ion-fab-button> </ion-fab-button>
</ion-fab> </ion-fab>
</ion-content> </ion-content>

View File

@ -13,7 +13,7 @@
</ion-tab-button> </ion-tab-button>
<ion-tab-button (ionTabButtonClick)="tabClicked($event, 'more')" [hidden]="!loaded" tab="more" layout="label-hide"> <ion-tab-button (ionTabButtonClick)="tabClicked($event, 'more')" [hidden]="!loaded" tab="more" layout="label-hide">
<ion-icon name="fa-bars"></ion-icon> <ion-icon name="fas-bars"></ion-icon>
<ion-label>{{ 'core.more' | translate }}</ion-label> <ion-label>{{ 'core.more' | translate }}</ion-label>
</ion-tab-button> </ion-tab-button>
</ion-tab-bar> </ion-tab-bar>

View File

@ -51,34 +51,34 @@
</ion-item> </ion-item>
</ng-container> </ng-container>
<ion-item button *ngIf="showScanQR" (click)="scanQR()" detail> <ion-item button *ngIf="showScanQR" (click)="scanQR()" detail>
<ion-icon name="fa-qrcode" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-qrcode" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<h2>{{ 'core.scanqr' | translate }}</h2> <h2>{{ 'core.scanqr' | translate }}</h2>
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item button *ngIf="showWeb && siteInfo" [href]="siteInfo.siteurl" core-link autoLogin="yes" <ion-item button *ngIf="showWeb && siteInfo" [href]="siteInfo.siteurl" core-link autoLogin="yes"
title="{{ 'core.mainmenu.website' | translate }}" detail> title="{{ 'core.mainmenu.website' | translate }}" detail>
<ion-icon name="globe" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-globe" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<h2>{{ 'core.mainmenu.website' | translate }}</h2> <h2>{{ 'core.mainmenu.website' | translate }}</h2>
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item button *ngIf="showHelp" [href]="docsUrl" core-link autoLogin="no" <ion-item button *ngIf="showHelp" [href]="docsUrl" core-link autoLogin="no"
title="{{ 'core.mainmenu.help' | translate }}" detail> title="{{ 'core.mainmenu.help' | translate }}" detail>
<ion-icon name="help-buoy" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="far-life-ring" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<h2>{{ 'core.mainmenu.help' | translate }}</h2> <h2>{{ 'core.mainmenu.help' | translate }}</h2>
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item button router-direction="forward" routerLink="preferences" <ion-item button router-direction="forward" routerLink="preferences"
title="{{ 'core.settings.preferences' | translate }}" detail> title="{{ 'core.settings.preferences' | translate }}" detail>
<ion-icon name="fa-wrench" slot="start"></ion-icon> <ion-icon name="fas-wrench" slot="start"></ion-icon>
<ion-label> <ion-label>
<h2>{{ 'core.settings.preferences' | translate }}</h2> <h2>{{ 'core.settings.preferences' | translate }}</h2>
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item button (click)="logout()" title="{{ logoutLabel | translate }}" detail> <ion-item button (click)="logout()" title="{{ logoutLabel | translate }}" detail>
<ion-icon name="log-out" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-sign-out-alt" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<h2>{{ logoutLabel | translate }}</h2> <h2>{{ logoutLabel | translate }}</h2>
</ion-label> </ion-label>
@ -86,7 +86,7 @@
<ion-item-divider></ion-item-divider> <ion-item-divider></ion-item-divider>
<ion-item button router-direction="forward" routerLink="settings" <ion-item button router-direction="forward" routerLink="settings"
title="{{ 'core.settings.appsettings' | translate }}" detail> title="{{ 'core.settings.appsettings' | translate }}" detail>
<ion-icon name="fa-cogs" slot="start"></ion-icon> <ion-icon name="fas-cogs" slot="start"></ion-icon>
<ion-label> <ion-label>
<h2>{{ 'core.settings.appsettings' | translate }}</h2> <h2>{{ 'core.settings.appsettings' | translate }}</h2>
</ion-label> </ion-label>

View File

@ -19,7 +19,7 @@
<ion-list class="core-search-history" [hidden]="!historyShown"> <ion-list class="core-search-history" [hidden]="!historyShown">
<ion-item button class="ion-text-wrap" *ngFor="let item of history" <ion-item button class="ion-text-wrap" *ngFor="let item of history"
(click)="historyClicked($event, item.searchedtext)" tabindex="1" detail> (click)="historyClicked($event, item.searchedtext)" tabindex="1" detail>
<ion-icon name="fa-history" slot="start"> <ion-icon name="fas-history" slot="start">
</ion-icon> </ion-icon>
{{item.searchedtext}} {{item.searchedtext}}
</ion-item> </ion-item>

View File

@ -18,11 +18,11 @@
<ion-label>{{ 'core.settings.opensourcelicenses' | translate }}</ion-label> <ion-label>{{ 'core.settings.opensourcelicenses' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button class="ion-text-wrap" *ngIf="privacyPolicy" [href]="privacyPolicy" core-link auto-login="no" detail> <ion-item button class="ion-text-wrap" *ngIf="privacyPolicy" [href]="privacyPolicy" core-link auto-login="no" detail>
<ion-icon name="fa-user-shield" slot="start"></ion-icon> <ion-icon name="fas-user-shield" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label> <ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button class="ion-text-wrap" (click)="openPage('deviceinfo')" detail> <ion-item button class="ion-text-wrap" (click)="openPage('deviceinfo')" detail>
<ion-icon name="fa-mobile" slot="start"></ion-icon> <ion-icon name="fas-mobile" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label> <ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label>
</ion-item> </ion-item>
</ion-content> </ion-content>

View File

@ -10,25 +10,25 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<ion-item button (click)="openSettings('general')" [class.core-split-item-selected]="'general' == selectedPage" detail> <ion-item button (click)="openSettings('general')" [class.core-split-item-selected]="'general' == selectedPage" detail>
<ion-icon name="fa-wrench" slot="start"></ion-icon> <ion-icon name="fas-wrench" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.general' | translate }}</ion-label> <ion-label>{{ 'core.settings.general' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button (click)="openSettings('spaceusage')" [class.core-split-item-selected]="'spaceusage' == selectedPage" <ion-item button (click)="openSettings('spaceusage')" [class.core-split-item-selected]="'spaceusage' == selectedPage"
detail> detail>
<ion-icon name="fa-tasks" slot="start"></ion-icon> <ion-icon name="fas-tasks" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.spaceusage' | translate }}</ion-label> <ion-label>{{ 'core.settings.spaceusage' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button (click)="openSettings('sync')" [class.core-split-item-selected]="'sync' == selectedPage" detail> <ion-item button (click)="openSettings('sync')" [class.core-split-item-selected]="'sync' == selectedPage" detail>
<ion-icon name="fa-sync-alt" slot="start"></ion-icon> <ion-icon name="fas-sync-alt" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.synchronization' | translate }}</ion-label> <ion-label>{{ 'core.settings.synchronization' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button *ngIf="isIOS" (click)="openSettings('sharedfiles', {manage: true})" <ion-item button *ngIf="isIOS" (click)="openSettings('sharedfiles', {manage: true})"
[class.core-split-item-selected]="'sharedfiles' == selectedPage" detail> [class.core-split-item-selected]="'sharedfiles' == selectedPage" detail>
<ion-icon name="fa-folder" slot="start"></ion-icon> <ion-icon name="fas-folder" slot="start"></ion-icon>
<ion-label>{{ 'core.sharedfiles.sharedfiles' | translate }}</ion-label> <ion-label>{{ 'core.sharedfiles.sharedfiles' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button (click)="openSettings('about')" [class.core-split-item-selected]="'about' == selectedPage" detail> <ion-item button (click)="openSettings('about')" [class.core-split-item-selected]="'about' == selectedPage" detail>
<ion-icon name="fa-id-card" slot="start"></ion-icon> <ion-icon name="fas-id-card" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.about' | translate }}</ion-label> <ion-label>{{ 'core.settings.about' | translate }}</ion-label>
</ion-item> </ion-item>
</ion-content> </ion-content>

View File

@ -8,7 +8,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button (click)="copyInfo()" [attr.aria-label]="'core.settings.copyinfo' | translate"> <ion-button (click)="copyInfo()" [attr.aria-label]="'core.settings.copyinfo' | translate">
<ion-icon slot="icon-only" name="fa-clipboard" color="light"></ion-icon> <ion-icon slot="icon-only" name="fas-clipboard" color="light"></ion-icon>
</ion-button> </ion-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

View File

@ -73,7 +73,7 @@
<ng-template #enrolledCourseList> <ng-template #enrolledCourseList>
<ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/courses/my" detail> <ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/courses/my" detail>
<ion-icon name="fa-graduation-cap" fixed-width slot="start"> <ion-icon name="fas-graduation-cap" fixed-width slot="start">
</ion-icon> </ion-icon>
<ion-label><h2>{{ 'core.courses.mycourses' | translate}}</h2></ion-label> <ion-label><h2>{{ 'core.courses.mycourses' | translate}}</h2></ion-label>
</ion-item> </ion-item>
@ -81,7 +81,7 @@
<ng-template #courseSearch> <ng-template #courseSearch>
<ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/courses/search" detail> <ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/courses/search" detail>
<ion-icon name="search" slot="start"></ion-icon> <ion-icon name="fas-search" slot="start"></ion-icon>
<ion-label><h2>{{ 'core.courses.searchcourses' | translate}}</h2></ion-label> <ion-label><h2>{{ 'core.courses.searchcourses' | translate}}</h2></ion-label>
</ion-item> </ion-item>
</ng-template> </ng-template>