@silexlabs/silex-dashboard 1.0.3 → 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.
Files changed (17) hide show
  1. package/.silex-client.js +5 -7
  2. package/.silex.js +32 -1
  3. package/_data/api-translations.json +14 -2
  4. package/_includes/api-connectors.js.html +40 -1
  5. package/_includes/api-websites.js.html +2 -1
  6. package/_includes/connectors.html +32 -7
  7. package/_includes/websites.html +2 -2
  8. package/_silex/default/website.json +1 -1
  9. package/_site/css/connectors.css +1 -1
  10. package/_site/css/websites.css +1 -1
  11. package/_site/en/connectors/index.html +72 -8
  12. package/_site/en/index.html +4 -3
  13. package/_site/fr/connectors/index.html +72 -8
  14. package/_site/fr/index.html +4 -3
  15. package/package.json +2 -2
  16. package/pages/connectors.css.liquid +1 -1
  17. package/pages/websites.css.liquid +1 -1
package/.silex-client.js CHANGED
@@ -1,26 +1,24 @@
1
1
  import templatePlugin from '/node_modules/@silexlabs/silex/dist/plugins/client/plugins/client/template.js'
2
- import publishTo from '/node_modules/@silexlabs/silex/dist/plugins/client/plugins/client/publicationRenderer.js'
2
+ import publicationRenderer from '/node_modules/@silexlabs/silex/dist/plugins/client/plugins/client/publicationRenderer.js'
3
3
 
