small changes to improve refresh handling and other small issues

Author: ecrum19

src/components/EditPrivacy.vue

@@ -1081,6 +1081,7 @@ export default {
     /* creates files and directories if not already present */
     async createStuff() {
       await createInboxWithACL(this.selectedPodUrl, this.webId);
+      await this.getGeneralData();
       this.$forceUpdate(); // Forces a re-render of the component
     },
     /* Takes in the emitted value from ContainerNav.vue */

src/components/Guides/LandingGuide.vue

@@ -19,7 +19,7 @@
           <i class="material-icons arrow-bullet">chevron_right</i> Manage files
           in your pod
         </h3>
-        <p>Upload, delete, and move resources in your Solid Pod.</p>
+        <p>Upload and delete resources in your Solid Pod.</p>
         <h3 class="req">
           <i class="material-icons arrow-bullet">chevron_right</i> Query your
           pod (and SPARQL endpoints you specify)
@@ -37,11 +37,11 @@
           notify others of the changes.
         </p>
         <p class="middle-line">
-          Save query and results to a query cache in your pod
+          Save SPARQL queries and results to a query cache in your pod
         </p>
         <p class="last-line">
           Share queries and results from your query cache and improve query
-          performance with the cache
+          performance by using the cache
         </p>
       </div>
     </div>
@@ -109,36 +109,6 @@
               running 🚀
             </p>
 
-            <div class="triple-item">
-              <button class="dropdown-toggle" @click="toggleObjectives">
-                <h4>🎯 Objectives of This Guide</h4>
-                <i class="material-icons dropdown-arrow">
-                  {{
-                    objectivesOpen ? "keyboard_arrow_down" : "chevron_right"
-                  }}</i
-                >
-              </button>
-              <div v-if="objectivesOpen">
-                <ol>
-                  <li>
-                    Setting up a Solid Pod (that is accessible via the internet)
-                  </li>
-                  <li>
-                    Logging into your Pod at any time (after setting it up)
-                  </li>
-                  <li>
-                    Understanding the features and functionalities of the Solid
-                    Cockpit app.
-                  </li>
-                  <li>
-                    Overview of future capabilities, such as managing pod
-                    contents, adjusting data privacy, and querying data using
-                    SPARQL.
-                  </li>
-                </ol>
-              </div>
-            </div>
-
             <div class="triple-item">
               <button class="dropdown-toggle" @click="toggleSetupPod">
                 <h4>🌐 Setting Up a Solid Pod (Online)</h4>
@@ -167,10 +137,7 @@
                         >https://triple.ilabt.imec.be/</a
                       >
                     </p>
-                    <p>Use the following credentials to enter the site:</p>
-                    <ul>
-                      <li><strong>Password</strong>: <code>triple</code></li>
-                    </ul>
+                    <p>Use the Password: <code>triple</code></p>
                   </li>
                   <li>
                     <strong>🔐 Sign Up to make a Pod</strong>
@@ -221,10 +188,7 @@
                         >https://triple.ilabt.imec.be/</a
                       >
                     </p>
-                    <p>Use the following credentials to enter the site:</p>
-                    <ul>
-                      <li><strong>Password</strong>: <code>triple</code></li>
-                    </ul>
+                    <p>Use the Password: <code>triple</code></p>
                   </li>
                   <li>
                     <strong>Login using your credentials</strong>
@@ -273,29 +237,19 @@
                   managing and interacting with your Solid Pod.
                 </p>
 
-                <button
-                  class="dropdown-toggle"
-                  @click="toggleAvailableFeatures"
+                <h3>✨ Available Features</h3>
+                <i class="material-icons dropdown-arrow">
+                  {{
+                    availableFeaturesOpen
+                      ? "keyboard_arrow_down"
+                      : "chevron_right"
+                  }}</i
                 >
-                  <h5>✨ Available Features</h5>
-                  <i class="material-icons dropdown-arrow">
-                    {{
-                      availableFeaturesOpen
-                        ? "keyboard_arrow_down"
-                        : "chevron_right"
-                    }}</i
-                  >
-                </button>
-                <div v-if="availableFeaturesOpen">
+                <div>
                   <ol>
                     <li>
                       <strong>📝 Data Upload</strong>
                       <p>Upload data to your Pod.</p>
-                      <p>
-                        When uploading RDF data, file validity can be assessed
-                        before uploading.
-                      </p>
-                      <p>Specify and modify the metadata of uploaded files.</p>
                     </li>
                     <li>
                       <strong>🗂️ Data Browser</strong> (under construction)

src/components/PodRegistration.vue

@@ -160,12 +160,12 @@ export default {
       /* For TRIPLE consortium */
       if (this.customPodUrl === "") {
         await webIdDataset(currentWebId(), this.customPodUrl);
-        this.$forceUpdate(); // Forces a re-render of the component
+        await this.findPodList();
       } else {
         /* For provided URL */
         if (!checkUrl(this.customPodUrl, this.currentPod)) {
           await webIdDataset(currentWebId(), this.customPodUrl);
-          this.$forceUpdate(); // Forces a re-render of the component
+          await this.findPodList();
         } else {
           /* For invalid URL 
           TODO: make this a little prettier */

src/components/Styling/SharedWith.vue

@@ -85,7 +85,7 @@
       <span class="shared-title">Shared With Others</span>
 
       <div class="no-items" v-if="sharedItems.length === 0">
-        <p>You havbe not shared any resources with others.</p>
+        <p>You have not shared any resources with others.</p>
       </div>
       <div v-else>
         <!-- Iterates over list of resources in sharedWithOthers.tll -->

src/components/Styling/TheHeader.vue

@@ -144,7 +144,7 @@ export default {
       const authStore = useAuthStore();
       authStore.clearAuth();
       this.notloggedOut = await logOut();
-      window.location.reload();
+      window.location.href = '/';
     },
     homepageRedir(): void {
       redirectToHomepage();

src/components/privacyEdit.ts

@@ -290,21 +290,21 @@ export async function createInboxWithACL(
     await saveSolidDatasetAt(userWebId, profileDataset, { fetch });
     console.log(`Added ldp:inbox (${inboxUrl}) to ${userWebId}`);
 
-    // Grant append access to anyone (foaf:Agent)
-    const solidDataWAcl = await getSolidDatasetWithAcl(inboxUrl, {
-      fetch: fetch,
-    });
     // // Apply the public append ACL rule
     const access = {
       read: false,
       append: true,
       write: false,
       control: false,
     };
-    const updatedAclDataset = setPublicResourceAccess(aclDataset, access);
-    const aupdatedAcl = setPublicDefaultAccess(updatedAclDataset, access);
-    // // Save the updated ACL dataset
-    await saveAclFor(solidDataWAcl, aupdatedAcl);
+    // Grant append access to anyone (foaf:Agent)
+    // const solidDataWAcl = await getSolidDatasetWithAcl(inboxUrl, {
+    //   fetch: fetch,
+    // });
+    // const updatedAclDataset = setPublicResourceAccess(aclDataset, access);
+    // const aupdatedAcl = setPublicDefaultAccess(updatedAclDataset, access);
+    // // // Save the updated ACL dataset
+    // await saveAclFor(solidDataWAcl, aupdatedAcl);
 
     // Initialize the sharedWithMe.ttl file
     const mefileName = "sharedWithMe.ttl";
@@ -316,6 +316,15 @@ export async function createInboxWithACL(
     await saveSolidDatasetAt(inboxUrl + mefileName, newDataset, { fetch });
     console.log(`CREATED sharedWithMe.ttl`);
 
+    // Grant append access (for sharedWithMe.ttl) to anyone (foaf:Agent)
+    const swmeAcl = await getSolidDatasetWithAcl(inboxUrl + mefileName, {
+      fetch: fetch,
+    });
+    const swmeaclDataset = await generateAcl(inboxUrl + mefileName, userWebId);
+    const updatedswmeAcl = setPublicResourceAccess(swmeaclDataset, access);
+    await saveAclFor(swmeAcl, updatedswmeAcl);
+    console.log(`ADDED .acl for sharedWithMe.ttl`);
+
     // Initialize the sharedWithOthers.ttl file
     const othersfileName = "sharedWithOthers.ttl";
     const otherdataset = createSolidDataset();