Michele: pagina virtual task

Views/Portale/VT_Page1.cshtml

@@ -6,6 +6,50 @@
 
 <div class="agy-project-wrapper agy-project-page-wrapper">
     <div class="container">
+        <div class="col-lg-6 col-md-6 col-sm-12 col-12" style="width:100%; text-align:justify">
+            <p>
+                Virtual Task pur essendo una sola soluzione software è composta da due applicativi
+                perfettamente sincronizzati.
+            </p>
+            <br />
+            <h4>Virtual Task Web e Virtual Task App</h4>
+            <p>
+                Il primo destinato al personale che lavora in ufficio, mentre il secondo destinato al
+                personale tecnico in mobilità sui propri smartphone o tablet*
+            </p>
+            <br />
+            <div class="col-lg-6 col-md-6 col-sm-12 col-12" style="width:100%; text-align:justify">
+                <h4>Virtual Task Web</h4>
+                <p>
+                    Applicativo Web che permette la gestione ed il caricamento dei dati anagrafici come clienti,
+                    impianti, commesse, codici descrizione lavori (detti codici chiusura) tutto poi visibili dalla
+                    App.In esso è possibile inserire le relative richieste di intervento (chiamate/ticket), oltre poi
+                    alla raccolta delle Rendicontazioni/Buoni/Rapportini compilati dai Tecnici tramite la App e
+                    fatti firmare dal cliente.
+                    <br />
+                    <br />
+
+                    *compatibile solo su android
+                </p>
+            </div>
+            <br />
+            <div class="col-lg-6 col-md-6 col-sm-12 col-12" style="width:100%; text-align:justify">
+                <h4>Virtual Task App</h4>
+                <p>
+                    App Android strettamente legata alla soluzione web, che permette di selezionare le
+                    chiamate ricevute tramite inserimento in virtual task web o , volendo, di auto inserirsi
+                    autonomamente una chiamata su anagrafiche però già esisti e caricate quindi dalla parte
+                    Web.L’applicazione permette quindi di consuntivare i lavori svolti dal cliente , il tempo
+                    impiegato ed eventuali oneri aggiuntivi possibili.Al termine è possibile far firmare il cliente
+                    sullo smartphone ed inoltrare la copia dei Buoni lavoro via mail o WhatsApp .
+                    <br />
+                    Sempre dalla app è possibile consultare le attività già svolte sul cliente/impianto.
+                </p>
+            </div>
+        </div>
+    </div>
+
+    @* <div class="container">
         <div>
             <p>
                 Applicativo Web che permette la gestione ed il caricamento dei dati anagrafici come clienti, impianti, commesse, codici descrizione lavori (detti codici chiusura)<br />
@@ -13,5 +57,5 @@
                 oltre poi alla raccolta delle Rendicontazioni/Buoni/Rapportini compilati dai Tecnici tramite la App e fatti firmare dal cliente.
             </p>
         </div>
-    </div>
+    </div> *@
 </div>

Views/Portale/VT_Page2.cshtml

@@ -5,7 +5,7 @@
 }
 
 <div class="agy-project-wrapper agy-project-page-wrapper">
-    <div class="container">
+    <div class="container" style="width:100%; text-align:justify">
         <div>
             <p>
                 In Virtual task Pro  non esiste più la versione Web,   ma un vero e proprio verticale che prende il nome di Task Manager  integrato con  Adhoc Revolution Zucchetti sia in versione client Server che Web.
@@ -28,7 +28,7 @@
             <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                 <div class="agy-about-img relative">
                     <div class="">
-                        <img src="~/assets/images/app1.png" alt="Virtual Task App" style="width:30%;height:30%;" />
+                        <img class="zoom" src="~/assets/images/app1.png" alt="Virtual Task App" style="width:30%;height:30%;" />
                         <img src="~/assets/images/app2.png" alt="Virtual Task App" style="width:30%;height:30%;" />
 
                     </div>
@@ -48,7 +48,7 @@
         </div>
         <br />
         <div class="container">
