@igea/oac_frontend 1.0.99 → 1.0.100

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.99",
3
+ "version": "1.0.100",
4
4
  "description": "Frontend service for the OAC project",
5
5
  "main": "src/index.js",
6
6
  "bin": {
@@ -11,7 +11,7 @@
11
11
  "password_recovery": "Forgot your password?",
12
12
  "invalid_user": "Invalid username or password",
13
13
  "sign_in": "Sign in",
14
- "anonymous": "Anonymous"
14
+ "anonymous": "Guest"
15
15
  },
16
16
  "password_recovery": {
17
17
  "title": "Password recovery",
@@ -20,7 +20,7 @@
20
20
  "send_instructions": "Send instructions",
21
21
  "back_to_login": "Back to login",
22
22
  "invalid_email": "Invalid email address",
23
- "email_sent": "Instructions have been sent to your email address, if it exists in our system."
23
+ "email_sent": "Instructions have been sent to your email address, if it exists in our system.",
24
24
  "password_reset_success": "Your password has been reset successfully. You can now log in with your new password."
25
25
  },
26
26
  "introduction": {
@@ -127,5 +127,35 @@
127
127
  },
128
128
  "footer": {
129
129
  "text": "Powered by IGEA: all rights reserved"
130
+ },
131
+ "introduzione": {
132
+ "sistema": {
133
+ "title": "The system",
134
+ "area": {
135
+ "heritage": "Heritage",
136
+ "diagnostics": "Diagnostics",
137
+ "linked": "Linked",
138
+ "semantic": "Semantic",
139
+ "data": "Data"
140
+ },
141
+ "image": {
142
+ "microscopy": "Optical microscopy observation",
143
+ "samples": "Sample preparation",
144
+ "georadar": "Ground-penetrating radar survey"
145
+ }
146
+ },
147
+ "finalita": {
148
+ "title": "Purpose",
149
+ "item": {
150
+ "documentare": "Document",
151
+ "conoscere": "Understand",
152
+ "comparare": "Compare",
153
+ "comprendere": "Interpret",
154
+ "analizzare": "Analyse",
155
+ "condividere": "Share"
156
+ }
130
157
  }
158
+ }
159
+
160
+
131
161
  }
@@ -11,7 +11,7 @@
11
11
  "password_recovery": "Hai dimenticato la password?",
12
12
  "invalid_user": "Nome utente o password non validi",
13
13
  "sign_in": "Accedi",
14
- "anonymous": "Anonimo"
14
+ "anonymous": "Ospite"
15
15
  },
16
16
  "password_recovery": {
17
17
  "title": "Recupero password",
@@ -133,5 +133,38 @@
133
133
  },
134
134
  "footer": {
135
135
  "text": "Sviluppato da IGEA: tutti i diritti riservati"
136
+ },
137
+
138
+
139
+ "introduzione": {
140
+ "sistema": {
141
+ "title": "Il sistema",
142
+ "area": {
143
+ "heritage": "Heritage",
144
+ "diagnostics": "Diagnostics",
145
+ "linked": "Linked",
146
+ "semantic": "Semantic",
147
+ "data": "Data"
148
+ },
149
+ "image": {
150
+ "microscopy": "Osservazione in microscopia ottica",
151
+ "samples": "Preparazione dei campioni",
152
+ "georadar": "Prospezione georadar"
153
+ }
154
+ },
155
+ "finalita": {
156
+ "title": "Finalità",
157
+ "item": {
158
+ "documentare": "Documentare",
159
+ "conoscere": "Conoscere",
160
+ "comparare": "Comparare",
161
+ "comprendere": "Comprendere",
162
+ "analizzare": "Analizzare",
163
+ "condividere": "Condividere"
164
+ }
136
165
  }
166
+ }
167
+
168
+
169
+
137
170
  }
