changer pages embed, ajout définitions culture g
This commit is contained in:
parent
2c95bea01b
commit
737781e9aa
11 changed files with 123 additions and 87 deletions
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
// Configuration par défaut
|
||||
const defaultConfig = {
|
||||
apiUrl: 'https://api.oedb.fr',
|
||||
apiUrl: 'https://api.openenventdatabase.org',
|
||||
theme: 'light',
|
||||
limit: 50,
|
||||
width: '100%',
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
this.injectStyles();
|
||||
this.render();
|
||||
this.loadEvents();
|
||||
|
||||
|
||||
if (this.config.autoRefresh) {
|
||||
this.startAutoRefresh();
|
||||
}
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
.oedb-embed-header {
|
||||
background: ${theme.primary};
|
||||
color: white;
|
||||
|
|
@ -89,52 +89,52 @@
|
|||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
.oedb-embed-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.oedb-embed-map {
|
||||
flex: 1;
|
||||
min-height: 200px;
|
||||
background: #f8f9fa;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.oedb-embed-list {
|
||||
width: 300px;
|
||||
overflow-y: auto;
|
||||
border-left: 1px solid ${theme.border};
|
||||
background: ${theme.background};
|
||||
}
|
||||
|
||||
|
||||
.oedb-embed-list-only {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.oedb-embed-map-only {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.oedb-event-item {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid ${theme.border};
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
|
||||
.oedb-event-item:hover {
|
||||
background: ${theme.border};
|
||||
}
|
||||
|
||||
|
||||
.oedb-event-title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.5rem;
|
||||
color: ${theme.text};
|
||||
}
|
||||
|
||||
|
||||
.oedb-event-meta {
|
||||
font-size: 0.9rem;
|
||||
color: ${theme.secondary};
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
flex-direction: column;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
|
||||
.oedb-loading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -150,20 +150,20 @@
|
|||
height: 200px;
|
||||
color: ${theme.secondary};
|
||||
}
|
||||
|
||||
|
||||
.oedb-error {
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
color: #e74c3c;
|
||||
background: #fdf2f2;
|
||||
}
|
||||
|
||||
|
||||
.oedb-no-events {
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
color: ${theme.secondary};
|
||||
}
|
||||
|
||||
|
||||
.oedb-map-placeholder {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -195,7 +195,7 @@
|
|||
|
||||
async loadEvents() {
|
||||
if (this.isLoading) return;
|
||||
|
||||
|
||||
this.isLoading = true;
|
||||
this.showLoading();
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue