zev/twilio-sync-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

basic front end

Browse Source
This commit is contained in:
Zev B Averbach
2020-12-18 09:29:58 +01:00
parent 22c4e6af54
commit 240074fc97
3 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
tags
.DS_Store

1
front/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
node_modules/

43
front/index.html Normal file
View File

@@ -0,0 +1,43 @@
<!doctype html>
<html>
<head>
<title>Twilio Sync Kanban</title>
<meta charset="utf-8">
<script src="https://media.twiliocdn.com/sdk/js/sync/v0.8/twilio-sync.min.js"></script>
</head>
<body>
<div id="list"></div>
<script>
let syncClient
let listItems = []
const setupTwilioClient = async () => {
try {
const response = await fetch('http://localhost:5001/token')
const responseJson = await response.json()
const token = responseJson.token
syncClient = new Twilio.Sync.Client(token, { logLevel: 'info' })
} catch (e) {
console.log(e)
}
syncClient.on('connectionStateChanged', state => {
if (state != 'connected') {
console.log(`Sync is not live (websocket connection ${state})`)
} else {
console.log('Sync is live!')
}
})
const getItems = async listName => {
const list = await syncClient.list(listName)
const items = await list.getItems()
console.log(items)
listItems = items.items.map(item => item.data)
}
getItems()
console.log(listItems)
}
window.onload = setupTwilioClient()
</script>
</body>
</html>