finished up functionality edits started pinia dev

KNowledgeOnWebScale · Nov 13, 2024 · ab9b05c · ab9b05c
1 parent d0269bd
commit ab9b05c
Show file tree

Hide file tree

Showing 9 changed files with 27 additions and 25 deletions.
diff --git a/TRIPLE-guide.md b/TRIPLE-guide.md
@@ -32,16 +32,18 @@ To **set up** your Solid Pod using the TRIPLE platform, follow these steps:
 
 ## 🔑 Logging into your Solid Pod (after creation)
 1. **Navigate to our Solid Pod Hosting website**
-
    - Go to [https://triple.ilabt.imec.be/](https://triple.ilabt.imec.be/)
    - Use the following credentials to enter the site:
      - **Password**: `triple`
 
 2. **Login using your credentials**
-
    - Click **Login** (assuming you have already made an account)
 
-     
+3. **Register your Pod on your new WebID card**
+   - Navigate to the "Home" page of the [Solid-Cockpit Webpage](https://knowledgeonwebscale.github.io/solid-cockpit/home)
+   - Login to your Solid Pod using the "https://triple.ilabt.imec.be/" provider
+   - CLICK the "REGISTER POD" button (not necessary to enter any PodURL)
+   - Thats it. Now you are connected to your new Pod!!
 
 ## 🛫 Using the Solid Cockpit App
 
@@ -54,7 +56,7 @@ The Solid Cockpit app provides several functionalities for managing and interact
    - When uploading RDF data, file validity can be assessed before uploading.
    - Specify and modify the metadata of uploaded files.
 
-2. 🗂️ **Data Browser**
+2. 🗂️ **Data Browser** (under construction)
    - View, modify, move, and delete the contents of your Pod.
    - Explore and edit the container structure of your Pod.
 
@@ -63,7 +65,7 @@ The Solid Cockpit app provides several functionalities for managing and interact
    - A user input to designate the sources for the queries.
    - Options that impact the the output formats, query execution, and other relevant parameters.
 
-4. 🔒 **Data Privacy Management**
+4. 🔒 **Data Privacy Management** (under construction)
    - View the current privacy settings for your data (Read, Write, and Append).
    - Add or change privacy settings to containers and resources in your Pod.
    - Give and receive notifications related to new access rights to the data of others.

diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "@vue/eslint-config-typescript": "^9.1.0",
     "core-js": "^3.8.3",
     "fs": "^0.0.1-security",
+    "pinia": "^2.2.6",
     "vue": "^3.2.13",
     "vue-router": "^4.0.13",
     "vuetify": "^3.5.14"

diff --git a/src/App.vue b/src/App.vue
@@ -11,6 +11,7 @@
 import FunctionSelector from './components/Styling/FunctionSelector.vue';
 import TheHeader from './components/Styling/TheHeader.vue';
 
+
 export default {
   name: 'App',
   components: {

diff --git a/src/components/ContainerNav.vue b/src/components/ContainerNav.vue
@@ -27,9 +27,9 @@
 
 <script>
 import { getContainedResourceUrlAll } from "@inrupt/solid-client";
-import { changeAcl, checkUrl, generateAcl, WorkingData } from "./privacyEdit";
-import { currentWebId, getPodURLs } from "./login";
-import { fetchPermissionsData, fetchData, fetchAclAgents } from "./getData";
+import { WorkingData } from "./privacyEdit";
+import { currentWebId } from "./login";
+import { fetchData, fetchAclAgents } from "./getData";
 
 export default {
   name: 'ContainerNav',
@@ -38,27 +38,13 @@ export default {
   },
   data() {
     return {
-      filters: ["containers", "resources"],
-      filterValues: [true, true],
-      filterMenuOpen: false,
-      showSharedIndex: null,
-      showFormIndex: null,
-      userUrl: "",
-      userUrlInvalid: false,
-      submissionDone: false,
       webId: "",
       dirContents: WorkingData,
-      containerContents: WorkingData,
-      hasAcl: null,
-      cannotMakeAcl: false,
       currentLocation: "",
       currentUrl: null,
       urls: [],
       containerUrls: [],
       resourceUrls: [],
-      inContainer: WorkingData,
-      newUrls: [],
-      aclUrl: "",
       hasAccess: [],
     };
   },

diff --git a/src/components/LandingPage.vue b/src/components/LandingPage.vue
@@ -11,8 +11,7 @@
       <div class="entry">
         <h1>
           The best way to pilot your
-          <a href="https://solidproject.org/">Solid Pod</a> is with <br />
-          <span>Solid Cockpit</span>
+          <a href="https://solidproject.org/">Solid Pod</a>
         </h1>
       </div>
     </v-col>

diff --git a/src/components/PodUpload.vue b/src/components/PodUpload.vue
@@ -114,8 +114,8 @@
   <body class="use-guide">
     <h2 class="req">Data Upload Guide</h2>
     <ol>
+      <li>Select the pod and container you want to upload a file to (Not Fully Funtional)</li>
       <li>Click the <b>"File Input"</b> bar above or drag and drop a file</li>
-      <li>Select the local file(s) you wish to upload</li>
       <li>Click the <b>"Upload"</b> button</li>
       <li>
         Once the success label appears, your files should then be in your pod.

diff --git a/src/components/fileUpload.ts b/src/components/fileUpload.ts
@@ -14,6 +14,7 @@ import { mimeTypes } from "./mime_types.js";
 export async function handleFiles(fileList: FileList, podURL: string): Promise<string[]> {
   const outputList: string[] = [];
   console.log(podURL);
+  // TODO: Make this actually work with the provided container location ... 
   for (let i = 0; i < fileList.length; i++) {
     const upload: string = await uploadToPod(`${podURL}uploads/${fileList[i].name}`, fileList[i], fetch);
     outputList.push(upload);

diff --git a/src/components/store.js b/src/components/store.js
@@ -0,0 +1,9 @@
+import { defineStore } from 'pinia';
+
+export const useNavLocationStore = defineStore('navLocation', {
+  state: () => {
+    return {
+      currLocation: null,
+    }
+  },
+})
diff --git a/src/main.ts b/src/main.ts
@@ -2,13 +2,15 @@ import { createApp } from 'vue'
 
 import App from './App.vue';
 import router from './router';
+import { createPinia } from 'pinia';
 
 import 'vuetify/styles';
 import { createVuetify } from 'vuetify';
 import * as components from 'vuetify/components';
 import * as directives from 'vuetify/directives';
 import { aliases, mdi } from 'vuetify/iconsets/mdi';
 
+const pinia = createPinia();
 const vuetify = createVuetify({
   components,
   directives,
@@ -23,4 +25,5 @@ const vuetify = createVuetify({
 
 const app = createApp(App).use(vuetify);
 app.use(router);
+app.use(pinia);
 app.mount('#app');