Initial commit
This commit is contained in:
Fabio Bonetti
174
README.md
Normal file
174
README.md
Normal file
@@ -0,0 +1,174 @@
|
||||
# EU Media Guide CMS
|
||||
|
||||
CMS basato su Grav per la gestione dei contenuti multilingua della media guide.
|
||||
|
||||
## Struttura del Progetto
|
||||
|
||||
```
|
||||
grav-cms-mediaguide/
|
||||
├── docker-compose.yml # Config Docker per Coolify
|
||||
├── config/
|
||||
│ ├── system.yaml # Config sistema (24 lingue EU)
|
||||
│ └── site.yaml # Config sito
|
||||
├── blueprints/
|
||||
│ └── station.yaml # Blueprint per le stazioni/moduli
|
||||
├── pages/
|
||||
│ └── stations/
|
||||
│ └── test-module/ # Modulo di test
|
||||
├── plugins/
|
||||
│ └── json-export/ # Plugin per export JSON + API
|
||||
└── README.md
|
||||
```
|
||||
|
||||
## Deploy su Coolify
|
||||
|
||||
### 1. Crea Repository Git
|
||||
|
||||
```bash
|
||||
cd grav-cms-mediaguide
|
||||
git init
|
||||
git add .
|
||||
git commit -m "Initial CMS setup"
|
||||
git remote add origin <your-repo-url>
|
||||
git push -u origin main
|
||||
```
|
||||
|
||||
### 2. Deploy su Coolify
|
||||
|
||||
1. In Coolify, crea un nuovo servizio **Docker Compose**
|
||||
2. Collega il repository Git
|
||||
3. Imposta la porta pubblica su `8080`
|
||||
4. Deploy!
|
||||
|
||||
### 3. Setup Iniziale Grav
|
||||
|
||||
Dopo il primo deploy, accedi al container e crea l'utente admin:
|
||||
|
||||
```bash
|
||||
# Accedi al container
|
||||
docker exec -it mediaguide-cms bash
|
||||
|
||||
# Crea utente admin
|
||||
bin/plugin login new-user
|
||||
```
|
||||
|
||||
### 4. Installa Plugin Admin
|
||||
|
||||
```bash
|
||||
bin/gpm install admin
|
||||
```
|
||||
|
||||
## API Endpoints
|
||||
|
||||
Il plugin `json-export` espone questi endpoint:
|
||||
|
||||
| Endpoint | Descrizione |
|
||||
|----------|-------------|
|
||||
| `GET /api/stations?lang=en` | Lista tutte le stazioni |
|
||||
| `GET /api/station/{id}?lang=en` | Contenuto singola stazione |
|
||||
| `GET /api/translations?lang=en` | Traduzioni UI |
|
||||
| `GET /api/export` | Esporta tutto in file JSON |
|
||||
|
||||
### Esempio Risposta `/api/station/test-welcome?lang=en`
|
||||
|
||||
```json
|
||||
{
|
||||
"id": "test-welcome",
|
||||
"type": "intro",
|
||||
"language": "en",
|
||||
"title": "Welcome to the European Parliament",
|
||||
"description": "Your interactive guide to European democracy",
|
||||
"components": [
|
||||
{
|
||||
"id": "welcome-heading",
|
||||
"type": "heading",
|
||||
"level": "h1",
|
||||
"content": "Welcome to the European Parliament"
|
||||
},
|
||||
{
|
||||
"id": "intro-text",
|
||||
"type": "text",
|
||||
"content": "<p>Welcome to the heart of European democracy...</p>"
|
||||
},
|
||||
{
|
||||
"id": "welcome-video",
|
||||
"type": "video",
|
||||
"src": "/media/videos/welcome-en.mp4",
|
||||
"poster": "/media/images/video-poster.jpg",
|
||||
"caption": "A brief introduction to the European Parliament"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
## Lingue Supportate (Ordine Protocollo UE)
|
||||
|
||||
| Codice | Lingua |
|
||||
|--------|--------|
|
||||
| bg | български |
|
||||
| es | español |
|
||||
| cs | čeština |
|
||||
| da | dansk |
|
||||
| de | Deutsch |
|
||||
| et | eesti |
|
||||
| el | ελληνικά |
|
||||
| en | English |
|
||||
| fr | français |
|
||||
| ga | Gaeilge |
|
||||
| hr | hrvatski |
|
||||
| it | italiano |
|
||||
| lv | latviešu |
|
||||
| lt | lietuvių |
|
||||
| hu | magyar |
|
||||
| mt | Malti |
|
||||
| nl | Nederlands |
|
||||
| pl | polski |
|
||||
| pt | português |
|
||||
| ro | română |
|
||||
| sk | slovenčina |
|
||||
| sl | slovenščina |
|
||||
| fi | suomi |
|
||||
| sv | svenska |
|
||||
|
||||
## Gestione Contenuti
|
||||
|
||||
### Creare una Nuova Stazione
|
||||
|
||||
1. Accedi all'admin panel: `http://your-domain:8080/admin`
|
||||
2. Vai su **Pages** → **Add** → **Station**
|
||||
3. Compila i campi multilingua
|
||||
4. Aggiungi i componenti (heading, text, video, audio, tabs, slideshow)
|
||||
5. Salva
|
||||
|
||||
### Struttura File Markdown
|
||||
|
||||
Ogni stazione è un file `.md` con frontmatter YAML:
|
||||
|
||||
```yaml
|
||||
---
|
||||
title: Station Title
|
||||
station_id: unique-id
|
||||
station_type: exhibit
|
||||
active: true
|
||||
order: 1
|
||||
|
||||
title_translations:
|
||||
en: English Title
|
||||
fr: Titre français
|
||||
|
||||
components:
|
||||
- type: heading
|
||||
id: heading-1
|
||||
level: h1
|
||||
content:
|
||||
en: English Heading
|
||||
fr: Titre français
|
||||
---
|
||||
```
|
||||
|
||||
## Prossimi Passi
|
||||
|
||||
1. [ ] Deploy del CMS su Coolify
|
||||
2. [ ] Configurare l'admin panel
|
||||
3. [ ] Creare il container React per l'app
|
||||
4. [ ] Collegare l'app agli endpoint API del CMS
|
||||
181
blueprints/station.yaml
Normal file
181
blueprints/station.yaml
Normal file
@@ -0,0 +1,181 @@
|
||||
# Station Blueprint
|
||||
# Defines a content module/station for the media guide
|
||||
# /user/blueprints/station.yaml
|
||||
|
||||
title: Station
|
||||
'@extends':
|
||||
type: default
|
||||
context: blueprints://pages
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
type: tabs
|
||||
active: 1
|
||||
|
||||
fields:
|
||||
# Station Info Tab
|
||||
station_info:
|
||||
type: tab
|
||||
title: Station Info
|
||||
fields:
|
||||
header.station_id:
|
||||
type: text
|
||||
label: Station ID
|
||||
help: Unique identifier for this station (used in QR codes)
|
||||
validate:
|
||||
required: true
|
||||
pattern: '^[a-z0-9-]+$'
|
||||
|
||||
header.station_type:
|
||||
type: select
|
||||
label: Station Type
|
||||
options:
|
||||
intro: Introduction
|
||||
exhibit: Exhibit
|
||||
information: Information Point
|
||||
navigation: Navigation
|
||||
default: exhibit
|
||||
|
||||
header.exhibition_ref:
|
||||
type: text
|
||||
label: Exhibition Reference
|
||||
help: Reference to parent exhibition
|
||||
|
||||
header.active:
|
||||
type: toggle
|
||||
label: Active
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: Yes
|
||||
0: No
|
||||
|
||||
header.order:
|
||||
type: number
|
||||
label: Display Order
|
||||
default: 0
|
||||
|
||||
# Multilingual Content Tab
|
||||
content_tab:
|
||||
type: tab
|
||||
title: Content
|
||||
fields:
|
||||
header.title:
|
||||
type: multilang
|
||||
label: Title
|
||||
languages: true
|
||||
|
||||
header.description:
|
||||
type: multilang
|
||||
label: Short Description
|
||||
type: textarea
|
||||
languages: true
|
||||
|
||||
# Components Tab
|
||||
components_tab:
|
||||
type: tab
|
||||
title: Components
|
||||
fields:
|
||||
header.components:
|
||||
type: list
|
||||
label: Content Components
|
||||
style: vertical
|
||||
btnLabel: Add Component
|
||||
collapsed: true
|
||||
|
||||
fields:
|
||||
.type:
|
||||
type: select
|
||||
label: Component Type
|
||||
options:
|
||||
heading: Heading
|
||||
text: Text Block
|
||||
video: Video Player
|
||||
audio: Audio Player
|
||||
tabs: Tabbed Content
|
||||
slideshow: Slideshow
|
||||
|
||||
.id:
|
||||
type: text
|
||||
label: Component ID
|
||||
help: Unique ID for this component
|
||||
|
||||
# Heading specific
|
||||
.level:
|
||||
type: select
|
||||
label: Heading Level
|
||||
options:
|
||||
h1: H1
|
||||
h2: H2
|
||||
h3: H3
|
||||
|
||||
# Text/Heading content (multilingual)
|
||||
.content:
|
||||
type: editor
|
||||
label: Content
|
||||
|
||||
# Video specific
|
||||
.video_src:
|
||||
type: filepicker
|
||||
label: Video File
|
||||
folder: 'user://media/videos'
|
||||
accept:
|
||||
- video/*
|
||||
|
||||
.video_poster:
|
||||
type: filepicker
|
||||
label: Video Poster
|
||||
folder: 'user://media/images'
|
||||
accept:
|
||||
- image/*
|
||||
|
||||
# Audio specific
|
||||
.audio_src:
|
||||
type: filepicker
|
||||
label: Audio File
|
||||
folder: 'user://media/audio'
|
||||
accept:
|
||||
- audio/*
|
||||
|
||||
.caption:
|
||||
type: text
|
||||
label: Caption
|
||||
|
||||
# Tabs specific
|
||||
.tabs:
|
||||
type: list
|
||||
label: Tabs
|
||||
fields:
|
||||
.title:
|
||||
type: text
|
||||
label: Tab Title
|
||||
.content:
|
||||
type: editor
|
||||
label: Tab Content
|
||||
|
||||
# Slideshow specific
|
||||
.slides:
|
||||
type: list
|
||||
label: Slides
|
||||
fields:
|
||||
.image:
|
||||
type: filepicker
|
||||
label: Slide Image
|
||||
folder: 'user://media/images'
|
||||
accept:
|
||||
- image/*
|
||||
.caption:
|
||||
type: text
|
||||
label: Slide Caption
|
||||
|
||||
# Media Tab
|
||||
media_tab:
|
||||
type: tab
|
||||
title: Media Files
|
||||
fields:
|
||||
header.media_folder:
|
||||
type: text
|
||||
label: Media Folder
|
||||
help: Folder containing media files for this station
|
||||
placeholder: /media/station-id
|
||||
27
config/site.yaml
Normal file
27
config/site.yaml
Normal file
@@ -0,0 +1,27 @@
|
||||
# Grav Site Configuration
|
||||
# /user/config/site.yaml
|
||||
|
||||
title: EU Media Guide CMS
|
||||
default_lang: en
|
||||
|
||||
author:
|
||||
name: Admin
|
||||
email: admin@example.com
|
||||
|
||||
metadata:
|
||||
description: Multilingual Media Guide Content Management System
|
||||
|
||||
taxonomies:
|
||||
- category
|
||||
- tag
|
||||
- exhibition
|
||||
- station_type
|
||||
|
||||
# Custom fields for the media guide
|
||||
mediaguide:
|
||||
exhibitions: []
|
||||
station_types:
|
||||
- intro
|
||||
- exhibit
|
||||
- information
|
||||
- navigation
|
||||
73
config/system.yaml
Normal file
73
config/system.yaml
Normal file
@@ -0,0 +1,73 @@
|
||||
# Grav System Configuration
|
||||
# /user/config/system.yaml
|
||||
|
||||
languages:
|
||||
supported:
|
||||
# EU Protocol Order (alphabetical by native name)
|
||||
- bg # български (Bulgarian)
|
||||
- es # español (Spanish)
|
||||
- cs # čeština (Czech)
|
||||
- da # dansk (Danish)
|
||||
- de # Deutsch (German)
|
||||
- et # eesti (Estonian)
|
||||
- el # ελληνικά (Greek)
|
||||
- en # English
|
||||
- fr # français (French)
|
||||
- ga # Gaeilge (Irish)
|
||||
- hr # hrvatski (Croatian)
|
||||
- it # italiano (Italian)
|
||||
- lv # latviešu (Latvian)
|
||||
- lt # lietuvių (Lithuanian)
|
||||
- hu # magyar (Hungarian)
|
||||
- mt # Malti (Maltese)
|
||||
- nl # Nederlands (Dutch)
|
||||
- pl # polski (Polish)
|
||||
- pt # português (Portuguese)
|
||||
- ro # română (Romanian)
|
||||
- sk # slovenčina (Slovak)
|
||||
- sl # slovenščina (Slovenian)
|
||||
- fi # suomi (Finnish)
|
||||
- sv # svenska (Swedish)
|
||||
default_lang: en
|
||||
include_default_lang: true
|
||||
translations: true
|
||||
translations_fallback: true
|
||||
session_store_active: false
|
||||
http_accept_language: true
|
||||
override_locale: false
|
||||
|
||||
pages:
|
||||
theme: quark
|
||||
markdown:
|
||||
extra: true
|
||||
types:
|
||||
- txt
|
||||
- xml
|
||||
- html
|
||||
- htm
|
||||
- json
|
||||
- rss
|
||||
- atom
|
||||
|
||||
cache:
|
||||
enabled: false # Disable during development
|
||||
check:
|
||||
method: file
|
||||
driver: auto
|
||||
prefix: 'g'
|
||||
lifetime: 604800
|
||||
|
||||
debugger:
|
||||
enabled: false
|
||||
shutdown:
|
||||
close_connection: true
|
||||
|
||||
twig:
|
||||
cache: false # Disable during development
|
||||
debug: true
|
||||
auto_reload: true
|
||||
autoescape: false
|
||||
|
||||
assets:
|
||||
css_pipeline: false
|
||||
js_pipeline: false
|
||||
27
docker-compose.yml
Normal file
27
docker-compose.yml
Normal file
@@ -0,0 +1,27 @@
|
||||
version: '3.8'
|
||||
|
||||
services:
|
||||
grav-cms:
|
||||
image: getgrav/grav:latest
|
||||
container_name: mediaguide-cms
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "8080:80"
|
||||
volumes:
|
||||
# Persistent storage for all Grav user content
|
||||
- grav_user:/var/www/html/user
|
||||
# Custom blueprints (mounted from host)
|
||||
- ./blueprints:/var/www/html/user/blueprints
|
||||
# Custom plugins config
|
||||
- ./config:/var/www/html/user/config
|
||||
environment:
|
||||
- GRAV_MULTISITE=false
|
||||
healthcheck:
|
||||
test: ["CMD", "curl", "-f", "http://localhost/"]
|
||||
interval: 30s
|
||||
timeout: 10s
|
||||
retries: 3
|
||||
|
||||
volumes:
|
||||
grav_user:
|
||||
driver: local
|
||||
145
pages/stations/test-module/station.en.md
Normal file
145
pages/stations/test-module/station.en.md
Normal file
@@ -0,0 +1,145 @@
|
||||
---
|
||||
title: Test Module - Welcome
|
||||
station_id: test-welcome
|
||||
station_type: intro
|
||||
exhibition_ref: main-exhibition
|
||||
active: true
|
||||
order: 1
|
||||
|
||||
# Multilingual titles
|
||||
title_translations:
|
||||
en: Welcome to the European Parliament
|
||||
fr: Bienvenue au Parlement européen
|
||||
de: Willkommen im Europäischen Parlament
|
||||
nl: Welkom bij het Europees Parlement
|
||||
it: Benvenuti al Parlamento europeo
|
||||
es: Bienvenidos al Parlamento Europeo
|
||||
|
||||
# Multilingual descriptions
|
||||
description_translations:
|
||||
en: Your interactive guide to European democracy
|
||||
fr: Votre guide interactif de la démocratie européenne
|
||||
de: Ihr interaktiver Führer zur europäischen Demokratie
|
||||
nl: Uw interactieve gids voor Europese democratie
|
||||
it: La tua guida interattiva alla democrazia europea
|
||||
es: Su guía interactiva de la democracia europea
|
||||
|
||||
# Content components
|
||||
components:
|
||||
- type: heading
|
||||
id: welcome-heading
|
||||
level: h1
|
||||
content:
|
||||
en: Welcome to the European Parliament
|
||||
fr: Bienvenue au Parlement européen
|
||||
de: Willkommen im Europäischen Parlament
|
||||
nl: Welkom bij het Europees Parlement
|
||||
|
||||
- type: text
|
||||
id: intro-text
|
||||
content:
|
||||
en: |
|
||||
<p>Welcome to the heart of European democracy. This interactive guide
|
||||
will help you navigate through the European Parliament building and
|
||||
learn about its institutions.</p>
|
||||
<p>Use the menu to select your preferred language and scan QR codes
|
||||
throughout the building to access specific information.</p>
|
||||
fr: |
|
||||
<p>Bienvenue au cœur de la démocratie européenne. Ce guide interactif
|
||||
vous aidera à naviguer dans le bâtiment du Parlement européen et à
|
||||
découvrir ses institutions.</p>
|
||||
de: |
|
||||
<p>Willkommen im Herzen der europäischen Demokratie. Dieser interaktive
|
||||
Führer hilft Ihnen bei der Navigation durch das Gebäude des Europäischen
|
||||
Parlaments.</p>
|
||||
nl: |
|
||||
<p>Welkom in het hart van de Europese democratie. Deze interactieve gids
|
||||
helpt u door het gebouw van het Europees Parlement te navigeren.</p>
|
||||
|
||||
- type: video
|
||||
id: welcome-video
|
||||
src:
|
||||
en: /media/videos/welcome-en.mp4
|
||||
fr: /media/videos/welcome-fr.mp4
|
||||
de: /media/videos/welcome-de.mp4
|
||||
poster: /media/images/video-poster.jpg
|
||||
caption:
|
||||
en: A brief introduction to the European Parliament
|
||||
fr: Une brève introduction au Parlement européen
|
||||
de: Eine kurze Einführung in das Europäische Parlament
|
||||
|
||||
- type: audio
|
||||
id: welcome-audio
|
||||
src:
|
||||
en: /media/audio/welcome-en.mp3
|
||||
fr: /media/audio/welcome-fr.mp3
|
||||
de: /media/audio/welcome-de.mp3
|
||||
caption:
|
||||
en: Audio welcome message
|
||||
fr: Message d'accueil audio
|
||||
de: Audio-Willkommensnachricht
|
||||
|
||||
- type: tabs
|
||||
id: info-tabs
|
||||
tabs:
|
||||
- title:
|
||||
en: Information
|
||||
fr: Informations
|
||||
de: Information
|
||||
nl: Informatie
|
||||
content:
|
||||
en: |
|
||||
<p>The European Parliament is one of the EU's law-making bodies.
|
||||
It is directly elected by EU voters every 5 years.</p>
|
||||
fr: |
|
||||
<p>Le Parlement européen est l'un des organes législatifs de l'UE.
|
||||
Il est élu directement par les citoyens européens tous les 5 ans.</p>
|
||||
de: |
|
||||
<p>Das Europäische Parlament ist eines der gesetzgebenden Organe der EU.
|
||||
Es wird alle 5 Jahre direkt von den EU-Bürgern gewählt.</p>
|
||||
- title:
|
||||
en: Opening Hours
|
||||
fr: Horaires d'ouverture
|
||||
de: Öffnungszeiten
|
||||
nl: Openingstijden
|
||||
content:
|
||||
en: |
|
||||
<p><strong>Monday-Friday:</strong> 9:00 - 18:00</p>
|
||||
<p><strong>Saturday:</strong> 10:00 - 18:00</p>
|
||||
<p><strong>Sunday:</strong> Closed</p>
|
||||
fr: |
|
||||
<p><strong>Lundi-Vendredi:</strong> 9h00 - 18h00</p>
|
||||
<p><strong>Samedi:</strong> 10h00 - 18h00</p>
|
||||
<p><strong>Dimanche:</strong> Fermé</p>
|
||||
- title:
|
||||
en: Services
|
||||
fr: Services
|
||||
de: Dienstleistungen
|
||||
nl: Diensten
|
||||
content:
|
||||
en: |
|
||||
<p>Guided Tours, Information Desk, Cafeteria, Gift Shop, Accessibility Services</p>
|
||||
fr: |
|
||||
<p>Visites guidées, Bureau d'information, Cafétéria, Boutique, Services d'accessibilité</p>
|
||||
|
||||
- type: slideshow
|
||||
id: building-slideshow
|
||||
slides:
|
||||
- image: /media/images/exterior.jpg
|
||||
caption:
|
||||
en: Exterior of the European Parliament building
|
||||
fr: Extérieur du bâtiment du Parlement européen
|
||||
de: Außenansicht des Europäischen Parlaments
|
||||
- image: /media/images/hemicycle.jpg
|
||||
caption:
|
||||
en: The Hemicycle where plenary sessions take place
|
||||
fr: L'hémicycle où se déroulent les sessions plénières
|
||||
de: Das Plenum, in dem die Plenarsitzungen stattfinden
|
||||
- image: /media/images/parliamentarium.jpg
|
||||
caption:
|
||||
en: The Parliamentarium visitors center
|
||||
fr: Le centre des visiteurs Parlamentarium
|
||||
de: Das Besucherzentrum Parlamentarium
|
||||
---
|
||||
|
||||
This is the main content body for the test module.
|
||||
10
plugins/json-export/blueprints.yaml
Normal file
10
plugins/json-export/blueprints.yaml
Normal file
@@ -0,0 +1,10 @@
|
||||
name: JSON Export
|
||||
version: 1.0.0
|
||||
description: Exports Grav content to JSON format for the React media guide app
|
||||
icon: file-code
|
||||
author:
|
||||
name: Media Guide Team
|
||||
homepage: https://github.com/your-org/mediaguide
|
||||
keywords: json, export, api, multilingual
|
||||
bugs: https://github.com/your-org/mediaguide/issues
|
||||
license: MIT
|
||||
340
plugins/json-export/json-export.php
Normal file
340
plugins/json-export/json-export.php
Normal file
@@ -0,0 +1,340 @@
|
||||
<?php
|
||||
namespace Grav\Plugin;
|
||||
|
||||
use Grav\Common\Plugin;
|
||||
use RocketTheme\Toolbox\Event\Event;
|
||||
use Grav\Common\Page\Page;
|
||||
use Grav\Common\Grav;
|
||||
|
||||
/**
|
||||
* JSON Export Plugin
|
||||
*
|
||||
* Exports content from Grav CMS to JSON format for the React media guide app
|
||||
*/
|
||||
class JsonExportPlugin extends Plugin
|
||||
{
|
||||
public static function getSubscribedEvents()
|
||||
{
|
||||
return [
|
||||
'onPluginsInitialized' => ['onPluginsInitialized', 0]
|
||||
];
|
||||
}
|
||||
|
||||
public function onPluginsInitialized()
|
||||
{
|
||||
// Check if we're in admin context
|
||||
if ($this->isAdmin()) {
|
||||
$this->enable([
|
||||
'onAdminTaskExecute' => ['onAdminTaskExecute', 0]
|
||||
]);
|
||||
}
|
||||
|
||||
// Enable API endpoint
|
||||
$this->enable([
|
||||
'onPagesInitialized' => ['onPagesInitialized', 0]
|
||||
]);
|
||||
}
|
||||
|
||||
public function onPagesInitialized()
|
||||
{
|
||||
$uri = $this->grav['uri'];
|
||||
|
||||
// API endpoints
|
||||
if (strpos($uri->path(), '/api/') === 0) {
|
||||
$this->handleApiRequest($uri);
|
||||
}
|
||||
}
|
||||
|
||||
private function handleApiRequest($uri)
|
||||
{
|
||||
$path = $uri->path();
|
||||
$lang = $uri->param('lang') ?? 'en';
|
||||
|
||||
header('Content-Type: application/json');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
|
||||
// GET /api/stations - List all stations
|
||||
if ($path === '/api/stations') {
|
||||
echo json_encode($this->getStationsList($lang), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /api/station/{id} - Get single station
|
||||
if (preg_match('#^/api/station/([a-z0-9-]+)$#', $path, $matches)) {
|
||||
$stationId = $matches[1];
|
||||
$station = $this->getStation($stationId, $lang);
|
||||
if ($station) {
|
||||
echo json_encode($station, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
|
||||
} else {
|
||||
http_response_code(404);
|
||||
echo json_encode(['error' => 'Station not found']);
|
||||
}
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /api/translations - Get UI translations
|
||||
if ($path === '/api/translations') {
|
||||
echo json_encode($this->getTranslations($lang), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
|
||||
exit;
|
||||
}
|
||||
|
||||
// GET /api/export - Export all content to JSON files
|
||||
if ($path === '/api/export') {
|
||||
$result = $this->exportAllToJson();
|
||||
echo json_encode($result, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
|
||||
exit;
|
||||
}
|
||||
}
|
||||
|
||||
private function getStationsList($lang)
|
||||
{
|
||||
$pages = $this->grav['pages'];
|
||||
$stations = [];
|
||||
|
||||
foreach ($pages->all() as $page) {
|
||||
if ($page->template() === 'station' && $page->header()->active) {
|
||||
$header = $page->header();
|
||||
$stations[] = [
|
||||
'id' => $header->station_id ?? $page->slug(),
|
||||
'type' => $header->station_type ?? 'exhibit',
|
||||
'title' => $this->getTranslatedField($header->title_translations ?? [], $lang),
|
||||
'description' => $this->getTranslatedField($header->description_translations ?? [], $lang),
|
||||
'order' => $header->order ?? 0,
|
||||
'active' => $header->active ?? true
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
// Sort by order
|
||||
usort($stations, fn($a, $b) => $a['order'] <=> $b['order']);
|
||||
|
||||
return $stations;
|
||||
}
|
||||
|
||||
private function getStation($stationId, $lang)
|
||||
{
|
||||
$pages = $this->grav['pages'];
|
||||
|
||||
foreach ($pages->all() as $page) {
|
||||
if ($page->template() === 'station') {
|
||||
$header = $page->header();
|
||||
$id = $header->station_id ?? $page->slug();
|
||||
|
||||
if ($id === $stationId) {
|
||||
return $this->formatStationForLang($page, $lang);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
private function formatStationForLang($page, $lang)
|
||||
{
|
||||
$header = $page->header();
|
||||
|
||||
$station = [
|
||||
'id' => $header->station_id ?? $page->slug(),
|
||||
'type' => $header->station_type ?? 'exhibit',
|
||||
'language' => $lang,
|
||||
'title' => $this->getTranslatedField($header->title_translations ?? [], $lang),
|
||||
'description' => $this->getTranslatedField($header->description_translations ?? [], $lang),
|
||||
'components' => []
|
||||
];
|
||||
|
||||
// Process components
|
||||
if (isset($header->components) && is_array($header->components)) {
|
||||
foreach ($header->components as $component) {
|
||||
$station['components'][] = $this->formatComponent($component, $lang);
|
||||
}
|
||||
}
|
||||
|
||||
return $station;
|
||||
}
|
||||
|
||||
private function formatComponent($component, $lang)
|
||||
{
|
||||
$formatted = [
|
||||
'id' => $component['id'] ?? uniqid(),
|
||||
'type' => $component['type'] ?? 'text'
|
||||
];
|
||||
|
||||
switch ($component['type']) {
|
||||
case 'heading':
|
||||
$formatted['level'] = $component['level'] ?? 'h2';
|
||||
$formatted['content'] = $this->getTranslatedField($component['content'] ?? [], $lang);
|
||||
break;
|
||||
|
||||
case 'text':
|
||||
$formatted['content'] = $this->getTranslatedField($component['content'] ?? [], $lang);
|
||||
break;
|
||||
|
||||
case 'video':
|
||||
$formatted['src'] = $this->getTranslatedField($component['src'] ?? [], $lang);
|
||||
$formatted['poster'] = $component['poster'] ?? null;
|
||||
$formatted['caption'] = $this->getTranslatedField($component['caption'] ?? [], $lang);
|
||||
break;
|
||||
|
||||
case 'audio':
|
||||
$formatted['src'] = $this->getTranslatedField($component['src'] ?? [], $lang);
|
||||
$formatted['caption'] = $this->getTranslatedField($component['caption'] ?? [], $lang);
|
||||
break;
|
||||
|
||||
case 'tabs':
|
||||
$formatted['tabs'] = [];
|
||||
if (isset($component['tabs']) && is_array($component['tabs'])) {
|
||||
foreach ($component['tabs'] as $tab) {
|
||||
$formatted['tabs'][] = [
|
||||
'title' => $this->getTranslatedField($tab['title'] ?? [], $lang),
|
||||
'content' => $this->getTranslatedField($tab['content'] ?? [], $lang)
|
||||
];
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case 'slideshow':
|
||||
$formatted['slides'] = [];
|
||||
if (isset($component['slides']) && is_array($component['slides'])) {
|
||||
foreach ($component['slides'] as $slide) {
|
||||
$formatted['slides'][] = [
|
||||
'image' => $slide['image'] ?? '',
|
||||
'caption' => $this->getTranslatedField($slide['caption'] ?? [], $lang)
|
||||
];
|
||||
}
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
return $formatted;
|
||||
}
|
||||
|
||||
private function getTranslatedField($field, $lang, $fallback = 'en')
|
||||
{
|
||||
if (is_string($field)) {
|
||||
return $field;
|
||||
}
|
||||
|
||||
if (is_array($field)) {
|
||||
return $field[$lang] ?? $field[$fallback] ?? reset($field) ?: '';
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
private function getTranslations($lang)
|
||||
{
|
||||
// UI translations - these should be stored in config or separate files
|
||||
$translations = [
|
||||
'en' => [
|
||||
'appTitle' => 'EU Media Guide',
|
||||
'scanQR' => 'Scan QR',
|
||||
'selectLanguage' => 'Select Language',
|
||||
'contentLibrary' => 'Content Library',
|
||||
'noContent' => 'Scan a QR code or select content from the menu',
|
||||
'errorLoading' => 'Failed to load content. Please try again.',
|
||||
'playAudio' => 'Play Audio',
|
||||
'pauseAudio' => 'Pause Audio',
|
||||
'next' => 'Next',
|
||||
'previous' => 'Previous',
|
||||
'closeMenu' => 'Close Menu',
|
||||
'openMenu' => 'Open Menu',
|
||||
'loading' => 'Loading...'
|
||||
],
|
||||
'fr' => [
|
||||
'appTitle' => 'Guide Média UE',
|
||||
'scanQR' => 'Scanner QR',
|
||||
'selectLanguage' => 'Choisir la langue',
|
||||
'contentLibrary' => 'Bibliothèque de contenu',
|
||||
'noContent' => 'Scannez un code QR ou sélectionnez du contenu dans le menu',
|
||||
'errorLoading' => 'Échec du chargement. Veuillez réessayer.',
|
||||
'playAudio' => 'Lire l\'audio',
|
||||
'pauseAudio' => 'Pause audio',
|
||||
'next' => 'Suivant',
|
||||
'previous' => 'Précédent',
|
||||
'closeMenu' => 'Fermer le menu',
|
||||
'openMenu' => 'Ouvrir le menu',
|
||||
'loading' => 'Chargement...'
|
||||
],
|
||||
'de' => [
|
||||
'appTitle' => 'EU Media Guide',
|
||||
'scanQR' => 'QR scannen',
|
||||
'selectLanguage' => 'Sprache wählen',
|
||||
'contentLibrary' => 'Inhaltsbibliothek',
|
||||
'noContent' => 'Scannen Sie einen QR-Code oder wählen Sie Inhalte aus dem Menü',
|
||||
'errorLoading' => 'Laden fehlgeschlagen. Bitte versuchen Sie es erneut.',
|
||||
'playAudio' => 'Audio abspielen',
|
||||
'pauseAudio' => 'Audio pausieren',
|
||||
'next' => 'Weiter',
|
||||
'previous' => 'Zurück',
|
||||
'closeMenu' => 'Menü schließen',
|
||||
'openMenu' => 'Menü öffnen',
|
||||
'loading' => 'Laden...'
|
||||
],
|
||||
'nl' => [
|
||||
'appTitle' => 'EU Media Gids',
|
||||
'scanQR' => 'QR scannen',
|
||||
'selectLanguage' => 'Taal selecteren',
|
||||
'contentLibrary' => 'Inhoudsbibliotheek',
|
||||
'noContent' => 'Scan een QR-code of selecteer inhoud uit het menu',
|
||||
'errorLoading' => 'Laden mislukt. Probeer het opnieuw.',
|
||||
'playAudio' => 'Audio afspelen',
|
||||
'pauseAudio' => 'Audio pauzeren',
|
||||
'next' => 'Volgende',
|
||||
'previous' => 'Vorige',
|
||||
'closeMenu' => 'Menu sluiten',
|
||||
'openMenu' => 'Menu openen',
|
||||
'loading' => 'Laden...'
|
||||
]
|
||||
// Add more languages as needed
|
||||
];
|
||||
|
||||
return $translations[$lang] ?? $translations['en'];
|
||||
}
|
||||
|
||||
private function exportAllToJson()
|
||||
{
|
||||
$exportPath = $this->grav['locator']->findResource('user://') . '/export/';
|
||||
|
||||
if (!is_dir($exportPath)) {
|
||||
mkdir($exportPath, 0755, true);
|
||||
}
|
||||
|
||||
$languages = $this->grav['config']->get('system.languages.supported', ['en']);
|
||||
$exported = [];
|
||||
|
||||
foreach ($languages as $lang) {
|
||||
// Export stations
|
||||
$stations = $this->getStationsList($lang);
|
||||
file_put_contents(
|
||||
$exportPath . "stations.{$lang}.json",
|
||||
json_encode($stations, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)
|
||||
);
|
||||
|
||||
// Export each station content
|
||||
foreach ($stations as $station) {
|
||||
$content = $this->getStation($station['id'], $lang);
|
||||
if ($content) {
|
||||
file_put_contents(
|
||||
$exportPath . "{$station['id']}.{$lang}.json",
|
||||
json_encode($content, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// Export translations
|
||||
$translations = $this->getTranslations($lang);
|
||||
file_put_contents(
|
||||
$exportPath . "translations.{$lang}.json",
|
||||
json_encode($translations, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)
|
||||
);
|
||||
|
||||
$exported[] = $lang;
|
||||
}
|
||||
|
||||
return [
|
||||
'success' => true,
|
||||
'exported_languages' => $exported,
|
||||
'path' => $exportPath
|
||||
];
|
||||
}
|
||||
}
|
||||
24
plugins/json-export/json-export.yaml
Normal file
24
plugins/json-export/json-export.yaml
Normal file
@@ -0,0 +1,24 @@
|
||||
name: JSON Export
|
||||
version: 1.0.0
|
||||
description: Exports Grav content to JSON format for the React media guide app
|
||||
icon: file-code
|
||||
author:
|
||||
name: Media Guide Team
|
||||
homepage: https://github.com/your-org/mediaguide
|
||||
keywords: json, export, api, multilingual
|
||||
bugs: https://github.com/your-org/mediaguide/issues
|
||||
license: MIT
|
||||
|
||||
form:
|
||||
validation: strict
|
||||
fields:
|
||||
enabled:
|
||||
type: toggle
|
||||
label: Plugin status
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: Enabled
|
||||
0: Disabled
|
||||
validate:
|
||||
type: bool
|
||||
Reference in New Issue
Block a user