Added FAQ modal window.

Signed-off-by: Cristiano Urban <cristiano.urban@inaf.it>

vospace-ui-frontend/src/components/Main.vue

@@ -53,6 +53,7 @@
   <MoveOrCopyModal />
   <ConfirmArchiveModal />
   <CreateLinksModal />
+  <FAQModal />
 </div>
 </template>
 
@@ -66,6 +67,7 @@ import RenameModal from './modal/RenameModal.vue'
 import MoveOrCopyModal from './modal/MoveOrCopyModal.vue'
 import ConfirmArchiveModal from './modal/ConfirmArchiveModal.vue'
 import CreateLinksModal from './modal/CreateLinksModal.vue'
+import FAQModal from './modal/FAQModal.vue'
 
 export default {
   components: {
@@ -78,7 +80,8 @@ export default {
     RenameModal,
     MoveOrCopyModal,
     ConfirmArchiveModal,
-    CreateLinksModal
+    CreateLinksModal,
+    FAQModal
   },
   computed: {
     breadcrumbs() {

vospace-ui-frontend/src/components/TopMenu.vue

@@ -9,6 +9,7 @@
     <b-navbar-brand href="#/" class="d-none d-md-block">VOSpace<sup>BETA</sup></b-navbar-brand>
     <JobsMenuItem />
     <b-navbar-nav class="ml-auto">
+      <b-nav-item right v-b-modal.modal-faq>FAQ</b-nav-item>
       <b-nav-item href="login" class="mr-4" v-if="user === 'anonymous'">Login</b-nav-item>
       <b-nav-item-dropdown :text="user" right v-if="user !== 'anonymous'">
         <b-dropdown-item href="vospace-logout">Logout</b-dropdown-item>

vospace-ui-frontend/src/components/modal/FAQModal.vue

+<!--
+  This file is part of vospace-ui
+  Copyright (C) 2021 Istituto Nazionale di Astrofisica
+  SPDX-License-Identifier: GPL-3.0-or-later
+-->
+<template>
+  <b-modal id="modal-faq" size="lg" title="VOSpace Frequently Asked Questions (FAQ)">
+    <p class="my-4">
+      <b>Q</b>: Can I use the VOSpace as anonymous user?<br/>
+      <b>A</b>: No, you must be logged in. Without login you can only browse and download public data, if available in place.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: I don't see my home folder (ROOT / name.surname) after login and I cannot perform some actions on the web interface. What can I do?<br/>
+      <b>A</b>: Contact the administrators and ask for registration.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: Is there a limit on file upload size through the web interface?<br/>
+      <b>A</b>: Yes, the limit is 10 GB. If you need to upload huge files you have to ask the admins for SSH access to a dedicated transfer node. The admins will start the so-called storage procedure at the end of which the data will be available via web interface. During the storage procedure leaf directories containing more then 2000 files are converted in .tar files. You can use <a href="https://owncloud.ia2.inaf.it/index.php/s/V9ydu3NDXAIHWJ8/download">this Bash script</a> to perform a check on your files before to upload them.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: Is there a limit on VOSpace number of nodes and storage space (hot or cold) per user?<br/>
+      <b>A</b>: Yes, obviously these limits are set by our available resources and can be agreed with IA2.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: Is there a limit on download file size through the web interface?<br/>
+      <b>A</b>: Generally speaking, the answer is no, but if you are going to download huge files, please ask the admins for a SSH access to a transfer node.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: A file/folder icon is marked with an X and there is no download link. What does this mean?<br/>
+      <b>A</b>: It means that the file/folder is not in place and cannot be directly downloaded, it has to be "recalled" first. This can be done by selecting the file/folder checkbox, clicking on the <i>Actions</i> dropdown menu at the top of the page and then on <i>Async recall</i>. This action will start an asynchronous job to recall the file/folder and made it available for download.
+    </p>
+    <div class="row">
+      <div class="col text-center mb-4">
+        <img src="./../../assets/images/async_recall.jpg" width=80%>
+      </div>
+    </div>
+    <p class="my-4">
+      <b>Q</b>: I have recalled some files/folders through <i>Async recall</i>, how long will data be in place for download?<br/>
+      <b>A</b>: Data will be available for download for 2 days.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: How can I abort the execution of an asynchronous job?<br/>
+      <b>A</b>: Asynchronous jobs cannot be stopped.
+    </p>
+    <!--<div>
+    <b-embed type="video" controls>
+      <source src="./../../assets/videos/async_recall.mp4" type="video/mp4">
+    </b-embed>
+    </div>-->
+    <p class="my-4">
+      <b>Q</b>: Are there any restrictions on allowed characters for file/folder names?<br/>
+      <b>A</b>: Yes, the following characters are not allowed for file/folder names: [ ] &lt; &gt; ? \ " : / | ' * ` \
+    </p>
+    <p class="my-4">
+      <b>Q</b>: Where can I find the VOSpace specification?<br/>
+      <b>A</b>: The VOSpace specification v2.1 can be found <a href="https://www.ivoa.net/documents/VOSpace/" target="_blank">here</a>.
+    </p>
+    <p class="my-4">
+      <b>Q</b>: How can I ask for support?<br/>
+      <b>A</b>: You can send an email to the administrators at <a href="mailto:vospace.ia2@inaf.it">vospace.ia2@inaf.it</a>.
+    </p>
+  </b-modal>
+</template>