fix(docs-infra): correctly show icon for fetch error when offline (#19795)

PR Close #19795
This commit is contained in:
George Kalpakas 2018-05-24 14:54:34 +03:00 committed by Matias Niemelä
parent 8b614d4e1b
commit b6ccd9f7bd
1 changed files with 39 additions and 21 deletions

View File

@ -43,51 +43,69 @@ import { SwUpdatesModule } from 'app/sw-updates/sw-updates.module';
import {environment} from '../environments/environment'; import {environment} from '../environments/environment';
// These are the hardcoded inline svg sources to be used by the `<mat-icon>` component // These are the hardcoded inline svg sources to be used by the `<mat-icon>` component.
// tslint:disable: max-line-length
export const svgIconProviders = [ export const svgIconProviders = [
{ {
provide: SVG_ICONS, provide: SVG_ICONS,
useValue: { useValue: {
name: 'keyboard_arrow_right', name: 'close',
svgSource: '<svg xmlns="http://www.w3.org/2000/svg" focusable="false" ' + svgSource:
'viewBox="0 0 24 24"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/></svg>' '<svg fill="#ffffff" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
'<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />' +
'<path d="M0 0h24v24H0z" fill="none" />' +
'</svg>',
}, },
multi: true multi: true,
}, },
{ {
provide: SVG_ICONS, provide: SVG_ICONS,
useValue: { useValue: {
name: 'menu', name: 'error_outline',
svgSource: '<svg xmlns="http://www.w3.org/2000/svg" focusable="false" ' + svgSource:
'viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>' '<svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
'<path d="M0 0h24v24H0V0z" fill="none" />' +
'<path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />' +
'</svg>',
}, },
multi: true multi: true,
}, },
{ {
provide: SVG_ICONS, provide: SVG_ICONS,
useValue: { useValue: {
name: 'insert_comment', name: 'insert_comment',
svgSource: svgSource:
'<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">' + '<svg fill="#ffffff" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
'<path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/>' + '<path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z" />' +
'<path d="M0 0h24v24H0z" fill="none"/>' + '<path d="M0 0h24v24H0z" fill="none" />' +
'</svg>' '</svg>',
}, },
multi: true multi: true,
}, },
{ {
provide: SVG_ICONS, provide: SVG_ICONS,
useValue: { useValue: {
name: 'close', name: 'keyboard_arrow_right',
svgSource: svgSource:
'<svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">' + '<svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
'<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>' + '<path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" />' +
'<path d="M0 0h24v24H0z" fill="none"/>' + '</svg>',
'</svg>'
}, },
multi: true multi: true,
} },
{
provide: SVG_ICONS,
useValue: {
name: 'menu',
svgSource:
'<svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' +
'<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />' +
'</svg>',
},
multi: true,
},
]; ];
// tslint:enable: max-line-length
@NgModule({ @NgModule({
imports: [ imports: [