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

MOBILE-2431 error: Fix wifi icon in network errors

main
Dani Palou 2018-06-21 16:29:41 +02:00
parent 0c98336e19
commit 0e359a1be1
2 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/app.scss
View File

@ -795,4 +795,23 @@ ion-alert.core-inapp-notification {
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
} }
.core-icon-with-badge {
position: relative;
.icon {
font-size: 32px;
}
.core-icon-badge {
width: auto;
height: auto;
margin: 0;
position: absolute;
top: -18px;
right: -8px;
color: red;
font-size: 16px;
}
}

14
src/providers/utils/dom.ts
View File

@ -17,6 +17,7 @@ import {
LoadingController, Loading, ToastController, Toast, AlertController, Alert, Platform, Content, LoadingController, Loading, ToastController, Toast, AlertController, Alert, Platform, Content,
ModalController ModalController
} from 'ionic-angular'; } from 'ionic-angular';
import { DomSanitizer } from '@angular/platform-browser';
import { TranslateService } from '@ngx-translate/core'; import { TranslateService } from '@ngx-translate/core';
import { CoreTextUtilsProvider } from './text'; import { CoreTextUtilsProvider } from './text';
import { CoreAppProvider } from '../app'; import { CoreAppProvider } from '../app';
@ -42,7 +43,7 @@ export class CoreDomUtilsProvider {
constructor(private translate: TranslateService, private loadingCtrl: LoadingController, private toastCtrl: ToastController, constructor(private translate: TranslateService, private loadingCtrl: LoadingController, private toastCtrl: ToastController,
private alertCtrl: AlertController, private textUtils: CoreTextUtilsProvider, private appProvider: CoreAppProvider, private alertCtrl: AlertController, private textUtils: CoreTextUtilsProvider, private appProvider: CoreAppProvider,
private platform: Platform, private configProvider: CoreConfigProvider, private urlUtils: CoreUrlUtilsProvider, private platform: Platform, private configProvider: CoreConfigProvider, private urlUtils: CoreUrlUtilsProvider,
private modalCtrl: ModalController) { } private modalCtrl: ModalController, private sanitizer: DomSanitizer) { }
/** /**
* Equivalent to element.closest(). If the browser doesn't support element.closest, it will * Equivalent to element.closest(). If the browser doesn't support element.closest, it will
@ -474,13 +475,16 @@ export class CoreDomUtilsProvider {
* Given an error message, return a suitable error title. * Given an error message, return a suitable error title.
* *
* @param {string} message The error message. * @param {string} message The error message.
* @return {string} Title. * @return {any} Title.
*/ */
private getErrorTitle(message: string): string { private getErrorTitle(message: string): any {
if (message == this.translate.instant('core.networkerrormsg') || if (message == this.translate.instant('core.networkerrormsg') ||
message == this.translate.instant('core.fileuploader.errormustbeonlinetoupload')) { message == this.translate.instant('core.fileuploader.errormustbeonlinetoupload')) {
return '<span class="core-icon-with-badge"><i class="icon ion-wifi"></i>\ return this.sanitizer.bypassSecurityTrustHtml('<div text-center><span class="core-icon-with-badge">' +
<i class="icon ion-alert-circled core-icon-badge"></i></span>'; '<ion-icon role="img" class="icon fa fa-wifi" aria-label="wifi"></ion-icon>' +
'<ion-icon class="icon fa fa-exclamation-triangle core-icon-badge"></ion-icon>' +
'</span></div>');
} }
return this.textUtils.decodeHTML(this.translate.instant('core.error')); return this.textUtils.decodeHTML(this.translate.instant('core.error'));