EVOgeek/Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3765 UX: Change item icon in external links

Browse Source
This commit is contained in:
Noel De Martin 2021-06-02 11:59:31 +02:00
parent a98baa3ce9
commit 7c9dcf4932
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/core/features/mainmenu/pages/more/more.html
View File

@ -41,7 +41,8 @@
</ion-item> </ion-item>
<ng-container *ngFor="let item of customItems"> <ng-container *ngFor="let item of customItems">
<ion-item button *ngIf="item.type != 'embedded'" [href]="item.url" [attr.aria-label]="item.label" core-link <ion-item button *ngIf="item.type != 'embedded'" [href]="item.url" [attr.aria-label]="item.label" core-link
[capture]="item.type == 'app'" [inApp]="item.type == 'inappbrowser'" class="core-moremenu-customitem" detail="true"> [capture]="item.type == 'app'" [inApp]="item.type == 'inappbrowser'" class="core-moremenu-customitem" detail="true"
[detailIcon]="item.type == 'browser' ? 'open-outline' : null">
<ion-icon [name]="item.icon" slot="start" aria-hidden="true"></ion-icon> <ion-icon [name]="item.icon" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<p class="item-heading">{{item.label}}</p> <p class="item-heading">{{item.label}}</p>
@ -62,14 +63,14 @@
</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"
[attr.aria-label]="'core.mainmenu.website' | translate" detail="true"> [attr.aria-label]="'core.mainmenu.website' | translate" detail="true" detailIcon="open-outline">
<ion-icon name="fas-globe" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-globe" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<p class="item-heading">{{ 'core.mainmenu.website' | translate }}</p> <p class="item-heading">{{ 'core.mainmenu.website' | translate }}</p>
</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"
[attr.aria-label]="'core.mainmenu.help' | translate" detail="true"> [attr.aria-label]="'core.mainmenu.help' | translate" detail="true" detailIcon="open-outline">
<ion-icon name="far-life-ring" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="far-life-ring" slot="start" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
<p class="item-heading">{{ 'core.mainmenu.help' | translate }}</p> <p class="item-heading">{{ 'core.mainmenu.help' | translate }}</p>

19
src/core/features/settings/pages/about/about.html
View File

@ -17,15 +17,24 @@
<ion-icon name="far-copyright" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="far-copyright" slot="start" aria-hidden="true"></ion-icon>
<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="true">
<ion-icon name="fas-user-shield" slot="start" aria-hidden="true"></ion-icon>
<ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label>
</ion-item>
<ion-item button class="ion-text-wrap" (click)="openPage('deviceinfo')" detail="true"> <ion-item button class="ion-text-wrap" (click)="openPage('deviceinfo')" detail="true">
<ion-icon name="fas-mobile" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-mobile" slot="start" aria-hidden="true"></ion-icon>
<ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label> <ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label>
</ion-item> </ion-item>
<ion-item button class="ion-text-wrap" href="https://feedback.moodle.org/mobileapp" core-link detail="true"> <ion-item
*ngIf="privacyPolicy"
class="ion-text-wrap"
button core-link auto-login="no" [href]="privacyPolicy"
detail="true" detailIcon="open-outline"
>
<ion-icon name="fas-user-shield" slot="start" aria-hidden="true"></ion-icon>
<ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label>
</ion-item>
<ion-item
class="ion-text-wrap"
button core-link href="https://feedback.moodle.org/mobileapp"
detail="true" detailIcon="open-outline"
>
<ion-icon name="fas-bullhorn" slot="start" aria-hidden="true"></ion-icon> <ion-icon name="fas-bullhorn" slot="start" aria-hidden="true"></ion-icon>
<ion-label>{{ 'core.settings.helpusimprove' | translate }}</ion-label> <ion-label>{{ 'core.settings.helpusimprove' | translate }}</ion-label>
</ion-item> </ion-item>