-            <div class="col-lg-6 col-md-6 col-sm-6 col-12">
+            <div>
                 <p>
                     <h4>I tuoi Impianti in un’App</h4>
                 </p>
@@ -56,28 +56,40 @@
                     Il flusso operativo ‘macro’ delineato è il seguente:
                 </p>
                 <br />
-                <p>
+                <table style="width:100%">
-                    <ol>
+                    <tr>
-                        <li>
+                        <th style="width:20%">
-                            L’operatore scarica tramite l’App, installata sul proprio smartphone, le chiamate d’intervento a lui assegnate, da chi amministra in AdHoc la gestione delle stesse;
+                            <img src="~/assets/images/app3.png" alt="Virtual Task App" style="width:70%;height:70%;" />
-                        </li>
+                        </th>
-                        <li>
+                        <th style="width:70%" style="font-weight: normal;">
-                            L’operatore prende in carico la chiamata ricevuta che può trattarsi di nuova installazione, riparazione o manutenzione periodica dell’impianto;
+                            <ol>
-                        </li>
+                                <li>
-                        <li>
+                                    L’operatore scarica tramite l’App, installata sul proprio smartphone, le chiamate d’intervento a lui assegnate, da chi amministra in AdHoc la gestione delle stesse;
-                            Una volta presa in carico la chiamata, l’operatore si reca presso il cliente e svolge l’attività segnalata;
+                                </li>
-                        </li>
+                                <br />
-                        <li>
+                                <li>
-                            Terminata l’attività l’operatore redigerà, sempre tramite App, il rapportino che attesta il suo lavoro e che farà firmare al cliente;
+                                    L’operatore prende in carico la chiamata ricevuta che può trattarsi di nuova installazione, riparazione o manutenzione periodica dell’impianto;
-                        </li>
+                                </li>
-                        <li>
+                                <br />
-                            Una volta firmato e salvato il rapportino verrà inviato, se vuole, per email, e la consuntivazione dello stesso verrà scaricato direttamente sul gestionale Ad Hoc, nel quale si potranno comunque apportare variazioni/modifiche;
+                                <li>
-                        </li>
+                                    Una volta presa in carico la chiamata, l’operatore si reca presso il cliente e svolge l’attività segnalata;
-                    </ol>
+                                </li>
-                </p>
+                                <br />
+                                <li>
+                                    Terminata l’attività l’operatore redigerà, sempre tramite App, il rapportino che attesta il suo lavoro e che farà firmare al cliente;
+                                </li>
+                                <br />
+                                <li>
+                                    Una volta firmato e salvato il rapportino verrà inviato, se vuole, per email, e la consuntivazione dello stesso verrà scaricato direttamente sul gestionale Ad Hoc,
+                                    nel quale si potranno comunque apportare variazioni/modifiche;
+                                </li>
+                            </ol>          
+                        </th>
+                    </tr>
+                </table>
             </div>
         </div>
-
+        <br />
         <div class="container">
             <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                 <p>
@@ -151,3 +163,37 @@
 
     </div>
 </div>
+
+@* <script>
+    $('.zoom').click(function () {
+        var imageUrl = $(this).attr('src');
+        var imageHeight = $(this).prop('naturalHeight');
+        var windowHeight = $(window).height();
+
+        if (imageHeight > windowHeight) {
+            var optionalProperty = '; background-size: contain';
+        } else {
+            var optionalProperty = '';
+        }
+    }
+
+    $('body').prepend('<div class="zoomOpen"><div style="background-image: url(' + imageUrl + ')' + optionalProperty + '"></div></div>');
+    $('html').css('overflow', 'hidden');
+
+    $('.zoomOpen').animate({
+        opacity: 1,
+        zoom: 1
+        }, 100, function () {
+            $(this).click(function () {
+                $(this).animate({
+                    opacity: 0,
+                    zoom: .85
+                }, 250, function () {
+                    $(this).remove();
+                    $('html').css('overflow', 'auto');
+                })
+            })
+        })
+    })
+</script>
+ *@