document.addEventListener('DOMContentLoaded', account_embed_onload_function);
function account_embed_onload_function() {
// console.log("account_embed loaded");
return;
setTimeout(() => {
let byte_ui_modal = new byteUIModal({
textTitle: "Delete this page Shortcut?",
textDesc: "",
buttons: {
'button_1': {'text': 'Yes','class': 'button tiny primary','action': async function() {
await shouldInitialize('something!');
console.log('yes');
byte_ui_modal.close()
return;
fetch('/admin/api/account_settings/remove_shortcuts', {
method: 'POST',
headers: {"Content-Type": "application/x-www-form-urlencoded"},
body: new URLSearchParams({url: shortcutUrl}).toString(),
})
.then( response => {
if (!response.ok) {
throw new Error('Network response was not ok', response);
return;
} else return response.json();//fix me please and put back into javascript.json
})
.then((response) => {
byte_ui_modal.close();// remove bs modal
let flash_byte_ui_modal = new byteUIModal({textTitle: "Shortcut has been removed", textDesc: "", buttons: "", inputs: "", flashOnly: true, flashTimeout: 3000});
flash_byte_ui_modal.flash();
//ql_list_item.remove();
//setTimeout(function(){location.reload();},300);// timeout till page reload
})
.catch((err) => {
console.error('Fetch Error ', err);
});
}},
'button_2': {'text': 'Cancel','class': 'button tiny secondary','action': function() {
byte_ui_modal.close();// remove bs modal
}},
},
// inputs: ["test"]
});
byte_ui_modal.open();
// byte_modal.flash('success','This is a test of the new flash system!', 'Click me to dismiss me.');
}, 1000)
setTimeout(() => {
let byte_modal = new byteUIModal();
byte_modal.flash('warning','Some second one!');
}, 2000)
}
async function shouldInitialize(which) {
console.log('shouldInitialize', which);
let returnthing = await otherFunction(which);
console.log('returnthing', returnthing);
}
async function otherFunction(which) {
console.log('otherFunction', which);
await new Promise(resolve => setTimeout(resolve, 2000));
return 'testy';
}
/**
* AccountEmbed class
*
* There are four modes to the account system:
* - straight API calls (/auth/api/login) which doesn't use this object at all,
* - object methods to call from outside js file like my_account_embed.login(email, password),
* - form mode from outside js file which creates/shows/hides the forms in the DOM and hooks up the actions, like submitFormLogin, and
* - full embed mode, where the forms and actions are all created dynamically and employes three previous modes
*
* Still trying to get jsdoc to be accurate, have a front end, and be readable in vscode https://jsdoc.app/howto-es2015-classes
*/
class AccountEmbed {
/**
* @param {object} options - options for the account embed system, specifically:
* @param {boolean} options.autocheck_login - whether to check if the user is logged in on page load
* @param {string} options.attach_to_element - where to attach the account menus
* @param {string} options.embed_placement - how to place the embed form, either 'inline', 'menu' (TODO) or 'overlay'
* @param {boolean} options.refresh_after_login - whether to refresh the page after login
* @param {string} options.location_on_login - where to go after login
*
* @hooks {function} options.onAutoCheckLogin - hook for when the autocheck_login is done
* @hooks {function} options.onLogin - hook for when the user logs in
* @hooks {function} options.onRegister - hook for when the user registers
* @hooks {function} options.onForgotPw - hook for when the user forgets their password
* @hooks {function} options.onResetPwByCode - hook for when the user resets their password by code
* @hooks {function} options.onLogout - hook for when the user logs out
* @hooks {function} options.onSettings - hook for when the user changes their settings
*/
constructor(options) {
let defaults = {
autocheck_login: true,
attach_to_element: 'body',
embed_placement: 'inline',
refresh_after_login: false,
location_on_login: false,
};
this.options = Object.assign(defaults, options);
this.userIsLoggedIn = false;
if (this.options.autocheck_login) {
// make a nice quick check in an asycn to see what menu to paint
(async () => {
let response = await this.checkAccountStatus();
if (this.options.onAutoCheckLogin) { // connect object hooks
this.options.onAutoCheckLogin(response);
}
})();
}
}
/**
* Checks account status by doing an api call to /auth/api/me
* @returns {object} of status, like {"status":"error","message":"User is not logged in"} or {"status": "success", "message": "","data": {...}}
*/
checkAccountStatus = () => {
console.log('> checkAccountStatus');
// get the user's status
return fetch('/auth/api/me', {
method: 'GET',
})
.then(res=>res.json())//fix me please and put back into javascript.json
.then((response) => {
// console.log('Response:', response);
if (response.status == 'success') {
this.userIsLoggedIn = true;
} else if (response.status == 'error') {
this.userIsLoggedIn = false;
}
return response;
}
)
.catch(function(err) {
console.log('Fetch Error :-S', err);
let byte_modal_flash = new byteUIModal();
byte_modal_flash.flash("error", "An unknown error occured, refresh the page." ,"If this persists, please contact support.");
});
}
/**
* Attach the login menu to the DOM
*/
attachLoginMenu = () => {
console.log('open');
var account_div = document.createElement('div');
// account_div.style.position = 'relative';
// account_div.insertAdjacentHTML('beforeend', `
//
// `);
let embed_html =`