@silexlabs/silex-dashboard 1.0.40 → 1.0.44

package/_includes/api-connectors.js.html

@@ -1,96 +0,0 @@
-<script src="/js/vue.global.js"></script>
-<script src="/js/main.js"></script>
-<script type="module">
-window.addEventListener('load', function() {
-  const { createApp } = Vue;
-  const { api, constants, types } = silex;
-  const {
-    ConnectorType,
-  } = types
-  const {
-    setServerUrl,
-    connectorList,
-    logout,
-  } = api
-
-  const App = {
-    data() {
-      return {
-        connectors: [],
-        error: null,
-        message: null,
-        loading: true,
-        lastConnector: null,
-      }
-    },
-    mounted() {
-      this.init()
-      window.addEventListener('message', (event) => {
-        if(event.data && event.data.type === 'login') {
-          this.loginResult(event.data)
-        }
-      })
-    },
-
-    methods: {
-      async init() {
-        try {
-          // Init Silex server path
-          // Go up 2 levels because of the language prefix + the page path
-          setServerUrl((window.location.origin + window.location.pathname.replace(/\/$/, '')).replace(/\/[^/]+\/[^/]+$/, ''))
-          // Start
-          this.loading = true
-          console.log('init')
-          this.connectors = await connectorList({type: ConnectorType.STORAGE})
-          console.log('connectors', this.connectors)
-          this.loading = false
-        } catch (error) {
-          console.error(error)
-          this.error = error
-          this.loading = false
-        }
-      },
-      openLogin(connector) {
-        this.lastConnector = connector
-        const nonOAuthUrl = `${constants.API_PATH}${constants.API_CONNECTOR_PATH}${constants.API_CONNECTOR_LOGIN}?connectorId=${connector.connectorId}&type=${connector.type}`
-        console.log('openLogin', connector.oauthUrl, nonOAuthUrl)
-        window.open(connector.oauthUrl || nonOAuthUrl, '_blank')
-      },
-      loginResult(data) {
-        console.log('loginResult', data)
-        if(data.error) {
-          this.error = data.error
-          this.message = `{{ api-translations[lang]["Login failed"] }} ${data.message}`
-        } else {
-          window.location.href = '/'
-        }
-      },
-      async logout() {
-        try {
-          this.message = '{{ api-translations[lang]["Logging out"] }}'
-          await logout({type: ConnectorType.STORAGE, connectorId: this.lastConnector.connectorId})
-          this.loggedIn = false
-          this.user = null
-          this.websites = []
-          this.loading = false
-          this.message = ''
-          this.error = false
-        } catch (error) {
-          console.error(error)
-          this.error = error
-          this.message = error.message
-          this.loading = false
-        }
-      },
-    },
-  };
-
-  // Start vue app
-  createApp(App).mount('.app');
-
-  // Remove loading
-  setTimeout(() => {
-    document.querySelector('.before-js').classList.add('after-js')
-  }, 100)
-})
-</script>

package/_includes/api-websites.js.html

