MOBILE-3565 icons: Use ion-icon instead of core-icon

main
Pau Ferrer Ocaña 2020-10-28 13:28:44 +01:00
parent 72b7202029
commit 58d5e7446b
10 changed files with 30 additions and 150 deletions

View File

@ -1,4 +1,4 @@
<ng-content></ng-content>
<ion-button icon-only clear [attr.aria-label]="label | translate" [core-suppress-events] (onClick)="toggle($event)">
<core-icon [name]="iconName"></core-icon>
</ion-button>
<ion-icon [name]="iconName"></ion-icon>
</ion-button>

View File

@ -9,7 +9,7 @@
<ion-buttons slot="end">
<ion-button router-direction="forward" routerLink="/settings/app"
[attr.aria-label]="'core.settings.appsettings' | translate">
<core-icon slot="icon-only" name="fa-cog"></core-icon>
<ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
@ -45,7 +45,7 @@
<div class="core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
<ion-item class="core-login-site-qrcode" no-lines>
<ion-button block color="light" margin-top icon-start text-wrap (click)="showInstructionsAndScanQR()">
<core-icon name="fa-qrcode" aria-hidden="true"></core-icon>
<ion-icon name="fa-qrcode" aria-hidden="true"></ion-icon>
{{ 'core.scanqr' | translate }}
</ion-button>
</ion-item>

View File

@ -9,7 +9,7 @@
<ion-buttons slot="end">
<ion-button router-direction="forward" routerLink="/settings/app"
[attr.aria-label]="'core.settings.appsettings' | translate">
<core-icon slot="icon-only" name="fa-cog"></core-icon>
<ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
@ -37,7 +37,7 @@
<ion-item no-lines class="core-login-site-list-title"><h2 class="item-heading">{{ 'core.login.selectsite' | translate }}</h2></ion-item>
<ion-item *ngIf="enteredSiteUrl" (click)="connect($event, enteredSiteUrl.url)" [attr.aria-label]="'core.login.connect' | translate" detail-push class="core-login-entered-site">
<ion-thumbnail item-start>
<core-icon name="fa-pencil"></core-icon>
<ion-icon name="fa-pencil-alt"></ion-icon>
</ion-thumbnail>
<h2 text-wrap>{{ 'core.login.yourenteredsite' | translate }}</h2>
<p>{{enteredSiteUrl.noProtocolUrl}}</p>
@ -92,7 +92,7 @@
<div class="core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
<ion-item class="core-login-site-qrcode" no-lines>
<ion-button block color="light" margin-top icon-start (click)="showInstructionsAndScanQR()" text-wrap>
<core-icon name="fa-qrcode" aria-hidden="true"></core-icon>
<ion-icon name="fa-qrcode" aria-hidden="true"></ion-icon>
{{ 'core.scanqr' | translate }}
</ion-button>
</ion-item>

View File

@ -8,11 +8,11 @@
<ion-buttons slot="end">
<ion-button *ngIf="sites && sites.length > 0" (click)="toggleDelete()" [attr.aria-label]="'core.delete' | translate">
<core-icon slot="icon-only" name="fa-pencil"></core-icon>
<ion-icon slot="icon-only" name="fa-pencil-alt"></ion-icon>
</ion-button>
<ion-button router-direction="forward" routerLink="/settings/app"
[attr.aria-label]="'core.settings.appsettings' | translate">
<core-icon slot="icon-only" name="fa-cog"></core-icon>
<ion-icon slot="icon-only" name="fa-cog"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
@ -31,13 +31,13 @@
<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)"
[attr.aria-label]="'core.delete' | translate">
<core-icon name="fa-trash" slot="icon-only"></core-icon>
<ion-icon name="fa-trash" slot="icon-only"></ion-icon>
</ion-button>
</ion-item>
</ion-list>
<ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end">
<ion-fab-button (click)="add()" [attr.aria-label]="'core.add' | translate">
<core-icon name="fa-plus"></core-icon>
<ion-icon name="fa-plus"></ion-icon>
</ion-fab-button>
</ion-fab>
</ion-content>

