30 changed files with 15649 additions and 3178 deletions
@ -1,29 +0,0 @@ |
|||||
<!doctype html> |
|
||||
<html lang="en"> |
|
||||
<head> |
|
||||
<meta charset="UTF-8"> |
|
||||
<title>COZe</title> |
|
||||
<link rel="stylesheet" href="style.css"> |
|
||||
</head> |
|
||||
<body style="text-align: center"> |
|
||||
|
|
||||
<div id="controls"> |
|
||||
<select id="gotoCloud"> |
|
||||
<option value="0">0</option> |
|
||||
<option value="1">1</option> |
|
||||
<option value="2">2</option> |
|
||||
<option value="3">3</option> |
|
||||
<option value="4">4</option> |
|
||||
<option value="5">5</option> |
|
||||
</select> |
|
||||
|
|
||||
<button id="reset">Reset</button> |
|
||||
|
|
||||
<input id="message" type="text" > |
|
||||
</div> |
|
||||
|
|
||||
<script src="https://code.jquery.com/jquery-latest.min.js"></script> |
|
||||
<script src="/socket.io/socket.io.js"></script> |
|
||||
<script src="/control.js"></script> |
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,63 +0,0 @@ |
|||||
$(document).ready(()=>{ |
|
||||
|
|
||||
const socket = io(); |
|
||||
|
|
||||
|
|
||||
// socket.emit('cloudIndex', getURLParameter('cloud'));
|
|
||||
if(getURLParameter('cloud')){ |
|
||||
socket.emit('cloudIndex', getURLParameter('cloud')); |
|
||||
} |
|
||||
|
|
||||
if(getURLParameter('message')){ |
|
||||
socket.emit('message', getURLParameter('message')); |
|
||||
} |
|
||||
|
|
||||
if(getURLParameter('response')){ |
|
||||
socket.emit('response', getURLParameter('response')); |
|
||||
} |
|
||||
|
|
||||
if(getURLParameter('actions')){ |
|
||||
socket.emit('actions', getURLParameter('actions')); |
|
||||
} |
|
||||
|
|
||||
if(getURLParameter('display')){ |
|
||||
socket.emit('display', getURLParameter('display')); |
|
||||
} |
|
||||
|
|
||||
if(getURLParameter('reset')){ |
|
||||
socket.emit('reset', 1); |
|
||||
} |
|
||||
|
|
||||
$('#gotoCloud').on('change', function(){ |
|
||||
current = $(this).val(); |
|
||||
socket.emit('cloudIndex', current); |
|
||||
}); |
|
||||
|
|
||||
$('#reset').on('click', function(){ |
|
||||
socket.emit('reset', 1); |
|
||||
console.log('RESET'); |
|
||||
}); |
|
||||
|
|
||||
$('#message').on('keypress', function(event){ |
|
||||
if(event.which == 13){ |
|
||||
socket.emit('message', $(this).val()); |
|
||||
console.log('message', $(this).val()); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
function getURLParameter(sParam){ |
|
||||
const sPageURL = window.location.search.substring(1); |
|
||||
const sURLVariables = sPageURL.split('&'); |
|
||||
|
|
||||
for (let i = 0; i < sURLVariables.length; i++){ |
|
||||
const sParameterName = sURLVariables[i].split('='); |
|
||||
if (sParameterName[0] == sParam){ |
|
||||
return sParameterName[1]; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
File diff suppressed because it is too large
@ -0,0 +1,28 @@ |
|||||
|
|
||||
|
<!doctype html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<title>COZe Training</title> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> |
||||
|
<link rel="stylesheet" href="/css/styles.css"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="header"> |
||||
|
<img class="menu" src="/images/menu.png"> |
||||
|
<img class="logo" src="/images/logo.png"> |
||||
|
</div> |
||||
|
|
||||
|
<div class="content"> |
||||
|
</div> |
||||
|
|
||||
|
<audio id="notify1"> |
||||
|
<source src="/sounds/message.ogg" type="audio/ogg"> |
||||
|
</audio> |
||||
|
|
||||
|
<script src="https://code.jquery.com/jquery-latest.min.js"></script> |
||||
|
<script src="/socket.io/socket.io.js"></script> |
||||
|
<script src="/device.js"></script> |
||||
|
<script src="/getMessage.js"></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,134 @@ |
|||||
|
$(document).ready( function(){ |
||||
|
|
||||
|
var socket = io(); |
||||
|
socket.on('message', getMessage); |
||||
|
|
||||
|
var baseUrl = 'http://' + window.location.hostname; |
||||
|
var content = $('.content'); |
||||
|
var urlString = window.location.href; |
||||
|
var url = new URL(urlString); |
||||
|
var sid = getParameterByName("sid", urlString); |
||||
|
|
||||
|
console.log('a<szdhxfg'); |
||||
|
console.log(baseUrl); |
||||
|
$.getJSON( baseUrl + '/apis/getMessages.php', { |
||||
|
sid: sid |
||||
|
}).done( function(session){ |
||||
|
console.log(session); |
||||
|
|
||||
|
if(session.enabled){ |
||||
|
$.each(session.messages, function(index,item){ |
||||
|
if(item.timer != session.start){ |
||||
|
|
||||
|
var now = new Date().getTime(); |
||||
|
|
||||
|
var timerValue = item.timer.split(' '); |
||||
|
var timerDate = timerValue[0].split('-'); |
||||
|
var timerHours = timerValue[1].split(':'); |
||||
|
var timer = new Date(timerDate[0], timerDate[1] - 1, timerDate[2], timerHours[0], timerHours[1], timerHours[2]).getTime(); |
||||
|
|
||||
|
var startValue = session.start.split(' '); |
||||
|
var startDate = startValue[0].split('-'); |
||||
|
var startHours = startValue[1].split(':'); |
||||
|
var start = new Date(startDate[0], startDate[1] - 1, startDate[2], startHours[0], startHours[1], startHours[2]).getTime(); |
||||
|
|
||||
|
console.log(now, start, timer, timer-now); |
||||
|
if(now > timer){ |
||||
|
showCloud(item.title, [item.short_text, item.long_text], item.image, item.actions, session.messages); |
||||
|
notify(true); |
||||
|
} else { |
||||
|
var delay = (timer - now); |
||||
|
setTimeout( function(){ |
||||
|
showCloud(item.title, [item.short_text, item.long_text], item.image, item.actions, session.messages); |
||||
|
notify(true); |
||||
|
},delay); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
function showCloud(title, text, img, actions, messages){ |
||||
|
|
||||
|
var image = img ? '<img src="' + img : ''; |
||||
|
var long_text = text[1] ? '<div class="long-text"> <button class="toggle button confirm">More...</button> <div class="text-content">' + text[1] + '</div> </div>' : ''; |
||||
|
|
||||
|
var cloud = $('<div class="cloud left"> <div class="title">' + title + '</div> <div class="short-text">' + text[0] + '</div>' + long_text + image + '</div>'); |
||||
|
|
||||
|
cloud.find('.toggle').on('click', function(e){ |
||||
|
var button = $(e.currentTarget); |
||||
|
var text = button.siblings('.text-content'); |
||||
|
if(text.is(':visible')){ |
||||
|
button.text('More...'); |
||||
|
text.slideUp(); |
||||
|
}else{ |
||||
|
button.text('Less...'); |
||||
|
text.slideDown(); |
||||
|
} |
||||
|
}); |
||||
|
content.append(cloud); |
||||
|
|
||||
|
if(actions.length){ |
||||
|
|
||||
|
var actionsContainer = $('<div class="actions"></div>'); |
||||
|
$.each(actions, function(index, value){ |
||||
|
var button = $('<button class="goto button dotted" data-goto="' + value.mid + '">' + value.label + '</button>'); |
||||
|
|
||||
|
button.on('click', function(e){ |
||||
|
var goto = $(e.currentTarget); |
||||
|
var messageId = goto.data('goto'); |
||||
|
var fullMessage = messages.filter( function(m){m.id == messageId}); |
||||
|
showCloud(fullMessage[0].title, [fullMessage[0].short_text, fullMessage[0].long_text], fullMessage[0].image, fullMessage[0].actions, messages); |
||||
|
notify(false); |
||||
|
}); |
||||
|
|
||||
|
actionsContainer.append(button); |
||||
|
}); |
||||
|
|
||||
|
content.append(actionsContainer); |
||||
|
} |
||||
|
|
||||
|
scrollBottom(); |
||||
|
} |
||||
|
|
||||
|
function scrollBottom(){ |
||||
|
$('html, body').stop().animate({ |
||||
|
scrollTop: $('.cloud').last().offset().top |
||||
|
}, 1000); |
||||
|
} |
||||
|
|
||||
|
function notify(vibrate){ |
||||
|
if(vibrate){ |
||||
|
var canVibrate = (navigator.vibrate || |
||||
|
navigator.webkitVibrate || |
||||
|
navigator.mozVibrate || |
||||
|
navigator.msVibrate); |
||||
|
if(canVibrate){ |
||||
|
navigator.vibrate(500); |
||||
|
} |
||||
|
} |
||||
|
$('#notify1')[0].play(); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
function getMessage(message){ |
||||
|
showCloud(message.title, [message.short_text, message.long_text], message.image, '', ''); |
||||
|
notify(true); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
function getParameterByName(name, url) { |
||||
|
if (!url) url = window.location.href; |
||||
|
name = name.replace(/[\[\]]/g, "\\$&"); |
||||
|
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), |
||||
|
results = regex.exec(url); |
||||
|
if (!results) return null; |
||||
|
if (!results[2]) return ''; |
||||
|
return decodeURIComponent(results[2].replace(/\+/g, " ")); |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,4 +0,0 @@ |
|||||
[Dolphin] |
|
||||
PreviewsShown=true |
|
||||
Timestamp=2017,10,21,18,38,1 |
|
||||
Version=4 |
|
||||
|
Before Width: | Height: | Size: 893 KiB |
|
Before Width: | Height: | Size: 247 KiB |
@ -0,0 +1,34 @@ |
|||||
|
<!doctype html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<title>COZe</title> |
||||
|
<link href="/css/styles.css" rel="stylesheet" type="text/css"/> |
||||
|
<link href="/css/stylesGlobal.css" rel="stylesheet" type="text/css"/> |
||||
|
</head> |
||||
|
<body> |
||||
|
|
||||
|
<div id="MainContent" class="container"> |
||||
|
<form method="post" enctype="multipart/form-data" class="send_message_form"> |
||||
|
<div class="row"> |
||||
|
<div class="col-12"> |
||||
|
<span class="font-12 text-grey">Message title</span> |
||||
|
<input type="text" name="title" class="title"> |
||||
|
</div> |
||||
|
<div class="col-12"> |
||||
|
<span class="font-12 text-grey">Message text</span> |
||||
|
<textarea class="mce text" name="text"></textarea> |
||||
|
</div> |
||||
|
<div class="col-12 text-center p4 px-0"> |
||||
|
<button type="submit" class="button big full confirm mx-0">Send message</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
|
||||
|
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> |
||||
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.7.11/tinymce.min.js"></script> |
||||
|
<script type="text/javascript" src="/socket.io/socket.io.js"></script> |
||||
|
<script type="text/javascript" src="/setMessage.js"></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,45 @@ |
|||||
|
$(document).ready(()=>{ |
||||
|
|
||||
|
const socket = io(); |
||||
|
const baseUrl = 'http://' + window.location.hostname; |
||||
|
|
||||
|
tinymce.init({ |
||||
|
selector: '.mce', |
||||
|
height: 200, |
||||
|
theme: 'modern', |
||||
|
menubar: false, |
||||
|
forced_root_block : '', |
||||
|
force_br_newlines : true, |
||||
|
pagebreak_separator: '%break%', |
||||
|
plugins: [ |
||||
|
'advlist autolink pagebreak lists paste' |
||||
|
], |
||||
|
toolbar: 'bold italic underline | bullist numlist pagebreak | removeformat', |
||||
|
image_advtab: false, |
||||
|
content_css: [ |
||||
|
'//fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i', |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
const form = $('.send_message_form'); |
||||
|
|
||||
|
form.on('submit', function(e){ |
||||
|
e.preventDefault(); |
||||
|
|
||||
|
const title = form.find('.title').val(); |
||||
|
const text = form.find('.text').val().split('%break%'); |
||||
|
|
||||
|
const fullMessage = { |
||||
|
'title': title, |
||||
|
'short_text': text[0], |
||||
|
'long_text': text[1], |
||||
|
'image': '', |
||||
|
}; |
||||
|
|
||||
|
socket.emit('message', fullMessage); |
||||
|
parent.postMessage("cbClose", baseUrl); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
|
||||
@ -1,33 +0,0 @@ |
|||||
<!doctype html> |
|
||||
<html lang="en"> |
|
||||
<head> |
|
||||
<title>COZe</title> |
|
||||
<meta charset="UTF-8"> |
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> |
|
||||
<link rel="stylesheet" href="/css/styles.css"> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div class="header"> |
|
||||
<img class="menu" src="/images/menu.png"> |
|
||||
<img class="logo" src="/images/logo.png"> |
|
||||
</div> |
|
||||
|
|
||||
<div class="content client"> |
|
||||
</div> |
|
||||
|
|
||||
|
|
||||
<audio id="notify1"> |
|
||||
<source src="../sounds/message.ogg" type="audio/ogg"> |
|
||||
</audio> |
|
||||
|
|
||||
<script src="https://code.jquery.com/jquery-latest.min.js"></script> |
|
||||
<script src="/socket.io/socket.io.js"></script> |
|
||||
<script src="/smartphone.js"></script> |
|
||||
|
|
||||
<iframe class="iframeGET" src=""></iframe> |
|
||||
<!-- |
|
||||
<div class="footer"> |
|
||||
<input type="text"> |
|
||||
</div>--> |
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,192 +0,0 @@ |
|||||
$(document).ready(()=>{ |
|
||||
|
|
||||
const socket = io(); |
|
||||
const baseUrl = "http://coze-training.local"; |
|
||||
const serverPath = "http://" + window.location.hostname + ":" + window.location.port + "/";// "http://coze.dev:3000/";
|
|
||||
const canVibrate = "vibrate" in navigator || "mozVibrate" in navigator; |
|
||||
if (canVibrate && !("vibrate" in navigator)){navigator.vibrate = navigator.mozVibrate;} |
|
||||
|
|
||||
const content = $('.content') |
|
||||
|
|
||||
const urlString = window.location.href |
|
||||
const url = new URL(urlString); |
|
||||
const sid = url.searchParams.get("sid"); |
|
||||
|
|
||||
$.getJSON( baseUrl + "/apis/getMessages.php", { |
|
||||
sid: sid |
|
||||
}).done( (data)=> { |
|
||||
console.log(data); |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
}); |
|
||||
|
|
||||
/* |
|
||||
|
|
||||
socket.on('cloudIndex', showCloud); |
|
||||
socket.on('reset', reset); |
|
||||
socket.on('message', showMessage); |
|
||||
socket.on('response', showResponse); |
|
||||
socket.on('actions', showActions); |
|
||||
socket.on('display', showHtml); |
|
||||
|
|
||||
|
|
||||
|
|
||||
function reset(index){ |
|
||||
cloudCount = 0 |
|
||||
console.log('RESET:', index) |
|
||||
content.empty() |
|
||||
parent.postMessage(cloudCount, "*") |
|
||||
} |
|
||||
|
|
||||
function showCloud(index){ |
|
||||
console.log('RECEIVE:', index); |
|
||||
|
|
||||
const thisCloud = $(clouds.get(index)); |
|
||||
let offset = 0; |
|
||||
|
|
||||
if(!thisCloud.hasClass('empty')){ |
|
||||
notify(true); |
|
||||
} |
|
||||
thisCloud.fadeIn(400,()=>{ |
|
||||
if(thisCloud.hasClass('scroll')){ |
|
||||
offset = thisCloud.offset().top |
|
||||
|
|
||||
content.animate({ |
|
||||
scrollTop: offset |
|
||||
}, 400); |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
} |
|
||||
|
|
||||
function showMessage(message){ |
|
||||
let newCloud = $('<div class="cloud right">' + decodeURIComponent(message) + '</div>'); |
|
||||
content.append(newCloud); |
|
||||
newCloud.fadeIn(); |
|
||||
content.animate({ |
|
||||
scrollTop: newCloud.offset().top |
|
||||
}, 400); |
|
||||
notify(false); |
|
||||
|
|
||||
cloudCount++ |
|
||||
parent.postMessage(cloudCount, "*") |
|
||||
} |
|
||||
|
|
||||
function showResponse(message){ |
|
||||
let newCloud = $('<div class="cloud left">' + decodeURIComponent(message) + '</div>'); |
|
||||
content.append(newCloud); |
|
||||
newCloud.fadeIn(); |
|
||||
content.animate({ |
|
||||
scrollTop: newCloud.offset().top |
|
||||
}, 400); |
|
||||
notify(true); |
|
||||
} |
|
||||
|
|
||||
function showActions(actions){ |
|
||||
|
|
||||
const actionsArray = decodeURIComponent(actions).split("|"); |
|
||||
let token = ""; |
|
||||
let buttons = ""; |
|
||||
let text = ""; |
|
||||
let side = ""; |
|
||||
|
|
||||
$.each(actionsArray, (index, val)=>{ |
|
||||
if(index==0){ |
|
||||
token = val; |
|
||||
}else{ |
|
||||
buttons += "<button class= \"button dotted\">"+val+"</button>"; |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
let newCloud = $('<div class="cloud empty">' + buttons + '</div>'); |
|
||||
content.append(newCloud); |
|
||||
newCloud.fadeIn(); |
|
||||
content.animate({ |
|
||||
scrollTop: newCloud.offset().top |
|
||||
}, 400); |
|
||||
|
|
||||
newCloud.find('button').on('click', ()=>{ |
|
||||
$('.iframeGET').attr('src', serverPath + 'control.html?display='+token); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
|
|
||||
function showHtml(token){ |
|
||||
|
|
||||
switch(token){ |
|
||||
case "plans_1": |
|
||||
side = "empty"; |
|
||||
text = "<img src=\""+serverPath.replace(":3000", "")+"images/video.png\" class=\"video-opener\">"; |
|
||||
break; |
|
||||
case "pull_1": |
|
||||
side = "left"; |
|
||||
text = "Ricordati di non avvicinarti eccessivamente."; |
|
||||
break; |
|
||||
case "monit_1": |
|
||||
side = "left"; |
|
||||
text = "<b>TEMA 3 COMPETENZE DI VENDITA - REGOLA#1<br><br>"+ |
|
||||
"Non rispondere a domande non fatte</b><br><br>"+ |
|
||||
"Il cliente chiede di un prodotto. È meglio limitarsi a domandare cosa il cliente voglia sapere del prodotto.<br>"+ |
|
||||
"<b>Ad esempio, colore, materiale, taglia.</b>"+ |
|
||||
"<img src=\""+serverPath.replace(":3000", "")+"images/photo-compare2.jpg\" width=\"100%\">"; |
|
||||
break; |
|
||||
} |
|
||||
|
|
||||
if(tokenOnce.indexOf(token) < 0){ |
|
||||
|
|
||||
let newCloud = $('<div class="cloud '+side+'">' + text + '</div>'); |
|
||||
setTimeout( ()=>{ |
|
||||
content.append(newCloud); |
|
||||
newCloud.fadeIn(); |
|
||||
content.animate({ |
|
||||
scrollTop: newCloud.offset().top |
|
||||
}, 400); |
|
||||
|
|
||||
content.find('.video-opener').on('click', (e)=>{ |
|
||||
|
|
||||
const show = $('#video') |
|
||||
const video = show.find('video') |
|
||||
const close = show.find('.video-close') |
|
||||
|
|
||||
show.fadeIn() |
|
||||
video.get(0).play() |
|
||||
|
|
||||
close.on('click', (e)=>{ |
|
||||
const elem = $(e.currentTarget) |
|
||||
const video = elem.siblings('video') |
|
||||
|
|
||||
video.get(0).pause() |
|
||||
elem.parent().fadeOut() |
|
||||
|
|
||||
}) |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
notify(true);; |
|
||||
},1000); |
|
||||
|
|
||||
tokenOnce.push(token); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
|
|
||||
function notify(vibrate){ |
|
||||
|
|
||||
if(vibrate){ |
|
||||
navigator.vibrate(500); |
|
||||
} |
|
||||
|
|
||||
$('#notify1')[0].play(); |
|
||||
} |
|
||||
*/ |
|
||||
|
|
||||
|
|
||||
}); |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue