folderviews.js

/*
    Subnodal Cloud

    Copyright (C) Subnodal Technologies. All Rights Reserved.

    https://cloud.subnodal.com
    Licenced by the Subnodal Open-Source Licence, which can be found at LICENCE.md.
*/

namespace("com.subnodal.cloud.folderviews", function(exports) {
    var subElements = require("com.subnodal.subelements");
    var views = require("com.subnodal.subui.views");

    var resources = require("com.subnodal.cloud.resources");
    var config = require("com.subnodal.cloud.config");
    var fs = require("com.subnodal.cloud.fs");

    exports.FolderView = class {
        constructor(viewElement, containerElement = null) {
            this.viewElement = viewElement;
            this.containerElement = containerElement;

            this.listingIsLoading = false;
            this.dataUnavailableWhileOffline = false;
            this.dataNotFound = false;
            this.path = [];
            this.listing = [];

            this.sortBy = config.getSetting("cloud_sortBy", "number", fs.sortByAttributes.NAME);
            this.sortReverse = config.getSetting("cloud_sortReverse", "boolean", false);
            this.separateFolders = config.getSetting("cloud_separateFolders", "boolean", true);
        }

        get currentFolderKey() {
            return this.path[this.path.length - 1]?.key || null;
        }

        get isAvailable() {
            return !this.listingIsLoading && !this.dataUnavailableWhileOffline && !this.dataNotFound;
        }

        get isUnavailable() {
            return !this.getListingIsLoading && (this.dataUnavailableWhileOffline || this.dataNotFound);
        }

        get selectedItemKey() {
            return views.getSelectedListItems(this.viewElement)[0]?.getAttribute("data-key") || null;
        }

        get selectedItem() {
            var selectedKey = this.selectedItemKey;

            if (selectedKey == null) {
                return;
            }

            return this.listing.find((item) => item.key == selectedKey) || null;
        }

        render() {
            subElements.render(this.containerElement || this.viewElement);
        }

        getItemFromListing(key) {
            for (var i = 0; i < this.listing.length; i++) {
                if (this.listing[i].key == key) {
                    return this.listing[i];
                }
            }
    
            return null;
        };

        attachListItemEvents() {
            var thisScope = this;

            views.attachListSelectEvent(this.viewElement, function() {
                var listItem = views.getSelectedListItems(thisScope.viewElement)[0];

                if (!(listItem instanceof Node)) {
                    return;
                }

                var item = thisScope.getItemFromListing(listItem.getAttribute("data-key"));

                thisScope.handleFileSelect(item);
            });

            this.viewElement.querySelectorAll("li").forEach(function(listItem) {
                views.attachListItemOpenEvent(listItem, function() {
                    var item = thisScope.getItemFromListing(listItem.getAttribute("data-key"));
        
                    if (item == null) {
                        return;
                    }
        
                    if (item.type == "folder") {
                        thisScope.navigate(item.key).then(function() {
                            thisScope.viewElement.querySelector("li")?.focus();
                        });
        
                        return;
                    }

                    thisScope.handleFileOpen(item);
                });
            });
        }

        listingFilter(item) {
            return true;
        }

        populate(key = this.currentFolderKey) {
            var thisScope = this;

            if (typeof(key) != "string") {
                return;
            }

            views.deselectList(this.viewElement);

            this.listingIsLoading = true;

            this.render();

            if (!navigator.onLine && !resources.getObjectCache().hasOwnProperty(key)) {
                this.listingIsLoading = false;
                this.dataUnavailableWhileOffline = true;

                this.render();

                return Promise.reject("Data unavailable while offline");
            } else {
                this.dataUnavailableWhileOffline = false;
            }

            return fs.listFolder(key, this.sortBy, this.sortReverse, this.separateFolders).then(function(listing) {
                thisScope.listingIsLoading = false;
                thisScope.dataUnavailableWhileOffline = false;
                thisScope.dataNotFound = false;

                if (listing == null) {
                    thisScope.dataNotFound = true;

                    thisScope.render();

                    return Promise.reject("Data not found");
                }

                listing = listing.filter(thisScope.listingFilter);

                thisScope.listing = listing;

                thisScope.render();
                thisScope.attachListItemEvents();

                return Promise.resolve(listing);
            });
        }

        populateRoots() {
            var thisScope = this;
            var rootKeys = [];

            views.deselectList(this.viewElement);

            this.listingIsLoading = true;

            this.render();

            return fs.getRootObjectKeyFromProfile().then(function(key) {
                rootKeys.push(key);

                return fs.getSharedObjectKeysFromProfile();
            }).then(function(keys) {
                rootKeys.push(...keys);

                return Promise.all(rootKeys.map((key) => resources.getObject(key)));
            }).then(function(objects) {
                objects.forEach(function(object, i) {
                    object.key = rootKeys[i];
                });

                thisScope.listingIsLoading = false;
                thisScope.dataUnavailableWhileOffline = false;
                thisScope.dataNotFound = false;

                thisScope.listing = objects;

                thisScope.render();
                thisScope.attachListItemEvents();

                return Promise.resolve(objects);
            });
        }

        handleFileSelect(item) {}

        handleFileOpen(item) {}

        navigate(key, replaceRoot = false) {
            var thisScope = this;

            if (replaceRoot) {
                this.path = [];
            }

            this.listingIsLoading = true;

            this.render();
    
            return resources.getObject(key).then(function(data) {
                if (thisScope.path[thisScope.path.length - 1]?.key != key) {
                    thisScope.path.push({...data, key});
                }

                return thisScope.populate(key);
            });
        }

        goBack(toKey = this.path[this.path.length - 2]?.key) {    
            var thisScope = this;

            if (typeof(toKey) != "string") {
                // Show root objects instead

                this.path = [];

                return thisScope.populateRoots();
            }
    
            while (this.currentFolderKey != toKey) {
                this.path.pop();
    
                if (this.path.length <= 1) {
                    break;
                }
            }
    
            return thisScope.populate(toKey);
        };
    };
});