Segnalazioni/profilo.html at master · gbvitrano/Segnalazioni · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SegnalaOra — Le mie segnalazioni</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
<link rel="stylesheet" href="css/app.css">
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="icon" href="img/favicon.png" type="image/png"/>
<script src="js/theme.js"></script>
<script src="js/config.js"></script>
</head>
<body class="page-profile">
<div class="demo-banner"><i class="fa-solid fa-flask"></i> Web App Demo by <a href="https://opendatasicilia.it" target="_blank" rel="noopener">@opendatasicilia</a><button class="demo-banner-close" onclick="this.parentElement.style.display='none'" title="Chiudi"><i class="fa-solid fa-xmark"></i></button></div>

<header>
  <div class="logo-mark"><i class="fa-solid fa-location-dot"></i></div>
  <div>
    <h1>SegnalaOra</h1>
    <p>Le mie segnalazioni</p>
  </div>
  <div class="header-actions">
    <button class="btn-theme" id="themeToggle" onclick="toggleTheme()" title="Tema">
      <i class="fa-solid fa-moon"></i>
    </button>
  </div>
</header>

<main>
  <!-- Riepilogo statistiche -->
  <div class="profile-summary" id="profileSummary" style="display:none"></div>

  <!-- Cerca per email -->
  <div class="email-search-section">
    <button class="email-search-toggle" id="emailSearchToggle" onclick="toggleEmailSearch()">
      <span class="toggle-icon"><i class="fa-solid fa-magnifying-glass"></i></span>
      <span>
        <strong>Hai già segnalato?</strong>
        <small>Inserisci la tua email per caricare le tue segnalazioni</small>
      </span>
    </button>
    <div class="email-search-form" id="emailSearchForm" style="display:none">
      <input type="email" id="searchEmail" placeholder="tua@email.it"
        onkeydown="if(event.key==='Enter')searchByEmail()">
      <button id="searchBtn" onclick="searchByEmail()">
        <i class="fa-solid fa-magnifying-glass"></i> Cerca
      </button>
      <p class="search-hint">
        <i class="fa-solid fa-circle-info" style="color:var(--amber)"></i>
        Mostra le segnalazioni archiviate con la tua email.
      </p>
    </div>
  </div>

  <!-- Filtri rapidi (visibili solo quando ci sono segnalazioni) -->
  <div class="profilo-filters" id="profiloFilters" style="display:none">
    <span class="filter-label">Filtra per…</span>
    <div class="col-dropdown col-dropdown--down" id="pfCatDropdown">
      <div class="col-dropdown-trigger" onclick="togglePfCatPanel()">
        <span class="col-dd-badge" id="pfCatDdBadge">0</span>
        <span class="col-dd-label">Categorie</span>
        <span class="col-dd-clear" onclick="clearPfCatFilter(event)" title="Tutte le categorie"><i class="fa-solid fa-xmark"></i></span>
        <span class="col-dd-sep">|</span>
        <i class="col-dd-chevron fa-solid fa-chevron-down" id="pfCatPanelChevron"></i>
      </div>
      <div class="col-panel" id="pfCatPanel" style="display:none">
        <div class="col-panel-option col-panel-opt-all" id="pfCatOptAll" onclick="toggleAllPfCatsClick()">
          <span class="col-chk" id="pfCatChkAll"></span>
          <span class="col-opt-label col-opt-all-label">Seleziona tutte</span>
        </div>
        <div id="pfCatChecks"></div>
      </div>
    </div>
    <select id="pfPeriodo" class="app-select" onchange="applyProfiloFilters()">
      <option value="all">Tutti i periodi</option>
      <option value="7">Ultimi 7 giorni</option>
      <option value="30">Ultimi 30 giorni</option>
      <option value="90">Ultimi 90 giorni</option>
    </select>
  </div>

  <!-- Barra filtri attivi profilo -->
  <div class="filter-active-bar" id="pfFilterActiveBar" style="display:none">
    <i class="fa-solid fa-filter"></i>
    <span id="pfFilterActiveText"></span>
    <button class="filter-active-reset" onclick="resetProfiloFilters()"><i class="fa-solid fa-xmark"></i> Reset</button>
  </div>

  <!-- Lista segnalazioni -->
  <div class="profile-list" id="profileList">
    <div class="no-results-loading">
      <div class="spinner-small"></div>
    </div>
  </div>

  <!-- Cancella cronologia -->
  <div class="clear-section" id="clearSection" style="display:none">
    <button class="btn-clear" onclick="confirmClear()">
      <i class="fa-solid fa-trash"></i> Cancella cronologia locale
    </button>
  </div>

</main>
<!-- BOTTOM NAV -->
<nav class="bottom-nav">
  <a class="bnav-item" href="index.html">
    <i class="fa-solid fa-camera"></i>
    <span>Segnala</span>
  </a>
  <a class="bnav-item" href="mappa.html">
    <i class="fa-solid fa-map-location-dot"></i>
    <span>Mappa</span>
  </a>
  <a class="bnav-item" href="statistiche.html">
    <i class="fa-solid fa-chart-simple"></i>
      <span>Statistiche e Open Data</span>
  </a>
  <a class="bnav-item bnav-active" href="profilo.html">
    <i class="fa-solid fa-user"></i>
    <span>Profilo</span>
  </a>
  <a class="bnav-item" href="info.html">
    <i class="fa-solid fa-circle-info"></i>
    <span>Info</span>
  </a>
</nav>

<script src="js/profilo.js"></script>

<!-- Cookie Banner -->
<div id="cookieBanner" class="cookie-banner" style="display:none">
  <div class="cookie-banner__content">
    <p><i class="fa-solid fa-cookie-bite"></i> Utilizziamo cookie analitici per migliorare il sito. Leggi la <a href="privacy.html">Privacy Policy</a>.</p>
    <div class="cookie-banner__actions">
      <button class="cookie-btn cookie-btn--accept" onclick="cookieAccept()">Accetta</button>
      <button class="cookie-btn cookie-btn--refuse" onclick="cookieRefuse()">Rifiuta</button>
    </div>
  </div>
</div>
<script src="js/cookie-consent.js"></script>

</body>
</html>