Skip to content
This repository was archived by the owner on May 18, 2023. It is now read-only.

Better feature detection #15

Merged
merged 2 commits into from
Mar 9, 2018
Merged

Better feature detection #15

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2ce8038
Merge changes and better ES6
agektmr Mar 8, 2018
f0c7bc5
Better feature detections
agektmr Mar 8, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 7 additions & 9 deletions static/scripts/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,6 @@ const DEFAULT_IMG = '/images/default_img.png';
handled using regular APIs so you don't have to learn about it.
*/
const app = document.querySelector('#app');
// This sample code supports both old and new APIs.
Copy link

@DonGlazikBro DonGlazikBro Mar 15, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

)))) priva BROZA)))

app.cmaEnabled = !!navigator.credentials;
// `selected` is used to show a portion of our page
app.selected = 0;
// User profile automatically show up when an object is set.
Expand Down Expand Up @@ -93,7 +91,7 @@ app._fetch = async function(provider, c = new FormData()) {
* @return {Promise} Resolves if credential info is available.
*/
app._autoSignIn = async function(silent) {
if (app.cmaEnabled) {
if (window.PasswordCredential || window.FederatedCredential) {
// Actual Credential Management API call to get credential object
const cred = await navigator.credentials.get({
password: true,
Expand Down Expand Up @@ -177,7 +175,7 @@ app.onPwSignIn = function(e) {
.then(profile => {
app.$.dialog.close();

if (app.cmaEnabled) {
if (window.PasswordCredential) {
// Construct `FormData` object from actual `form`
const cred = new PasswordCredential({id: email, password: password});
cred.name = profile.name;
Expand Down Expand Up @@ -206,7 +204,7 @@ app.onGSignIn = function() {
.then(profile => {
app.$.dialog.close();

if (app.cmaEnabled) {
if (window.FederatedCredential) {
// Create `Credential` object for federation
const cred = new FederatedCredential({
id: profile.email,
Expand Down Expand Up @@ -269,7 +267,7 @@ app.onFbSignIn = function() {
.then(profile => {
app.$.dialog.close();

if (app.cmaEnabled) {
if (window.FederatedCredential) {
// Create `Credential` object for federation
const cred = new FederatedCredential({
id: profile.email,
Expand Down Expand Up @@ -347,7 +345,7 @@ app.onRegister = function(e) {
text: 'Thanks for signing up!'
});

if (app.cmaEnabled) {
if (window.PasswordCredential) {
// Create password credential
const cred = new PasswordCredential({id: email, password: password});
cred.name = profile.name;
Expand All @@ -374,7 +372,7 @@ app.onUnregister = function() {

app._fetch(UNREGISTER, form)
.then(() => {
if (app.cmaEnabled) {
if (navigator.credentials && navigator.credentials.preventSilentAccess) {
// Turn on the mediation mode so auto sign-in won't happen
// until next time user intended to do so.
navigator.credentials.preventSilentAccess();
Expand All @@ -399,7 +397,7 @@ app.onUnregister = function() {
app.signOut = function() {
app._fetch(SIGNOUT)
.then(() => {
if (app.cmaEnabled) {
if (navigator.credentials && navigator.credentials.preventSilentAccess) {
// Turn on the mediation mode so auto sign-in won't happen
// until next time user intended to do so.
navigator.credentials.preventSilentAccess();
Expand Down