knockoutjs tutorial 3

gistfile1.txt

const api = `${location.protocol}//${location.href.split("//")[1].split("/")[0]}`;
console.clear();

function WebmailViewModel() {
    // Data
    var self = this;
    self.folders = ['Inbox', 'Archive', 'Sent', 'Spam'];
    self.chosenFolderId = ko.observable("Inbox");
    self.chosenFolderData = ko.observable();
    self.chosenMailData = ko.observable();

    // Behaviours    
    self.goToFolder = folder => {
        self.chosenFolderId(folder);
      

        let url = new URL(`${api}/mail`),
            params = {
                folder
            };
        Object.keys(params).forEach(key => url.searchParams.append(key, params[key])),
            f = fetch(url).then(r => r.json())
            .then(self.chosenFolderData);
        /*$.get('/mail', {
            folder: folder
        }, self.chosenFolderData);*/
    };
};

ko.applyBindings(new WebmailViewModel());