Skip to content

Commit a219681

Browse files
author
wuruchi
committed
Improved FAQ section UI
1 parent 256bf39 commit a219681

File tree

6 files changed

+17
-12
lines changed

6 files changed

+17
-12
lines changed

‎build/asset-manifest.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
{
22
"files": {
33
"main.css": "/autosubmitapp/static/css/main.3206b6c4.chunk.css",
4-
"main.js": "/autosubmitapp/static/js/main.f2d23f19.chunk.js",
5-
"main.js.map": "/autosubmitapp/static/js/main.f2d23f19.chunk.js.map",
4+
"main.js": "/autosubmitapp/static/js/main.0b1f18b5.chunk.js",
5+
"main.js.map": "/autosubmitapp/static/js/main.0b1f18b5.chunk.js.map",
66
"runtime-main.js": "/autosubmitapp/static/js/runtime-main.aff45655.js",
77
"runtime-main.js.map": "/autosubmitapp/static/js/runtime-main.aff45655.js.map",
88
"static/js/2.78dc1ab9.chunk.js": "/autosubmitapp/static/js/2.78dc1ab9.chunk.js",
@@ -17,6 +17,6 @@
1717
"static/js/runtime-main.aff45655.js",
1818
"static/js/2.78dc1ab9.chunk.js",
1919
"static/css/main.3206b6c4.chunk.css",
20-
"static/js/main.f2d23f19.chunk.js"
20+
"static/js/main.0b1f18b5.chunk.js"
2121
]
2222
}

‎build/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/autosubmitapp/favicon.ico"/><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"/><script type="text/javascript" src="https://unpkg.com/vis-network@latest/dist/vis-network.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis-network.min.css" rel="stylesheet"/><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"/><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><script>$(document).ready((function(){$("body").tooltip({selector:"[data-toggle=tooltip]"})}))</script><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/autosubmitapp/manifest.json"/><title>Autosubmit GUI</title><link href="/autosubmitapp/static/css/main.3206b6c4.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,i,a=t[0],l=t[1],p=t[2],c=0,s=[];c<a.length;c++)i=a[c],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(f&&f(t);s.length;)s.shift()();return u.push.apply(u,p||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,a=1;a<r.length;a++){var l=r[a];0!==o[l]&&(n=!1)}n&&(u.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},o={1:0},u=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/autosubmitapp/";var a=this.webpackJsonpautosubmitgui=this.webpackJsonpautosubmitgui||[],l=a.push.bind(a);a.push=t,a=a.slice();for(var p=0;p<a.length;p++)t(a[p]);var f=l;r()}([])</script><script src="/autosubmitapp/static/js/2.78dc1ab9.chunk.js"></script><script src="/autosubmitapp/static/js/main.f2d23f19.chunk.js"></script></body><script type="text/javascript">function showTreeTab(){$('#myTab a[href="#treeview"]').tab("show")}function showGraphTab(){$('#myTab a[href="#graph"]').tab("show")}function showLogTab(){$('#myTab a[href="#log"]').tab("show")}function showStatsTab(){$('#myTab a[href="#stats"]').tab("show")}function copyToClip(o){var e=document.getElementById(o);e?(e.select(),e.setSelectionRange(0,99999),document.execCommand("copy")):console.log("No selection")}function fallbackCopyTextToClipboard(o){var e=document.createElement("textarea");e.value=o,e.style.top="0",e.style.left="0",e.style.position="fixed",document.body.appendChild(e),e.focus(),e.select();try{var t=document.execCommand("copy")?"successful":"unsuccessful";console.log("Fallback: Copying text command was "+t)}catch(o){console.error("Fallback: Oops, unable to copy",o)}document.body.removeChild(e)}function copyTextToClipboard(o){navigator.clipboard?navigator.clipboard.writeText(o).then((function(){console.log("Async: Copying to clipboard was successful!")}),(function(o){console.error("Async: Could not copy text: ",o)})):fallbackCopyTextToClipboard(o)}function scrollToBottom(){var o=document.getElementById("log_scroll");o&&(o.scrollTop=o.scrollHeight-o.clientHeight)}</script><link href="//cdn.jsdelivr.net/npm/[email protected]/dist/skin-win8/ui.fancytree.min.css" rel="stylesheet"/></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/autosubmitapp/favicon.ico"/><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"/><script type="text/javascript" src="https://unpkg.com/vis-network@latest/dist/vis-network.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis-network.min.css" rel="stylesheet"/><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"/><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><script>$(document).ready((function(){$("body").tooltip({selector:"[data-toggle=tooltip]"})}))</script><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/autosubmitapp/manifest.json"/><title>Autosubmit GUI</title><link href="/autosubmitapp/static/css/main.3206b6c4.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,i,a=t[0],l=t[1],p=t[2],c=0,s=[];c<a.length;c++)i=a[c],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(f&&f(t);s.length;)s.shift()();return u.push.apply(u,p||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,a=1;a<r.length;a++){var l=r[a];0!==o[l]&&(n=!1)}n&&(u.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},o={1:0},u=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/autosubmitapp/";var a=this.webpackJsonpautosubmitgui=this.webpackJsonpautosubmitgui||[],l=a.push.bind(a);a.push=t,a=a.slice();for(var p=0;p<a.length;p++)t(a[p]);var f=l;r()}([])</script><script src="/autosubmitapp/static/js/2.78dc1ab9.chunk.js"></script><script src="/autosubmitapp/static/js/main.0b1f18b5.chunk.js"></script></body><script type="text/javascript">function showTreeTab(){$('#myTab a[href="#treeview"]').tab("show")}function showGraphTab(){$('#myTab a[href="#graph"]').tab("show")}function showLogTab(){$('#myTab a[href="#log"]').tab("show")}function showStatsTab(){$('#myTab a[href="#stats"]').tab("show")}function copyToClip(o){var e=document.getElementById(o);e?(e.select(),e.setSelectionRange(0,99999),document.execCommand("copy")):console.log("No selection")}function fallbackCopyTextToClipboard(o){var e=document.createElement("textarea");e.value=o,e.style.top="0",e.style.left="0",e.style.position="fixed",document.body.appendChild(e),e.focus(),e.select();try{var t=document.execCommand("copy")?"successful":"unsuccessful";console.log("Fallback: Copying text command was "+t)}catch(o){console.error("Fallback: Oops, unable to copy",o)}document.body.removeChild(e)}function copyTextToClipboard(o){navigator.clipboard?navigator.clipboard.writeText(o).then((function(){console.log("Async: Copying to clipboard was successful!")}),(function(o){console.error("Async: Could not copy text: ",o)})):fallbackCopyTextToClipboard(o)}function scrollToBottom(){var o=document.getElementById("log_scroll");o&&(o.scrollTop=o.scrollHeight-o.clientHeight)}</script><link href="//cdn.jsdelivr.net/npm/[email protected]/dist/skin-win8/ui.fancytree.min.css" rel="stylesheet"/></html>

