From a9905d907b22e258c4557d357ea92cacffdfa7aa Mon Sep 17 00:00:00 2001
From: "Samuele E. Locatelli" <samuele@steamware.net>
Date: Thu, 17 Oct 2019 13:00:15 +0200
Subject: [PATCH] Fix help page tracciato file

---
 INTERFACE/WebLCP/DB_INPUT.aspx     | 64 +++++++++++++++++++++++++-----
 INTERFACE/WebLCP/DB_INPUT_CLU.aspx | 64 +++++++++++++++++++++++++-----
 2 files changed, 107 insertions(+), 21 deletions(-)

diff --git a/INTERFACE/WebLCP/DB_INPUT.aspx b/INTERFACE/WebLCP/DB_INPUT.aspx
index 2ad8213..39c7e25 100644
--- a/INTERFACE/WebLCP/DB_INPUT.aspx
+++ b/INTERFACE/WebLCP/DB_INPUT.aspx
@@ -1,21 +1,63 @@
 <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="DB_INPUT.aspx.cs" Inherits="WebLCP.DB_INPUT" %>
 
 <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
-
   <div class="card">
     <div class="card-header bg-warning text-light">
-      <h4>Note esplicative file DB_INPUT.csv</h4>
+      <h4>DB_INPUT.csv: file specification</h4>
     </div>
     <div class="card-body">
-      <dl>
-        <dt><b>Caratteristiche file DB INPUT</b></dt>
-        <dd>- dati devono essere salvati in forma anonima</dd>
-        <dd>- formato file: csv</dd>
-        <dd>- separatore: carattere <b>;</b></dd>
-        <dd>- ...</dd>
-        <dd>Esempio file scaricabile:
-            <asp:HyperLink runat="server" ID="hlFile" NavigateUrl="~/demoFiles/DB_INPUT.csv" Target="_blank">DB_INPUT.csv</asp:HyperLink></dd>
-      </dl>
+      <div class="row">
+        <div class="col-md-8">
+          <table class="table table-sm table-striped">
+            <thead class="thead-dark">
+              <tr>
+                <th>Field Name</th>
+                <th>Data type</th>
+                <th>Data Example</th>
+                <th>Note</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td><b>AGE</b></td>
+                <td>[INT]</td>
+                <td>1 .. 120</td>
+                <td>years</td>
+              </tr>
+              <tr>
+                <td><b>Gender</b></td>
+                <td>[INT]</td>
+                <td>0/1</td>
+                <td>0 = F, 1 = M</td>
+              </tr>
+              <tr>
+                <td><b>APOE</b></td>
+                <td>[ENUM]</td>
+                <td>pos / neg</td>
+                <td>positive / negative characterization</td>
+              </tr>
+              <tr>
+                <td><b>VARIABLE</b></td>
+                <td>[FLOAT]</td>
+                <td>...</td>
+                <td>clustering value to analyze</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="col-md-4">
+          <dl>
+            <dt>DB INPUT file spec</dt>
+            <dd>- data must be given in anonymous form</dd>
+            <dd>- file format: csv</dd>
+            <dd>- field separator: <b>;</b></dd>
+          </dl>
+        </div>
+      </div>
+    </div>
+    <div class="card-footer">
+      <i>Esempio file scaricabile:
+        <asp:HyperLink runat="server" ID="hlFile" NavigateUrl="~/demoFiles/DB_INPUT.csv" Target="_blank">DB_INPUT.csv</asp:HyperLink></i>
     </div>
   </div>
 </asp:Content>
diff --git a/INTERFACE/WebLCP/DB_INPUT_CLU.aspx b/INTERFACE/WebLCP/DB_INPUT_CLU.aspx
index 34a6e9d..cda08e7 100644
--- a/INTERFACE/WebLCP/DB_INPUT_CLU.aspx
+++ b/INTERFACE/WebLCP/DB_INPUT_CLU.aspx
@@ -1,20 +1,64 @@
 <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="DB_INPUT_CLU.aspx.cs" Inherits="WebLCP.DB_INPUT_CLU" %>
 
 <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
+  
   <div class="card">
     <div class="card-header bg-warning text-light">
-      <h4>Note esplicative file DB_INPUT_CLU.csv</h4>
+      <h4>DB_INPUT_CLU.csv: file specification</h4>
     </div>
     <div class="card-body">
-      <dl>
-        <dt><b>Caratteristiche file DB INPUT</b></dt>
-        <dd>- dati devono essere salvati in forma anonima</dd>
-        <dd>- formato file: csv</dd>
-        <dd>- separatore: carattere <b>;</b></dd>
-        <dd>- ...</dd>
-        <dd>Esempio file scaricabile:
-            <asp:HyperLink runat="server" ID="hlFile" NavigateUrl="~/demoFiles/DB_INPUT_CLU.csv" Target="_blank">DB_INPUT_CLU.csv</asp:HyperLink></dd>
-      </dl>
+      <div class="row">
+        <div class="col-md-8">
+          <table class="table table-sm table-striped">
+            <thead class="thead-dark">
+              <tr>
+                <th>Field Name</th>
+                <th>Data type</th>
+                <th>Data Example</th>
+                <th>Note</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td><b>APOE</b></td>
+                <td>[ENUM]</td>
+                <td>pos / neg</td>
+                <td>positive / negative characterization</td>
+              </tr>
+              <tr>
+                <td><b>AGE</b></td>
+                <td>[INT]</td>
+                <td>1 .. 120</td>
+                <td>years</td>
+              </tr>
+              <tr>
+                <td><b>Gender</b></td>
+                <td>[INT]</td>
+                <td>0/1</td>
+                <td>0 = F, 1 = M</td>
+              </tr>
+              <tr>
+                <td><b>VARIABLE</b></td>
+                <td>[FLOAT]</td>
+                <td>...</td>
+                <td>actual value to analyze</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="col-md-4">
+          <dl>
+            <dt>DB INPUT CLU file spec</dt>
+            <dd>- data must be given in anonymous form</dd>
+            <dd>- file format: csv</dd>
+            <dd>- field separator: <b>;</b></dd>
+          </dl>
+        </div>
+      </div>
+    </div>
+    <div class="card-footer">
+      <i>Esempio file scaricabile:
+        <asp:HyperLink runat="server" ID="hlFile" NavigateUrl="~/demoFiles/DB_INPUT_CLU.csv" Target="_blank">DB_INPUT_CLU.csv</asp:HyperLink></i>
     </div>
   </div>
 </asp:Content>