Veškerý klientský JavaScript se píše v TypeScriptu v assets/account/js/src/. Před psaním nového kódu vždy zkontroluj, zda už neexistuje řešení v libs/ nebo components/.

Account.HttpClient — wrapper nad jQuery AJAX s automatickým retry, timeoutem a global loaderem.

HttpResponse

// GET
let httpClient = new Account.HttpClient();
let response = await httpClient.getAsync('/api/users', false); // false = bez global loaderu

if(response.isSuccessStatusCode) {
    let data = response.content.readAsJson();
}

// POST
let response = await httpClient.postAsync('/api/users', {
    name: 'Denis',
    email: 'denis@example.com'
});

// Vlastní timeout a retry
httpClient.setTimeout(10000);
httpClient.setRetry(5);

Account.Cookie — práce s cookies na klientu.

Options

// Nastavení na 7 dní
Account.Cookie.set('theme', 'dark', {expires: 7});

// Čtení
let theme = Account.Cookie.get('theme'); // 'dark' nebo null

// Smazání
Account.Cookie.delete('theme');

Wrappery nad nativním Web Storage API. Konzistentní API pro oba typy.

// LocalStorage — přetrvá i po zavření prohlížeče
Account.LocalStorage.set('settings', JSON.stringify({theme: 'dark'}));
let settings = JSON.parse(Account.LocalStorage.get('settings'));

// SessionStorage — jen pro aktuální session (záložku)
Account.SessionStorage.set('tempFilter', 'active');
let filter = Account.SessionStorage.get('tempFilter');

Přehled všech dostupných komponent v components/. Před tvorbou nového UI prvku vždy zkontroluj tento seznam.