@@ -52,11 +52,11 @@ document.addEventListener('DOMContentLoaded', () => {
52
52
  :placeholder="labels.search"
53
53
  @select="handleAutocompleteSelect"
54
54
  />
55
- <button v-if="existingInstance != null && !inEdit" :title="labels.edit"
55
+ <button v-if="existingInstance != null && !inEdit && cur_role != 3" :title="labels.edit"
56
56
  @click="editInstance()" type="button" class="btn btn-info">
57
57
  <i class="fa-solid fa-pen-to-square"></i>
58
58
  </button>
59
- <button v-if="!inEdit" :title="labels.new"
59
+ <button v-if="!inEdit && cur_role != 3" :title="labels.new"
60
60
  @click="newInstance()" type="button" class="btn btn-success">
61
61
  <i class="fa-solid fa-plus"></i>
62
62
  </button>
@@ -68,6 +68,7 @@ document.addEventListener('DOMContentLoaded', () => {
68
68
  `,
69
69
  data() {
70
70
  return {
71
+ cur_role: parseInt(elSearch.dataset.cur_role),
71
72
  existingInstance: null,
72
73
  inEdit:false,
73
74
  labels:{
@@ -73,6 +73,7 @@
73
73
  data-label_search="{{ t('investigation.search') }}"
74
74
  data-label_stop_edit="{{ t('investigation.stop_edit') }}"
75
75
  data-label_edit_from_other_user="{{ t('investigation.edit_from_other_user') }}"
76
+ data-cur_role="{{ user.role }}"
76
77
  ></div>
77
78
 
78
79
  <div v-cloak id="investigation-app"
@@ -108,6 +109,7 @@
108
109
  </button>
109
110
  -->
110
111
  </div>
112
+ {% endif %}
111
113
 
112
114
  <div id="shacl-container"
113
115
  style="margin-top:10px; border:dashed 2px gray; padding:10px; border-radius:5px;">
@@ -129,7 +131,7 @@
129
131
  <pre :style="outputStyle">{@ serializedForm @}</pre>
130
132
  </fieldset>
131
133
  {% endif %}
132
- {% endif %}
134
+
133
135
 
134
136
  <div style="margin-top:200px;"></div>
135
137
 
@@ -6,57 +6,57 @@
6
6
 
7
7
  {# TITOLO #}
8
8
  <header class="system-header">
9
- <h1>Finalità</h1>
9
+ <h1>{{ t('introduzione.finalita.title') }}</h1>
10
10
  </header>
11
11
 
12
12
  {# GRIGLIA A 4 COLONNE #}
13
13
  <div class="system-grid">
14
14
 
15
- {# COLONNA 1 — Aree #}
15
+ {# COLONNA 1 — Aree / Finalità #}
16
16
  <div class="system-col system-col-areas">
17
- <ul class="system-areas system-areas--bulleted">
18
- <li>Documentare</li>
19
- <li>Conoscere</li>
20
- <li>Comparare</li>
21
- <li>Comprendere</li>
22
- <li>Analizzare</li>
23
- <li>Condividere</li>
17
+ <ul class="system-areas system-areas--bulleted">
18
+ <li>{{ t('introduzione.finalita.item.documentare') }}</li>
19
+ <li>{{ t('introduzione.finalita.item.conoscere') }}</li>
20
+ <li>{{ t('introduzione.finalita.item.comparare') }}</li>
21
+ <li>{{ t('introduzione.finalita.item.comprendere') }}</li>
22
+ <li>{{ t('introduzione.finalita.item.analizzare') }}</li>
23
+ <li>{{ t('introduzione.finalita.item.condividere') }}</li>
24
24
  </ul>
25
25
  </div>
26
26
 
27
-
28
- {# COLONNA 2 — Testo #}
27
+ {# COLONNA 2 — Testo descrittivo (NON tradotto) #}
29
28
  <div class="system-col system-col-text">
30
- <p>
31
- La principale finalità di <strong>HD-LSD</strong> risiede nel superamento dell’interpretazione settoriale dei dati,
32
- aprendo a una lettura <em>interdisciplinare</em> della diagnostica applicata ai beni culturali e facilitando
33
- la ricerca e la comprensione dei flussi di lavoro nei diversi ambiti.
34
- </p>
29
+ <p>
30
+ La principale finalità di <strong>HD-LSD</strong> risiede nel superamento dell’interpretazione settoriale dei dati,
31
+ aprendo a una lettura <em>interdisciplinare</em> della diagnostica applicata ai beni culturali e facilitando
32
+ la ricerca e la comprensione dei flussi di lavoro nei diversi ambiti.
33
+ </p>
35
34
 
36
- <p>
37
- Attraverso l’integrazione e la condivisione delle conoscenze, la piattaforma favorisce una migliore
38
- accessibilità alle informazioni da parte della comunità scientifica, valorizzando sia l’attività di campo
39
- che quella laboratoriale.
40
- </p>
35
+ <p>
36
+ Attraverso l’integrazione e la condivisione delle conoscenze, la piattaforma favorisce una migliore
37
+ accessibilità alle informazioni da parte della comunità scientifica, valorizzando sia l’attività di campo
38
+ che quella laboratoriale.
39
+ </p>
41
40
  </div>
42
41
 
43
42
  {# COLONNA 3 — 2 immagini verticali #}
44
43
  <div class="system-col system-col-images-2">
45
44
  <div class="system-images-2-wrapper">
46
- <img src="/frontend/v2/images/Osservazione in microscopia ottica.jpg" alt="Osservazione Microscopica">
47
- <img src="/frontend/v2/images/Preparazione campioni.jpg" alt="Campioni">
45
+ <img src="/frontend/v2/images/Osservazione in microscopia ottica.jpg"
46
+ alt="{{ t('introduzione.image.microscopy') }}">
47
+ <img src="/frontend/v2/images/Preparazione campioni.jpg"
48
+ alt="{{ t('introduzione.image.samples') }}">
48
49
  </div>
49
50
  </div>
50
51
 
51
-
52
52
  {# COLONNA 4 — 1 immagine #}
53
53
  <div class="system-col system-col-image-1">
54
54
  <div class="system-image-1-wrapper">
55
- <img src="/frontend/v2/images/Prospezione georadar.jpg" alt="Georadar">
55
+ <img src="/frontend/v2/images/Prospezione georadar.jpg"
56
+ alt="{{ t('introduzione.image.georadar') }}">
56
57
  </div>
57
58
  </div>
58
59
 
59
-
60
60
  </div>
61
61
 
62
62
  </section>
@@ -1,12 +1,12 @@
1
1
  {% extends 'v2/layout.twig' %}
2
-
2
+ {% set _locale = 'en' %}
3
3
  {% block content %}
4
4
 
5
5
  <section class="system-page">
6
6
 
7
7
  {# TITOLO #}
8
8
  <header class="system-header">
9
- <h1>Il sistema</h1>
9
+ <h1>{{ t('introduzione.sistema.title') }}</h1>
10
10
  </header>
11
11
 
12
12
  {# GRIGLIA A 4 COLONNE #}
@@ -15,46 +15,43 @@
15
15
  {# COLONNA 1 — Aree #}
16
16
  <div class="system-col system-col-areas">
17
17
  <ul class="system-areas">
18
- <li>Heritage</li>
19
- <li>Diagnostics</li>
20
- <li>Linked</li>
21
- <li>Semantic</li>
22
- <li>Data</li>
18
+ <li>{{ t('introduzione.sistema.area.heritage') }}</li>
19
+ <li>{{ t('introduzione.sistema.area.diagnostics') }}</li>
20
+ <li>{{ t('introduzione.sistema.area.linked') }}</li>
21
+ <li>{{ t('introduzione.sistema.area.semantic') }}</li>
22
+ <li>{{ t('introduzione.sistema.area.data') }}</li>
23
23
  </ul>
24
24
  </div>
25
25
 
26
-
27
- {# COLONNA 2 — Testo #}
26
+ {# COLONNA 2 — Testo (NON tradotto) #}
28
27
  <div class="system-col system-col-text">
29
- <p>
30
- <!-- TESTO DA INSERIRE -->
31
- <p style="margin-top:20px; line-height:2.0;">
32
- <b>HD-LSD (Heritage & Diagnostics Linked Semantic Data)</b> è uno strumento di raccolta e gestione dei dati diagnostici nel settore dei beni culturali, negli ambiti architettonici, archeologici, storico-
33
- artistici e ambientali.<br/>
34
- La consultazione consente di porre domande sull'interpretazione dei dati, fornendo flussi di lavoro e best practice sia per le attività sul campo che per quelle di laboratorio e
35
- offrendo una documentazione che va dal livello macroscopico fino alla scala microscopica, esplorando tecniche di caratterizzazione dei materiali, di analisi della produzione, di identificazione
36
- del degrado, di datazione e di ricostruzione del paleoambiente e delle pratiche di coltivazione.
37
- </p>
28
+ <p style="margin-top:20px; line-height:2.0;">
29
+ <b>HD-LSD (Heritage & Diagnostics – Linked Semantic Data)</b> è uno strumento di raccolta e gestione dei dati diagnostici nel settore dei beni culturali, negli ambiti architettonici, archeologici, storico-
30
+ artistici e ambientali.<br/>
31
+ La consultazione consente di porre domande sull'interpretazione dei dati, fornendo flussi di lavoro e best practice sia per le attività sul campo che per quelle di laboratorio e
32
+ offrendo una documentazione che va dal livello macroscopico fino alla scala microscopica, esplorando tecniche di caratterizzazione dei materiali, di analisi della produzione, di identificazione
33
+ del degrado, di datazione e di ricostruzione del paleoambiente e delle pratiche di coltivazione.
38
34
  </p>
39
35
  </div>
40
36
 
41
37
  {# COLONNA 3 — 2 immagini verticali #}
42
38
  <div class="system-col system-col-images-2">
43
39
  <div class="system-images-2-wrapper">
44
- <img src="/frontend/v2/images/Osservazione in microscopia ottica.jpg" alt="Osservazione Microscopica">
45
- <img src="/frontend/v2/images/Preparazione campioni.jpg" alt="Campioni">
40
+ <img src="/frontend/v2/images/Osservazione in microscopia ottica.jpg"
41
+ alt="{{ t('introduzione.sistema.image.microscopy') }}">
42
+ <img src="/frontend/v2/images/Preparazione campioni.jpg"
43
+ alt="{{ t('introduzione.sistema.image.samples') }}">
46
44
  </div>
47
45
  </div>
48
46
 
49
-
50
47
  {# COLONNA 4 — 1 immagine #}
51
48
  <div class="system-col system-col-image-1">
52
49
  <div class="system-image-1-wrapper">
53
- <img src="/frontend/v2/images/Prospezione georadar.jpg" alt="Georadar">
50
+ <img src="/frontend/v2/images/Prospezione georadar.jpg"
51
+ alt="{{ t('introduzione.sistema.image.georadar') }}">
54
52
  </div>
55
53
  </div>
56
54
 
57
-
58
55
  </div>
59
56
 
60
57
  </section>
@@ -48,12 +48,12 @@
48
48
  <div class="mt-3 mb-2">
49
49
  <label class="me-3">
50
50
  <input type="radio" name="viewMode" value="direct" checked>
51
- Risultati diretti
51
+ Oggetto RDF
52
52
  </label>
53
53
 
54
54
  <label>
55
55
  <input type="radio" name="viewMode" value="indagine">
56
- Indagini collegate
56
+ Scheda indagine
57
57
  </label>
58
58
  </div>
59
59