@silexlabs/silex-dashboard 1.0.2 → 1.0.4
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/.silex-client.js +25 -0
- package/.silex.js +78 -0
- package/_data/api-translations.json +18 -2
- package/_includes/api-connectors.js.html +86 -0
- package/_includes/api-websites.js.html +149 -0
- package/_includes/connectors.html +99 -0
- package/_includes/websites.html +385 -0
- package/_silex/default/meta.json +1 -0
- package/_silex/default/website.json +1 -0
- package/_site/css/connectors.css +1 -0
- package/_site/css/websites.css +1 -0
- package/_site/en/connectors/index.html +188 -0
- package/_site/en/index.html +550 -169
- package/_site/fr/connectors/index.html +188 -0
- package/_site/fr/index.html +551 -170
- package/package.json +7 -5
- package/pages/connectors.css.liquid +4 -0
- package/pages/en/connectors.md +4 -0
- package/pages/en/index.md +2 -1
- package/pages/fr/connectors.md +5 -0
- package/pages/fr/index.md +2 -1
- package/pages/websites.css.liquid +4 -0
- package/.silex/default/.silex.data.json +0 -1
- package/_includes/main.html +0 -1
- package/_includes/website-list.js.html +0 -172
- package/_site/README/index.html +0 -12
- package/_site/css/main.css +0 -1
- package/css/main.css.liquid +0 -4
- package/index.js +0 -39
- package/pages/main.css.liquid +0 -4
- /package/{.silex → _silex}/default/assets/alex-small.jpg +0 -0
- /package/{.silex → _silex}/default/assets/silex-icon-2018@200px.png +0 -0
package/_site/fr/index.html
CHANGED
|
@@ -1,177 +1,558 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
<!DOCTYPE html>
|
|
3
|
+
<html lang="">
|
|
4
|
+
<head>
|
|
5
|
+
<link rel="stylesheet" href="/css/websites.css" />
|
|
6
|
+
|
|
2
7
|
<link
|
|
3
8
|
rel="alternate"
|
|
4
9
|
hreflang="en"
|
|
5
|
-
href="/en/" />
|
|
6
|
-
<div class="app">
|
|
7
|
-
<div v-if="showLoginForm">
|
|
8
|
-
<h2>Login</h2>
|
|
9
|
-
<form @submit.prevent="login">
|
|
10
|
-
<label>
|
|
11
|
-
Username:
|
|
12
|
-
<input type="text" v-model="username" required />
|
|
13
|
-
</label>
|
|
14
|
-
<label>
|
|
15
|
-
Password:
|
|
16
|
-
<input type="password" v-model="password" required />
|
|
17
|
-
</label>
|
|
18
|
-
<button type="submit">Login</button>
|
|
19
|
-
</form>
|
|
20
|
-
</div>
|
|
21
|
-
|
|
22
|
-
<div v-if="loggedIn">
|
|
23
|
-
<button @click="showLoginForm = true; loggedIn = false; websites = []">Logout</button>
|
|
24
|
-
<h2>Websites</h2>
|
|
25
|
-
<ul>
|
|
26
|
-
<li v-for="(website, index) in websites" :key="index">
|
|
27
|
-
<div v-text="website.name || website.id"></div>
|
|
28
|
-
<button @click="deleteWebsite(website.id)">Delete</button>
|
|
29
|
-
</li>
|
|
30
|
-
</ul>
|
|
31
|
-
|
|
32
|
-
<button @click="showCreationForm = true">Create Website</button>
|
|
33
|
-
|
|
34
|
-
<div v-if="showCreationForm">
|
|
35
|
-
<h2>Create Website</h2>
|
|
36
|
-
<form @submit.prevent="createWebsite">
|
|
37
|
-
<label>
|
|
38
|
-
Website Name:
|
|
39
|
-
<input type="text" v-model="newWebsiteName" required />
|
|
40
|
-
</label>
|
|
41
|
-
<button type="submit">Create</button>
|
|
42
|
-
</form>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
|
|
46
|
-
<div v-if="error">
|
|
47
|
-
<p>Error: </p>
|
|
48
|
-
<button @click="error = null">Dismiss</button>
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
|
-
<div v-if="message">
|
|
52
|
-
<p></p>
|
|
53
|
-
<button @click="message = null">Dismiss</button>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
-->
|
|
57
|
-
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
|
58
|
-
<script>
|
|
59
|
-
const { createApp, ref, onMounted, reactive } = Vue;
|
|
60
|
-
const apiUrl = 'http://localhost:6805';
|
|
61
|
-
|
|
62
|
-
const App = {
|
|
63
|
-
data() {
|
|
64
|
-
return {
|
|
65
|
-
websites: [],
|
|
66
|
-
newWebsiteName: '',
|
|
67
|
-
showCreationForm: false,
|
|
68
|
-
error: null,
|
|
69
|
-
message: null,
|
|
70
|
-
showLoginForm: false,
|
|
71
|
-
username: '',
|
|
72
|
-
password: '',
|
|
73
|
-
loggedIn: true,
|
|
74
|
-
loading: true,
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
mounted() {
|
|
78
|
-
if (this.loggedIn) this.fetchWebsites()
|
|
79
|
-
else this.showLoginForm = true
|
|
80
|
-
},
|
|
81
|
-
methods: {
|
|
82
|
-
openEditor(id, lang) {
|
|
83
|
-
window.open(`${apiUrl}/?id=${id}&lang=${lang}`)
|
|
84
|
-
},
|
|
85
|
-
async fetchWebsites() {
|
|
86
|
-
this.loading = true
|
|
87
|
-
try {
|
|
88
|
-
const response = await fetch(`${apiUrl}/website/`)
|
|
89
|
-
if (!response.ok) {
|
|
90
|
-
throw new Error(`HTTP error! status: ${response.status}`)
|
|
91
|
-
}
|
|
92
|
-
this.websites = await response.json();
|
|
93
|
-
} catch (error) {
|
|
94
|
-
this.error = 'Erreur, impossible de récupérer la liste des sites'
|
|
95
|
-
}
|
|
96
|
-
this.loading = false
|
|
97
|
-
},
|
|
10
|
+
href="/en/" />
|
|
98
11
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
method: 'POST',
|
|
104
|
-
headers: {
|
|
105
|
-
'Content-Type': 'application/json',
|
|
106
|
-
},
|
|
107
|
-
body: JSON.stringify({
|
|
108
|
-
username: this.username,
|
|
109
|
-
password: this.password,
|
|
110
|
-
}),
|
|
111
|
-
})
|
|
112
|
-
if (!response.ok) {
|
|
113
|
-
throw new Error(`Erreur HTTP ! status: ${response.status}`)
|
|
114
|
-
}
|
|
115
|
-
this.loggedIn = true;
|
|
116
|
-
this.showLoginForm = false;
|
|
117
|
-
await this.fetchWebsites()
|
|
118
|
-
} catch (error) {
|
|
119
|
-
this.error = 'Failed to log in'
|
|
120
|
-
}
|
|
121
|
-
this.loading = false
|
|
122
|
-
},
|
|
12
|
+
<style>
|
|
13
|
+
.button { cursor: pointer; }
|
|
14
|
+
a { text-decoration: none; }
|
|
15
|
+
a:hover { text-decoration: underline; }
|
|
123
16
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
17
|
+
.skeleton-anim:after {
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 0;
|
|
22
|
+
left: 0;
|
|
23
|
+
content: "";
|
|
24
|
+
background:
|
|
25
|
+
linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
|
|
26
|
+
linear-gradient(transparent, transparent),
|
|
27
|
+
radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
|
|
28
|
+
linear-gradient(transparent, transparent);
|
|
29
|
+
background-repeat: no-repeat;
|
|
30
|
+
background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
|
|
31
|
+
background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
|
|
32
|
+
animation: loading 1.5s infinite;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@keyframes loading {
|
|
36
|
+
to {
|
|
37
|
+
background-position: 200% 0, 0 0, 0 190px, 50px 195px;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
</style>
|
|
42
|
+
<script src="/node_modules/vue/dist/vue.global.js"></script>
|
|
43
|
+
<script src="/js/main.js"></script>
|
|
44
|
+
<script type="module">
|
|
45
|
+
const CONNECTORS_PATH = '/connectors/'
|
|
46
|
+
window.addEventListener('load', function() {
|
|
47
|
+
const { createApp } = Vue;
|
|
48
|
+
const { api, constants, types } = silex;
|
|
49
|
+
const {
|
|
50
|
+
ConnectorType,
|
|
51
|
+
} = types
|
|
52
|
+
const {
|
|
53
|
+
getUser,
|
|
54
|
+
logout,
|
|
55
|
+
websiteDelete,
|
|
56
|
+
websiteList,
|
|
57
|
+
websiteCreate,
|
|
58
|
+
websiteMetaWrite,
|
|
59
|
+
} = api
|
|
60
|
+
|
|
61
|
+
const App = {
|
|
62
|
+
data() {
|
|
63
|
+
return {
|
|
64
|
+
websites: [],
|
|
65
|
+
newWebsiteName: '',
|
|
66
|
+
showCreationForm: false,
|
|
67
|
+
error: null,
|
|
68
|
+
message: null,
|
|
69
|
+
loggedIn: false,
|
|
70
|
+
loading: true,
|
|
71
|
+
storage: null,
|
|
72
|
+
user: null,
|
|
73
|
+
showMenu: false,
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
mounted() {
|
|
77
|
+
this.init()
|
|
78
|
+
},
|
|
79
|
+
|
|
80
|
+
methods: {
|
|
81
|
+
async init() {
|
|
82
|
+
try {
|
|
83
|
+
// Debug
|
|
84
|
+
window.app = this
|
|
85
|
+
const user = await getUser({type: ConnectorType.STORAGE})
|
|
86
|
+
if(user) {
|
|
87
|
+
this.user = user
|
|
88
|
+
this.loggedIn = true
|
|
89
|
+
this.websites = await websiteList({connectorId: this.user.storage.connectorId})
|
|
90
|
+
this.loading = false
|
|
91
|
+
} else {
|
|
92
|
+
this.openLogin()
|
|
93
|
+
}
|
|
94
|
+
} catch (error) {
|
|
95
|
+
console.error(error)
|
|
96
|
+
this.loading = false
|
|
97
|
+
if(error.code === 401 || error.httpStatusCode === 401) {
|
|
98
|
+
this.loggedIn = false
|
|
99
|
+
this.openLogin()
|
|
100
|
+
} else {
|
|
101
|
+
this.error = error
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
150
105
|
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
106
|
+
openLogin(id, lang) {
|
|
107
|
+
//throw new Error('debug')
|
|
108
|
+
const path = `/fr${CONNECTORS_PATH}`
|
|
109
|
+
console.log(window.location.pathname, window.location.path, path)
|
|
110
|
+
if(window.location.pathname === path) return
|
|
111
|
+
window.open(path, '_self')
|
|
112
|
+
},
|
|
113
|
+
|
|
114
|
+
openEditor(id, lang) {
|
|
115
|
+
window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_blank')
|
|
116
|
+
},
|
|
117
|
+
|
|
118
|
+
async logout() {
|
|
119
|
+
await logout({
|
|
120
|
+
type: ConnectorType.STORAGE,
|
|
121
|
+
connectorId: this.user.storage.connectorId,
|
|
122
|
+
})
|
|
123
|
+
window.location.reload()
|
|
124
|
+
},
|
|
125
|
+
|
|
126
|
+
async createWebsite() {
|
|
127
|
+
if (!this.newWebsiteName) throw new Error('Vous n\'avez pas donné de nom à votre site')
|
|
128
|
+
this.loading = true
|
|
129
|
+
try {
|
|
130
|
+
const websiteId = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
|
|
131
|
+
const result = await websiteCreate({
|
|
132
|
+
websiteId,
|
|
133
|
+
data: {
|
|
134
|
+
name: this.newWebsiteName,
|
|
135
|
+
imageUrl: null,
|
|
168
136
|
},
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
137
|
+
connectorId: this.user.storage.connectorId
|
|
138
|
+
})
|
|
139
|
+
this.message = 'Le site a bien été créé'
|
|
140
|
+
this.newWebsiteName = ''
|
|
141
|
+
this.showCreationForm = false;
|
|
142
|
+
this.websites = await websiteList({connectorId: this.user.storage.connectorId})
|
|
143
|
+
this.loading = false
|
|
144
|
+
return result
|
|
145
|
+
} catch (error) {
|
|
146
|
+
this.loading = false
|
|
147
|
+
console.error(error)
|
|
148
|
+
this.error = 'Erreur, le site n\'a pas été créé'
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
|
|
152
|
+
async deleteWebsite(websiteId) {
|
|
153
|
+
const ok = confirm('Etes vous sûr.e de vouloir supprimer définitivement ce site ?')
|
|
154
|
+
if (!ok) return
|
|
155
|
+
this.loading = true
|
|
156
|
+
try {
|
|
157
|
+
const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
|
|
158
|
+
this.message = 'Le site a bien été effacé'
|
|
159
|
+
this.websites = await websiteList({connectorId: this.user.storage.connectorId})
|
|
160
|
+
this.loading = false
|
|
161
|
+
return result
|
|
162
|
+
} catch (error) {
|
|
163
|
+
this.loading = false
|
|
164
|
+
this.error = 'Erreur, le site n\'a pas été effacé'
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
|
|
168
|
+
async renameWebsite(websiteId) {
|
|
169
|
+
const website = this.websites.find(w => w.websiteId === websiteId)
|
|
170
|
+
const name = prompt('Nouveau nom', website.name)
|
|
171
|
+
if (!name) return
|
|
172
|
+
this.loading = true
|
|
173
|
+
try {
|
|
174
|
+
const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
|
|
175
|
+
this.message = 'Changement de nom effectué'
|
|
176
|
+
this.websites = await websiteList({connectorId: this.user.storage.connectorId})
|
|
177
|
+
this.loading = false
|
|
178
|
+
return result
|
|
179
|
+
} catch (error) {
|
|
180
|
+
this.loading = false
|
|
181
|
+
this.error = 'Erreur, le site n\'a pas été effacé'
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
},
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
// Start vue app
|
|
188
|
+
createApp(App).mount('.app');
|
|
189
|
+
})
|
|
190
|
+
</script>
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
<title>Dashboard Silex</title>
|
|
194
|
+
<link rel="icon" href="" />
|
|
195
|
+
<meta property="description" content=""/>
|
|
196
|
+
<meta property="og:title" content=""/>
|
|
197
|
+
<meta property="og:description" content=""/>
|
|
198
|
+
<meta property="og:image" content=""/>
|
|
199
|
+
</head>
|
|
200
|
+
<body
|
|
201
|
+
id="ik0i"
|
|
202
|
+
class="body loading app"
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
><HEADER
|
|
206
|
+
id="igrg"
|
|
207
|
+
class="header padding-normal "
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
><A
|
|
211
|
+
id="igvu43" href="/"
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
|
|
215
|
+
><img
|
|
216
|
+
src="/assets/silex-icon-2018@200px.png" href="" id="iel80b-2"
|
|
217
|
+
class="nav__logo "
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
></img></A><NAV
|
|
221
|
+
id="i9jq"
|
|
222
|
+
class="nav "
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
><A
|
|
226
|
+
id="iels" href="/"
|
|
227
|
+
class="nav__item active"
|
|
228
|
+
target=""
|
|
229
|
+
|
|
230
|
+
>Sites</A><A
|
|
231
|
+
id="iels" href="http://docs.silex.me/"
|
|
232
|
+
class="nav__item "
|
|
233
|
+
target="_blank"
|
|
234
|
+
|
|
235
|
+
>Docs</A><A
|
|
236
|
+
id="iels" href="https://www.silex.me/"
|
|
237
|
+
class="nav__item "
|
|
238
|
+
target="_blank"
|
|
239
|
+
|
|
240
|
+
>A propos</A><A
|
|
241
|
+
id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard"
|
|
242
|
+
class="nav__item "
|
|
243
|
+
target="_blank"
|
|
244
|
+
|
|
245
|
+
>Info</A></NAV><div
|
|
246
|
+
id="i2red7"
|
|
247
|
+
class="lang h-space "
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
><A
|
|
251
|
+
href="/en" id="iciz"
|
|
252
|
+
class="lang__item nav__item "
|
|
253
|
+
hreflang="en"
|
|
254
|
+
|
|
255
|
+
>en</A><A
|
|
256
|
+
href="/fr" id="iciz"
|
|
257
|
+
class="lang__item nav__item active"
|
|
258
|
+
hreflang="fr"
|
|
259
|
+
|
|
260
|
+
>fr</A></div><div
|
|
261
|
+
id="i24ew"
|
|
262
|
+
class="user__wrapper "
|
|
263
|
+
v-if="user && !user.storage.disableLogout" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
|
|
264
|
+
|
|
265
|
+
><div
|
|
266
|
+
id="i5xsbd"
|
|
267
|
+
class="user-icon__wrapper "
|
|
268
|
+
v-if="user" v-show="!showMenu || user.storage.disableLogout"
|
|
269
|
+
|
|
270
|
+
><div
|
|
271
|
+
id="i5wlbq"
|
|
272
|
+
class="user-icon__image "
|
|
273
|
+
v-if="user" v-show="!showMenu || user.storage.disableLogout" :style='`background: url("${user.picture}"); background-repeat: no-repeat; background-size: contain;`'
|
|
274
|
+
|
|
275
|
+
></div></div><div
|
|
276
|
+
id="ic9eoa"
|
|
277
|
+
|
|
278
|
+
v-show="showMenu && !user.storage.disableLogout"
|
|
279
|
+
|
|
280
|
+
><div
|
|
281
|
+
id="iksw4d"
|
|
282
|
+
class="button button--secondary "
|
|
283
|
+
@click="logout()"
|
|
284
|
+
|
|
285
|
+
>Logout</div></div></div></HEADER><MAIN
|
|
286
|
+
id="iz63r"
|
|
287
|
+
class="padding-normal section "
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
><H1
|
|
291
|
+
id="itp1f"
|
|
292
|
+
class="title "
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
>Bienvenue !</H1><div
|
|
296
|
+
id="iyex8"
|
|
297
|
+
class="subtitle color--light "
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
>Plongez-vous dans un projet ou créez-en un nouveau</div><div
|
|
301
|
+
id="ickx4"
|
|
302
|
+
class="button-bar margin-20 "
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
><BUTTON
|
|
306
|
+
id="i2x0l"
|
|
307
|
+
class="button button--primary rounded top-space-40 "
|
|
308
|
+
@click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
|
|
309
|
+
|
|
310
|
+
><span
|
|
311
|
+
id="ibsgw"
|
|
312
|
+
class="icon-font "
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
>+</span> <span
|
|
316
|
+
id="itl2n8"
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
>Créer un site</span></BUTTON><div
|
|
321
|
+
id="i0ro3"
|
|
322
|
+
class="button button--secondary rounded "
|
|
323
|
+
|
|
324
|
+
|
|
325
|
+
>Import</div></div><div
|
|
326
|
+
id="ihwwxz"
|
|
327
|
+
class="box top-space-40 "
|
|
328
|
+
v-if="showCreationForm"
|
|
329
|
+
|
|
330
|
+
><H3
|
|
331
|
+
id="i3gd1b"
|
|
332
|
+
class="box__header "
|
|
333
|
+
|
|
334
|
+
|
|
335
|
+
>Créer un nouveau site internet</H3><form
|
|
336
|
+
method="get" id="i50acf"
|
|
337
|
+
class="form "
|
|
338
|
+
@submit.prevent="createWebsite"
|
|
339
|
+
|
|
340
|
+
><div
|
|
341
|
+
id="igtg1t"
|
|
342
|
+
class="v-space "
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
><label
|
|
346
|
+
id="i1nmbc"
|
|
347
|
+
class="v-space "
|
|
348
|
+
|
|
349
|
+
|
|
350
|
+
>Nom du site</label><input
|
|
351
|
+
type="text" id="ij5iwh" placeholder="Mon super projet"
|
|
352
|
+
class="input full-width "
|
|
353
|
+
v-model="newWebsiteName"
|
|
354
|
+
|
|
355
|
+
></input></div><div
|
|
356
|
+
id="ie0xes"
|
|
357
|
+
|
|
358
|
+
|
|
359
|
+
|
|
360
|
+
><button
|
|
361
|
+
type="submit" id="i021na"
|
|
362
|
+
class="button rounded button--primary right-space "
|
|
363
|
+
|
|
364
|
+
|
|
365
|
+
>Créer</button><button
|
|
366
|
+
type="reset"
|
|
367
|
+
class="button rounded button--secondary "
|
|
368
|
+
@click="showCreationForm = !showCreationForm"
|
|
369
|
+
|
|
370
|
+
>Annuler</button></div></form></div><div
|
|
371
|
+
id="if80m"
|
|
372
|
+
|
|
373
|
+
|
|
374
|
+
|
|
375
|
+
><SECTION
|
|
376
|
+
id="idgvg"
|
|
377
|
+
class="button-bar button-bar--full-width bg-white rounded loaded__item "
|
|
378
|
+
v-if="!loading" v-for="(website, index) in websites" :key="index"
|
|
379
|
+
|
|
380
|
+
><H3
|
|
381
|
+
id="i69a7"
|
|
382
|
+
class="button-bar_item button-bar__item--main "
|
|
383
|
+
v-text="website.name || website.id"
|
|
384
|
+
|
|
385
|
+
>My first website</H3><P
|
|
386
|
+
id="i65hn"
|
|
387
|
+
class="button-bar_item button-bar__item--secondary flex-no-shrink "
|
|
388
|
+
v-text="'Mis à jour le ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
|
|
389
|
+
|
|
390
|
+
>Updated 1h ago by lexoyo</P><P
|
|
391
|
+
id="i64qa"
|
|
392
|
+
class="button-bar_item button-bar__item--secondary flex-no-shrink "
|
|
393
|
+
v-text="'Créé le ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
|
|
394
|
+
|
|
395
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
396
|
+
id="i3b4tr"
|
|
397
|
+
class="button-bar_item flex-no-shrink "
|
|
398
|
+
|
|
399
|
+
|
|
400
|
+
><BUTTON
|
|
401
|
+
id="ifyf6p" href=""
|
|
402
|
+
class="button rounded button--primary button--small right-space "
|
|
403
|
+
@click="openEditor(website.websiteId, 'fr')"
|
|
404
|
+
|
|
405
|
+
>Editer</BUTTON><BUTTON
|
|
406
|
+
href="" id="ihf6ew"
|
|
407
|
+
class="button rounded button--small right-space button--tertiary "
|
|
408
|
+
@click="renameWebsite(website.websiteId, 'fr')"
|
|
409
|
+
|
|
410
|
+
>Renommer</BUTTON><BUTTON
|
|
411
|
+
id="iol4h"
|
|
412
|
+
class="button rounded button--small button--tertiary "
|
|
413
|
+
@click="deleteWebsite(website.websiteId)" title="Supprimer"
|
|
414
|
+
|
|
415
|
+
>X</BUTTON></div></SECTION><SECTION
|
|
416
|
+
id="i1fjn"
|
|
417
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
418
|
+
v-if="loading"
|
|
419
|
+
|
|
420
|
+
><H3
|
|
421
|
+
|
|
422
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
423
|
+
|
|
424
|
+
|
|
425
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
426
|
+
|
|
427
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
428
|
+
|
|
429
|
+
|
|
430
|
+
>Updated 1h ago by lexoyo</P><P
|
|
431
|
+
|
|
432
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
433
|
+
|
|
434
|
+
|
|
435
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
436
|
+
id="ixz6c"
|
|
437
|
+
class="button-bar_item skeleton skeleton-button "
|
|
438
|
+
|
|
439
|
+
|
|
440
|
+
>Edit</div></SECTION><SECTION
|
|
441
|
+
id="iwxxo5"
|
|
442
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
443
|
+
v-if="loading"
|
|
444
|
+
|
|
445
|
+
><H3
|
|
446
|
+
|
|
447
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
448
|
+
|
|
449
|
+
|
|
450
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
451
|
+
|
|
452
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
453
|
+
|
|
454
|
+
|
|
455
|
+
>Updated 1h ago by lexoyo</P><P
|
|
456
|
+
|
|
457
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
458
|
+
|
|
459
|
+
|
|
460
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
461
|
+
id="i9fx3l"
|
|
462
|
+
class="button-bar_item skeleton skeleton-button "
|
|
463
|
+
|
|
464
|
+
|
|
465
|
+
>Edit</div></SECTION><SECTION
|
|
466
|
+
id="isld3r"
|
|
467
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
468
|
+
v-if="loading"
|
|
469
|
+
|
|
470
|
+
><H3
|
|
471
|
+
|
|
472
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
473
|
+
|
|
474
|
+
|
|
475
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
476
|
+
|
|
477
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
478
|
+
|
|
479
|
+
|
|
480
|
+
>Updated 1h ago by lexoyo</P><P
|
|
481
|
+
|
|
482
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
483
|
+
|
|
484
|
+
|
|
485
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
486
|
+
id="i8oes3"
|
|
487
|
+
class="button-bar_item skeleton skeleton-button "
|
|
488
|
+
|
|
489
|
+
|
|
490
|
+
>Edit</div></SECTION><SECTION
|
|
491
|
+
id="iqmx38"
|
|
492
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
493
|
+
v-if="loading"
|
|
494
|
+
|
|
495
|
+
><H3
|
|
496
|
+
|
|
497
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
498
|
+
|
|
499
|
+
|
|
500
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
501
|
+
|
|
502
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
503
|
+
|
|
504
|
+
|
|
505
|
+
>Updated 1h ago by lexoyo</P><P
|
|
506
|
+
|
|
507
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
508
|
+
|
|
509
|
+
|
|
510
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
511
|
+
id="ie83jl"
|
|
512
|
+
class="button-bar_item skeleton skeleton-button "
|
|
513
|
+
|
|
514
|
+
|
|
515
|
+
>Edit</div></SECTION></div><div
|
|
516
|
+
id="i7ej6j"
|
|
517
|
+
class="box horizontal "
|
|
518
|
+
v-if="error"
|
|
519
|
+
|
|
520
|
+
><div
|
|
521
|
+
id="iv0eyi"
|
|
522
|
+
class="full-width v-space h-space "
|
|
523
|
+
v-text="error"
|
|
524
|
+
|
|
525
|
+
>Insert your text here</div><div
|
|
526
|
+
id="i4656n"
|
|
527
|
+
class="button rounded button--small button--tertiary "
|
|
528
|
+
@click="error = null"
|
|
529
|
+
|
|
530
|
+
>Fermer</div></div><div
|
|
531
|
+
id="ilteie"
|
|
532
|
+
class="box horizontal "
|
|
533
|
+
v-if="message"
|
|
534
|
+
|
|
535
|
+
><div
|
|
536
|
+
id="i2d31v"
|
|
537
|
+
class="full-width v-space h-space "
|
|
538
|
+
v-text="message"
|
|
539
|
+
|
|
540
|
+
>Insert your text here</div><div
|
|
541
|
+
id="i2urco"
|
|
542
|
+
class="button rounded button--small button--tertiary "
|
|
543
|
+
@click="message = null"
|
|
544
|
+
|
|
545
|
+
>Fermer</div></div></MAIN><FOOTER
|
|
546
|
+
id="ilzpl"
|
|
547
|
+
class="header footer "
|
|
548
|
+
|
|
549
|
+
|
|
550
|
+
><div
|
|
551
|
+
id="i238z"
|
|
552
|
+
class="section "
|
|
553
|
+
|
|
554
|
+
|
|
555
|
+
><p><a href="https://www.silex.me/">Silex website builder</a> est un projet libre et open source, supporté par l'<a href="https://www.silexlabs.org/">association Silex Labs</a></p>
|
|
556
|
+
</div></FOOTER></body>
|
|
557
|
+
</html>
|
|
558
|
+
|