add dropdown styles

8 years ago · f1837b7fba
19 changed files with 223 additions and 65 deletions
--- a/blocks/login.php
+++ b/blocks/login.php
@ -19,8 +19,8 @@
 ?>
    
 <li class="text-center">
-    <p class="h7">Accesso effettuato per:</p>
-    <p class="h7 py-1 font-bold"><?php echo $_SESSION['AUTH']['first_name']." ".$_SESSION['AUTH']['last_name'];?></p>
+    <p class="font-12">Accesso effettuato per:</p>
+    <p class="font-12 py-1 font-bold"><?php echo $_SESSION['AUTH']['first_name']." ".$_SESSION['AUTH']['last_name'];?></p>
    <a href="<?= $BASE_URL;?>/logout"><button type="button" class="button">LOGOUT</button></a>
 </li>
    
--- a/cgi-bin/functions.inc
+++ b/cgi-bin/functions.inc
@ -92,14 +92,15 @@ function save_photo($foto,$basepath,$id){
 function item_file($file){

    @include 'params.inc';
-    
+    /*
    $size = get_filesize($file['path']."/".$file['filename']);
    if($size > 1000){$size = ($size/1000)."Mb";}else{$size = $size."Kb";} 
-    
+    date("d/m/Y", filemtime($file['path']."/".$file['filename']))
+    */
    echo "<div class=\"item\"><a href=\"".$BASE_URL."".$file['path']."/".$file['filename']."\" target=\"_blank\"><div class=\" row\">
            <div class=\"title col-6 col-sm-8\">".$file['title']."</div>
-            <div class=\"size  col-2\">".$size."</div>
-            <div class=\"date text-right col-4 col-sm-2\">".date("d/m/Y", filemtime($file['path']."/".$file['filename']))."</div>
+            <div class=\"size  col-2\">".$file['size']."</div>
+            <div class=\"date text-right col-4 col-sm-2\">".conv_date($file['date'])."</div>
        </div></a></div>";
 }

--- a/contents/farmaci-ritirati.php
+++ b/contents/farmaci-ritirati.php
@ -0,0 +1,21 @@
+<div class="row pb-4">
+    <div class="col-12">
+        <div class="section-title">Farmaci ritirati</div>
+    </div>
+
+    <div class="col-12 file-list">
+       <div class="item-title pt-4">
+            <div class=" row">
+                <div class="title col-6 col-sm-8 font-bold">nome del file</div>
+                <div class="size col-2 font-bold">dimensione</div>
+                <div class="date text-right col-4 col-sm-2 font-bold">ultima mod.</div>
+            </div>
+        </div>
+        <?php
+            $q=mysqli_query($conn,"SELECT * FROM files WHERE path='/docs/farmaci-ritirati'");
+            while($r=mysqli_fetch_array($q)){
+                item_file($r);
+            }
+        ?>
+    </div>
+</div>
--- a/contents/modulistica.php
+++ b/contents/modulistica.php
@ -10,9 +10,9 @@
    <div class="col-12 file-list">
       <div class="item-title pt-4">
            <div class=" row">
-                <div class="col-6 col-sm-8 font-bold">nome del file</div>
-                <div class="col-2 font-bold">dimensione</div>
-                <div class="text-right col-4 col-sm-2 font-bold">ultima mod.</div>
+                <div class="title col-6 col-sm-8 font-bold">nome del file</div>
+                <div class="size col-2 font-bold">dimensione</div>
+                <div class="date text-right col-4 col-sm-2 font-bold">ultima mod.</div>
            </div>
        </div>
        <?php
@ -36,9 +36,9 @@
    <div class="col-12 file-list">
       <div class="item-title pt-4">
            <div class=" row">
-                <div class="col-6 col-sm-8 font-bold">nome del file</div>
-                <div class="col-2 font-bold">dimensione</div>
-                <div class="text-right col-4 col-sm-2 font-bold">ultima mod.</div>
+                <div class="title col-6 col-sm-8 font-bold">nome del file</div>
+                <div class="size col-2 font-bold">dimensione</div>
+                <div class="date text-right col-4 col-sm-2 font-bold">ultima mod.</div>
            </div>
        </div>
        <?php
--- a/contents/ricette-e-timbri.php
+++ b/contents/ricette-e-timbri.php
@ -0,0 +1,66 @@
+<div class="row pb-4">
+    <div class="col-12">
+        <div class="section-title">Segnalazioni furti ricette e timbri</div>
+    </div>
+    <div class="col-12 col-sm-8 py-3 mx-auto text-center">
+        <img class="px-2" src="<?= $BASE_URL ?>/images/logo_regione.jpg">
+        <img class="px-2" src="<?= $BASE_URL ?>/images/logo_poliziadistato.jpg">
+        <img class="px-2" src="<?= $BASE_URL ?>/images/logo_guardiadifinanza.jpg">
+        <img class="px-2" src="<?= $BASE_URL ?>/images/logo_carabinieri.jpg">
+    </div>
+    <div class="col-12 text-center">
+        <p class="font-12">
+            Qui di seguito verranno pubblicate le segnalazioni delle ASL e/o delle forze dell'ordine riguardanti furti, smarrimenti o eventuali segnalazioni riguardanti RICETTARI e/o TIMBRI di tutta la regione campania.
+        </p>
+        <p class="py-3">
+            <a href="https://www.saniarp.it/portale/Controlloimpegnativa/tabid/84/language/en-US/Default.aspx" target="_blank">
+                <button class="button">CLICCA QUI PER CONTROLLARE L'IMPEGNATIVA</button>
+            </a>
+        </p>
+    </div>
+
+
+
+    <?php
+        if($_SESSION['AUTH']){
+    ?>
+
+    <div class="col-12">
+
+
+    
+        <?php
+            $current="";
+            $active="";
+            $q=mysqli_query($conn,"SELECT date FROM files WHERE path='/docs/ricette-e-timbri' ORDER BY date DESC");
+            while($r=mysqli_fetch_array($q)){
+                if($current!=substr($r['date'],0,4)){
+                    $current=substr($r['date'],0,4);
+                    echo "<div class=\"dropdown static $active mb-2\"><div class=\"title\">Segnalazioni anno $current</div><ul class=\"items file-list p-0\">";
+                        
+                        $qs=mysqli_query($conn,"SELECT * FROM files WHERE path='/docs/ricette-e-timbri' AND date LIKE '$current-%' ORDER BY date DESC");
+                        while($rs=mysqli_fetch_array($qs)){
+                                echo "<li class=\"p-0\">";
+                                item_file($rs);
+                                echo "</li>";
+                        }
+                                 
+                    echo "</ul></div>";
+                    $active="";
+                }
+            }
+        ?>
+    </div>
+    
+    <?php
+        }else{
+    ?>
+    <div class="col-12 text-center">
+        <p class="font-alert"><i class="fa fa-exclamation-triangle "></i></p>
+        <p class="font-20 font-bold">ATTENZIONE:</p>
+        <p class="font-16">Per accedere a questa sezione bisogna effettuare il login !!!</p>
+    </div>
+    <?php
+        }
+    ?>
+</div>
--- a/css/styles.css
+++ b/css/styles.css
@ -16,91 +16,98 @@
 /* 45px */
 /* 48px */
 /* 53px */
-/* line 65, variables.scss */
+/* ?px */
+/* line 66, variables.scss */
 .font-10 {
  font-size: 0.625rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-12 {
  font-size: 0.75rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-13 {
  font-size: 0.8125rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-14 {
  font-size: 0.875rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-15 {
  font-size: 0.9375rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-16 {
  font-size: 1rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-18 {
  font-size: 1.125rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-20 {
  font-size: 1.25rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-22 {
  font-size: 1.375rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-24 {
  font-size: 1.5rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-28 {
  font-size: 1.75rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-30 {
  font-size: 1.875rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-34 {
  font-size: 2.125rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-40 {
  font-size: 2.5rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-45 {
  font-size: 2.8125rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-48 {
  font-size: 3rem !important;
 }

-/* line 65, variables.scss */
+/* line 66, variables.scss */
 .font-53 {
  font-size: 3.3125rem !important;
 }

+/* line 68, variables.scss */
+.font-alert {
+  font-size: 8rem;
+  opacity: .5;
+}
+
 /*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
@ -14812,88 +14819,114 @@ header .breadcrumb .container .crumbs a:hover {
  transition: .4s;
 }
 /* line 15, navigation.scss */
-.dropdown .title {
+.dropdown.static {
+  border-top: 3px solid #d1efb5;
+  border-bottom: 3px solid #d1efb5;
+  background: white;
+}
+/* line 19, navigation.scss */
+.dropdown.static > .title {
+  background: #d1efb5;
+  color: #4e984a;
+}
+/* line 25, navigation.scss */
+.dropdown.static.active > .title, .dropdown.static:hover > .title {
+  color: white;
+}
+/* line 30, navigation.scss */
+.dropdown.static > .items li {
+  border-bottom: none;
+}
+/* line 32, navigation.scss */
+.dropdown.static > .items li a {
+  color: #666;
+}
+/* line 34, navigation.scss */
+.dropdown.static > .items li a:hover {
+  color: black;
+}
+/* line 42, navigation.scss */
+.dropdown > .title {
  font-size: 0.75rem;
  font-weight: bold;
  text-align: left;
  padding: 6px 10px 8px 10px;
  position: relative;
  cursor: pointer;
-  background: #71986e;
  background: #4e984a;
  color: white;
  transition: .4s;
 }
-/* line 27, navigation.scss */
-.dropdown .title:after {
+/* line 53, navigation.scss */
+.dropdown > .title:after {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px;
  transition: .4s;
 }
-/* line 38, navigation.scss */
+/* line 64, navigation.scss */
 .dropdown:hover {
  border-top: 3px solid #4e984a;
  border-bottom: 3px solid #4e984a;
 }
-/* line 41, navigation.scss */
-.dropdown:hover .title {
+/* line 67, navigation.scss */
+.dropdown:hover > .title {
  background: #4e984a;
 }
-/* line 46, navigation.scss */
-.dropdown .items {
+/* line 72, navigation.scss */
+.dropdown > .items {
  overflow: hidden;
  height: 0px;
  padding: 0 10px;
  margin: 0;
 }
-/* line 52, navigation.scss */
-.dropdown .items li {
+/* line 78, navigation.scss */
+.dropdown > .items li {
  font-size: 0.75rem;
  text-align: left;
  border-bottom: 1px solid #aaa;
  padding: 10px 0;
  list-style: none;
 }
-/* line 59, navigation.scss */
-.dropdown .items li a {
+/* line 85, navigation.scss */
+.dropdown > .items li a {
  color: #666;
  text-decoration: none;
  transition: .4s;
  cursor: pointer;
 }
-/* line 64, navigation.scss */
-.dropdown .items li a:hover {
+/* line 90, navigation.scss */
+.dropdown > .items li a:hover {
  color: #aaa;
 }
-/* line 68, navigation.scss */
-.dropdown .items li:last-child {
+/* line 94, navigation.scss */
+.dropdown > .items li:last-child {
  border-bottom: none;
 }
-/* line 75, navigation.scss */
+/* line 101, navigation.scss */
 .dropdown.active {
  border-top: 3px solid #4e984a;
  border-bottom: 3px solid #4e984a;
 }
-/* line 79, navigation.scss */
-.dropdown.active .title {
+/* line 105, navigation.scss */
+.dropdown.active > .title {
  background: #4e984a;
 }
-/* line 81, navigation.scss */
-.dropdown.active .title:after {
+/* line 107, navigation.scss */
+.dropdown.active > .title:after {
  transform: rotate(90deg);
 }
-/* line 85, navigation.scss */
-.dropdown.active .items {
+/* line 111, navigation.scss */
+.dropdown.active > .items {
  height: auto;
 }

-/* line 94, navigation.scss */
+/* line 120, navigation.scss */
 .pages {
  text-align: center;
 }
-/* line 96, navigation.scss */
+/* line 122, navigation.scss */
 .pages a {
  display: inline-block;
  background: #d1efb5;
@ -14903,7 +14936,7 @@ header .breadcrumb .container .crumbs a:hover {
  color: #4e984a;
  padding: 4px 8px;
 }
-/* line 105, navigation.scss */
+/* line 131, navigation.scss */
 .pages a:hover, .pages a.selected {
  color: white;
  background: #4e984a;
--- a/docs/farmaci-ritirati/filename1.txt
+++ b/docs/farmaci-ritirati/filename1.txt
@ -0,0 +1 @@
+ 
--- a/docs/farmaci-ritirati/filename2.txt
+++ b/docs/farmaci-ritirati/filename2.txt
@ -0,0 +1,3 @@
+asdfgdjnbfghdn
+g hgsfj
+rtg
--- a/docs/farmaci-ritirati/filename3.txt
+++ b/docs/farmaci-ritirati/filename3.txt
@ -0,0 +1 @@
+s 
--- a/images/logo_carabinieri.jpg
+++ b/images/logo_carabinieri.jpg
--- a/images/logo_guardiadifinanza.jpg
+++ b/images/logo_guardiadifinanza.jpg
--- a/images/logo_poliziadistato.jpg
+++ b/images/logo_poliziadistato.jpg
--- a/images/logo_regione.jpg
+++ b/images/logo_regione.jpg
--- a/js/scripts.js
+++ b/js/scripts.js
@ -37,7 +37,7 @@ $(document).ready(function(){
        
        $(this).parent().toggleClass('active');
        
-        if($(this).parent().hasClass('active')){
+        if($(this).parent().hasClass('active') && !$(this).parent().hasClass('static')){
            $('html, body').animate({
                scrollTop: $(this).parent().offset().top
            },500);
--- a/news.php
+++ b/news.php
@ -30,10 +30,12 @@
                echo "<div class=\"item pt-4 font-bold\">Allegati:</div>";
                $qa = mysqli_query($conn, "SELECT * FROM files WHERE id IN(".$r['append'].")");
                while($ra = mysqli_fetch_array($qa)){
+                    /*
                    $size = get_filesize($ra['path']."/".$ra['filename']);
                    if($size > 1000){$size = ($size/1000)."Mb";}else{$size = $size."Kb";} 
+                    */
                    echo "<div class=\"item\"><a href=\"$BASE_URL".$ra['path']."/".$ra['filename']."\" target=\"_blank\">".$ra['title']."";
-                    echo "<div class=\"size\">".$size."</div>";
+                    echo "<div class=\"size\">".$ra['size']."</div>";
                    echo "</a></div>";
                }
                echo "</div>";
--- a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/navigation.scssc
+++ b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/navigation.scssc
--- a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/variables.scssc
+++ b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/variables.scssc
--- a/scss/navigation.scss
+++ b/scss/navigation.scss
@ -12,14 +12,40 @@
    margin-bottom: 4px;
    transition: .4s;
    
-    .title{
+    &.static{
+        border-top: 3px solid $light-grey;
+        border-bottom: 3px solid $light-grey;
+        background: white;
+        > .title{
+            background: $light-grey;
+            color: $green;
+        }
+        &.active,
+        &:hover{
+            > .title{
+                color: white;
+            }
+        }
+        >.items{
+            li{
+                border-bottom: none;
+                a{
+                    color: $dark-grey;
+                    &:hover{
+                        color: black;
+                    }
+                }
+            }
+        }
+    }
+    
+    > .title{
        font-size: $font-12;
        font-weight: bold;
        text-align: left;
        padding: 6px 10px 8px 10px;
        position: relative;
        cursor: pointer;
-        background: $light-green;
        background: $green;
        color: white;
        transition: .4s;
@ -38,12 +64,12 @@
    &:hover{
        border-top: 3px solid $green;
        border-bottom: 3px solid $green;
-        .title{
+        > .title{
            background: $green;
        }
    }
    
-    .items{
+    > .items{
        overflow: hidden;
        height: 0px;
        padding: 0 10px;
@ -76,13 +102,13 @@
        border-top: 3px solid $green;
        border-bottom: 3px solid $green;

-        .title{
+        > .title{
            background: $green;
            &:after{
                transform: rotate(90deg);
            }
        }
-        .items{
+        > .items{
            height: auto;
        }
    }
--- a/scss/variables.scss
+++ b/scss/variables.scss
@ -60,11 +60,15 @@ $font-40: 2.5rem;       /* 40px */
 $font-45: 2.812rem;     /* 45px */
 $font-48: 3rem;         /* 48px */
 $font-53: 3.312rem;     /* 53px */
+$font-alert: 8rem;     /* ?px */

@each $size in 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 28, 30, 34, 40, 45, 48, 53 {
    .font-#{$size} {font-size: #{$size/16}rem !important;}
 }
-
+.font-alert{
+    font-size: 8rem;
+    opacity: .5;
+}

 $alpha:         rgba(255,255,255,0.6);
 $green:         #4e984a;//#67a562;