From c8111bf0d5a01233d204b9836c24cb497d4342b0 Mon Sep 17 00:00:00 2001
From: Claudio Maggioni <maggioniclaudio1999@gmail.com>
Date: Wed, 25 May 2016 12:08:04 +0200
Subject: [PATCH] Aggiunto aggiornamento dettagli tabella

---
 index.html | 41 ++++++++++++++++++++---------------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index e929423..f57e0fc 100644
--- a/index.html
+++ b/index.html
@@ -262,6 +262,7 @@
             var interrompi=false;
             function loopProcessiPronti(){
                 assegnaRisorse();
+                aggiornaProcessiNellaScheda();
                 if(processiPronti.length>0){
                     if(pidAttuale >= processiPronti.length) pidAttuale=0;
                     var tmp;
@@ -364,7 +365,13 @@
                     tmp+=">Processo "+processi[i].pid+"</option>";
                 }
                 document.getElementById("listaProc").innerHTML=tmp;
-                window.setTimeout(aggiornaProcessiNellaScheda, 1000);
+                if($('#listaProc :selected').text()!=""&&parseInt($('#listaProc :selected').attr("value"))>0){
+                    var pid=parseInt($('#listaProc :selected').attr("value"));
+                    document.getElementById("proc-pid").innerHTML=pid;
+                    document.getElementById("proc-stato").innerHTML=trovaProcessoDaPid(pid).stato;
+                    document.getElementById("proc-numpagine").innerHTML=trovaProcessoDaPid(pid).pagine.length;
+                }
+                //window.setTimeout(aggiornaProcessiNellaScheda, 1000);
             }
     	</script>
     	<style type="text/css">
@@ -553,6 +560,9 @@
             }
             .proc{
                 margin: auto;
+            }
+            .dettagliProc{
+                background-color: yellow;
             }
 			@media screen and (max-width: 600px) {
 				.nav{
@@ -587,6 +597,7 @@
             <p><a href="#teoria">TEORIA</a></p>
             <p><a href="#log">LOG</a></p>
             <p><a href="#memoria">MEMORIA</a></p>
+            <p><a href="#dettagliP">DETTAGLI PROC.</a></p>
         </div>
         <div class="sections">
             <div class="section card teoria">
@@ -626,37 +637,25 @@
                     </tbody>
                 </table>
             </div>
-            <div class="section card">
-                <h3>
-                    Seleziona il processo:
+            <div class="section card dettagliProc">
+                <a id="dettagliP"><h2>
+                    Seleziona il processo:<br/>
                     <select id="listaProc">
                     </select>
-                </h3>
+                </h2></a>
                 <table class="proc">
                     <tr>
                         <th>PID:</th>
-                        <td>Bill Gates</td>
+                        <td id="proc-pid"></td>
                     </tr>
                      <tr>
                         <th>Stato:</th>
-                        <td>555 77 854</td>
+                        <td id="proc-stato"></td>
                      </tr>
                      <tr>
-                        <th>Percorso di Allocazione:</th>
-                        <td>555 77 855</td>
-                     </tr>
-                     <tr>
-                          <th>Pagine:</th>
-                          <td>Bill Gates</td>
+                          <th>Numero pagine:</th>
+                          <td id="proc-numpagine"></td>
                     </tr>
-                    <tr>
-                        <th>Pagine allocate:</th>
-                        <td>Bill Gates</td>
-                     </tr>
-                     <tr>
-                          <th>Log:</th>
-                          <td>Bill Gates</td>
-                     </tr>
                 </table>
             </div>
         </div>