-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(stark-starter): add preloading screens #848
feat(stark-starter): add preloading screens #848
Conversation
showcase/src/index.html
Outdated
<p>You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to | ||
improve your experience.</p> | ||
<p>You are using an <strong>outdated</strong> browser. Please | ||
<a href="http://browsehappy.com" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If we keep this, then we should point to the https version instead: https://browsehappy.com/
starter/src/index.html
Outdated
<div class="content"> | ||
<h1>Browser not supported</h1> | ||
<p>You are using an <strong>outdated</strong> browser. Please | ||
<a href="http://browsehappy.com" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here
5351b17
to
b5a6c9c
Compare
@christophercr, I updated the PR. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some small remarks ;)
showcase/src/index.html
Outdated
<app class="stark-app"> | ||
<div class="stark-loading stark-preload-ui-page" role="alertdialog" aria-busy="true" aria-live="assertive"> | ||
<header><i></i></header> | ||
<divs class="content"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<divs>
? I think you meant <div>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I did. 😅
display: block; | ||
} | ||
|
||
.stark-preload-ui-page h1 { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we rename the stark-preload-ui-page
? I think that "ui-page" is not 100% accurate since it is not a page itself...
@@ -6,14 +6,16 @@ | |||
<meta charset="utf-8"> | |||
<title><%= htmlWebpackPlugin.options.starkAppMetadata.name %></title> | |||
|
|||
<meta name="description" content="{%= htmlWebpackPlugin.options.starkAppMetadata.description %}"> | |||
<meta name="description" content="<%= htmlWebpackPlugin.options.starkAppMetadata.description %>"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oops, we didn't notice it before.. thanks!
@@ -0,0 +1,93 @@ | |||
/* Hide the app / loader / browser warning until it is determined if JS is enabled and the if the browser is compatible */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Typo: "and the if the browser..." -> "and if the browser..."
b5a6c9c
to
4022058
Compare
Added a loading screen for when Angular is starting up. Added a warning screen for when JavaScript is not enabled in the browser. Added a warning for when the browser is not supported. ISSUES CLOSED: NationalBankBelgium#840 NationalBankBelgium#596 NationalBankBelgium#597
4022058
to
844e0fe
Compare
ISSUES CLOSED: #840 #596 #597
PR Checklist
Please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
What is the current behavior?
There is no warning for enabling JavaScript or upgrading the browser and when Angular is loading the only thing shown is
loading...
Issue Number: #840 #596 #597
What is the new behavior?
Does this PR introduce a breaking change?
Other information