HTTP failure updates
This commit is contained in:
Adina Țeudan
parent
e42951fd9a
commit
8b9c96692d
@ -1,11 +0,0 @@
|
||||
<?xml version="1.0" ?>
|
||||
<svg height="32px" viewBox="0 0 32 32" width="32px"
|
||||
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="website_warning_exclamation_mark_sign"><g id="response_time_6_"><circle cx="7.5" cy="4.5" fill="currentColor" r="0.5"/><circle
|
||||
cx="5.5" cy="4.5" fill="currentColor" r="0.5" /><circle cx="3.5" cy="4.5" fill="currentColor"
|
||||
r="0.5" /><path
|
||||
d="M30.5,7h-29C1.224,7,1,6.776,1,6.5S1.224,6,1.5,6h29C30.776,6,31,6.224,31,6.5S30.776,7,30.5,7z"
|
||||
fill="currentColor" /><path
|
||||
d="M29.5,28h-2c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5-0.225,0.5-0.5v-23 C30,3.225,29.776,3,29.5,3h-27C2.224,3,2,3.225,2,3.5v23C2,26.775,2.224,27,2.5,27h2C4.776,27,5,27.224,5,27.5S4.776,28,4.5,28h-2 C1.673,28,1,27.327,1,26.5v-23C1,2.673,1.673,2,2.5,2h27C30.327,2,31,2.673,31,3.5v23C31,27.327,30.327,28,29.5,28z"
|
||||
fill="currentColor" /></g><g><g><g><path d="M24.5,29h-17c-0.574,0-1.041-0.23-1.28-0.632C5.981,27.967,6,27.447,6.273,26.942l6.6-12.209 c0.131-0.243,0.434-0.334,0.678-0.202c0.243,0.131,0.333,0.435,0.202,0.677l-6.6,12.21c-0.098,0.182-0.126,0.35-0.074,0.438 S7.293,28,7.5,28h17c0.207,0,0.368-0.055,0.42-0.144s0.024-0.257-0.074-0.438l-8.573-15.862 c-0.224-0.412-0.323-0.413-0.547,0.001l-0.623,1.15c-0.132,0.242-0.436,0.333-0.678,0.201c-0.243-0.131-0.333-0.435-0.202-0.678 l0.623-1.15c0.555-1.023,1.752-1.023,2.307,0l8.573,15.862c0.273,0.504,0.292,1.023,0.053,1.425C25.541,28.77,25.074,29,24.5,29 z" fill="currentColor"/></g></g>
|
||||
<g><path d="M16,23L16,23c-0.225,0-0.421-0.149-0.481-0.365C15.477,22.485,14.5,18.969,14.5,17.5 c0-0.827,0.673-1.5,1.5-1.5s1.5,0.673,1.5,1.5c0,1.511-0.977,4.988-1.019,5.136C16.42,22.852,16.224,23,16,23z M16,17 c-0.276,0-0.5,0.225-0.5,0.5c0,0.68,0.253,1.923,0.502,2.981c0.248-1.05,0.498-2.284,0.498-2.981C16.5,17.225,16.276,17,16,17z" fill="currentColor"/></g>
|
||||
<g><path d="M16,27c-0.827,0-1.5-0.673-1.5-1.5S15.173,24,16,24s1.5,0.673,1.5,1.5S16.827,27,16,27z M16,25 c-0.276,0-0.5,0.225-0.5,0.5S15.724,26,16,26s0.5-0.225,0.5-0.5S16.276,25,16,25z" fill="currentColor"/></g></g></g></svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
12
src/assets/icons/failure.svg
Normal file
12
src/assets/icons/failure.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg height="100px" version="1.1" viewBox="0 0 100 100" width="100px" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>failure</title>
|
||||
<g fill="none" fill-rule="evenodd" id="Icons" stroke="none" stroke-width="1">
|
||||
<g fill="currentColor" id="Artboard" transform="translate(-831.000000, -1532.000000)">
|
||||
<g id="Combined-Shape" transform="translate(830.999545, 1532.000000)">
|
||||
<path
|
||||
d="M81.8185537,0 C86.8185764,0 90.9095041,4.09072315 90.9095041,9.09049589 L90.9095041,9.09049589 L90.9095041,52.7066952 L90.9095041,52.7066952 L91.2408683,53.0071721 C96.6128464,57.9584292 100.000455,65.0305895 100.000455,72.9103223 C100.000455,87.8732785 87.8685812,100 72.9094223,100 C64.8639312,100 57.6638985,96.4728876 52.7002395,90.9049589 L52.7002395,90.9049589 L9.09095041,90.9049589 C4.09092769,90.9049589 0,86.8142357 0,81.814463 L0,81.814463 L0,9.09049589 C0,4.09072315 4.09092769,0 9.09095041,0 L9.09095041,0 Z M72.9094223,54.9156857 C62.9866499,54.9156857 54.9093405,62.988046 54.9093405,72.9103223 C54.9093405,82.8371438 62.9866499,90.9095041 72.9094223,90.9095041 C82.8321947,90.9095041 90.9095041,82.8371438 90.9095041,72.9103223 C90.9095041,62.988046 82.8321947,54.9156857 72.9094223,54.9156857 Z M77.4553521,77.4555702 L77.4553521,87.4555702 L68.3644017,87.4555702 L68.3644017,77.4555702 L77.4553521,77.4555702 Z M81.8185537,27.2714877 L9.09095041,27.2714877 L9.09095041,81.814463 L47.3502152,81.814463 L47.3502152,81.814463 L47.1612272,81.2537168 C46.3054226,78.6248908 45.8183901,75.8289775 45.8183901,72.9103223 C45.8183901,57.9519113 57.9502634,45.8251898 72.9094223,45.8251898 C76.0367093,45.8251898 79.0276319,46.37971 81.8230992,47.3569383 C81.8185537,47.3523931 81.8185537,47.3523931 81.8185537,47.3523931 L81.8185537,47.3523931 L81.8185537,27.2714877 Z M77.4553521,59.2745784 L77.4553521,72.9103223 L68.3644017,72.9103223 L68.3644017,59.2745784 L77.4553521,59.2745784 Z M18.1819008,9.09049589 L9.09095041,9.09049589 L9.09095041,19.0904959 L18.1819008,19.0904959 L18.1819008,9.09049589 Z M36.3638017,9.09049589 L27.2728512,9.09049589 L27.2728512,19.0904959 L36.3638017,19.0904959 L36.3638017,9.09049589 Z M81.8185537,9.09049589 L45.4547521,9.09049589 L45.4547521,19.0904959 L81.8185537,19.0904959 L81.8185537,9.09049589 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@ -1,13 +1,14 @@
|
||||
<ng-container *ngIf="errorService.error$ | async as error">
|
||||
<section class="full-page-section"></section>
|
||||
<section class="full-page-content">
|
||||
<mat-icon svgIcon="iqser:error"></mat-icon>
|
||||
<div class="heading-l" translate="error.generic"></div>
|
||||
<p>{{ error.message }}</p>
|
||||
<mat-icon svgIcon="iqser:failure"></mat-icon>
|
||||
<div class="heading-l mt-24" translate="error.title"></div>
|
||||
<div class="mt-16 error">{{ error.message }}</div>
|
||||
<iqser-icon-button
|
||||
(action)="reload()"
|
||||
[label]="'error.reload' | translate"
|
||||
[type]="iconButtonTypes.primary"
|
||||
class="mt-20"
|
||||
icon="iqser:refresh"
|
||||
></iqser-icon-button>
|
||||
</section>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
@import '../../../assets/styles/variables';
|
||||
|
||||
.full-page-section {
|
||||
opacity: 0.9;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
.full-page-content {
|
||||
@ -10,22 +10,18 @@
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
> mat-icon {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.heading-l {
|
||||
color: $primary;
|
||||
color: $grey-7;
|
||||
font-weight: initial;
|
||||
}
|
||||
|
||||
.heading-l,
|
||||
iqser-icon-button,
|
||||
p {
|
||||
margin-top: 32px;
|
||||
.error {
|
||||
color: $red-1;
|
||||
}
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@ export class IqserIconsModule {
|
||||
'check',
|
||||
'close',
|
||||
'edit',
|
||||
'error',
|
||||
'failure',
|
||||
'help-outline',
|
||||
'refresh',
|
||||
'search',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user