View File

@ -6,13 +6,13 @@
<ion-tab-button tab="redirect" [disabled]="true" [hidden]="true"></ion-tab-button> <!-- [root]="redirectPage" [rootParams]="redirectParams" -->
<ion-tab-button (ionTabButtonClick)="tabClicked($event, tab.page)" [hidden]="!loaded && tab.hide" *ngFor="let tab of tabs" [tab]="tab.page" [disabled]="tab.hide" layout="label-hide" class="{{tab.class}}">
<icon-icon [name]="tab.icon"></icon-icon>
<ion-icon [name]="tab.icon"></ion-icon>
<ion-label>{{ tab.title | translate }}</ion-label>
<ion-badge *ngIf="tab.badge">{{ tab.badge }}</ion-badge>
</ion-tab-button>
<ion-tab-button (ionTabButtonClick)="tabClicked($event, 'more')" [hidden]="!loaded" tab="more" layout="label-hide">
<icon-icon name="fa-bars"></icon-icon>
<ion-icon name="fa-bars"></ion-icon>
<ion-label>{{ 'core.more' | translate }}</ion-label>
</ion-tab-button>
</ion-tab-bar>

View File

@ -22,7 +22,7 @@
<ion-spinner></ion-spinner>
</ion-item>
<ion-item *ngFor="let handler of handlers" [ngClass]="['core-moremenu-handler', handler.class || '']" (click)="openHandler(handler)" title="{{ handler.title | translate }}" detail="true">
<core-icon [name]="handler.icon" slot="start"></core-icon>
<ion-icon [name]="handler.icon" slot="start"></ion-icon>
<ion-label>
<h2>{{ handler.title | translate}}</h2>
</ion-label>
@ -31,20 +31,20 @@
</ion-item>
<div *ngFor="let item of customItems" class="core-moremenu-customitem">
<ion-item *ngIf="item.type != 'embedded'" [href]="item.url" title="{{item.label}}" core-link [capture]="item.type == 'app'" [inApp]="item.type == 'inappbrowser'">
<core-icon [name]="item.icon" slot="start"></core-icon>
<ion-icon [name]="item.icon" slot="start"></ion-icon>
<ion-label>
<h2>{{item.label}}</h2>
</ion-label>
</ion-item>
<ion-item *ngIf="item.type == 'embedded'" (click)="openItem(item)" title="{{item.label}}">
<core-icon [name]="item.icon" slot="start"></core-icon>
<ion-icon [name]="item.icon" slot="start"></ion-icon>
<ion-label>
<h2>{{item.label}}</h2>
</ion-label>
</ion-item>
</div>
<ion-item *ngIf="showScanQR" (click)="scanQR()">
<core-icon name="fa-qrcode" slot="start" aria-hidden="true"></core-icon>
<ion-icon name="fa-qrcode" slot="start" aria-hidden="true"></ion-icon>
<ion-label>
<h2>{{ 'core.scanqr' | translate }}</h2>
</ion-label>
@ -62,7 +62,7 @@
</ion-label>
</ion-item>
<ion-item (click)="openSitePreferences()" title="{{ 'core.settings.preferences' | translate }}">
<core-icon name="fa-wrench" slot="start"></core-icon>
<ion-icon name="fa-wrench" slot="start" slash></ion-icon>
<ion-label>
<h2>{{ 'core.settings.preferences' | translate }}</h2>
</ion-label>
@ -74,8 +74,9 @@
</ion-label>
</ion-item>
<ion-item-divider></ion-item-divider>
<ion-item (click)="openAppSettings()" title="{{ 'core.settings.appsettings' | translate }}">
<core-icon name="fa-cogs" slot="start"></core-icon>
<ion-item button router-direction="forward" routerLink="/settings/app"
title="{{ 'core.settings.appsettings' | translate }}">
<ion-icon name="fa-cogs" slot="start"></ion-icon>
<ion-label>
<h2>{{ 'core.settings.appsettings' | translate }}</h2>
</ion-label>

View File

