@tiledesk/tiledesk-voice-twilio-connector 0.1.2

package/template/css/style.css

@@ -0,0 +1,315 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+
+.input-label {
+  margin-bottom: 2px;
+}
+
+.subtitle {
+  margin-bottom: 6px;
+  color: #929292bd;
+}
+
+.custom-tooltip {
+  position: relative;
+  display: inline-block;
+}
+
+/* Tooltip text */
+.custom-tooltip .custom-tooltiptext {
+  font-family: 'Poppins';
+  visibility: hidden;
+  width: 300px;
+  background-color: #8c8e8fbd;
+  font-size: 13px;
+  color: #fff;
+  text-align: center;
+  padding: 8px 8px;
+  border-radius: 6px;
+
+  /* Position the tooltip text */
+  position: absolute;
+  z-index: 1;
+  margin-left: 8px;
+  margin-top: -15px;
+  
+  /* Fade in tooltip */
+  opacity: 0;
+  transition: opacity 0.5s;
+}
+
+/* Tooltip arrow */
+.custom-tooltip .custom-tooltiptext::after {
+  content: " ";
+  position: absolute;
+  top: 50%;
+  right: 100%; /* To the left of the tooltip */
+  margin-top: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: transparent #8c8e8fbd transparent transparent;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.custom-tooltip:hover .custom-tooltiptext {
+  visibility: visible;
+  opacity: 1;
+}
+
+
+/* New page */
+.header {
+  width: 100%;
+  height: 120px;
+  background-color: #10739e;
+  display: flex;
+  position: fixed;
+  top: 0px;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  box-shadow: 0px 2px 5px 0px #003349;
+  /*border-radius: 0px 80px 0px 0px;*/
+}
+
+.header p {
+  color: white;
+  font-size: 22px;
+}
+
+.content {
+  display: flex;
+  flex-direction: row;
+  margin-top: 20px;
+  padding: 100px 0px 0px 0px;
+}
+
+.left-panel {
+  width: 100%;
+  padding: 20px 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.info-box {
+  padding: 20px; 
+  font-size: 16px;
+  border-radius: 8px; 
+  min-width: 600px; 
+  max-width: 800px;
+}
+
+.list-element {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+
+.docs-section {
+  width: 82%;
+  display: flex;
+  flex-direction: column;
+}
+
+.vertical-divider {
+  margin-top: 25px;
+  width: 6px;
+  background-color: #d9d9d9;
+}
+
+
+.right-panel {
+  width: 100%;
+  padding: 40px 30px;
+  display: flex;
+}
+
+.divider {
+  margin-top: 12px; 
+  margin-bottom: 12px; 
+  width: 600px; 
+  margin-left: 0px;
+}
+
+.panel-divider {
+  margin-top: 40px; 
+  width: 100%; 
+  margin-left: 0px;
+  display: none;
+}
+
+
+/* On screens that are 992px or less, set the background color to blue */
+@media screen and (max-width: 1200px) {
+  .content {
+    flex-direction: column;
+  }
+
+  .docs-section {
+    align-items: center;
+  }
+
+  .divider {
+    margin-left: auto;
+  }
+
+  .panel-divider {
+    display: block;
+  }
+
+  .right-panel {
+    justify-content: center;
+    padding: 20px 30px;
+  }
+  
+}
+
+.success-modal {
+  display: flex;
+  z-index: 99;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  text-align: center;
+  justify-content: center;
+  padding-top: 100px;
+  left: 0;
+  top: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.success-modal .modal-content {
+  width: 400px;
+  height: 200px;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.error-modal {
+  display: flex;
+  z-index: 99;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  text-align: center;
+  justify-content: center;
+  padding-top: 100px;
+  left: 0;
+  top: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.error-modal .modal-content {
+  width: 400px;
+  height: 200px;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.cancel-btn {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #c0c0c0;
+  background-color: #c0c0c0;
+  letter-spacing: 0.5px;
+}
+
+.cancel-btn:hover {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #929292;
+  background-color: #929292;
+  letter-spacing: 0.5px;
+}
+
+.cancel-btn:focus {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  font-weight: 500;
+  border-color: #929292;
+  background-color: #929292;
+  letter-spacing: 0.5px;
+}
+
+.disconnect-button {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #f0593d;
+  background-color: #f0593d;
+  letter-spacing: 0.5px;
+  font-size: 13px;
+}
+
+.disconnect-button:hover {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  border-color: #d53e21;
+  background-color: #d53e21;
+  letter-spacing: 0.5px;
+}
+
+.disconnect-button:focus {
+  width: 120px;
+  margin-top: 5px;
+  color: white;
+  font-weight: 500;
+  border-color: #d53e21;
+  background-color: #d53e21;
+  letter-spacing: 0.5px;
+}
+
+
+.btn:focus {
+  outline: none !important;
+}
+
+.icon-btn-div {
+  cursor: pointer;
+  padding: 2px 5px;
+}
+
+.icon-btn {
+  background-color: #eeeeee;
+  border: none;
+  color: grey;
+  padding: 0px 8px;
+  cursor: pointer;
+  margin-top: 12px;
+  margin-left: -63px;
+  font-size: 18px;
+}
+
+.icon-btn:hover {
+  background-color: #eeeeee;
+  color: black; /* White text */
+}
+
+.copy-form {
+  padding: 6px 36px 6px 14px;
+}
+
+.custom-input {
+  height: 45px;
+  border: solid 2px #d8d8d8;
+}
+
+.custom-input:hover {
+  border-color: #0ba2dc;
+}
+
+.custom-input:focus {
+  border-color: #0ba2dc;
+}

package/template/error.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
+        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
+        integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  
+    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
+    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+
+    <!-- Latest compiled and minified JavaScript -->
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
+        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
+        </script>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="./css/error.css">
+
+    <style>
+      body {
+        font-family: 'Poppins', serif;
+      }
+    </style>
+  
+</head>
+
+  
+<body>
+
+  <!-- Success modal -->
+  <!--
+  {{#if show_success_modal}}
+  <div id="success-update-modal" class="success-modal">
+    <div class="modal-content">
+        <img src="https://www.pngall.com/wp-content/uploads/9/Green-Tick-Vector-PNG-Images.png" width="80" height="auto" />
+        <p class="modal-text" style="margin-top: 20px; margin-bottom: 20px;">Configuration updated successfully</p>
+        <button class="btn cancel-btn" onclick="document.getElementById('success-update-modal').style.display='none'">Close</button>
+    </div>
+  </div>
+  {{/if}}
+  -->
+
+  <!-- Error modal -->
+  <!--
+  {{#if show_error_modal}}
+  <div id="error-update-modal" class="error-modal">
+    <div class="modal-content">
+        <img src="https://cdn-icons-png.flaticon.com/512/148/148766.png" width="80" height="auto"  />
+        <p style="margin-top: 20px; margin-bottom: 20px;">An error occurred while updating the configuration</p>
+        <button class="btn cancel-btn" onclick="document.getElementById('error-update-modal').style.display='none'">Close</button>
+    </div>
+  </div>
+  {{/if}}
+  -->
+  
+  <!-- HEADER -->
+  <div class="header">
+    <div class="header-content">
+      <div class="logo-title">
+        <div class="logo-container">
+          <img src="https://raw.githubusercontent.com/gab-95/images-host/main/sms.png" width="60px" height="60px">
+        </div>
+        <div class="title-version">
+          <p class="title">SMS Connector</p>
+          <div class="status-box" style="padding: 0px 8px; letter-spacing: 1px; height: 18px;"> 
+            <p style="margin-bottom: 0px;">{{ app_version }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="error">
+    <div class="error-box">
+      <p class="error-title">Ops! Something went wrong.</p>
+      <p>{{ error_message }}</p>
+    </div>
+  </div>
+  
+</body>
+</html>

package/tiledesk/KVBaseMongo.js

@@ -0,0 +1,102 @@
+const mongodb = require("mongodb");
+var winston = require('../winston');
+
+class KVBaseMongo {
+
+  /**
+   * Constructor for KVBaseMongo object
+   *
+   * @example
+   * const { KVBaseMongo } = require('./KVBaseMongo');
+   * let db = new KVBaseMongo("kvstore");
+   * 
+   * @param {KVBASE_COLLECTION} The name of the Mongodb collection used as key-value store. Mandatory.
+   */
+  constructor(KVBASE_COLLECTION) {
+    if (!KVBASE_COLLECTION) {
+      throw new Error('KVBASE_COLLECTION (the name of the Mongodb collection used as key-value store) is mandatory.');
+    }
+    this.KV_COLLECTION = KVBASE_COLLECTION;
+    winston.debug("KV_COLLECTION: " + this.KV_COLLECTION)
+  }
+
+  connect(MONGODB_URI, callback) {
+    mongodb.MongoClient.connect(MONGODB_URI, { useNewUrlParser: true, useUnifiedTopology: true }, (err, client) => {
+      if (err) {
+        winston.error(err);
+        process.exit(1);
+      } else {
+        this.db = client.db();
+        this.db.collection(this.KV_COLLECTION).createIndex(
+          { "key": 1 }, { unique: true }
+        );
+        //winston.debug("[mongodb] db: ", this.db);
+        callback();
+      }
+    });
+  }
+
+  set(k, v) {
+    return new Promise((resolve, reject) => {
+      //this.db.set(k, v).then(() => {resolve();});
+      this.db.collection(this.KV_COLLECTION).updateOne({key: k}, { $set: { value: v, key: k } }, { upsert: true }, function(err, doc) {
+        if (err) {
+          reject(err);
+        }
+        else {
+          resolve();
+        }
+      });
+    });
+  }
+  
+  reuseConnection(db, callback) {
+    this.db = db;
+    this.db.collection(this.KV_COLLECTION).createIndex(
+      { "key": 1 }, { unique: true }
+    )
+    callback();
+
+  }
+
+  get(k) {
+    return new Promise((resolve, reject) => {
+      //this.db.get(k).then(value => {resolve(value)});
+      
+      winston.debug("Searching on " + this.db)
+      winston.verbose("Searching on Collection " + this.KV_COLLECTION + ' for key: ', k)
+      
+      this.db.collection(this.KV_COLLECTION).findOne({ key: k }, function(err, doc) {
+        if (err) {
+          winston.error("Error reading mongodb value", err);
+          reject(err);
+        }
+        else {
+          if (doc) {
+            winston.verbose("Doc found with key: " + doc.key);
+            resolve(doc.value);
+          }
+          else {
+            winston.verbose("No Doc found!");
+            resolve(null);
+          }
+        }
+      });
+    });
+  }
+
+  remove(k) {
+    return new Promise((resolve, reject) => {
+      this.db.collection(this.KV_COLLECTION).deleteOne({key: k}, function(err) {
+        if (err) {
+          reject(err);
+        }
+        else {
+          resolve();
+        }
+      });
+    });
+  }
+}
+
+module.exports = { KVBaseMongo };