@silexlabs/silex-dashboard 1.0.61 → 1.0.63

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.
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{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:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;margin:10px auto 10px auto;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;width:100%;padding:30px 0px 30px 0px;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;width:100%;}
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{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:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;margin:10px auto 10px auto;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;width:100%;padding:30px 0px 30px 0px;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.full-width{width:100%;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{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:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;margin:10px auto 10px auto;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{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:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;}#isqe61{display:inline-block;width:100%;padding:30px 0px 30px 0px;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{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:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;width:100%;padding:30px 0px 30px 0px;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}
@@ -2,7 +2,7 @@
2
2
  <html lang="">
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
- <link rel="stylesheet" href="/css/connectors-a8ae93c40b7c738a4514e47046a029afdcf74bb28a7724287e1350afac4fa60f.css" />
5
+ <link rel="stylesheet" href="/css/connectors-66fe82f10a7a257f59212e18bb384b019ffb12192fa3f748951da7d4428733b4.css" />
6
6
  <!-- font google -->
7
7
  <link rel="preconnect" href="https://fonts.gstatic.com" />
8
8
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
@@ -217,8 +217,9 @@ const App = {
217
217
  },
218
218
 
219
219
  getHref(connector) {
220
- console.log(connector, connector.oauthUrl)
221
- return connector.oauthUrl
220
+ if(connector.isLoggedIn) return '/'
221
+ if(connector.oauthUrl) return connector.oauthUrl
222
+ return '/api/connector/login/?type=STORAGE&connectorId=' + connector.connectorId
222
223
  },
223
224
 
224
225
  getConnectorStyle(connector) {
@@ -234,6 +235,7 @@ const App = {
234
235
  this.loading = true
235
236
  const connectors = await connectorList({ type: ConnectorType.STORAGE })
236
237
  this.connectors = connectors
238
+ // this.connectors = [{"connectorId":"gitlab","type":"STORAGE","displayName":"GitLab.com","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":true,"oauthUrl":"https://gitlab.com/oauth/authorize?client_id=55cb55ab5fd12ab93883378513212d0c85833ef1f4084375f973618e938af107&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab%26type%3DSTORAGE&response_type=code&state=6z1oajr7s9q75vl47i5065&scope=api&code_challenge=APGn3qQ0O5zDzkLelHIMtjKMo2WmFJj4XxFqAd3bQJ4&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"gitlab2","type":"STORAGE","displayName":"Framagit","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":"https://framagit.org/oauth/authorize?client_id=13484ab1c802362f0292cbf637fd348a3bca46dfb2c2466a361ab89a799a8925&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab2%26type%3DSTORAGE&response_type=code&state=1mzpmxpuymoy2ss07wv01f&scope=api&code_challenge=dkwe8iS7dOH8Cmm5YVIv39huEkLCJ1xx276h1jok7oQ&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"ftp","type":"STORAGE","displayName":"Ftp","icon":"/assets/ftp.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":null,"color":"#ffffff","background":"#0066CC"}]
237
239
  this.loading = false
238
240
  } catch (error) {
239
241
  this.loading = false
@@ -274,7 +276,7 @@ setTimeout(() => {
274
276
  <link rel="icon" href="/assets/favicon-32x32.png" />
275
277
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
276
278
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
277
- <body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Back</A><div id="imawg3" class="bg-silex-purpel"><div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">Please login to continue</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommended and free</h3><div id="in62y2"><div id="isqe61" style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" class="" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" style="margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;" class="margin-30">Advanced users</summary><div style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" id="ibi9qh" class="" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Do you need help? Check <a href="https://docs.silex.me/en/user/login" target="_blank">the documentation</a>. <br><br> By logging in, you agree to the <a href="https://docs.silex.me/en/terms" target="_blank">terms of use</a> and the <a href="https://docs.silex.me/en/security" target="_blank">privacy policy</a>.</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">Logout</div></div></div><FOOTER class="footer">
279
+ <body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Back</A><div id="imawg3" class="bg-silex-purpel"><div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">Please login to continue</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommended and free</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">Advanced users</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Do you need help? Check <a href="https://docs.silex.me/en/user/login" target="_blank">the documentation</a>. <br><br> By logging in, you agree to the <a href="https://docs.silex.me/en/terms" target="_blank">terms of use</a> and the <a href="https://docs.silex.me/en/security" target="_blank">privacy policy</a>.</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">Logout</div></div></div><FOOTER class="footer">
278
280
 
279
281
  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Social & community</h3>
280
282
 
@@ -520,6 +520,72 @@ window.addEventListener('load', function() {
520
520
  <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribute</a></div>
521
521
  <div id="ilgsqu-2-2-2" class="footer__column"><h3 href="" class="footer__item">Articles and reviews</h3>
522
522
 
523
+ <a href="https://short.silex.me/alternatives" class="footer__item" target="_blank">Silex alternatives</a>
524
+ <a href="https://short.silex.me/reviews" class="footer__item" target="_blank">Silex reviews</a>
525
+ <a href="https://short.silex.me/press" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER><HEADER class="menu-bar"><A href="/"><img src="/assets/favicon-32x32.png" id="iel80b-2" class="nav__logo"/></A><NAV id="in0357-2-2-2-2-2-2" class="nav">
526
+
527
+ <a href="/" class="nav__item uppercase fx-flash nav_item--active" target="">Sites</a>
528
+ <a href="http://docs.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Docs</a>
529
+ <a href="https://www.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">About</a>
530
+ <a href="https://community.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Community</a>
531
+ <a href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" class="nav__item uppercase fx-flash nav_item--active" target="_blank">News</a></NAV>
532
+
533
+ <div class="lang"><a href="/en" class="lang__item nav__item uppercase">EN</a></div>
534
+ <div class="lang"><a href="/fr" class="lang__item nav__item uppercase">FR</a></div><div class="user__wrapper pointer"><div class="user-icon__wrapper"><div class="user-icon__image"></div></div><div><div id="ir10ge-2-2-2-2-2-2" class="button button--tertiary text-centered">Logout</div></div></div></HEADER><FOOTER class="footer">
535
+
536
+ <div id="ilgsqu-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Social & community</h3>
537
+
538
+ <a href="https://www.silex.me/" class="footer__item" target="_blank">About Silex, official website</a>
539
+ <a href="mailto:contact+silex-dashboard-footer@silex.me" class="footer__item" target="">Email the team</a>
540
+ <a href="https://short.silex.me/sponsors" class="footer__item" target="">Sponsors</a>
541
+ <a href="https://short.silex.me/donate" class="footer__item" target="">Donate</a>
542
+ <a href="https://short.silex.me/community" class="footer__item" target="_blank">Community forum</a>
543
+ <a href="https://news.silex.me/forms/nfrm_weLJnLY5" class="footer__item" target="_blank">Newsletter</a>
544
+ <a href="https://events.silex.me/" class="footer__item" target="_blank">Meetups/ Events</a>
545
+ <a href="https://short.silex.me/mastodon" class="footer__item" target="_blank">Mastodon</a>
546
+ <a href="https://short.silex.me/chat" class="footer__item" target="">Chat</a></div>
547
+ <div id="ilgsqu-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Resources</h3>
548
+
549
+ <a href="https://short.silex.me/code" class="footer__item" target="_blank">Source code</a>
550
+ <a href="http://docs.silex.me/" class="footer__item" target="_blank">Documentation</a>
551
+ <a href="https://video.silex.me/my-library/video-playlists" class="footer__item" target="_blank">Videos</a>
552
+ <a href="https://short.silex.me/roadmap" class="footer__item" target="_blank">Roadmap</a>
553
+ <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribute</a></div>
554
+ <div id="ilgsqu-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Articles and reviews</h3>
555
+
556
+ <a href="https://short.silex.me/alternatives" class="footer__item" target="_blank">Silex alternatives</a>
557
+ <a href="https://short.silex.me/reviews" class="footer__item" target="_blank">Silex reviews</a>
558
+ <a href="https://short.silex.me/press" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER><HEADER class="menu-bar"><A href="/"><img src="/assets/favicon-32x32.png" id="iel80b-2" class="nav__logo"/></A><NAV id="in0357-2-2-2-2-2-2-2" class="nav">
559
+
560
+ <a href="/" class="nav__item uppercase fx-flash nav_item--active" target="">Sites</a>
561
+ <a href="http://docs.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Docs</a>
562
+ <a href="https://www.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">About</a>
563
+ <a href="https://community.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Community</a>
564
+ <a href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" class="nav__item uppercase fx-flash nav_item--active" target="_blank">News</a></NAV>
565
+
566
+ <div class="lang"><a href="/en" class="lang__item nav__item uppercase">EN</a></div>
567
+ <div class="lang"><a href="/fr" class="lang__item nav__item uppercase">FR</a></div><div class="user__wrapper pointer"><div class="user-icon__wrapper"><div class="user-icon__image"></div></div><div><div id="ir10ge-2-2-2-2-2-2-2" class="button button--tertiary text-centered">Logout</div></div></div></HEADER><FOOTER class="footer">
568
+
569
+ <div id="ilgsqu-2-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Social & community</h3>
570
+
571
+ <a href="https://www.silex.me/" class="footer__item" target="_blank">About Silex, official website</a>
572
+ <a href="mailto:contact+silex-dashboard-footer@silex.me" class="footer__item" target="">Email the team</a>
573
+ <a href="https://short.silex.me/sponsors" class="footer__item" target="">Sponsors</a>
574
+ <a href="https://short.silex.me/donate" class="footer__item" target="">Donate</a>
575
+ <a href="https://short.silex.me/community" class="footer__item" target="_blank">Community forum</a>
576
+ <a href="https://news.silex.me/forms/nfrm_weLJnLY5" class="footer__item" target="_blank">Newsletter</a>
577
+ <a href="https://events.silex.me/" class="footer__item" target="_blank">Meetups/ Events</a>
578
+ <a href="https://short.silex.me/mastodon" class="footer__item" target="_blank">Mastodon</a>
579
+ <a href="https://short.silex.me/chat" class="footer__item" target="">Chat</a></div>
580
+ <div id="ilgsqu-2-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Resources</h3>
581
+
582
+ <a href="https://short.silex.me/code" class="footer__item" target="_blank">Source code</a>
583
+ <a href="http://docs.silex.me/" class="footer__item" target="_blank">Documentation</a>
584
+ <a href="https://video.silex.me/my-library/video-playlists" class="footer__item" target="_blank">Videos</a>
585
+ <a href="https://short.silex.me/roadmap" class="footer__item" target="_blank">Roadmap</a>
586
+ <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribute</a></div>
587
+ <div id="ilgsqu-2-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Articles and reviews</h3>
588
+
523
589
  <a href="https://short.silex.me/alternatives" class="footer__item" target="_blank">Silex alternatives</a>
524
590
  <a href="https://short.silex.me/reviews" class="footer__item" target="_blank">Silex reviews</a>
525
591
  <a href="https://short.silex.me/press" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER></body>
@@ -2,7 +2,7 @@
2
2
  <html lang="">
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
- <link rel="stylesheet" href="/css/connectors-a8ae93c40b7c738a4514e47046a029afdcf74bb28a7724287e1350afac4fa60f.css" />
5
+ <link rel="stylesheet" href="/css/connectors-66fe82f10a7a257f59212e18bb384b019ffb12192fa3f748951da7d4428733b4.css" />
6
6
  <!-- font google -->
7
7
  <link rel="preconnect" href="https://fonts.gstatic.com" />
8
8
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
@@ -217,8 +217,9 @@ const App = {
217
217
  },
218
218
 
219
219
  getHref(connector) {
220
- console.log(connector, connector.oauthUrl)
221
- return connector.oauthUrl
220
+ if(connector.isLoggedIn) return '/'
221
+ if(connector.oauthUrl) return connector.oauthUrl
222
+ return '/api/connector/login/?type=STORAGE&connectorId=' + connector.connectorId
222
223
  },
223
224
 
224
225
  getConnectorStyle(connector) {
@@ -234,6 +235,7 @@ const App = {
234
235
  this.loading = true
235
236
  const connectors = await connectorList({ type: ConnectorType.STORAGE })
236
237
  this.connectors = connectors
238
+ // this.connectors = [{"connectorId":"gitlab","type":"STORAGE","displayName":"GitLab.com","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":true,"oauthUrl":"https://gitlab.com/oauth/authorize?client_id=55cb55ab5fd12ab93883378513212d0c85833ef1f4084375f973618e938af107&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab%26type%3DSTORAGE&response_type=code&state=6z1oajr7s9q75vl47i5065&scope=api&code_challenge=APGn3qQ0O5zDzkLelHIMtjKMo2WmFJj4XxFqAd3bQJ4&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"gitlab2","type":"STORAGE","displayName":"Framagit","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":"https://framagit.org/oauth/authorize?client_id=13484ab1c802362f0292cbf637fd348a3bca46dfb2c2466a361ab89a799a8925&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab2%26type%3DSTORAGE&response_type=code&state=1mzpmxpuymoy2ss07wv01f&scope=api&code_challenge=dkwe8iS7dOH8Cmm5YVIv39huEkLCJ1xx276h1jok7oQ&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"ftp","type":"STORAGE","displayName":"Ftp","icon":"/assets/ftp.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":null,"color":"#ffffff","background":"#0066CC"}]
237
239
  this.loading = false
238
240
  } catch (error) {
239
241
  this.loading = false
@@ -274,7 +276,7 @@ setTimeout(() => {
274
276
  <link rel="icon" href="/assets/favicon-32x32.png" />
275
277
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
276
278
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
277
- <body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Retour</A><div id="imawg3" class="bg-silex-purpel"><div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">Connectez-vous pour continuer</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommandé et gratuit</h3><div id="in62y2"><div id="isqe61" style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" class="" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" style="margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;" class="margin-30">Utilisateurs avancés</summary><div style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" id="ibi9qh" class="" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Avez-vous besoin d'aide ? Consultez <a href="https://docs.silex.me/fr/user/login" target="_blank">la documentation</a>. <br><br> En vous connectant, vous acceptez les <a href="https://docs.silex.me/fr/terms" target="_blank">conditions d'utilisation</a> et la <a href="https://docs.silex.me/fr/security" target="_blank">politique de confidentialité</a>.</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">Déconnexion</div></div></div><FOOTER class="footer">
279
+ <body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Retour</A><div id="imawg3" class="bg-silex-purpel"><div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">Connectez-vous pour continuer</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommandé et gratuit</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">Utilisateurs avancés</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Avez-vous besoin d'aide ? Consultez <a href="https://docs.silex.me/fr/user/login" target="_blank">la documentation</a>. <br><br> En vous connectant, vous acceptez les <a href="https://docs.silex.me/fr/terms" target="_blank">conditions d'utilisation</a> et la <a href="https://docs.silex.me/fr/security" target="_blank">politique de confidentialité</a>.</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">Déconnexion</div></div></div><FOOTER class="footer">
278
280
 
279
281
  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Social & communauté</h3>
280
282
 
@@ -520,6 +520,72 @@ window.addEventListener('load', function() {
520
520
  <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribuer</a></div>
521
521
  <div id="ilgsqu-2-2-2" class="footer__column"><h3 href="" class="footer__item">Articles et revues</h3>
522
522
 
523
+ <a href="https://short.silex.me/alternatives_fr" class="footer__item" target="_blank">Alternatives à Silex</a>
524
+ <a href="https://short.silex.me/reviews_fr" class="footer__item" target="_blank">Revues de Silex</a>
525
+ <a href="https://short.silex.me/press_fr" class="footer__item" target="_blank">Silex dans la presse</a></div></FOOTER><HEADER class="menu-bar"><A href="/"><img src="/assets/favicon-32x32.png" id="iel80b-2" class="nav__logo"/></A><NAV id="in0357-2-2-2-2-2-2" class="nav">
526
+
527
+ <a href="/" class="nav__item uppercase fx-flash nav_item--active" target="">Sites</a>
528
+ <a href="http://docs.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Docs</a>
529
+ <a href="https://www.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">A propos</a>
530
+ <a href="https://community.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Communauté</a>
531
+ <a href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" class="nav__item uppercase fx-flash nav_item--active" target="_blank">News</a></NAV>
532
+
533
+ <div class="lang"><a href="/en" class="lang__item nav__item uppercase">EN</a></div>
534
+ <div class="lang"><a href="/fr" class="lang__item nav__item uppercase">FR</a></div><div class="user__wrapper pointer"><div class="user-icon__wrapper"><div class="user-icon__image"></div></div><div><div id="ir10ge-2-2-2-2-2-2" class="button button--tertiary text-centered">Logout</div></div></div></HEADER><FOOTER class="footer">
535
+
536
+ <div id="ilgsqu-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Social & communauté</h3>
537
+
538
+ <a href="https://www.silex.me/" class="footer__item" target="_blank">A propos de Silex, site officiel</a>
539
+ <a href="mailto:contact+silex-dashboard-footer@silex.me" class="footer__item" target="_blank">Email l'équipe</a>
540
+ <a href="https://short.silex.me/sponsors" class="footer__item" target="_blank">Sponsors</a>
541
+ <a href="https://short.silex.me/donate" class="footer__item" target="_blank">Faire un don</a>
542
+ <a href="https://short.silex.me/community" class="footer__item" target="_blank">Forum de la communauté</a>
543
+ <a href="https://news.silex.me/forms/nfrm_weLJnLY5" class="footer__item" target="_blank">Newsletter</a>
544
+ <a href="https://events.silex.me/" class="footer__item" target="_blank">Meetups/ Evénements</a>
545
+ <a href="https://short.silex.me/mastodon" class="footer__item" target="_blank">Mastodon</a>
546
+ <a href="https://short.silex.me/chat" class="footer__item" target="_blank">Chat</a></div>
547
+ <div id="ilgsqu-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Ressources</h3>
548
+
549
+ <a href="https://short.silex.me/code" class="footer__item" target="_blank">Code source</a>
550
+ <a href="http://docs.silex.me/" class="footer__item" target="_blank">Documentation</a>
551
+ <a href="https://video.silex.me/my-library/video-playlists" class="footer__item" target="_blank">Vidéos</a>
552
+ <a href="https://short.silex.me/roadmap" class="footer__item" target="_blank">Feuille de route</a>
553
+ <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribuer</a></div>
554
+ <div id="ilgsqu-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Articles et revues</h3>
555
+
556
+ <a href="https://short.silex.me/alternatives_fr" class="footer__item" target="_blank">Alternatives à Silex</a>
557
+ <a href="https://short.silex.me/reviews_fr" class="footer__item" target="_blank">Revues de Silex</a>
558
+ <a href="https://short.silex.me/press_fr" class="footer__item" target="_blank">Silex dans la presse</a></div></FOOTER><HEADER class="menu-bar"><A href="/"><img src="/assets/favicon-32x32.png" id="iel80b-2" class="nav__logo"/></A><NAV id="in0357-2-2-2-2-2-2-2" class="nav">
559
+
560
+ <a href="/" class="nav__item uppercase fx-flash nav_item--active" target="">Sites</a>
561
+ <a href="http://docs.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Docs</a>
562
+ <a href="https://www.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">A propos</a>
563
+ <a href="https://community.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Communauté</a>
564
+ <a href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" class="nav__item uppercase fx-flash nav_item--active" target="_blank">News</a></NAV>
565
+
566
+ <div class="lang"><a href="/en" class="lang__item nav__item uppercase">EN</a></div>
567
+ <div class="lang"><a href="/fr" class="lang__item nav__item uppercase">FR</a></div><div class="user__wrapper pointer"><div class="user-icon__wrapper"><div class="user-icon__image"></div></div><div><div id="ir10ge-2-2-2-2-2-2-2" class="button button--tertiary text-centered">Logout</div></div></div></HEADER><FOOTER class="footer">
568
+
569
+ <div id="ilgsqu-2-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Social & communauté</h3>
570
+
571
+ <a href="https://www.silex.me/" class="footer__item" target="_blank">A propos de Silex, site officiel</a>
572
+ <a href="mailto:contact+silex-dashboard-footer@silex.me" class="footer__item" target="_blank">Email l'équipe</a>
573
+ <a href="https://short.silex.me/sponsors" class="footer__item" target="_blank">Sponsors</a>
574
+ <a href="https://short.silex.me/donate" class="footer__item" target="_blank">Faire un don</a>
575
+ <a href="https://short.silex.me/community" class="footer__item" target="_blank">Forum de la communauté</a>
576
+ <a href="https://news.silex.me/forms/nfrm_weLJnLY5" class="footer__item" target="_blank">Newsletter</a>
577
+ <a href="https://events.silex.me/" class="footer__item" target="_blank">Meetups/ Evénements</a>
578
+ <a href="https://short.silex.me/mastodon" class="footer__item" target="_blank">Mastodon</a>
579
+ <a href="https://short.silex.me/chat" class="footer__item" target="_blank">Chat</a></div>
580
+ <div id="ilgsqu-2-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Ressources</h3>
581
+
582
+ <a href="https://short.silex.me/code" class="footer__item" target="_blank">Code source</a>
583
+ <a href="http://docs.silex.me/" class="footer__item" target="_blank">Documentation</a>
584
+ <a href="https://video.silex.me/my-library/video-playlists" class="footer__item" target="_blank">Vidéos</a>
585
+ <a href="https://short.silex.me/roadmap" class="footer__item" target="_blank">Feuille de route</a>
586
+ <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribuer</a></div>
587
+ <div id="ilgsqu-2-2-2-2-2" class="footer__column"><h3 href="" class="footer__item">Articles et revues</h3>
588
+
523
589
  <a href="https://short.silex.me/alternatives_fr" class="footer__item" target="_blank">Alternatives à Silex</a>
524
590
  <a href="https://short.silex.me/reviews_fr" class="footer__item" target="_blank">Revues de Silex</a>
525
591
  <a href="https://short.silex.me/press_fr" class="footer__item" target="_blank">Silex dans la presse</a></div></FOOTER></body>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.0.61",
3
+ "version": "1.0.63",
4
4
  "description": "Dashboard for Silex v3",
5
5
  "main": "silex/server-config.js",
6
6
  "scripts": {
@@ -8,7 +8,7 @@ collection: "Connectors"
8
8
  <html lang="">
9
9
  <head>
10
10
  <meta charset="UTF-8">
11
- <link rel="stylesheet" href="/css/connectors-a8ae93c40b7c738a4514e47046a029afdcf74bb28a7724287e1350afac4fa60f.css" />
11
+ <link rel="stylesheet" href="/css/connectors-66fe82f10a7a257f59212e18bb384b019ffb12192fa3f748951da7d4428733b4.css" />
12
12
  <!-- font google -->
13
13
  <link rel="preconnect" href="https://fonts.gstatic.com" />
14
14
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
@@ -223,8 +223,9 @@ const App = {
223
223
  },
224
224
 
225
225
  getHref(connector) {
226
- console.log(connector, connector.oauthUrl)
227
- return connector.oauthUrl
226
+ if(connector.isLoggedIn) return '/'
227
+ if(connector.oauthUrl) return connector.oauthUrl
228
+ return '/api/connector/login/?type=STORAGE&connectorId=' + connector.connectorId
228
229
  },
229
230
 
230
231
  getConnectorStyle(connector) {
@@ -240,6 +241,7 @@ const App = {
240
241
  this.loading = true
241
242
  const connectors = await connectorList({ type: ConnectorType.STORAGE })
242
243
  this.connectors = connectors
244
+ // this.connectors = [{"connectorId":"gitlab","type":"STORAGE","displayName":"GitLab.com","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":true,"oauthUrl":"https://gitlab.com/oauth/authorize?client_id=55cb55ab5fd12ab93883378513212d0c85833ef1f4084375f973618e938af107&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab%26type%3DSTORAGE&response_type=code&state=6z1oajr7s9q75vl47i5065&scope=api&code_challenge=APGn3qQ0O5zDzkLelHIMtjKMo2WmFJj4XxFqAd3bQJ4&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"gitlab2","type":"STORAGE","displayName":"Framagit","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":"https://framagit.org/oauth/authorize?client_id=13484ab1c802362f0292cbf637fd348a3bca46dfb2c2466a361ab89a799a8925&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab2%26type%3DSTORAGE&response_type=code&state=1mzpmxpuymoy2ss07wv01f&scope=api&code_challenge=dkwe8iS7dOH8Cmm5YVIv39huEkLCJ1xx276h1jok7oQ&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"ftp","type":"STORAGE","displayName":"Ftp","icon":"/assets/ftp.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":null,"color":"#ffffff","background":"#0066CC"}]
243
245
  this.loading = false
244
246
  } catch (error) {
245
247
  this.loading = false
@@ -281,43 +283,43 @@ setTimeout(() => {
281
283
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
282
284
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
283
285
  {% liquid
284
- assign var_i2hcfw_705 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
285
- assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_705
286
+ assign var_i2hcfw_865 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
287
+ assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_865
286
288
  %}<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
287
- assign var_imgx81_692 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
288
- assign var_imgx81_693 = var_imgx81_692.node
289
- assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_693
289
+ assign var_imgx81_852 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
290
+ assign var_imgx81_853 = var_imgx81_852.node
291
+ assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_853
290
292
  %}<div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">{% liquid
291
- assign var_it2175_688 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
292
- echo var_it2175_688
293
+ assign var_it2175_848 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
294
+ echo var_it2175_848
293
295
  %}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
294
- assign var_iqc1xf_689 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
295
- echo var_iqc1xf_689
296
- %}</h3><div id="in62y2"><div id="isqe61" style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" class="" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" style="margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;" class="margin-30">{% liquid
297
- assign var_i8w75b_690 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
298
- echo var_i8w75b_690
299
- %}</summary><div style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" id="ibi9qh" class="" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
300
- assign var_ijflxq_691 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
301
- echo var_ijflxq_691
296
+ assign var_iqc1xf_849 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
297
+ echo var_iqc1xf_849
298
+ %}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
299
+ assign var_i8w75b_850 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
300
+ echo var_i8w75b_850
301
+ %}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
302
+ assign var_ijflxq_851 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
303
+ echo var_ijflxq_851
302
304
  %}</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">{{ api-translations[lang]["Logout"] }}</div></div></div><FOOTER class="footer">{% liquid
303
- assign var_iprzeh_704 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
305
+ assign var_iprzeh_864 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
304
306
  %}
305
- {% for state_isucae-3308___data in var_iprzeh_704 %}
307
+ {% for state_isucae-3308___data in var_iprzeh_864 %}
306
308
  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
307
- assign var_i3tcob_699 = state_isucae-3308___data.title
308
- echo var_i3tcob_699
309
+ assign var_icjg2f_859 = state_isucae-3308___data.title
310
+ echo var_icjg2f_859
309
311
  %}</h3>{% liquid
310
- assign var_iotadi_701 = state_isucae-3308___data.columns
312
+ assign var_ibylai_861 = state_isucae-3308___data.columns
311
313
  %}
312
- {% for state_i2u9h4-2642___data in var_iotadi_701 %}
314
+ {% for state_i2u9h4-2642___data in var_ibylai_861 %}
313
315
  <a href="{% liquid
314
- assign var_iotadi_702 = state_i2u9h4-2642___data.url
315
- echo var_iotadi_702
316
+ assign var_ibylai_862 = state_i2u9h4-2642___data.url
317
+ echo var_ibylai_862
316
318
  %}" class="footer__item" target="{% liquid
317
- assign var_iotadi_703 = state_i2u9h4-2642___data.target
318
- echo var_iotadi_703
319
+ assign var_ibylai_863 = state_i2u9h4-2642___data.target
320
+ echo var_ibylai_863
319
321
  %}">{% liquid
320
- assign var_iotadi_700 = state_i2u9h4-2642___data.label
321
- echo var_iotadi_700
322
+ assign var_ibylai_860 = state_i2u9h4-2642___data.label
323
+ echo var_ibylai_860
322
324
  %}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
323
325
  </html>
@@ -8,7 +8,7 @@ collection: "Connectors"
8
8
  <html lang="">
9
9
  <head>
10
10
  <meta charset="UTF-8">
11
- <link rel="stylesheet" href="/css/connectors-a8ae93c40b7c738a4514e47046a029afdcf74bb28a7724287e1350afac4fa60f.css" />
11
+ <link rel="stylesheet" href="/css/connectors-66fe82f10a7a257f59212e18bb384b019ffb12192fa3f748951da7d4428733b4.css" />
12
12
  <!-- font google -->
13
13
  <link rel="preconnect" href="https://fonts.gstatic.com" />
14
14
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
@@ -223,8 +223,9 @@ const App = {
223
223
  },
224
224
 
225
225
  getHref(connector) {
226
- console.log(connector, connector.oauthUrl)
227
- return connector.oauthUrl
226
+ if(connector.isLoggedIn) return '/'
227
+ if(connector.oauthUrl) return connector.oauthUrl
228
+ return '/api/connector/login/?type=STORAGE&connectorId=' + connector.connectorId
228
229
  },
229
230
 
230
231
  getConnectorStyle(connector) {
@@ -240,6 +241,7 @@ const App = {
240
241
  this.loading = true
241
242
  const connectors = await connectorList({ type: ConnectorType.STORAGE })
242
243
  this.connectors = connectors
244
+ // this.connectors = [{"connectorId":"gitlab","type":"STORAGE","displayName":"GitLab.com","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":true,"oauthUrl":"https://gitlab.com/oauth/authorize?client_id=55cb55ab5fd12ab93883378513212d0c85833ef1f4084375f973618e938af107&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab%26type%3DSTORAGE&response_type=code&state=6z1oajr7s9q75vl47i5065&scope=api&code_challenge=APGn3qQ0O5zDzkLelHIMtjKMo2WmFJj4XxFqAd3bQJ4&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"gitlab2","type":"STORAGE","displayName":"Framagit","icon":"/assets/gitlab.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":"https://framagit.org/oauth/authorize?client_id=13484ab1c802362f0292cbf637fd348a3bca46dfb2c2466a361ab89a799a8925&redirect_uri=https%3A%2F%2Fv3.silex.me%2Fapi%2Fconnector%2Flogin%2Fcallback%3FconnectorId%3Dgitlab2%26type%3DSTORAGE&response_type=code&state=1mzpmxpuymoy2ss07wv01f&scope=api&code_challenge=dkwe8iS7dOH8Cmm5YVIv39huEkLCJ1xx276h1jok7oQ&code_challenge_method=S256","color":"#2B1B63","background":"rgba(252, 109, 38, 0.2)"},{"connectorId":"ftp","type":"STORAGE","displayName":"Ftp","icon":"/assets/ftp.png","disableLogout":false,"isLoggedIn":false,"oauthUrl":null,"color":"#ffffff","background":"#0066CC"}]
243
245
  this.loading = false
244
246
  } catch (error) {
245
247
  this.loading = false
@@ -281,43 +283,43 @@ setTimeout(() => {
281
283
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
282
284
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
283
285
  {% liquid
284
- assign var_i2hcfw_705 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
285
- assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_705
286
+ assign var_i2hcfw_865 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
287
+ assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_865
286
288
  %}<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
287
- assign var_imgx81_692 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
288
- assign var_imgx81_693 = var_imgx81_692.node
289
- assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_693
289
+ assign var_imgx81_852 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
290
+ assign var_imgx81_853 = var_imgx81_852.node
291
+ assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_853
290
292
  %}<div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">{% liquid
291
- assign var_it2175_688 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
292
- echo var_it2175_688
293
+ assign var_it2175_848 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
294
+ echo var_it2175_848
293
295
  %}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
294
- assign var_iqc1xf_689 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
295
- echo var_iqc1xf_689
296
- %}</h3><div id="in62y2"><div id="isqe61" style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" class="" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" style="margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;" class="margin-30">{% liquid
297
- assign var_i8w75b_690 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
298
- echo var_i8w75b_690
299
- %}</summary><div style="display:inline-block;width:100%;padding:30px 0px 30px 0px;" id="ibi9qh" class="" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
300
- assign var_ijflxq_691 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
301
- echo var_ijflxq_691
296
+ assign var_iqc1xf_849 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
297
+ echo var_iqc1xf_849
298
+ %}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
299
+ assign var_i8w75b_850 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
300
+ echo var_i8w75b_850
301
+ %}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
302
+ assign var_ijflxq_851 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
303
+ echo var_ijflxq_851
302
304
  %}</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">{{ api-translations[lang]["Logout"] }}</div></div></div><FOOTER class="footer">{% liquid
303
- assign var_iprzeh_704 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
305
+ assign var_iprzeh_864 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
304
306
  %}
305
- {% for state_isucae-3308___data in var_iprzeh_704 %}
307
+ {% for state_isucae-3308___data in var_iprzeh_864 %}
306
308
  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
307
- assign var_i3tcob_699 = state_isucae-3308___data.title
308
- echo var_i3tcob_699
309
+ assign var_icjg2f_859 = state_isucae-3308___data.title
310
+ echo var_icjg2f_859
309
311
  %}</h3>{% liquid
310
- assign var_iotadi_701 = state_isucae-3308___data.columns
312
+ assign var_ibylai_861 = state_isucae-3308___data.columns
311
313
  %}
312
- {% for state_i2u9h4-2642___data in var_iotadi_701 %}
314
+ {% for state_i2u9h4-2642___data in var_ibylai_861 %}
313
315
  <a href="{% liquid
314
- assign var_iotadi_702 = state_i2u9h4-2642___data.url
315
- echo var_iotadi_702
316
+ assign var_ibylai_862 = state_i2u9h4-2642___data.url
317
+ echo var_ibylai_862
316
318
  %}" class="footer__item" target="{% liquid
317
- assign var_iotadi_703 = state_i2u9h4-2642___data.target
318
- echo var_iotadi_703
319
+ assign var_ibylai_863 = state_i2u9h4-2642___data.target
320
+ echo var_ibylai_863
319
321
  %}">{% liquid
320
- assign var_iotadi_700 = state_i2u9h4-2642___data.label
321
- echo var_iotadi_700
322
+ assign var_ibylai_860 = state_i2u9h4-2642___data.label
323
+ echo var_ibylai_860
322
324
  %}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
323
325
  </html>
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{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:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;margin:10px auto 10px auto;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;width:100%;padding:30px 0px 30px 0px;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;width:100%;}