@@ -1,189 +0,0 @@
-<script src="/js/vue.global.js"></script>
-<script src="/js/main.js"></script>
-<script type="module">
-const CONNECTORS_PATH = '/connectors/'
-window.addEventListener('load', function() {
-  const { createApp } = Vue;
-  const { api, constants, types } = silex;
-  const {
-    ConnectorType,
-  } = types
-  const {
-    setServerUrl,
-    getUser,
-    logout,
-    websiteDelete,
-    websiteDuplicate,
-    websiteList,
-    websiteCreate,
-    websiteMetaWrite,
-  } = api
-  function toSafeId(name) {
-    return name.replace(/[/\\?%*:|"<>]/g, '_')
-  }
-
-  const App = {
-    data() {
-      return {
-        websites: [],
-        newWebsiteName: '',
-        showCreationForm: false,
-        error: null,
-        message: null,
-        loggedIn: false,
-        loading: true,
-        storage: null,
-        user: null,
-        showMenu: false,
-        empty: false,
-      }
-    },
-    mounted() {
-      this.init()
-    },
-
-    methods: {
-      async init() {
-        try {
-          // Init Silex server path
-          // Go up one level because of the language prefix
-          setServerUrl((window.location.origin + window.location.pathname.replace(/\/$/, '')).replace(/\/[^/]+$/, ''))
-          // Start
-          const user = await getUser({type: ConnectorType.STORAGE})
-          if(user) {
-            this.user = user
-            this.loggedIn = true
-            this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-            this.empty = this.websites.length === 0
-            this.loading = false
-          } else {
-            this.openLogin()
-          }
-        } catch (error) {
-          console.error(error)
-          this.loading = false
-          if(error.code === 401 || error.httpStatusCode === 401) {
-            this.loggedIn = false
-            this.openLogin()
-          } else {
-            this.error = `{{ api-translations[lang]["Failed to start dashboard"] }} - ${error.message}`
-            this.message = ''
-          }
-        }
-      },
-
-      openLogin(id, lang) {
-        //throw new Error('debug')
-        const path = `/{{lang}}${CONNECTORS_PATH}`
-        console.log(window.location.pathname, window.location.path, path)
-        if(window.location.pathname === path) return
-        window.open(path, '_self')
-      },
-
-      openEditor(id, lang) {
-        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
-      },
-
-      async logout() {
-        await logout({
-          type: ConnectorType.STORAGE,
-          connectorId: this.user.storage.connectorId,
-        })
-        window.location.reload()
-      },
-
-      async createWebsite() {
-        try {
-          if (!this.newWebsiteName) throw new Error('{{ api-translations[lang]["You need to provide a website name"] }}')
-          this.loading = true
-          const websiteId = toSafeId(this.newWebsiteName)
-          const result = await websiteCreate({
-            websiteId,
-            data: {
-              name: this.newWebsiteName,
-              imageUrl: null,
-            },
-            connectorId: this.user.storage.connectorId
-          })
-          this.message = '{{ api-translations[lang]["Website created successfully"] }}'
-          this.error = ''
-          this.newWebsiteName = ''
-          this.showCreationForm = false;
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.empty = this.websites.length === 0
-          this.loading = false
-          return result
-        } catch (error) {
-          this.loading = false
-          console.error(error)
-          this.error = `{{ api-translations[lang]["Failed to create website"] }} - ${error.message}`
-          this.message = ''
-        }
-      },
-
-      async deleteWebsite(websiteId) {
-        const ok = confirm('{{ api-translations[lang]["Deleting a website? Are your sure? Really?"] }}')
-        if (!ok) return
-        this.loading = true
-        try {
-          const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
-          this.message = '{{ api-translations[lang]["Website deleted successfully"] }}'
-          this.error = ''
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.empty = this.websites.length === 0
-          this.loading = false
-          return result
-        } catch (error) {
-          this.loading = false
-          this.error = `{{ api-translations[lang]["Failed to delete website"] }} - ${error.message}`
-          this.message = ''
-        }
-      },
-
-      async duplicateWebsite(websiteId) {
-        this.loading = true
-        try {
-          await websiteDuplicate({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
-          this.error = ''
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.message = '{{ api-translations[lang]["Website duplicated successfully"] }}'
-          this.empty = this.websites.length === 0
-          this.loading = false
-        } catch (error) {
-          this.loading = false
-          this.error = `{{ api-translations[lang]["Failed to duplicate website"] }} - ${error.message}`
-          this.message = ''
-        }
-      },
-
-      async renameWebsite(websiteId) {
-        const website = this.websites.find(w => w.websiteId === websiteId)
-        const name = prompt('{{ api-translations[lang]["New name for this website"] }}', website.name)
-        if (!name) return
-        this.loading = true
-        try {
-          const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
-          this.message = '{{ api-translations[lang]["Website renamed successfully"] }}'
-          this.error = ''
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.empty = this.websites.length === 0
-          this.loading = false
-          return result
-        } catch (error) {
-          this.loading = false
-          this.error = `{{ api-translations[lang]["Failed to rename website"] }} - ${error.message}`
-          this.message = ''
-        }
-      },
-    },
-  };
-
-  // Start vue app
-  createApp(App).mount('.app');
-
-  // Remove loading
-  setTimeout(() => {
-    document.querySelector('.before-js').classList.add('after-js')
-  }, 100)
-})
-</script>

package/_includes/connectors.html

@@ -1,253 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-<head>
-<link rel="stylesheet" href="/css/connectors.css" />
-<!--  font google -->
-<link rel="preconnect" href="https://fonts.gstatic.com" />
-<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
-{% render "alternate.liquid" languages: languages lang: lang page: page %}
-<style>
-  .before-js > * {
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity .5s ease;
-  }
-  .after-js > * {
-    visibility: visible;
-    opacity: 1;
-  }
-  .before-js:before {
-    content: 'Loading';
-    position: absolute;
-    top: 49%;
-    left: 49%;
-  }
-  .after-js:before {
-    content: none;
-  }
-  /*BTNS*/
-  .button, .pointer {
-    cursor: pointer!important}
-  .button{
-    min-width:110px;
-  }
-  /*BTNS*/
-  a {
-    text-decoration: none;
-    color:#8873FE;
-  }
-  a:hover {
-    text-decoration: underline;
-  }
-  .uppercase  {
-    text-transform: uppercase;
-  }
-  .underline:hover{
-    text-decoration: underline;
-    text-decoration-thickness: from-font;
-    text-underline-position: under;
-  }
-  /*footer position*/
-  .main-min-height {
-    min-height: calc(100vh - 560px);
-  }
-  /*footer position*/
-  /*label*/
-  ::placeholder {
-    color: #8873FE;
-  }
-  input:focus {
-    border: 2px solid ##9977FE;
-    background-color:#ffffff;
-  }
-  :focus {
-    outline: none;
-  }
-  /*label*/
-  .skeleton-anim:after {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    content: "";
-    background: 
-      linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
-      linear-gradient(transparent, transparent),
-      radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
-      linear-gradient(transparent, transparent);
-    background-repeat: no-repeat;
-    background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
-    background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
-    animation: loading 1.5s infinite;
-  }
-  @keyframes loading {
-    to {
-      background-position: 200% 0, 0 0, 0 190px, 50px 195px;
-    }
-  }
-  /*FX ANIMATIONS*/
-  /*scale-round-inside_pour-BTN*/
-  .fx-scale-round {
-    position:relative;
-    z-index: 10;
-    overflow: hidden;
-  }
-  .fx-scale-round::after {
-    content: "";
-    background: #ffffff;
-    position: absolute;
-    z-index: -1;
-    border-radius: 50%;
-    left: -50%;
-    right: -50%;
-    top: -100%;
-    bottom: -100%;
-    transform: scale(0, 0);
-    transform-origin: center bottom;
-    transition: all 0.3s ease-out;
-  }
-  .fx-scale-round:hover {
-    transform-origin: center bottom;
-    transform: scale(1.1);
-    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
-  }
-  .fx-scale-round:hover::after {
-    transform: scale(1, 1);
-    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
-  }
-  /*scale-round-inside_pour-BTN*/
-  /*scale*/
-  .fx-scale:hover  {
-    transform-origin: center bottom;
-    transform: scale(1.1);
-    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
-  }
-  /*flash*/
-  .fx-flash:hover {
-    animation: flash-in .5s ;
-  }
-  /*flash-in animation*/
-  @keyframes flash-in{
-    0% {
-      opacity:0;
-    }
-    100% {
-      opacity:1;
-    }
-  }
-  /*flash-in animation*/
-  /*FX ANIMATIONS*/
-</style>
-{% render "api-connectors.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
-
-<title>{{ title }}</title>
-<link rel="icon" href="/assets/favicon-32x32.png" />
-<meta name="description" property="description" content=""/>
-<meta name="og:title" property="og:title" content=""/>
-<meta name="og:description" property="og:description" content=""/>
-<meta name="og:image" property="og:image" content=""/>
-</head>
-<body
-            id="i2hcfw"
-            class="body app"
-            
-            
-            ><HEADER
-            id="ij139z"
-            class="menu-bar "
-            
-            
-            ><A
-            href="/" id="iy54t1"
-            
-            
-            
-            ><img
-            src="/assets/picto-silex@3x.png"
-            class="nav__logo "
-            
-            
-            ></img></A><NAV
-            id="in5jeq"
-            class="nav "
-            
-            
-            >{% for item in nav %}<A
-            href="{{ item.url }}" id="i0g3ac"
-            class="nav__item uppercase {% if forloop.index == 1 %}active{% endif %}"
-            target="{{ item.target }}"
-            
-            >{{ item.label }}</A>{% endfor %}</NAV><div
-            
-            class="lang h-space uppercase "
-            
-            
-            >{% assign links = languages %}
-{%- for link in links %}<A
-            href="/{{ link.code }}"
-            class="lang__item nav__item {% if link.code == lang %}active{% endif %}"
-            hreflang="{{link.code}}"
-            
-            >{{ link.code }}</A>{% endfor %}</div></HEADER><A
-            id="ixzhcr" href="/"
-            class="button button-bar__item--secondary "
-            
-            
-            >{{ api-translations[lang]["Back to home"] }}</A><div
-            id="imawg3"
-            class="bg-silex-purpel "
-            
-            
-            ><div
-            id="imgx81"
-            class=" before-js"
-            
-            
-            ><div
-            id="iikf0s"
-            class="box text-centered padding-100-30 box_login "
-            
-            
-            ><H1
-            id="ighycb"
-            class="title-40 "
-            
-            
-            >{{ api-translations[lang]["Welcome to Silex"] }}</H1><div
-            id="it2175"
-            class="subtitle-16 "
-            
-            
-            >{{ api-translations[lang]["Please login to continue"] }}</div><div
-            id="in62y2"
-            class="button-bar "
-            
-            
-            ><A
-            id="isqe61"
-            class="button big-button "
-            v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
-            
-            ><div
-            id="io3lid"
-            class="button-bar__item__icon "
-            :style='`background: url("${connector.icon}"); background-repeat: no-repeat; background-size: contain;`'
-            
-            ></div><div
-            id="i87asw"
-            
-            v-text="connector.displayName"
-            
-            >Insert your text here</div></A></div></div><div
-            id="i9msnk"
-            class="text-white top-space-20 "
-            v-if="error" v-html="message"
-            
-            >Insert your text here</div><div
-            id="i6akll"
-            class="button button--tertiary text-centered "
-            v-if="error" @click="logout()"
-            
-            >{{ api-translations[lang]["Logout"] }}</div></div></div></body>
-</html>