WeLoop Snippet 2.0.0
Start project on localhost:8080 :
npm install
cd dev
gulpCall methods from iframe
window.parent.postMessage({ application: 'weloop', name: 'display', value: 'none' }, '*');Parameters
| application | name | value |
|---|---|---|
| 'weloop' | 'display' | 'none', 'block' |
| 'weloop' | 'mode-widget' | |
| 'weloop' | 'mode-notification' | |
| 'weloop' | 'mode-panel' | |
| 'weloop' | 'get-screenshot' | |
| 'weloop' | 'get-url' | |
| 'weloop' | 'get-currentUser' | object user |
Listener on iframe
/* example */
window.addEventListener("message", function (e) {
var d = e.data;
if (d.application == 'weloop') {
switch (d.name) {
case 'get-screenshot':
console.log(d.value); //base64
break;
}
}
});Parameters
| application | name | value |
|---|---|---|
| 'weloop' | 'get-currentUser' | object user |
| 'weloop' | 'get-screenshot' | base64 of screenshot |
| 'weloop' | 'get-url' | current url |
| 'weloop' | 'mode-panel' | |
| 'weloop' | 'get-screenshot' | |
| 'weloop' | 'get-url' |
To install the script on web application:
<script type="text/javascript" src="http://localhost:8080/weloop.js"></script>
<script>
weloop.init({
appGuid: "7XAt3FaoJoAsncM1Q9x5+3V0Ww68",
user: { // dynamic
fullname: "Paseuth Thammavong",
email: "paseuth.thammavong@weloop.io",
jobTitle: "CTO",
avatar: "myphoto.png"
}
});
</script>