furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎨 Improve development structure

Browse Source
This commit is contained in:
brunosimon
2017-08-03 23:27:54 +02:00
parent 0db2060e0f
commit 1aa3e5f135
11 changed files with 306 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/site.js
+78 -73
View File
@@ -105,99 +105,99 @@ class Site
{
this.express.use('/', express.static(path.join(__dirname, '../site/dist')))
// Project route
this.express.get('/' + _project.slug, (request, response) =>
{
response.send(`
<a href="/${_project.slug}/download" download>download project</a>
<a href="/${_project.slug}/files/empty.txt" download>download file</a>
// // Project route
// this.express.get('/' + _project.slug, (request, response) =>
// {
// response.send(`
// <a href="/${_project.slug}/download" download>download project</a>
// <a href="/${_project.slug}/files/empty.txt" download>download file</a>
<form action="#" class="infos-form">
<input type="text" class="name" value="" /> Name
<input type="submit" value="send" />
</form>
// <form action="#" class="infos-form">
// <input type="text" class="name" value="" /> Name
// <input type="submit" value="send" />
// </form>
<form action="#" class="message-form">
<input type="text" class="text" value="Lorem ipsum" /> Text
<input type="number" class="file" value="1" /> File
<input type="line" class="line" value="2" /> Line
<input type="submit" value="send" />
</form>
// <form action="#" class="message-form">
// <input type="text" class="text" value="Lorem ipsum" /> Text
// <input type="number" class="file" value="1" /> File
// <input type="line" class="line" value="2" /> Line
// <input type="submit" value="send" />
// </form>
<div class="messages"></div>
// <div class="messages"></div>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io('${this.config.domain}/project/${_project.slug}/chat')
// <script src="/socket.io/socket.io.js"></script>
// <script>
// const socket = io('${this.config.domain}/project/${_project.slug}/chat')
socket.on('connect', () =>
{
console.log('connected')
})
// socket.on('connect', () =>
// {
// console.log('connected')
// })
// Infos
const $infosForm = document.querySelector('.infos-form')
const $name = $infosForm.querySelector('.name')
// // Infos
// const $infosForm = document.querySelector('.infos-form')
// const $name = $infosForm.querySelector('.name')
$infosForm.addEventListener('submit', (event) =>
{
event.preventDefault()
// $infosForm.addEventListener('submit', (event) =>
// {
// event.preventDefault()
const name = $name.value
// const name = $name.value
socket.emit('update_infos', { name })
})
// socket.emit('update_infos', { name })
// })
socket.on('infos', (data) =>
{
console.log('infos')
console.log(data)
$name.value = data.name
})
// socket.on('infos', (data) =>
// {
// console.log('infos')
// console.log(data)
// $name.value = data.name
// })
// Messages
const $messages = document.querySelector('.messages')
const $messageForm = document.querySelector('.message-form')
const $text = $messageForm.querySelector('.text')
const $file = $messageForm.querySelector('.file')
const $line = $messageForm.querySelector('.line')
// // Messages
// const $messages = document.querySelector('.messages')
// const $messageForm = document.querySelector('.message-form')
// const $text = $messageForm.querySelector('.text')
// const $file = $messageForm.querySelector('.file')
// const $line = $messageForm.querySelector('.line')
$messageForm.addEventListener('submit', (event) =>
{
event.preventDefault()
// $messageForm.addEventListener('submit', (event) =>
// {
// event.preventDefault()
const text = $text.value
const file = $file.value
const line = $line.value
// const text = $text.value
// const file = $file.value
// const line = $line.value
socket.emit('message', { text, file, line })
})
// socket.emit('message', { text, file, line })
// })
socket.on('message', (data) =>
{
console.log('message')
console.log(data)
// socket.on('message', (data) =>
// {
// console.log('message')
// console.log(data)
$message = document.createElement('div')
// $message = document.createElement('div')
const $author = document.createElement('div')
$author.style.color = data.user.color
$author.innerHTML = data.user.name
$message.appendChild($author)
// const $author = document.createElement('div')
// $author.style.color = data.user.color
// $author.innerHTML = data.user.name
// $message.appendChild($author)
const $info = document.createElement('div')
$info.innerHTML = data.file + ':' + data.line
$message.appendChild($info)
// const $info = document.createElement('div')
// $info.innerHTML = data.file + ':' + data.line
// $message.appendChild($info)
const $text = document.createElement('div')
$text.innerHTML = data.text
$message.appendChild($text)
// const $text = document.createElement('div')
// $text.innerHTML = data.text
// $message.appendChild($text)
$messages.appendChild($message)
})
</script>
`)
})
// $messages.appendChild($message)
// })
// </script>
// `)
// })
// Project download route
this.express.get('/' + _project.slug + '/download', (request, response) =>
@@ -215,6 +215,11 @@ class Site
})
this.express.use('/' + _project.slug + '/files', express.static(_project.path))
this.express.get('/*', (request, response) =>
{
response.sendFile(path.join(__dirname, '../site/dist/index.html'))
})
}
}