4
4
  export default async function(config, options) {
5
- console.log('silex-client.js', templatePlugin)
6
5
  // Defaults
7
6
  const opts = {
8
7
  ...options,
9
8
  }
10
9
  await config.addPlugin(templatePlugin)
11
- await config.addPlugin(publishTo, {
12
- publishTo: 'https://silex.me/publish',
10
+ await config.addPlugin(publicationRenderer, {
13
11
  css: {
14
12
  frontMatter: true,
15
13
  ext: '.css.liquid',
16
- path: '../../pages'
14
+ path: '../../../pages'
17
15
  },
18
16
  html: {
19
17
  frontMatter: false,
20
- path: '../../_includes'
18
+ path: '../../../_includes'
21
19
  },
22
20
  assets: {
23
- path: '../../',
21
+ path: '../../../',
24
22
  url: '/',
25
23
  },
26
24
  })
package/.silex.js CHANGED
@@ -5,6 +5,13 @@ const node_modules = require('node_modules-path')
5
5
  const serveStatic = require('serve-static')
6
6
  const locale = require('locale')
7
7
  const { withCache } = require('@silexlabs/silex/dist/plugins/server/plugins/server/Cache')
8
+ const { ServerEvent } = require('@silexlabs/silex').events
9
+
10
+ const { ConnectorType } = require('@silexlabs/silex/dist/server/types')
11
+ const FtpConnector = require('@silexlabs/silex/dist/plugins/server/plugins/server/FtpConnector').default
12
+ const GitlabConnector = require('@silexlabs/silex/dist/plugins/server/plugins/server/GitlabConnector').default
13
+ const {FsStorage} = require('@silexlabs/silex/dist/server/server/connectors/FsStorage')
14
+ const {FsHosting} = require('@silexlabs/silex/dist/server/server/connectors/FsHosting')
8
15
 
9
16
  module.exports = async function(config, options) {
10
17
  // Defaults
@@ -14,11 +21,33 @@ module.exports = async function(config, options) {
14
21
  ...options,
15
22
  }
16
23
 
24
+ config.addHostingConnector([
25
+ new FsHosting(config, {
26
+ path: process.env.SILEX_FS_ROOT,
27
+ }),
28
+ new FtpConnector(config, {
29
+ type: ConnectorType.HOSTING,
30
+ }),
31
+ ])
32
+
33
+ //config.addStorageConnector([
34
+ // //new FsStorage(config, {
35
+ // // path: process.env.SILEX_FS_ROOT,
36
+ // //}),
37
+ // new FtpConnector(config, {
38
+ // type: ConnectorType.STORAGE,
39
+ // }),
40
+ // new GitlabConnector(config, {
41
+ // clientId: process.env.GITLAB_CLIENT_ID,
42
+ // clientSecret: process.env.GITLAB_CLIENT_SECRET,
43
+ // }),
44
+ //])
45
+
17
46
  // Detect language from browser
18
47
  const languages = JSON.parse(await fs.readFile(join(__dirname, '_data/languages.json')))
19
48
 
20
49
  // Serve the dashboard and the editor
21
- config.on('silex:startup:start', ({app}) => {
50
+ config.on(ServerEvent.STARTUP_START, ({app}) => {
22
51
  const router = express.Router()
23
52
  app.use(router)
24
53
 
@@ -38,7 +67,9 @@ module.exports = async function(config, options) {
38
67
 
39
68
  // Serve the editor when the ?id param is present in the URL
40
69
  const editorRouter = express.Router()
70
+ console.log('dashboard route /', {opts})
41
71
  editorRouter.use('/', (req, res, next) => {
72
+ console.log('dashboard route / called', req.path, req.query.id, req.locale)
42
73
  if (req.path === '/' && !req.query.id) res.redirect(`/${req.locale}/`)
43
74
  else next()
44
75
  })
package/_data/api-translations.json CHANGED
@@ -9,7 +9,13 @@
9
9
  "Website deleted successfully": "Website deleted successfully",
10
10
  "Failed to delete website": "Failed to delete website",
11
11
  "New name for this website": "New name for this website",
12
- "Website renamed successfully": "Website renamed successfully"
12
+ "Website renamed successfully": "Website renamed successfully",
13
+ "Login failed": "Error, login failed.",
14
+ "Logout": "Logout",
15
+ "Logging out": "Logging out",
16
+ "Back to home": "< Back",
17
+ "Welcome to Silex": "Welcome to Silex",
18
+ "Please login to continue": "Please login to continue"
13
19
  },
14
20
  "fr": {
15
21
  "Failed to fetch websites": "Erreur, impossible de récupérer la liste des sites",
@@ -21,6 +27,12 @@
21
27
  "Website deleted successfully": "Le site a bien été effacé",
22
28
  "Failed to delete website": "Erreur, le site n\\'a pas été effacé",
23
29
  "New name for this website": "Nouveau nom",
24
- "Website renamed successfully": "Changement de nom effectué"
30
+ "Website renamed successfully": "Changement de nom effectué",
31
+ "Login failed": "Erreur, impossible de se connecter.",
32
+ "Logout": "Déconnexion",
33
+ "Logging out": "Déconnexion en cours",
34
+ "Back to home": "< Retour",
35
+ "Welcome to Silex": "Bienvenue sur Silex",
36
+ "Please login to continue": "Merci de vous connecter pour continuer"
25
37
  }
26
38
  }
package/_includes/api-connectors.js.html CHANGED
@@ -9,6 +9,7 @@ window.addEventListener('load', function() {
9
9
  } = types
10
10
  const {
11
11
  connectorList,
12
+ logout,
12
13
  } = api
13
14
 
14
15
  const App = {
@@ -18,10 +19,16 @@ window.addEventListener('load', function() {
18
19
  error: null,
19
20
  message: null,
20
21
  loading: true,
22
+ lastConnector: null,
21
23
  }
22
24
  },
23
25
  mounted() {
24
26
  this.init()
27
+ window.addEventListener('message', (event) => {
28
+ if(event.data && event.data.type === 'login') {
29
+ this.loginResult(event.data)
30
+ }
31
+ })
25
32
  },
26
33
 
27
34
  methods: {
@@ -29,7 +36,7 @@ window.addEventListener('load', function() {
29
36
  try {
30
37
  this.loading = true
31
38
  console.log('init')
32
- this.connectors = await connectorList()
39
+ this.connectors = await connectorList({type: ConnectorType.STORAGE})
33
40
  console.log('connectors', this.connectors)
34
41
  this.loading = false
35
42
  } catch (error) {
@@ -38,6 +45,38 @@ window.addEventListener('load', function() {
38
45
  this.loading = false
39
46
  }
40
47
  },
48
+ openLogin(connector) {
49
+ this.lastConnector = connector
50
+ const nonOAuthUrl = `${constants.API_PATH}${constants.API_CONNECTOR_PATH}${constants.API_CONNECTOR_LOGIN}?connectorId=${connector.connectorId}&type=${connector.type}`
51
+ console.log('openLogin', connector.oauthUrl, nonOAuthUrl)
52
+ window.open(connector.oauthUrl || nonOAuthUrl, '_blank')
53
+ },
54
+ loginResult(data) {
55
+ console.log('loginResult', data)
56
+ if(data.error) {
57
+ this.error = data.error
58
+ this.message = `{{ api-translations[lang]["Login failed"] }} ${data.message}`
59
+ } else {
60
+ window.location.href = '/'
61
+ }
62
+ },
63
+ async logout() {
64
+ try {
65
+ this.message = '{{ api-translations[lang]["Logging out"] }}'
66
+ await logout({type: ConnectorType.STORAGE, connectorId: this.lastConnector.connectorId})
67
+ this.loggedIn = false
68
+ this.user = null
69
+ this.websites = []
70
+ this.loading = false
71
+ this.message = ''
72
+ this.error = false
73
+ } catch (error) {
74
+ console.error(error)
75
+ this.error = error
76
+ this.message = error.message
77
+ this.loading = false
78
+ }
79
+ },
41
80
  },
42
81
  };
43
82
 
package/_includes/api-websites.js.html CHANGED
@@ -53,7 +53,7 @@ window.addEventListener('load', function() {
53
53
  } catch (error) {
54
54
  console.error(error)
55
55
  this.loading = false
56
- if(error.code === 401) {
56
+ if(error.code === 401 || error.httpStatusCode === 401) {
57
57
  this.loggedIn = false
58
58
  this.openLogin()
59
59
  } else {
@@ -79,6 +79,7 @@ window.addEventListener('load', function() {
79
79
  type: ConnectorType.STORAGE,
80
80
  connectorId: this.user.storage.connectorId,
81
81
  })
82
+ window.location.reload()
82
83
  },
83
84
 
84
85
  async createWebsite() {
package/_includes/connectors.html CHANGED
@@ -49,26 +49,51 @@ a:hover { text-decoration: underline; }
49
49
  class=" app"
50
50
 
51
51
 
52
- ><div
52
+ ><A
53
+ id="ixzhcr" href="/"
54
+ class="button button-bar__item--secondary "
55
+
56
+
57
+ >{{ api-translations[lang]["Back to home"] }}</A><div
53
58
  id="imgx81"
54
59
 
55
60
 
56
61
 
57
- ><div
58
- id="in62y2"
62
+ ><H1
59
63
 
60
64
 
61
65
 
62
- ><div
63
- id="isqe61"
64
66
 
65
- v-if="!loading" v-for="(connector, index) in connectors" :key="index"
67
+ >{{ api-translations[lang]["Welcome to Silex"] }}</H1><div
68
+
69
+ class="subtitle "
70
+
71
+
72
+ >{{ api-translations[lang]["Please login to continue"] }}</div><div
73
+ id="in62y2"
74
+ class="button-bar "
75
+
76
+
77
+ ><A
78
+ id="isqe61" href="https://"
79
+ class="h-space button-bar__item--main button-bar_item button big-button "
80
+ v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
66
81
 
67
82
  ><div
68
83
  id="i87asw"
69
84
 
85
+ v-text="connector.displayName"
86
+
87
+ >Insert your text here</div></A></div><div
88
+ id="i9msnk"
89
+
90
+ v-if="error" v-html="message"
70
91
 
92
+ >Insert your text here</div><div
93
+ id="i6akll"
94
+ class="button button--tertiary "
95
+ v-if="error" @click="logout()"
71
96
 
72
- >Insert your text here</div></div></div></div></body>
97
+ >{{ api-translations[lang]["Logout"] }}</div></div></body>
73
98
  </html>
74
99
 
package/_includes/websites.html CHANGED
@@ -88,7 +88,7 @@ a:hover { text-decoration: underline; }
88
88
  >{{ link.code }}</A>{% endfor %}</div><div
89
89
  id="i24ew"
90
90
  class="user__wrapper "
91
- v-if="user" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
91
+ v-if="user && !user.storage.disableLogout" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
92
92
 
93
93
  ><div
94
94
  id="i5xsbd"
@@ -117,7 +117,7 @@ a:hover { text-decoration: underline; }
117
117
 
118
118
  ><H1
119
119
  id="itp1f"
120
-
120
+ class="title "
121
121
 
122
122
 
123
123
  >{{ title2 }}</H1><div
package/_silex/default/website.json CHANGED
@@ -1 +1 @@
1
- {"assets":[{"type":"image","src":"assets/alex-small.jpg","unitDim":"px","height":0,"width":0},{"type":"image","src":"assets/silex-icon-2018@200px.png","unitDim":"px","height":0,"width":0}],"styles":[{"selectors":[{"name":"nav__item","active":false}],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"grey","font-weight":"700"}},{"selectors":["body"],"style":{"font-family":"\"Roboto\", sans-serif","background-color":"#f0f0f0"}},{"selectors":[{"name":"header","active":false}],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff"}},{"selectors":["#ir7s"],"style":{"color":"black"}},{"selectors":[{"name":"padding-normal","active":false}],"style":{"padding":"0px 24px 0px 24px"}},{"selectors":["#i9jq"],"style":{"display":"flex"}},{"selectors":["nav"],"style":{"width":"100%","margin":"0px 20px 0px 20px"}},{"selectors":["#iz63r"],"style":{"min-height":"90vh"}},{"selectors":["#itp1f"],"style":{"font-size":"2rem","margin":"0px 0px 10px 0px"}},{"selectors":["subtitle"],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"max-width":"1200px","margin":"80px auto 80px auto"}},{"selectors":["subtitle",{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":[{"name":"button","active":false}],"style":{"font-weight":"700","font-size":"0.8rem","padding":"12px 12px 12px 12px","display":"inline-block","border":"1px solid transparent","transition":"all 0.18s ease-out"}},{"selectors":[{"name":"button","active":false},{"name":"button--primary","active":false}],"style":{"background-color":"#5e85a8","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"10px 0px 10px 0px","display":"flex"}},{"selectors":["#ibsgw"],"style":{"position":"relative","top":"3px"}},{"selectors":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false}],"style":{"justify-content":"space-between","align-items":"center"}},{"selectors":[{"name":"button-bar_item","active":false}],"style":{"margin":"20px 20px 20px 20px"}},{"selectors":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem","color":"#444444"}},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"font-weight":"400","background-color":"rgba(221,221,221,0.5)"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"2px 2px 2px 2px"}},{"selectors":["#ilzpl"],"style":{"min-height":"100px"}},{"selectors":["#i238z"],"style":{"padding":"10px"}},{"selectors":["footer"],"style":{"display":"block","margin":"20px 0px 0 0px","padding":"1px 0px 1px 0px"}},{"selectors":["skeleton-text",{"name":"skeleton","active":false}],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":[{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"style":{"color":"transparent","opacity":"0.16"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":[{"name":"nav__item","active":false},"active"],"style":{"color":"black"}},{"selectors":["margin-20"],"style":{"margin":"20px 0px 20px 0px"}},{"selectors":["#i0ro3"],"style":{"display":"none"}},{"selectors":[{"name":"loading__item","active":false},"loaded-true"],"style":{"display":"none"}},{"selectors":["#i69a7"],"style":{"width":"100%"}},{"selectors":["flex-no-shrink"],"style":{"flex-shrink":"0"}},{"selectors":[{"name":"button--small","active":false}],"style":{"padding":"5px 10px 5px 10px"}},{"selectors":["form"],"style":{"padding":"10px 10px 10px 10px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"1px solid #5e85a8"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":["#ihwwxz"],"style":{"min-height":"100px"}},{"selectors":[{"name":"box","active":false}],"style":{"border":"2px solid #5e85a8"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 10px"}},{"selectors":[{"name":"box","active":false},"horizontal"],"style":{"align-items":"center"}},{"selectors":["horizontal"],"style":{"display":"flex","align-items":"center"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 10px"}},{"selectors":[{"name":"button--tertiary","active":false}],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":["top-space-40"],"style":{"margin":"40px 0 0 0"}},{"selectors":["nav__logo"],"style":{"height":"50px"}},{"selectors":["user-icon__image"],"style":{"width":"100%","height":"100%"}},{"selectors":["user__wrapper"],"style":{"border":"1px solid white"}},{"selectors":["right-space"],"style":{"margin":"0px 5px 0px 0px"}},{"selectors":["#ic9eoa"],"style":{"min-height":"100px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":[{"name":"button","active":false}],"style":{"color":"#ff6600","background-color":"transparent","border":"1px solid #dddddd"},"state":"hover"},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"background-color":"white"},"state":"hover"},{"selectors":["#ip1xpi"],"style":{"color":"black"}},{"selectors":["#i6no5k"],"style":{"display":"flex"}},{"selectors":["#i1k8my"],"style":{"padding":"10px"}},{"selectors":["#i208mw"],"style":{"min-height":"100px"}},{"selectors":["#iel80b"],"style":{"color":"black"}},{"selectors":["#ioziwk"],"style":{"width":"100%"}},{"selectors":["#imgx81"],"style":{"min-height":"100vh","display":"flex","justify-content":"center","align-items":"center"}},{"selectors":["#in62y2"],"style":{"max-width":"400px","width":"100%","display":"flex"}},{"selectors":["#i87asw"],"style":{"padding":"10px"}},{"selectors":["user-icon__wrapper"],"style":{"border":"1px solid #f0f0f0","background-color":"#f0f0f0","border-radius":"50% 50% 50% 50%","width":"40px","height":"40px","padding":"5px 5px 5px 5px"}},{"selectors":["user-icon__wrapper2"],"style":{"width":"40px","height":"40px"}}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body",{"name":"loading","active":false}],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","icon":"<span class=\"fa fa-top\"></span>","classes":[{"name":"header","active":false},{"name":"padding-normal","active":false}],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"assets/silex-icon-2018@200px.png","href":"","id":"iel80b-2"},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":[{"name":"nav__item","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites"}],"template":{"before":"{% for item in nav %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"target=\"{{ item.target }}\"","classname":"{% if forloop.index == 1 %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Nav"},{"type":"container","classes":["lang",{"name":"h-space","active":false}],"attributes":{"id":"i2red7"},"components":[{"tagName":"A","type":"text","classes":["lang__item",{"name":"nav__item","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en"}],"template":{"before":"{% assign links = languages %}\n{%- for link in links %}","replace":"{{ link.code }}","after":"{% endfor %}","attributes":"hreflang=\"{{link.code}}\"","classname":"{% if link.code == lang %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Lang"},{"type":"container","classes":["user__wrapper"],"attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"container","classes":["user-icon__wrapper"],"attributes":{"id":"i5xsbd"},"components":[{"type":"container","classes":["user-icon__image"],"attributes":{"id":"i5wlbq"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" :style='`background: url(\"${user.picture}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""},"custom-name":"Image"}],"custom-name":"Wrapper","template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" ","classname":"","style":""}},{"type":"container","attributes":{"id":"ic9eoa"},"components":[{"type":"text","classes":[{"name":"button","active":false},"button--secondary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"logout()\"","classname":"","style":""}}],"custom-name":"Menu","template":{"before":"","replace":"","after":"","attributes":"v-show=\"showMenu && !user.storage.disableLogout\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" @NOmouseover=\"showMenu = true\" @NOmouseout=\"showMenu = false\" @click=\"showMenu = !showMenu\"","classname":"","style":""}}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":[{"name":"padding-normal","active":false},"section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","attributes":{"id":"itp1f"},"components":[{"type":"textnode","content":"Welcome back!"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle",{"name":"color--light","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one"}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false},"margin-20"],"attributes":{"id":"ickx4"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"button--primary","active":false},{"name":"rounded","active":false},"top-space-40"],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+"}]},{"type":"textnode","content":" "},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website"}],"template":{"before":"","replace":"{{ add-button }}","after":"","attributes":"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\" v-if=\"!showCreationForm\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},"button--secondary",{"name":"rounded","active":false}],"attributes":{"id":"i0ro3"},"components":[{"type":"textnode","content":"Import"}]}]},{"type":"container","classes":[{"name":"box","active":false},"top-space-40"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header"],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website"}],"template":{"before":"","replace":"{{ add-title }}","after":"","attributes":"","classname":"","style":""}},{"type":"form","classes":["form"],"attributes":{"method":"get","id":"i50acf"},"components":[{"classes":[{"name":"v-space","active":false}],"attributes":{"id":"igtg1t"},"components":[{"type":"label","classes":[{"name":"v-space","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name"}],"template":{"before":"","replace":"{{ add-name-label }}","after":"","attributes":"","classname":"","style":""}},{"type":"input","void":true,"classes":["input",{"name":"full-width","active":false}],"attributes":{"type":"text","id":"ij5iwh","placeholder":"{{ add-name-placeholder }}"},"template":{"before":"","replace":"","after":"","attributes":"v-model=\"newWebsiteName\"","classname":"","style":""}}]},{"attributes":{"id":"ie0xes"},"components":[{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},"right-space"],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create"}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary"],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel"}],"template":{"before":"","replace":"{{ add-cancel }}","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"@submit.prevent=\"createWebsite\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"showCreationForm\"","classname":"","style":""}},{"type":"container","icon":"<span class=\"fa fa-list\"></span>","attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},"loaded__item"],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-updated }} ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-created }} ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar_item","active":false},"flex-no-shrink"],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},{"name":"button--small","active":false},"right-space"],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},"right-space",{"name":"button--tertiary","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},{"name":"button--tertiary","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.websiteId)\" title=\"{{ list-delete }}\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(website, index) in websites\" :key=\"index\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"i1fjn"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iwxxo5"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"isld3r"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iqmx38"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ie83jl"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}}]},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"i7ej6j"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},{"name":"button--tertiary","active":false}],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"ilteie"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},{"name":"button--tertiary","active":false}],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"message = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"message\"","classname":"","style":""}}],"custom-name":"Main"},{"tagName":"FOOTER","type":"container","classes":[{"name":"header","active":false},"footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"text","classes":["section"],"attributes":{"id":"i238z"},"components":[{"type":"textnode","content":"Links"},{"tagName":"br","void":true},{"tagName":"ul","attributes":{"id":"ibmxx"},"components":[{"tagName":"li","type":"text","attributes":{"id":"iktkw"},"components":[{"type":"textnode","content":"Docs"}]},{"tagName":"li","type":"text","attributes":{"id":"ipexhl"},"components":[{"type":"textnode","content":"Support"}]},{"tagName":"li","type":"text","classes":["gjs-hovered"],"attributes":{"id":"ihfzt","draggable":"true"},"components":[{"type":"textnode","content":"Bug report"}]},{"tagName":"li","type":"text","attributes":{"id":"i4qli"},"components":[{"type":"textnode","content":"Source code"},{"tagName":"br","void":true}]}]}],"template":{"before":"","replace":"{{ content }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"Footer"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-websites.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"name":"Websites","slug":"websites"},{"frames":[{"component":{"type":"wrapper","attributes":{"id":"i2hcfw"},"components":[{"type":"container","attributes":{"id":"imgx81"},"components":[{"type":"container","attributes":{"id":"in62y2"},"components":[{"type":"container","attributes":{"id":"isqe61"},"components":[{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here"}]}],"custom-name":"Button","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(connector, index) in connectors\" :key=\"index\"","classname":"","style":""}}],"custom-name":"Popin"}],"custom-name":"Wrapper"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"name":"Connectors","id":"BOCWuSXKn6FRo8x5L","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-connectors.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"slug":"connectors"}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n\n<style>\n.button { cursor: pointer; }\na { text-decoration: none; }\na:hover { text-decoration: underline; }\n\n.skeleton-anim:after {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n background: \n linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),\n linear-gradient(transparent, transparent),\n radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),\n linear-gradient(transparent, transparent); \n background-repeat: no-repeat;\n background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; \n background-position: -315px 0, 0 0, 0px 190px, 50px 195px; \n animation: loading 1.5s infinite;\n}\n\n@keyframes loading { \n to {\n background-position: 200% 0, 0 0, 0 190px, 50px 195px;\n }\n}\n\n</style>"},"name":"Dashboard","fonts":[{"name":"Roboto","value":"\"Roboto\", sans-serif","variants":[]}],"symbols":[],"publication":{"connector":{"connectorId":"fs-hosting","type":"HOSTING","displayName":"File system hosting","icon":"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L6%2022%2018%2022%2018%207%2012%202%206%202Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%202L12%202%2012%208%2018%208%2018%202Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E","disableLogout":true,"isLoggedIn":true,"oauthUrl":null},"url":"file:///home/lexoyo/_/silex-meta/packages/silex-dashboard/_silex/default/index.html"}}
1
+ {"assets":[{"type":"image","src":"assets/alex-small.jpg","unitDim":"px","height":0,"width":0},{"type":"image","src":"assets/silex-icon-2018@200px.png","unitDim":"px","height":0,"width":0}],"styles":[{"selectors":[{"name":"nav__item","active":false}],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"grey","font-weight":"700"}},{"selectors":["body"],"style":{"font-family":"\"Roboto\", sans-serif","background-color":"#f0f0f0"}},{"selectors":[{"name":"header","active":false}],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff"}},{"selectors":["#ir7s"],"style":{"color":"black"}},{"selectors":["padding-normal"],"style":{"padding":"0px 24px 0px 24px"}},{"selectors":["#i9jq"],"style":{"display":"flex"}},{"selectors":["nav"],"style":{"width":"100%","margin":"0px 20px 0px 20px"}},{"selectors":["#iz63r"],"style":{"min-height":"90vh"}},{"selectors":["subtitle"],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"max-width":"1200px","margin":"80px auto 80px auto"}},{"selectors":["subtitle",{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":[{"name":"button","active":false}],"style":{"font-weight":"700","font-size":"0.8rem","padding":"8px 15px 8px 15px","display":"inline-block","border":"1px solid transparent","transition":"all 0.18s ease-out","font-family":"\"Roboto\", sans-serif"}},{"selectors":[{"name":"button","active":false},{"name":"button--primary","active":false}],"style":{"background-color":"#5e85a8","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"10px 0px 10px 0px","display":"flex"}},{"selectors":["#ibsgw"],"style":{"position":"relative","top":"3px"}},{"selectors":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false}],"style":{"justify-content":"space-between","align-items":"center"}},{"selectors":[{"name":"button-bar_item","active":false}],"style":{"margin":"20px 20px 20px 20px"}},{"selectors":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem","color":"#444444"}},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"font-weight":"400","background-color":"rgba(221,221,221,0.5)"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"2px 2px 2px 2px"}},{"selectors":["#ilzpl"],"style":{"min-height":"100px"}},{"selectors":["#i238z"],"style":{"padding":"10px"}},{"selectors":["footer"],"style":{"display":"block","margin":"20px 0px 0 0px","padding":"1px 0px 1px 0px"}},{"selectors":["skeleton-text",{"name":"skeleton","active":false}],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":[{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"style":{"color":"transparent","opacity":"0.16"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":[{"name":"nav__item","active":false},"active"],"style":{"color":"black"}},{"selectors":["margin-20"],"style":{"margin":"20px 0px 20px 0px"}},{"selectors":["#i0ro3"],"style":{"display":"none"}},{"selectors":[{"name":"loading__item","active":false},"loaded-true"],"style":{"display":"none"}},{"selectors":["#i69a7"],"style":{"width":"100%"}},{"selectors":["flex-no-shrink"],"style":{"flex-shrink":"0"}},{"selectors":["button--small"],"style":{"padding":"3px 12px 4px 12px"}},{"selectors":["form"],"style":{"padding":"10px 10px 10px 10px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"1px solid #5e85a8"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":["#ihwwxz"],"style":{"min-height":"100px"}},{"selectors":[{"name":"box","active":false}],"style":{"border":"2px solid #5e85a8"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 10px"}},{"selectors":[{"name":"box","active":false},"horizontal"],"style":{"align-items":"center"}},{"selectors":["horizontal"],"style":{"display":"flex","align-items":"center"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 10px"}},{"selectors":[{"name":"button--tertiary","active":false}],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":["top-space-40"],"style":{"margin":"40px 0 0 0"}},{"selectors":["nav__logo"],"style":{"height":"50px"}},{"selectors":["user-icon__image"],"style":{"width":"100%","height":"100%"}},{"selectors":["user__wrapper"],"style":{"border":"1px solid white"}},{"selectors":[{"name":"right-space","active":false}],"style":{"margin":"0px 5px 0px 0px"}},{"selectors":["#ic9eoa"],"style":{"min-height":"100px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":[{"name":"button","active":false}],"style":{"color":"#ff6600","background-color":"transparent","border":"1px solid #dddddd"},"state":"hover"},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"background-color":"white"},"state":"hover"},{"selectors":["#ip1xpi"],"style":{"color":"black"}},{"selectors":["#i6no5k"],"style":{"display":"flex"}},{"selectors":["#i1k8my"],"style":{"padding":"10px"}},{"selectors":["#i208mw"],"style":{"min-height":"100px"}},{"selectors":["#iel80b"],"style":{"color":"black"}},{"selectors":["#ioziwk"],"style":{"width":"100%"}},{"selectors":["#imgx81"],"style":{"min-height":"100vh","display":"flex","justify-content":"center","align-items":"center","flex-direction":"column"}},{"selectors":["#in62y2"],"style":{"width":"100%","display":"flex","justify-content":"center"}},{"selectors":["user-icon__wrapper"],"style":{"border":"1px solid #f0f0f0","background-color":"#f0f0f0","border-radius":"50% 50% 50% 50%","width":"40px","height":"40px","padding":"5px 5px 5px 5px"}},{"selectors":["user-icon__wrapper2"],"style":{"width":"40px","height":"40px"}},{"selectors":["big-button"],"style":{"border-radius":"5px 5px 5px 5px","font-size":"15px","margin":"10px 10px 10px 10px","padding":"15px 30px 15px 30px","font-weight":"400"}},{"selectors":["#i9msnk"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#i6akll"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#ixzhcr"],"style":{"padding":"10px","position":"absolute","display":"none"}},{"selectors":["title"],"style":{"margin":"0 0 10px 0","font-size":"2rem","font-weight":"400"}},{"selectors":["#ighycb"],"style":{"padding":"10px"}},{"selectors":["#it2175"],"style":{"padding":"10px"}}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body",{"name":"loading","active":false}],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","icon":"<span class=\"fa fa-top\"></span>","classes":[{"name":"header","active":false},"padding-normal"],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/silex-icon-2018@200px.png","href":"","id":"iel80b-2"},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":[{"name":"nav__item","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites"}],"template":{"before":"{% for item in nav %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"target=\"{{ item.target }}\"","classname":"{% if forloop.index == 1 %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Nav"},{"type":"container","classes":["lang",{"name":"h-space","active":false}],"attributes":{"id":"i2red7"},"components":[{"tagName":"A","type":"text","classes":["lang__item",{"name":"nav__item","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en"}],"template":{"before":"{% assign links = languages %}\n{%- for link in links %}","replace":"{{ link.code }}","after":"{% endfor %}","attributes":"hreflang=\"{{link.code}}\"","classname":"{% if link.code == lang %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Lang"},{"type":"container","classes":["user__wrapper"],"attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"container","classes":["user-icon__wrapper"],"attributes":{"id":"i5xsbd"},"components":[{"type":"container","classes":["user-icon__image"],"attributes":{"id":"i5wlbq"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" :style='`background: url(\"${user.picture}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""},"custom-name":"Image"}],"custom-name":"Wrapper","template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" ","classname":"","style":""}},{"type":"container","attributes":{"id":"ic9eoa"},"components":[{"type":"text","classes":[{"name":"button","active":false},"button--secondary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"logout()\"","classname":"","style":""}}],"custom-name":"Menu","template":{"before":"","replace":"","after":"","attributes":"v-show=\"showMenu && !user.storage.disableLogout\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user && !user.storage.disableLogout\" @NOmouseover=\"showMenu = true\" @NOmouseout=\"showMenu = false\" @click=\"showMenu = !showMenu\"","classname":"","style":""}}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":["padding-normal","section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","classes":["title"],"attributes":{"id":"itp1f"},"components":[{"type":"textnode","content":"Welcome back!"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle",{"name":"color--light","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one"}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false},"margin-20"],"attributes":{"id":"ickx4"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"button--primary","active":false},{"name":"rounded","active":false},"top-space-40"],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+"}]},{"type":"textnode","content":" "},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website"}],"template":{"before":"","replace":"{{ add-button }}","after":"","attributes":"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\" v-if=\"!showCreationForm\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},"button--secondary",{"name":"rounded","active":false}],"attributes":{"id":"i0ro3"},"components":[{"type":"textnode","content":"Import"}]}]},{"type":"container","classes":[{"name":"box","active":false},"top-space-40"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header"],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website"}],"template":{"before":"","replace":"{{ add-title }}","after":"","attributes":"","classname":"","style":""}},{"type":"form","classes":["form"],"attributes":{"method":"get","id":"i50acf"},"components":[{"classes":[{"name":"v-space","active":false}],"attributes":{"id":"igtg1t"},"components":[{"type":"label","classes":[{"name":"v-space","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name"}],"template":{"before":"","replace":"{{ add-name-label }}","after":"","attributes":"","classname":"","style":""}},{"type":"input","void":true,"classes":["input",{"name":"full-width","active":false}],"attributes":{"type":"text","id":"ij5iwh","placeholder":"{{ add-name-placeholder }}"},"template":{"before":"","replace":"","after":"","attributes":"v-model=\"newWebsiteName\"","classname":"","style":""}}]},{"attributes":{"id":"ie0xes"},"components":[{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},{"name":"right-space","active":false}],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create"}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary"],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel"}],"template":{"before":"","replace":"{{ add-cancel }}","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"@submit.prevent=\"createWebsite\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"showCreationForm\"","classname":"","style":""}},{"type":"container","icon":"<span class=\"fa fa-list\"></span>","attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},"loaded__item"],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-updated }} ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-created }} ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar_item","active":false},"flex-no-shrink"],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},"button--small",{"name":"right-space","active":false}],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"right-space","active":false},{"name":"button--tertiary","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.websiteId)\" title=\"{{ list-delete }}\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(website, index) in websites\" :key=\"index\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"i1fjn"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iwxxo5"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"isld3r"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iqmx38"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ie83jl"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}}]},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"i7ej6j"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"ilteie"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"message = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"message\"","classname":"","style":""}}],"custom-name":"Main"},{"tagName":"FOOTER","type":"container","classes":[{"name":"header","active":false},"footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"text","classes":["section"],"attributes":{"id":"i238z"},"components":[{"type":"textnode","content":"Links"},{"tagName":"br","void":true},{"tagName":"ul","attributes":{"id":"ibmxx"},"components":[{"tagName":"li","type":"text","attributes":{"id":"iktkw"},"components":[{"type":"textnode","content":"Docs"}]},{"tagName":"li","type":"text","attributes":{"id":"ipexhl"},"components":[{"type":"textnode","content":"Support"}]},{"tagName":"li","type":"text","classes":["gjs-hovered"],"attributes":{"id":"ihfzt","draggable":"true"},"components":[{"type":"textnode","content":"Bug report"}]},{"tagName":"li","type":"text","attributes":{"id":"i4qli"},"components":[{"type":"textnode","content":"Source code"},{"tagName":"br","void":true}]}]}],"template":{"before":"","replace":"{{ content }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"Footer"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-websites.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"name":"Websites","slug":"websites"},{"frames":[{"component":{"type":"wrapper","attributes":{"id":"i2hcfw"},"components":[{"tagName":"A","type":"text","classes":[{"name":"button","active":false},{"name":"button-bar__item--secondary","active":false}],"attributes":{"id":"ixzhcr","href":"/"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Back to home\"] }}"}],"originalTagName":"div"},{"type":"container","attributes":{"id":"imgx81"},"components":[{"tagName":"H1","type":"text","attributes":{"id":"ighycb"},"components":[{"type":"textnode","content":"Welcome to Silex"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Welcome to Silex\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle"],"attributes":{"id":"it2175"},"components":[{"type":"textnode","content":"Please login to continue"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Please login to continue\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false}],"attributes":{"id":"in62y2"},"components":[{"tagName":"A","type":"container","classes":[{"name":"h-space","active":false},{"name":"button-bar__item--main","active":false},{"name":"button-bar_item","active":false},{"name":"button","active":false},"big-button"],"attributes":{"id":"isqe61","href":"https://"},"components":[{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"connector.displayName\"","classname":"","style":""}}],"custom-name":"Button","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(connector, index) in connectors\" :key=\"index\" :style=\"{ backgroundColor: connector.background, color: connector.color }\" @click=\"openLogin(connector)\"","classname":"","style":""},"originalTagName":"div"}],"custom-name":"Popin"},{"type":"text","attributes":{"id":"i9msnk"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" v-html=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"button--tertiary","active":false}],"attributes":{"id":"i6akll"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Logout\"] }}"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" @click=\"logout()\"","classname":"","style":""}}],"custom-name":"Wrapper"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"name":"Connectors","id":"BOCWuSXKn6FRo8x5L","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-connectors.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"slug":"connectors"}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n\n<style>\n.button { cursor: pointer; }\na { text-decoration: none; }\na:hover { text-decoration: underline; }\n\n.skeleton-anim:after {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n background: \n linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),\n linear-gradient(transparent, transparent),\n radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),\n linear-gradient(transparent, transparent); \n background-repeat: no-repeat;\n background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; \n background-position: -315px 0, 0 0, 0px 190px, 50px 195px; \n animation: loading 1.5s infinite;\n}\n\n@keyframes loading { \n to {\n background-position: 200% 0, 0 0, 0 190px, 50px 195px;\n }\n}\n\n</style>"},"name":"Dashboard","fonts":[{"name":"Roboto","value":"\"Roboto\", sans-serif","variants":[]}],"symbols":[],"publication":{"connector":{"connectorId":"fs-hosting","type":"HOSTING","displayName":"File system hosting","icon":"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L6%2022%2018%2022%2018%207%2012%202%206%202Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%202L12%202%2012%208%2018%208%2018%202Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E","disableLogout":true,"isLoggedIn":true,"oauthUrl":null,"color":"#000000","background":"#006400"}}}
package/_site/css/connectors.css CHANGED
@@ -1 +1 @@
1
- * { box-sizing: border-box; } body {margin: 0;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;}#in62y2{max-width:400px;width:100%;display:flex;}#i87asw{padding:10px;}
1
+ * { box-sizing: border-box; } body {margin: 0;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}#ighycb{padding:10px;}#it2175{padding:10px;}
package/_site/css/websites.css CHANGED
@@ -1 +1 @@
1
- * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}#itp1f{font-size:2rem;margin:0px 0px 10px 0px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:12px 12px 12px 12px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:5px 10px 5px 10px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}
1
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:3px 12px 4px 12px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;}
package/_site/en/connectors/index.html CHANGED
@@ -50,6 +50,7 @@ window.addEventListener('load', function() {
50
50
  } = types
51
51
  const {
52
52
  connectorList,
53
+ logout,
53
54
  } = api
54
55
 
55
56
  const App = {
@@ -59,10 +60,16 @@ window.addEventListener('load', function() {
59
60
  error: null,
60
61
  message: null,
61
62
  loading: true,
63
+ lastConnector: null,
62
64
  }
63
65
  },
64
66
  mounted() {
65
67
  this.init()
68
+ window.addEventListener('message', (event) => {
69
+ if(event.data && event.data.type === 'login') {
70
+ this.loginResult(event.data)
71
+ }
72
+ })
66
73
  },
67
74
 
68
75
  methods: {
@@ -70,7 +77,7 @@ window.addEventListener('load', function() {
70
77
  try {
71
78
  this.loading = true
72
79
  console.log('init')
73
- this.connectors = await connectorList()
80
+ this.connectors = await connectorList({type: ConnectorType.STORAGE})
74
81
  console.log('connectors', this.connectors)
75
82
  this.loading = false
76
83
  } catch (error) {
@@ -79,6 +86,38 @@ window.addEventListener('load', function() {
79
86
  this.loading = false
80
87
  }
81
88
  },
89
+ openLogin(connector) {
90
+ this.lastConnector = connector
91
+ const nonOAuthUrl = `${constants.API_PATH}${constants.API_CONNECTOR_PATH}${constants.API_CONNECTOR_LOGIN}?connectorId=${connector.connectorId}&type=${connector.type}`
92
+ console.log('openLogin', connector.oauthUrl, nonOAuthUrl)
93
+ window.open(connector.oauthUrl || nonOAuthUrl, '_blank')
94
+ },
95
+ loginResult(data) {
96
+ console.log('loginResult', data)
97
+ if(data.error) {
98
+ this.error = data.error
99
+ this.message = `Error, login failed. ${data.message}`
100
+ } else {
101
+ window.location.href = '/'
102
+ }
103
+ },
104
+ async logout() {
105
+ try {
106
+ this.message = 'Logging out'
107
+ await logout({type: ConnectorType.STORAGE, connectorId: this.lastConnector.connectorId})
108
+ this.loggedIn = false
109
+ this.user = null
110
+ this.websites = []
111
+ this.loading = false
112
+ this.message = ''
113
+ this.error = false
114
+ } catch (error) {
115
+ console.error(error)
116
+ this.error = error
117
+ this.message = error.message
118
+ this.loading = false
119
+ }
120
+ },
82
121
  },
83
122
  };
84
123
 
@@ -99,26 +138,51 @@ window.addEventListener('load', function() {
99
138
  class=" app"
100
139
 
101
140
 
102
- ><div
141
+ ><A
142
+ id="ixzhcr" href="/"
143
+ class="button button-bar__item--secondary "
144
+
145
+
146
+ >< Back</A><div
103
147
  id="imgx81"
104
148
 
105
149
 
106
150
 
107
- ><div
108
- id="in62y2"
151
+ ><H1
109
152
 
110
153
 
111
154
 
112
- ><div
113
- id="isqe61"
114
155
 
115
- v-if="!loading" v-for="(connector, index) in connectors" :key="index"
156
+ >Welcome to Silex</H1><div
157
+
158
+ class="subtitle "
159
+
160
+
161
+ >Please login to continue</div><div
162
+ id="in62y2"
163
+ class="button-bar "
164
+
165
+
166
+ ><A
167
+ id="isqe61" href="https://"
168
+ class="h-space button-bar__item--main button-bar_item button big-button "
169
+ v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
116
170
 
117
171
  ><div
118
172
  id="i87asw"
119
173
 
174
+ v-text="connector.displayName"
175
+
176
+ >Insert your text here</div></A></div><div
177
+ id="i9msnk"
178
+
179
+ v-if="error" v-html="message"
120
180
 
181
+ >Insert your text here</div><div
182
+ id="i6akll"
183
+ class="button button--tertiary "
184
+ v-if="error" @click="logout()"
121
185
 
122
- >Insert your text here</div></div></div></div></body>
186
+ >Logout</div></div></body>
123
187
  </html>
124
188
 
package/_site/en/index.html CHANGED
@@ -94,7 +94,7 @@ window.addEventListener('load', function() {
94
94
  } catch (error) {
95
95
  console.error(error)
96
96
  this.loading = false
97
- if(error.code === 401) {
97
+ if(error.code === 401 || error.httpStatusCode === 401) {
98
98
  this.loggedIn = false
99
99
  this.openLogin()
100
100
  } else {
@@ -120,6 +120,7 @@ window.addEventListener('load', function() {
120
120
  type: ConnectorType.STORAGE,
121
121
  connectorId: this.user.storage.connectorId,
122
122
  })
123
+ window.location.reload()
123
124
  },
124
125
 
125
126
  async createWebsite() {
@@ -259,7 +260,7 @@ window.addEventListener('load', function() {
259
260
  >fr</A></div><div
260
261
  id="i24ew"
261
262
  class="user__wrapper "
262
- v-if="user" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
263
+ v-if="user && !user.storage.disableLogout" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
263
264
 
264
265
  ><div
265
266
  id="i5xsbd"
@@ -288,7 +289,7 @@ window.addEventListener('load', function() {
288
289
 
289
290
  ><H1
290
291
  id="itp1f"
291
-
292
+ class="title "
292
293
 
293
294
 
294
295
  >Welcome back!</H1><div
package/_site/fr/connectors/index.html CHANGED
@@ -50,6 +50,7 @@ window.addEventListener('load', function() {
50
50
  } = types
51
51
  const {
52
52
  connectorList,
53
+ logout,
53
54
  } = api
54
55
 
55
56
  const App = {
@@ -59,10 +60,16 @@ window.addEventListener('load', function() {
59
60
  error: null,
60
61
  message: null,
61
62
  loading: true,
63
+ lastConnector: null,
62
64
  }
63
65
  },
64
66
  mounted() {
65
67
  this.init()
68
+ window.addEventListener('message', (event) => {
69
+ if(event.data && event.data.type === 'login') {
70
+ this.loginResult(event.data)
71
+ }
72
+ })
66
73
  },
67
74
 
68
75
  methods: {
@@ -70,7 +77,7 @@ window.addEventListener('load', function() {
70
77
  try {
71
78
  this.loading = true
72
79
  console.log('init')
73
- this.connectors = await connectorList()
80
+ this.connectors = await connectorList({type: ConnectorType.STORAGE})
74
81
  console.log('connectors', this.connectors)
75
82
  this.loading = false
76
83
  } catch (error) {
@@ -79,6 +86,38 @@ window.addEventListener('load', function() {
79
86
  this.loading = false
80
87
  }
81
88
  },
89
+ openLogin(connector) {
90
+ this.lastConnector = connector
91
+ const nonOAuthUrl = `${constants.API_PATH}${constants.API_CONNECTOR_PATH}${constants.API_CONNECTOR_LOGIN}?connectorId=${connector.connectorId}&type=${connector.type}`
92
+ console.log('openLogin', connector.oauthUrl, nonOAuthUrl)
93
+ window.open(connector.oauthUrl || nonOAuthUrl, '_blank')
94
+ },
95
+ loginResult(data) {
96
+ console.log('loginResult', data)
97
+ if(data.error) {
98
+ this.error = data.error
99
+ this.message = `Erreur, impossible de se connecter. ${data.message}`
100
+ } else {
101
+ window.location.href = '/'
102
+ }
103
+ },
104
+ async logout() {
105
+ try {
106
+ this.message = 'Déconnexion en cours'
107
+ await logout({type: ConnectorType.STORAGE, connectorId: this.lastConnector.connectorId})
108
+ this.loggedIn = false
109
+ this.user = null
110
+ this.websites = []
111
+ this.loading = false
112
+ this.message = ''
113
+ this.error = false
114
+ } catch (error) {
115
+ console.error(error)
116
+ this.error = error
117
+ this.message = error.message
118
+ this.loading = false
119
+ }
120
+ },
82
121
  },
83
122
  };
84
123
 
@@ -99,26 +138,51 @@ window.addEventListener('load', function() {
99
138
  class=" app"
100
139
 
101
140
 
102
- ><div
141
+ ><A
142
+ id="ixzhcr" href="/"
143
+ class="button button-bar__item--secondary "
144
+
145
+
146
+ >< Retour</A><div
103
147
  id="imgx81"
104
148
 
105
149
 
106
150
 
107
- ><div
108
- id="in62y2"
151
+ ><H1
109
152
 
110
153
 
111
154
 
112
- ><div
113
- id="isqe61"
114
155
 
115
- v-if="!loading" v-for="(connector, index) in connectors" :key="index"
156
+ >Bienvenue sur Silex</H1><div
157
+
158
+ class="subtitle "
159
+
160
+
161
+ >Merci de vous connecter pour continuer</div><div
162
+ id="in62y2"
163
+ class="button-bar "
164
+
165
+
166
+ ><A
167
+ id="isqe61" href="https://"
168
+ class="h-space button-bar__item--main button-bar_item button big-button "
169
+ v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
116
170
 
117
171
  ><div
118
172
  id="i87asw"
119
173
 
174
+ v-text="connector.displayName"
175
+
176
+ >Insert your text here</div></A></div><div
177
+ id="i9msnk"
178
+
179
+ v-if="error" v-html="message"
120
180
 
181
+ >Insert your text here</div><div
182
+ id="i6akll"
183
+ class="button button--tertiary "
184
+ v-if="error" @click="logout()"
121
185
 
122
- >Insert your text here</div></div></div></div></body>
186
+ >Déconnexion</div></div></body>
123
187
  </html>
124
188
 
package/_site/fr/index.html CHANGED
@@ -94,7 +94,7 @@ window.addEventListener('load', function() {
94
94
  } catch (error) {
95
95
  console.error(error)
96
96
  this.loading = false
97
- if(error.code === 401) {
97
+ if(error.code === 401 || error.httpStatusCode === 401) {
98
98
  this.loggedIn = false
99
99
  this.openLogin()
100
100
  } else {
@@ -120,6 +120,7 @@ window.addEventListener('load', function() {
120
120
  type: ConnectorType.STORAGE,
121
121
  connectorId: this.user.storage.connectorId,
122
122
  })
123
+ window.location.reload()
123
124
  },
124
125
 
125
126
  async createWebsite() {
@@ -259,7 +260,7 @@ window.addEventListener('load', function() {
259
260
  >fr</A></div><div
260
261
  id="i24ew"
261
262
  class="user__wrapper "
262
- v-if="user" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
263
+ v-if="user && !user.storage.disableLogout" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
263
264
 
264
265
  ><div
265
266
  id="i5xsbd"
@@ -288,7 +289,7 @@ window.addEventListener('load', function() {
288
289
 
289
290
  ><H1
290
291
  id="itp1f"
291
-
292
+ class="title "
292
293
 
293
294
 
294
295
  >Bienvenue !</H1><div
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "Dashboard for Silex v3",
5
5
  "main": ".silex.js",
6
6
  "scripts": {
@@ -24,7 +24,7 @@
24
24
  "homepage": "https://github.com/silexlabs/silex-dashboard#readme",
25
25
  "devDependencies": {
26
26
  "@11ty/eleventy": "^2.0.1",
27
- "@silexlabs/silex": "^3.0.0-alpha.42"
27
+ "@silexlabs/silex": "^3.0.0-alpha.45"
28
28
  },
29
29
  "dependencies": {
30
30
  "locale": "^0.1.0",
package/pages/connectors.css.liquid CHANGED
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/connectors.css
3
3
  ---
4
- * { box-sizing: border-box; } body {margin: 0;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;}#in62y2{max-width:400px;width:100%;display:flex;}#i87asw{padding:10px;}
4
+ * { box-sizing: border-box; } body {margin: 0;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}#ighycb{padding:10px;}#it2175{padding:10px;}
package/pages/websites.css.liquid CHANGED
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/websites.css
3
3
  ---
4
- * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}#itp1f{font-size:2rem;margin:0px 0px 10px 0px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:12px 12px 12px 12px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:5px 10px 5px 10px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}
4
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:3px 12px 4px 12px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;}