‎build/static/js/main.f2d23f19.chunk.js ‎build/static/js/main.0b1f18b5.chunk.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/static/js/main.0b1f18b5.chunk.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/static/js/main.f2d23f19.chunk.js.map

-1
This file was deleted.

‎src/components/experiment/FAQ.js

+10-5
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,26 @@ import React from 'react'
33
const FAQ = () => {
44
return (
55
<div className='card-body'>
6-
<h5>Where does the information in the <strong>Tree/Graph/Quick</strong> View come from?</h5>
6+
<ul>
7+
<li><h5>Where does the information in the <strong>Tree/Graph/Quick</strong> View come from?</h5></li>
78
<p className='lead'>The information directly related to the jobs' status comes from the <em>pkl</em> file that Autosubmit generates and constantly updates when your experiment is running. This file stores key information from your jobs that allow us to identify them and retrieve their information.</p>
89
<p className='lead'> The <em>queuing</em> and <em>running</em> times come from the files that Autosubmit generates to store the submit, start, finish times, and the status of your job. These files usually end with the string <em>*_TOTAL_STATS</em> where <strong>*</strong> is replaced by the job's name. This file can contain the registers for many runs of the same job. Moreover, the latest version of Autosubmit implements a job historical database that improves the previously described functionality and extends its data retrieval capabilities. If this information is available, it will be prioritized over the former source.</p>
10+
11+
912

10-
<h5>What does it mean for a job's <strong>STATUS</strong> to be shown as <em>SUSPICIOUS</em>?</h5>
13+
<li><h5>What does it mean for a job's <strong>STATUS</strong> to be shown as <em>SUSPICIOUS</em>?</h5></li>
1114
<p className='lead'>The <em>pkl</em> file of your experiment stores the current status of its jobs. The <em>*_TOTAL_STATS</em> files that Autosubmit generates also store the status of the corresponding job in the experiment. Whenever the values on these sources differ, the GUI assumes that something is not working right and it will show the <em>SUSPICIOUS</em> status text next to the job's name as a warning. Sometimes there is a little bit of delay between Autosubmit updating the <em>pkl</em> file and updating or creating the <em>*_TOTAL_STATS</em> file, in this case the <em>SUSPICIOUS</em> status should be replaced by the right status after some minutes if you <span className="badge badge-success">Refresh</span> (or <em>F5</em>) the Tree/Graph/Quick view of your experiment, or if the <span className="badge badge-success">Job Monitor</span> tool is active. However, if it does not disappear, it could mean that truly something wrong is happening with your experiment.</p>
1215

13-
<h5>I see a big <span className='text-danger'>Permission Denied</span> message in the top bar. What to do?</h5>
16+
<li><h5>I see a big <span className='text-danger'>Permission Denied</span> message in the top bar. What to do?</h5></li>
1417
<p className="lead">This means the Autosubmit GUI could not read the <strong>conf</strong> files of your experiment due to their level of protection. Make sure that your <strong>conf</strong> files have read permission for your user group.</p>
1518

16-
<h5>Where can I report an issue?</h5>
19+
<li><h5>Where can I report an issue?</h5></li>
1720
<p className="lead">If you find that something is broken or you suspect that it is not working correctly, you can open an issue at <a href="https://earth.bsc.es/gitlab/es/autosubmit/-/issues" rel="noopener noreferrer" target="_blank">Autosubmit Project Issues</a>.</p>
1821

19-
<h5>The Job Information Panel shows the values SYPD and ASYPD. What are those?</h5>
22+
<li><h5>The Job Information Panel shows the values SYPD and ASYPD. What are those?</h5></li>
2023
<p className="lead">Refer to the definition of the <em>Generalization of SYPD and ASYPD</em> at <a href="https://earth.bsc.es/gitlab/wuruchi/autosubmitreact/-/wikis/Performance-Metrics" target="_blank" rel="noreferrer">Autosubmit API Wiki: Performance Metrics</a>. <em>SYPD</em> is automatically updated when Job Monitor is active. <em>ASYPD</em>, due to the nature of its computation, will require a reload of the Tree or Graph view to be updated.</p>
24+
25+
</ul>
2126

2227
<p className="small text-muted">We will continue adding more information. For suggestions, you can open an issue on the Autosubmit project.</p>
2328

0 commit comments

Comments
 (0)