@fleetbase/solid-engine 0.0.3 → 0.0.5

package/addon/components/modals/create-solid-folder.hbs

@@ -0,0 +1,29 @@
+<Modal::Default 
+    @modalIsOpened={{@modalIsOpened}} 
+    @options={{@options}} 
+    @confirm={{@options.confirm}} 
+    @decline={{@options.decline}}
+>
+    <div class="modal-body-container">
+        <div class="space-y-4">
+            <InputGroup @name="Folder Name" @wrapperClass="mb-0">
+                <Input 
+                    @type="text" 
+                    @value={{@options.folderName}}
+                    placeholder="Enter folder name (e.g., vehicles, drivers)" 
+                    class="w-full form-input"
+                />
+            </InputGroup>
+
+            <div class="text-sm text-gray-600 dark:text-gray-400">
+                <p>This will create a new folder in your Solid pod for organizing your data.</p>
+            </div>
+
+            {{#if @options.error}}
+                <div class="bg-red-50 dark:bg-red-900 border border-red-200 dark:border-red-700 rounded p-3">
+                    <p class="text-sm text-red-800 dark:text-red-200">{{@options.error}}</p>
+                </div>
+            {{/if}}
+        </div>
+    </div>
+</Modal::Default>

package/addon/components/modals/import-solid-resources.hbs

@@ -0,0 +1,85 @@
+<Modal::Default 
+    @modalIsOpened={{@modalIsOpened}} 
+    @options={{@options}} 
+    @confirm={{@options.confirm}} 
+    @decline={{@options.decline}}
+>
+    <div class="modal-body-container">
+        <div class="space-y-4">
+            <div>
+                <p class="text-gray-700 dark:text-gray-300 mb-4">
+                    Select the Fleetops resources you want to import into your Solid pod:
+                </p>
+
+                <div class="space-y-3">
+                    <label class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
+                        <input 
+                            type="checkbox" 
+                            checked={{@options.resourceTypes.vehicles}}
+                            {{on "change" (fn @options.toggleResourceType "vehicles")}}
+                            class="form-checkbox h-5 w-5 text-blue-600"
+                        />
+                        <div class="ml-3">
+                            <div class="font-medium text-gray-900 dark:text-white">Vehicles</div>
+                            <div class="text-sm text-gray-600 dark:text-gray-400">Import all vehicles from Fleetops</div>
+                        </div>
+                    </label>
+
+                    <label class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
+                        <input 
+                            type="checkbox" 
+                            checked={{@options.resourceTypes.drivers}}
+                            {{on "change" (fn @options.toggleResourceType "drivers")}}
+                            class="form-checkbox h-5 w-5 text-blue-600"
+                        />
+                        <div class="ml-3">
+                            <div class="font-medium text-gray-900 dark:text-white">Drivers</div>
+                            <div class="text-sm text-gray-600 dark:text-gray-400">Import all drivers from Fleetops</div>
+                        </div>
+                    </label>
+
+                    <label class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
+                        <input 
+                            type="checkbox" 
+                            checked={{@options.resourceTypes.contacts}}
+                            {{on "change" (fn @options.toggleResourceType "contacts")}}
+                            class="form-checkbox h-5 w-5 text-blue-600"
+                        />
+                        <div class="ml-3">
+                            <div class="font-medium text-gray-900 dark:text-white">Contacts</div>
+                            <div class="text-sm text-gray-600 dark:text-gray-400">Import all contacts/customers from Fleetops</div>
+                        </div>
+                    </label>
+
+                    <label class="flex items-center p-3 bg-gray-50 dark:bg-gray-800 rounded cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
+                        <input 
+                            type="checkbox" 
+                            checked={{@options.resourceTypes.orders}}
+                            {{on "change" (fn @options.toggleResourceType "orders")}}
+                            class="form-checkbox h-5 w-5 text-blue-600"
+                        />
+                        <div class="ml-3">
+                            <div class="font-medium text-gray-900 dark:text-white">Orders</div>
+                            <div class="text-sm text-gray-600 dark:text-gray-400">Import all orders from Fleetops</div>
+                        </div>
+                    </label>
+                </div>
+            </div>
+
+            {{#if @options.importProgress}}
+                <div class="bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 rounded p-3">
+                    <div class="flex items-center">
+                        <Spinner class="mr-3" />
+                        <p class="text-sm text-blue-800 dark:text-blue-200">{{@options.importProgress}}</p>
+                    </div>
+                </div>
+            {{/if}}
+
+            {{#if @options.error}}
+                <div class="bg-red-50 dark:bg-red-900 border border-red-200 dark:border-red-700 rounded p-3">
+                    <p class="text-sm text-red-800 dark:text-red-200">{{@options.error}}</p>
+                </div>
+            {{/if}}
+        </div>
+    </div>
+</Modal::Default>

package/addon/controllers/data/content.js

@@ -0,0 +1,17 @@
+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+export default class DataContentController extends Controller {
+    @service hostRouter;
+
+    @action back() {
+        this.hostRouter.transitionTo('console.solid-protocol.data.index');
+    }
+
+    @action viewFile() {
+        if (this.model.url) {
+            window.open(this.model.url, '_blank');
+        }
+    }
+}

package/addon/controllers/data/index.js

@@ -0,0 +1,219 @@
+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { task, timeout } from 'ember-concurrency';
+
+export default class DataIndexController extends Controller {
+    @service hostRouter;
+    @service fetch;
+    @service notifications;
+    @service modalsManager;
+    @service crud;
+    @tracked query = '';
+    queryParams = ['query'];
+    columns = [
+        {
+            label: 'Name',
+            valuePath: 'name',
+            width: '75%',
+            cellComponent: 'table/cell/pod-content-name',
+            onClick: this.viewContents,
+        },
+        {
+            label: 'Type',
+            valuePath: 'type',
+            cellClassNames: 'capitalize',
+            width: '5%',
+        },
+        {
+            label: 'Size',
+            valuePath: 'size',
+            width: '5%',
+        },
+        {
+            label: 'Created At',
+            valuePath: 'created_at',
+            width: '15%',
+        },
+        {
+            label: '',
+            cellComponent: 'table/cell/pod-content-actions',
+            ddButtonText: false,
+            ddButtonIcon: 'ellipsis-h',
+            ddButtonIconPrefix: 'fas',
+            ddMenuLabel: 'Actions',
+            cellClassNames: 'overflow-visible',
+            wrapperClass: 'flex items-center justify-end mx-2',
+            width: '10%',
+            actions: (content) => {
+                return [
+                    {
+                        label: content.type === 'folder' ? 'Browse Folder' : 'View Contents',
+                        fn: this.viewContents,
+                    },
+                    {
+                        separator: true,
+                    },
+                    {
+                        label: 'Delete',
+                        fn: this.deleteItem,
+                    },
+                ];
+            },
+            sortable: false,
+            filterable: false,
+            resizable: false,
+            searchable: false,
+        },
+    ];
+
+    @action reload() {
+        this.hostRouter.refresh();
+    }
+
+    @action back() {
+        this.hostRouter.transitionTo('console.solid-protocol.home');
+    }
+
+    @action viewContents(content) {
+        if (content.type === 'folder') {
+            return this.hostRouter.transitionTo('console.solid-protocol.data.content', content.slug);
+        }
+
+        if (content.type === 'file') {
+            // Open file viewer or download
+            window.open(content.url, '_blank');
+        }
+    }
+
+    @action createFolder() {
+        this.modalsManager.show('modals/create-solid-folder', {
+            title: 'Create New Folder',
+            acceptButtonText: 'Create',
+            acceptButtonIcon: 'folder-plus',
+            folderName: '',
+            keepOpen: true,
+            confirm: async (modal) => {
+                const folderName = modal.getOption('folderName');
+                if (!folderName) {
+                    return this.notifications.warning('Please enter a folder name.');
+                }
+
+                modal.startLoading();
+
+                try {
+                    const response = await this.fetch.post(
+                        'data/folder',
+                        {
+                            name: folderName,
+                        },
+                        {
+                            namespace: 'solid/int/v1',
+                        }
+                    );
+
+                    if (response.success) {
+                        this.notifications.success(`Folder "${folderName}" created successfully!`);
+                        this.hostRouter.refresh();
+                        return modal.done();
+                    }
+
+                    this.notifications.error(response.error || 'Failed to create folder.');
+                } catch (error) {
+                    this.notifications.serverError(error);
+                } finally {
+                    modal.stopLoading();
+                }
+            },
+        });
+    }
+
+    @action importResources() {
+        const resourceTypes = {
+            vehicles: false,
+            drivers: false,
+            contacts: false,
+            orders: false,
+        };
+
+        this.modalsManager.show('modals/import-solid-resources', {
+            title: 'Import Fleetops Resources',
+            acceptButtonText: 'Import Selected',
+            acceptButtonIcon: 'download',
+            resourceTypes,
+            importProgress: null,
+            toggleResourceType: (type) => {
+                resourceTypes[type] = !resourceTypes[type];
+            },
+            confirm: async (modal) => {
+                const selected = Object.keys(resourceTypes).filter((type) => resourceTypes[type]);
+
+                if (selected.length === 0) {
+                    return this.notifications.warning('Please select at least one resource type to import.');
+                }
+
+                try {
+                    modal.setOption('importProgress', `Importing ${selected.join(', ')}...`);
+
+                    const response = await this.fetch.post(
+                        'data/import',
+                        {
+                            resource_types: selected,
+                        },
+                        {
+                            namespace: 'solid/int/v1',
+                        }
+                    );
+
+                    if (response.success) {
+                        this.notifications.success(`Successfully imported ${response.imported_count} resources!`);
+                        this.hostRouter.refresh();
+                        return modal.done();
+                    }
+
+                    this.notifications.error(response.error || 'Failed to import resources.');
+                    modal.setOption('importProgress', null);
+                } catch (error) {
+                    modal.setOption('importProgress', null);
+                    this.notifications.serverError(error);
+                }
+            },
+        });
+    }
+
+    @action deleteItem(item) {
+        this.modalsManager.confirm({
+            title: `Are you sure you want to delete this ${item.type}?`,
+            body: `Deleting "${item.name}" will permanently remove it from your storage. This is irreversible!`,
+            acceptButtonText: 'Delete Forever',
+            confirm: async () => {
+                try {
+                    await this.fetch.delete(`data/${item.type}/${item.slug}`, {}, { namespace: 'solid/int/v1' });
+                    this.notifications.success(`${item.type === 'folder' ? 'Folder' : 'File'} deleted successfully!`);
+                    this.hostRouter.refresh();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                }
+            },
+        });
+    }
+
+    @action deleteSelected() {
+        const selected = this.table.selectedRows;
+
+        this.crud.bulkDelete(selected, {
+            modelNamePath: 'name',
+            acceptButtonText: 'Delete All',
+            onSuccess: () => {
+                return this.hostRouter.refresh();
+            },
+        });
+    }
+
+    @task({ restartable: true }) *search(event) {
+        yield timeout(300);
+        const query = typeof event.target.value === 'string' ? event.target.value : '';
+        this.hostRouter.transitionTo('console.solid-protocol.data.index', { queryParams: { query } });
+    }
+}

package/addon/controllers/home.js

@@ -1,10 +1,30 @@
 import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
 import { task } from 'ember-concurrency';
+import { debug } from '@ember/debug';
 
 export default class HomeController extends Controller {
     @service fetch;
     @service notifications;
+    @service hostRouter;
+    @service modalsManager;
+    @tracked authStatus = null;
+
+    constructor() {
+        super(...arguments);
+        this.checkAuthenticationStatus.perform();
+    }
+
+    @task *checkAuthenticationStatus() {
+        try {
+            const authStatus = yield this.fetch.get('authentication-status', {}, { namespace: 'solid/int/v1' });
+            this.authStatus = authStatus;
+        } catch (error) {
+            debug('Failed to check authentication status:' + error.message);
+            this.authStatus = { authenticated: false, error: error.message };
+        }
+    }
 
     @task *authenticate() {
         try {
@@ -20,4 +40,68 @@ export default class HomeController extends Controller {
     @task *getAccountIndex() {
         yield this.fetch.get('account', {}, { namespace: 'solid/int/v1' });
     }
+
+    @task *logout() {
+        try {
+            yield this.fetch.post('logout', {}, { namespace: 'solid/int/v1' });
+            this.notifications.success('Logged out successfully');
+            this.authStatus = { authenticated: false };
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+    }
+
+    @task *refreshStatus() {
+        yield this.checkAuthenticationStatus.perform();
+    }
+
+    @task *navigateToPods() {
+        yield this.hostRouter.transitionTo('console.solid-protocol.data');
+    }
+
+    @task *navigateToAccount() {
+        yield this.hostRouter.transitionTo('console.solid-protocol.account');
+    }
+
+    get isAuthenticated() {
+        return this.authStatus?.authenticated === true;
+    }
+
+    get userProfile() {
+        return this.authStatus?.profile?.parsed_profile || {};
+    }
+
+    get webId() {
+        return this.authStatus?.profile?.webid;
+    }
+
+    get userName() {
+        return this.userProfile.name || 'Unknown User';
+    }
+
+    get userEmail() {
+        return this.userProfile.email || 'No email available';
+    }
+
+    get serverUrl() {
+        // Extract server URL from webId or use default
+        const webId = this.webId;
+        if (webId) {
+            try {
+                const url = new URL(webId);
+                return `${url.protocol}//${url.host}`;
+            } catch (e) {
+                // Fallback
+            }
+        }
+        return 'http://localhost:3000';
+    }
+
+    get storageLocations() {
+        return this.userProfile.storage_locations || [];
+    }
+
+    get hasStorageLocations() {
+        return this.storageLocations.length > 0;
+    }
 }

package/addon/engine.js

@@ -2,13 +2,9 @@ import Engine from '@ember/engine';
 import loadInitializers from 'ember-load-initializers';
 import Resolver from 'ember-resolver';
 import config from './config/environment';
-import services from '@fleetbase/ember-core/exports/services';
-import AdminSolidServerConfigComponent from './components/admin/solid-server-config';
-import SolidBrandIconComponent from './components/solid-brand-icon';
+import { services, externalRoutes } from '@fleetbase/ember-core/exports';
 
 const { modulePrefix } = config;
-const externalRoutes = ['console', 'extensions'];
-
 export default class SolidEngine extends Engine {
     modulePrefix = modulePrefix;
     Resolver = Resolver;
@@ -16,25 +12,6 @@ export default class SolidEngine extends Engine {
         services,
         externalRoutes,
     };
-    setupExtension = function (app, engine, universe) {
-        // register menu item in header
-        universe.registerHeaderMenuItem('Solid', 'console.solid-protocol', { iconComponent: SolidBrandIconComponent, iconComponentOptions: { width: 19, height: 19 }, priority: 5 });
-
-        // register admin settings -- create a solid server menu panel with it's own setting options
-        universe.registerAdminMenuPanel(
-            'Solid Protocol',
-            [
-                {
-                    title: 'Solid Server Config',
-                    icon: 'sliders',
-                    component: AdminSolidServerConfigComponent,
-                },
-            ],
-            {
-                slug: 'solid-server',
-            }
-        );
-    };
 }
 
 loadInitializers(SolidEngine, modulePrefix);

package/addon/extension.js

@@ -0,0 +1,26 @@
+import { MenuItem, ExtensionComponent } from '@fleetbase/ember-core/contracts';
+
+export default {
+    setupExtension(app, universe) {
+        const menuService = universe.getService('menu');
+
+        // Register menu item in header
+        // const iconOptions = { iconComponent: new ExtensionComponent('@fleetbase/solid-engine', 'solid-brand-icon'), iconComponentOptions: { width: 19, height: 19 } };
+        menuService.registerHeaderMenuItem('Solid', 'console.solid-protocol', { priority: 5 });
+
+        // Register admin settings -- create a solid server menu panel with it's own setting options
+        universe.registerAdminMenuPanel(
+            'Solid Protocol',
+            [
+                new MenuItem({
+                    title: 'Solid Server Config',
+                    icon: 'sliders',
+                    component: new ExtensionComponent('@fleetbase/solid-engine', 'admin/solid-server-config'),
+                }),
+            ],
+            {
+                slug: 'solid-server',
+            }
+        );
+    },
+};

package/addon/routes/data/content.js

@@ -0,0 +1,11 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class DataContentRoute extends Route {
+    @service fetch;
+
+    model({ slug }) {
+        // Fetch folder/container contents within the user's pod
+        return this.fetch.get('data/folder', { slug }, { namespace: 'solid/int/v1' });
+    }
+}

package/addon/routes/data/index.js

@@ -0,0 +1,17 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class DataIndexRoute extends Route {
+    @service fetch;
+
+    queryParams = {
+        query: {
+            refreshModel: true,
+        },
+    };
+
+    model({ query }) {
+        // Fetch the user's primary pod data
+        return this.fetch.get('data', { query }, { namespace: 'solid/int/v1' });
+    }
+}

package/addon/routes.js

@@ -3,12 +3,7 @@ import buildRoutes from 'ember-engines/routes';
 export default buildRoutes(function () {
     this.route('home', { path: '/' });
     this.route('account');
-    this.route('pods', function () {
-        this.route('explorer', { path: '/explorer/:id' }, function () {
-            this.route('content', { path: '/~/:slug' });
-        });
-        this.route('index', { path: '/' }, function () {
-            this.route('pod', { path: '/pod/:slug' });
-        });
+    this.route('data', function () {
+        this.route('content', { path: '/:slug' });
     });
 });

package/addon/styles/solid-engine.css

@@ -1,6 +1,4 @@
 .solid-fleetbase-home-container {
-    margin: auto;
-    width: 1200px;
     padding: 2rem;
 }
 
@@ -18,6 +16,7 @@
 
 body[data-theme='light'] .solid-fleetbase-home-container a:not([class*='text-']),
 body[data-theme='dark'] .solid-fleetbase-home-container a:not([class*='text-']),
+.solid-fleetbase-home-container a:not(.next-content-panel-header-left),
 .solid-fleetbase-home-container a {
     color: #60a5fa;
     text-decoration: underline;

package/addon/templates/account.hbs

@@ -3,7 +3,7 @@
 <Layout::Section::Body class="overflow-y-scroll h-full">
     <div class="container mx-auto h-screen">
         <div class="max-w-3xl my-10 mx-auto">
-            <ContentPanel @title="Solid Identity" @open={{true}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
+            <ContentPanel @title="Solid Identity" @open={{true}} @wrapperClass="bordered-classic">
                 <form class="flex flex-col md:flex-row" {{on "submit" (perform this.saveProfile)}}>
                     <div class="w-32 flex flex-col justify-center mb-6 mr-6">
                         <Image src={{this.user.avatar_url}} @fallbackSrc={{config "defaultValues.userImage"}} alt={{this.user.name}} class="w-32 h-32 rounded-md" />
@@ -19,7 +19,7 @@
                                 {{else}}
                                     <FaIcon @icon="image" class="mr-1.5" />
                                     <span>
-                                        {{t "console.account.index.upload-new"}}
+                                        {{t "common.upload-new-photo"}}
                                     </span>
                                 {{/if}}
                             </a>
@@ -31,7 +31,7 @@
                             <InputGroup @name={{t "common.email"}} @type="email" @value={{this.user.email}} />
                         </div>
                         <div class="mt-3 flex items-center justify-end">
-                            <Button @buttonType="submit" @type="primary" @size="lg" @icon="save" @text={{t "common.save-button-text"}} @onClick={{perform this.saveProfile}} @isLoading={{not this.saveProfile.isIdle}} />
+                            <Button @buttonType="submit" @type="primary" @size="lg" @icon="save" @text={{t "common.save-changes"}} @onClick={{perform this.saveProfile}} @isLoading={{not this.saveProfile.isIdle}} />
                         </div>
                     </div>
                 </form>

package/addon/templates/application.hbs

@@ -1,17 +1,7 @@
 <EmberWormhole @to="sidebar-menu-items">
     <Layout::Sidebar::Item @route="console.solid-protocol.home" @icon="home">Home</Layout::Sidebar::Item>
-    <Layout::Sidebar::Item @route="console.solid-protocol.pods" @icon="folder-tree">Pods</Layout::Sidebar::Item>
-    {{!-- <Layout::Sidebar::Panel @open={{true}} @title="Pods">
-        <Layout::Sidebar::Item @route="console.solid-protocol.pods" @icon="folder-tree">All</Layout::Sidebar::Item>
-        {{#each this.pods as |pod|}}
-            <LinkTo @route="pods.explorer" @model={{pod}} @query={{hash id=pod.id pod=pod.id}} class="next-nav-item">
-                <div class="next-nav-item-icon-container">
-                    <FaIcon @icon="folder" @size="xs" />
-                </div>
-                <div class="truncate w-10/12 ">{{pod.name}}</div>
-            </LinkTo>
-        {{/each}}
-    </Layout::Sidebar::Panel> --}}
+    <Layout::Sidebar::Item @route="console.solid-protocol.data" @icon="database">Data</Layout::Sidebar::Item>
+
     <Layout::Sidebar::Item @route="console.solid-protocol.account" @icon="user">Account</Layout::Sidebar::Item>
 </EmberWormhole>