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

added and rendered a couple of todo items

Browse Source
This commit is contained in:
Zev B Averbach
2020-12-19 20:52:18 +01:00
parent 240074fc97
commit 6f636f1061
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
front/index.html
View File

@@ -6,10 +6,9 @@
<script src="https://media.twiliocdn.com/sdk/js/sync/v0.8/twilio-sync.min.js"></script> <script src="https://media.twiliocdn.com/sdk/js/sync/v0.8/twilio-sync.min.js"></script>
</head> </head>
<body> <body>
<div id="list"></div> <div id="todos"></div>
<script> <script>
let syncClient let syncClient
let listItems = []
const setupTwilioClient = async () => { const setupTwilioClient = async () => {
try { try {
@@ -27,14 +26,18 @@
console.log('Sync is live!') console.log('Sync is live!')
} }
}) })
const getItems = async listName => { const list = await syncClient.list('todos')
const list = await syncClient.list(listName) // await list.push({name: 'buy milk'})
const items = await list.getItems() // await list.push({name: 'write blog post'})
console.log(items) const items = await list.getItems()
listItems = items.items.map(item => item.data) console.log(items)
} const listDiv = document.getElementById('todos')
getItems() items.items.forEach(item => {
console.log(listItems) const itemDiv = document.createElement('div')
itemDiv.className = "todo-item"
itemDiv.innerText = item.data.value.name
listDiv.appendChild(itemDiv)
})
} }
window.onload = setupTwilioClient() window.onload = setupTwilioClient()