@igea/oac_frontend 1.0.25 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@igea/oac_frontend",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "description": "Frontend service for the OAC project",
5
5
  "main": "src/index.js",
6
6
  "bin": {
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "welcome": "Welcome",
3
+ "exit": "Exit",
3
4
  "login": {
4
5
  "title": "Login",
5
6
  "user": "Email or Username",
@@ -81,6 +82,8 @@
81
82
  "advanced": {
82
83
  "title": "Advanced search"
83
84
  }
84
-
85
+ },
86
+ "footer": {
87
+ "text": "Powered by IGEA: all rights reserved"
85
88
  }
86
89
  }
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "welcome": "Benvenuto",
3
+ "exit": "Esci",
3
4
  "login": {
4
5
  "title": "Accesso",
5
6
  "user": "Email o Nome utente",
@@ -80,5 +81,8 @@
80
81
  "title": "Ricerca avanzata"
81
82
  }
82
83
 
84
+ },
85
+ "footer": {
86
+ "text": "Sviluppato da IGEA: tutti i diritti riservati"
83
87
  }
84
88
  }
@@ -3,17 +3,62 @@ html, body {
3
3
  font-size: 1rem;
4
4
  color: #3498db;
5
5
  height: 100%;
6
+ background-color: #f4f4f4 !important;
6
7
  }
7
8
 
9
+
8
10
  .site-header {
9
- background: #333;
10
- color: white;
11
- padding: 1em;
12
- position: fixed;
13
- top: 0;
14
- left: 0;
15
- width: 100%;
16
- z-index: 100;
11
+ display: grid;
12
+ grid-template-columns: 247px 1fr; /* logo A fisso, resto variabile */
13
+ align-items: center;
14
+ background: #f4f4f4;
15
+ height: 120px; /* altezza header */
16
+ padding: 0 20px;
17
+ box-sizing: border-box;
18
+ position: relative;
19
+ }
20
+
21
+ .site-header .logo {
22
+ display: flex;
23
+ align-items: center;
24
+ }
25
+
26
+ .site-header .logo img {
27
+ height: 120px; /* altezza uniforme */
28
+ margin-right: 10px; /* spaziatura tra i loghi */
29
+ }
30
+
31
+ .logo-left {
32
+ display: flex;
33
+ align-items: flex-start; /* in alto */
34
+ }
35
+
36
+ .logo-left img {
37
+ max-width: 247px;
38
+ max-height: 120px;
39
+ }
40
+
41
+ .logo-right {
42
+ display: flex;
43
+ justify-content: center; /* centro orizzontale */
44
+ align-items: center; /* centro verticale */
45
+ height: 100%;
46
+ }
47
+
48
+ .logo-right img {
49
+ width: 50%;
50
+ min-width: 400px; /* mai più piccolo di 400px */
51
+ max-width: 753px; /* mai più grande della sua dimensione naturale */
52
+ height: auto;
53
+ max-height: 59px;
54
+ }
55
+
56
+ /* Titolo e nav sotto */
57
+ .site-header h1,
58
+ .site-header nav {
59
+ grid-column: 1 / -1;
60
+ text-align: center;
61
+ background: #f4f4f4;
17
62
  }
18
63
 
19
64
  .site-footer {
@@ -29,7 +74,6 @@ html, body {
29
74
 
30
75
  .site-container {
31
76
  display: flex;
32
- margin-top: 100px;
33
77
  margin-bottom: 80px;
34
78
  min-height: calc(100vh + 150px);
35
79
  overflow: auto;
@@ -75,6 +119,7 @@ html, body {
75
119
  flex: 1;
76
120
  padding: 1em;
77
121
  overflow-y: auto;
122
+ background-color: white;
78
123
  }
79
124
 
80
125
  .warning {
Binary file
@@ -1,3 +1,3 @@
1
1
  <footer class="site-footer">
2
- <p>&copy; {{ "now"|date("Y") }} IGEA: all rights reserved.</p>
2
+ <p>&copy; {{ "now"|date("Y") }} {{ t('footer.text') }}</p>
3
3
  </footer>
@@ -1,7 +1,16 @@
1
1
  <header class="site-header">
2
+ <div class="logo-left">
3
+ <img src="/{{ root }}/images/sapienza-big.png" alt="Logo sinistro" class="logo-a">
4
+ </div>
5
+ <div class="logo-right">
6
+ <h3 style="margin-right:50px; color:#802433">Flussi Conservativi</h3>
7
+ <img src="/{{ root }}/images/lgeu.png" alt="Logo destro" class="logo-b">
8
+ </div>
9
+ <!--
2
10
  <h1>OAC Site</h1>
3
11
  <nav>
4
- <a href="/">Home</a>
12
+ <a href="/{{ root }}/home">Home</a>
5
13
  <a href="/about">About</a>
6
14
  </nav>
15
+ -->
7
16
  </header>
@@ -18,15 +18,6 @@
18
18
 
19
19
  {% endif %}
20
20
 
21
- {% if user.id > 0 %}
22
- <div class="menu-item">
23
- <a href="/{{ root }}/users/{{ cur_id }}">
24
- <i class="fa-solid fa-id-badge"></i>
25
- {{ t('users.profile.title') }}
26
- </a>
27
- </div>
28
- {% endif %}
29
-
30
21
  <div class="menu-item">
31
22
  <a href="/{{ root }}/search/fast">
32
23
  <i class="fa-solid fa-magnifying-glass"></i>
@@ -41,4 +32,26 @@
41
32
  </a>
42
33
  </div>
43
34
 
35
+ {% if user.id > 0 %}
36
+ <div class="menu-item">
37
+ <a href="/{{ root }}/users/{{ cur_id }}">
38
+ <i class="fa-solid fa-id-badge"></i>
39
+ {{ t('users.profile.title') }}
40
+ </a>
41
+ </div>
42
+ <div class="menu-item">
43
+ <a href="/{{ root }}/">
44
+ <i class="fa-solid fa-person-walking-arrow-right"></i>
45
+ {{ t('exit') }}
46
+ </a>
47
+ </div>
48
+ {% else %}
49
+ <div class="menu-item">
50
+ <a href="/{{ root }}/">
51
+ <i class="fa-solid fa-address-card"></i>
52
+ {{ t('login.title') }}
53
+ </a>
54
+ </div>
55
+ {% endif %}
56
+
44
57
  {% endblock %}