@ -15,15 +15,15 @@
<ion-label><h2>{{ appName }} {{ versionName }}</h2></ion-label>
</ion-item>
<ion-item text-wrap (click)="openPage('licenses')" detail>
<core-icon name="fa-copyright" slot="start"></core-icon>
<ion-icon name="far-copyright" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.opensourcelicenses' | translate }}</ion-label>
</ion-item>
<ion-item text-wrap *ngIf="privacyPolicy" [href]="privacyPolicy" core-link auto-login="no" detail>
<core-icon name="fa-user-secret" slot="start"></core-icon>
<ion-icon name="fa-user-shield" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label>
</ion-item>
<ion-item text-wrap (click)="openPage('deviceinfo')" detail>
<core-icon name="fa-mobile" slot="start"></core-icon>
<ion-icon name="fa-mobile" slot="start"></ion-icon>
<ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label>
</ion-item>
</ion-content>

View File

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

View File

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

View File

@ -340,127 +340,6 @@
"core.courses.sendpaymentbutton": "Send payment via PayPal",
"core.courses.show": "Restore to view",
"core.courses.totalcoursesearchresults": "Total courses: {{$a}}",
"core.login.auth_email": "Email-based self-registration",
"core.login.authenticating": "Authenticating",
"core.login.cancel": "Cancel",
"core.login.changepassword": "Change password",
"core.login.changepasswordbutton": "Open the change password page",
"core.login.changepasswordhelp": "If you have problems changing your password, please contact your site administrator. \"Site Administrators\" are the people who manages the Moodle at your school/university/company or learning organisation. If you don't know how to contact them, please contact your teachers/trainers.",
"core.login.changepasswordinstructions": "You cannot change your password in the app. Please click the following button to open the site in a web browser to change your password. Take into account you need to close the browser after changing the password as you will not be redirected to the app.",
"core.login.changepasswordlogoutinstructions": "If you prefer to change site or log out, please click the following button:",
"core.login.changepasswordreconnectinstructions": "Click the following button to reconnect to the site. (Take into account that if you didn't change your password successfully, you would return to the previous screen).",
"core.login.confirmdeletesite": "Are you sure you want to delete the site {{sitename}}?",
"core.login.connect": "Connect!",
"core.login.connecttomoodle": "Connect to Moodle",
"core.login.connecttomoodleapp": "You are trying to connect to a regular Moodle site. Please download the official Moodle app to access this site.",
"core.login.connecttoworkplaceapp": "You are trying to connect to a Moodle Workplace site. Please download the Moodle Workplace app to access this site.",
"core.login.contactyouradministrator": "Contact your site administrator for further help.",
"core.login.contactyouradministratorissue": "Please ask your site administrator to check the following issue: {{$a}}",
"core.login.createaccount": "Create my new account",
"core.login.createuserandpass": "Choose your username and password",
"core.login.credentialsdescription": "Please provide your username and password to log in.",
"core.login.emailconfirmsent": "<p>An email should have been sent to your address at <b>{{$a}}</b></p>\n <p>It contains easy instructions to complete your registration.</p>\n <p>If you continue to have difficulty, contact the site administrator.</p>",
"core.login.emailconfirmsentnoemail": "<p>An email should have been sent to your address.</p><p>It contains easy instructions to complete your registration.</p><p>If you continue to have difficulty, contact the site administrator.</p>",
"core.login.emailconfirmsentsuccess": "Confirmation email sent successfully",
"core.login.emailnotmatch": "Emails do not match",
"core.login.erroraccesscontrolalloworigin": "The cross-origin call you're trying to perform has been rejected. Please check https://docs.moodle.org/dev/Moodle_Mobile_development_using_Chrome_or_Chromium",
"core.login.errordeletesite": "An error occurred while deleting this site. Please try again.",
"core.login.errorexampleurl": "The URL https://campus.example.edu is only an example URL, it's not a real site. <strong>Please use the URL of your school or organization's site.</strong>",
"core.login.errorqrnoscheme": "This URL isn't a valid login URL.",
"core.login.errorupdatesite": "An error occurred while updating the site's token.",
"core.login.faqcannotconnectanswer": "Please, contact your site administrator.",
"core.login.faqcannotconnectquestion": "I typed my site address correctly but I still can't connect.",
"core.login.faqcannotfindmysiteanswer": "Have you typed the name correctly? It's also possible that your site is not included in our public sites directory. If you still can't find it, please enter your site address instead.",
"core.login.faqcannotfindmysitequestion": "I can't find my site.",
"core.login.faqsetupsiteanswer": "Visit {{$link}} to check out the different options you have to create your own Moodle site.",
"core.login.faqsetupsitelinktitle": "Get started.",
"core.login.faqsetupsitequestion": "I want to set up my own Moodle site.",
"core.login.faqtestappanswer": "To test the app in a Moodle Demo Site, type \"teacher\" or \"student\" in the \"Your site\" field and click the \"Connect to your site\" button.",
"core.login.faqtestappquestion": "I just want to test the app, what can I do?",
"core.login.faqwhatisurlanswer": "<p>Every organisation has their own unique address or URL for their Moodle site. To find the address:</p><ol><li>Open a web browser and go to your Moodle site login page.</li><li>At the top of the page, in the address bar, you will see the URL of your Moodle site e.g. \"campus.example.edu\".<br>{{$image}}</li><li>Copy the address (do not copy the /login and what comes after), paste it into the Moodle app then click \"Connect to your site\"</li><li>Now you can log in to your site using your username and password.</li>",
"core.login.faqwhatisurlquestion": "What is my site address? How can I find my site URL?",
"core.login.faqwhereisqrcode": "Where can I find the QR code?",
"core.login.faqwhereisqrcodeanswer": "<p>If your organisation has enabled it, you will find a QR code on the web site at the bottom of your user profile page.</p>{{$image}}",
"core.login.findyoursite": "Find your site",
"core.login.firsttime": "Is this your first time here?",
"core.login.forcepasswordchangenotice": "You must change your password to proceed.",
"core.login.forgotten": "Forgotten your username or password?",
"core.login.help": "Help",
"core.login.helpmelogin": "<p>There are many thousands of Moodle sites around the world. This app can only connect to Moodle sites that have specifically enabled Mobile app access.</p><p>If you can't connect to your Moodle site then you need to contact your site administrator and ask them to read <a href=\"http://docs.moodle.org/en/Mobile_app\" target=\"_blank\">http://docs.moodle.org/en/Mobile_app</a></p><p>To test the app in a Moodle demo site type <i>teacher</i> or <i>student</i> in the <i>Site address</i> field and click the <b>Connect button</b>.</p>",
"core.login.instructions": "Instructions",
"core.login.invalidaccount": "Please check your login details or ask your site administrator to check the site configuration.",
"core.login.invaliddate": "Invalid date",
"core.login.invalidemail": "Invalid email address",
"core.login.invalidmoodleversion": "<p>Invalid Moodle site version. The Moodle app only supports Moodle systems {{$a}} onwards.</p>\n<p>You can contact your site administrators and ask them to update their Moodle system.</p>\n<p>\"Site Administrators\" are the people who manages the Moodle at your school/university/company or learning organisation. If you don't know how to contact them, please contact your teachers/trainers.</p>",
"core.login.invalidsite": "The site URL is invalid.",
"core.login.invalidtime": "Invalid time",
"core.login.invalidurl": "Invalid URL specified",
"core.login.invalidvaluemax": "The maximum value is {{$a}}",
"core.login.invalidvaluemin": "The minimum value is {{$a}}",
"core.login.localmobileunexpectedresponse": "Moodle Mobile Additional Features check returned an unexpected response. You will be authenticated using the standard mobile service.",
"core.login.loggedoutssodescription": "You have to authenticate again. You need to log in to the site in a browser window.",
"core.login.login": "Log in",
"core.login.loginbutton": "Log in",
"core.login.logininsiterequired": "You need to log in to the site in a browser window.",
"core.login.loginsteps": "For full access to this site, you first need to create an account.",
"core.login.missingemail": "Missing email address",
"core.login.missingfirstname": "Missing given name",
"core.login.missinglastname": "Missing surname",
"core.login.mobileservicesnotenabled": "Mobile access is not enabled on your site. Please contact your site administrator if you think it should be enabled.",
"core.login.mustconfirm": "You need to confirm your account",
"core.login.newaccount": "New account",
"core.login.notloggedin": "You need to be logged in.",
"core.login.onboardingcreatemanagecourses": "Create & manage your courses",
"core.login.onboardingenrolmanagestudents": "Enrol & manage your students",
"core.login.onboardinggetstarted": "Get started with Moodle",
"core.login.onboardingialreadyhaveasite": "I already have a Moodle site",
"core.login.onboardingimalearner": "I'm a learner",
"core.login.onboardingimaneducator": "I'm an educator",
"core.login.onboardingineedasite": "I need a Moodle site",
"core.login.onboardingprovidefeedback": "Provide timely feedback",
"core.login.onboardingtoconnect": "To connect to the Moodle App you'll need a Moodle site",
"core.login.onboardingwelcome": "Welcome to the Moodle App!",
"core.login.or": "OR",
"core.login.password": "Password",
"core.login.passwordforgotten": "Forgotten password",
"core.login.passwordforgotteninstructions2": "To reset your password, submit your username or your email address below. If we can find you in the database, an email will be sent to your email address, with instructions how to get access again.",
"core.login.passwordrequired": "Password required",
"core.login.policyaccept": "I understand and agree",
"core.login.policyagree": "You must agree to this policy to continue using this site. Do you agree?",
"core.login.policyagreement": "Site policy agreement",
"core.login.policyagreementclick": "Link to site policy agreement",
"core.login.potentialidps": "Log in using your account on:",
"core.login.profileinvaliddata": "Invalid value",
"core.login.recaptchachallengeimage": "reCAPTCHA challenge image",
"core.login.recaptchaexpired": "Verification expired. Answer the security question again.",
"core.login.recaptchaincorrect": "The security question answer is incorrect.",
"core.login.reconnect": "Reconnect",
"core.login.reconnectdescription": "Your authentication token is invalid or has expired. You have to reconnect to the site.",
"core.login.reconnectssodescription": "Your authentication token is invalid or has expired. You have to reconnect to the site. You need to log in to the site in a browser window.",
"core.login.resendemail": "Resend email",
"core.login.searchby": "Search by:",
"core.login.security_question": "Security question",
"core.login.selectacountry": "Select a country",
"core.login.selectsite": "Please select your site:",
"core.login.signupplugindisabled": "{{$a}} is not enabled.",
"core.login.signuprequiredfieldnotsupported": "The signup form contains a required custom field that isn't supported in the app. Please create your account using a web browser.",
"core.login.siteaddress": "Your site",
"core.login.siteaddressplaceholder": "https://campus.example.edu",
"core.login.sitehasredirect": "Your site contains at least one HTTP redirect. The app cannot follow redirects, this could be the issue that's preventing the app from connecting to your site.",
"core.login.siteinmaintenance": "Your site is in maintenance mode",
"core.login.sitepolicynotagreederror": "Site policy not agreed.",
"core.login.siteurl": "Site URL",
"core.login.siteurlrequired": "Site URL required i.e <i>http://www.yourmoodlesite.org</i>",
"core.login.startsignup": "Create new account",
"core.login.stillcantconnect": "Still can't connect?",
"core.login.supplyinfo": "More details",
"core.login.username": "Username",
"core.login.usernameoremail": "Enter either username or email address",
"core.login.usernamerequired": "Username required",
"core.login.usernotaddederror": "User not added - error",
"core.login.visitchangepassword": "Do you want to visit the site to change the password?",
"core.login.webservicesnotenabled": "Your host site may not have enabled Web services. Please contact your administrator for help.",
"core.login.youcanstillconnectwithcredentials": "You can still connect to the site by entering your username and password.",
"core.login.yourenteredsite": "Connect to your site",
"core.mainmenu.changesite": "Change site",
"core.mainmenu.help": "Help",