2018-04-23 13:34:12 +00:00
|
|
|
<script>
|
2018-07-03 14:54:41 +00:00
|
|
|
document.addEventListener("WebComponentsReady", function(event) {
|
|
|
|
class UserInfo extends SIBDisplayLookupList {
|
|
|
|
get parentElement() {return "div"}
|
|
|
|
getTemplate(value, index) {
|
|
|
|
var firstname, lastname;
|
|
|
|
|
|
|
|
if(typeof value == "object")
|
|
|
|
if(value.first_name) {
|
|
|
|
firstname = value.first_name;
|
|
|
|
lastname = value.last_name;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
store.get(value).then(resource => {
|
|
|
|
this.value.push(resource);
|
|
|
|
this.render();
|
|
|
|
});
|
|
|
|
if(Array.isArray(this.value))this.value.splice(this.value.indexOf(value), 1);
|
|
|
|
else this.value = [];
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
return `<span id="${firstname}-${lastname}">${firstname} ${lastname}</span>`;
|
|
|
|
}
|
2018-04-23 13:34:12 +00:00
|
|
|
}
|
2018-07-03 14:54:41 +00:00
|
|
|
customElements.define('hdapp-userinfo', UserInfo);
|
|
|
|
});
|
|
|
|
|
|
|
|
// class LDPDisplayCell extends SIBDisplayLookupList {
|
|
|
|
// get template() {
|
|
|
|
// return `<div name="${this.name}">${this.value.city} - ${this.value.country}</div>`;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// customElements.define("ldp-display-cell", LDPDisplayCell);
|
2018-04-23 13:34:12 +00:00
|
|
|
</script>
|
|
|
|
|
2018-04-19 16:24:42 +00:00
|
|
|
<div id="members" class="view" style="display: none">
|
2018-06-21 12:33:57 +00:00
|
|
|
<sib-display
|
2018-04-20 06:58:30 +00:00
|
|
|
id="profiles-list"
|
2018-05-01 08:11:58 +00:00
|
|
|
data-src="<?php echo $sdn; ?>/members/"
|
2018-07-03 14:54:41 +00:00
|
|
|
data-fields="user"
|
|
|
|
widget-user="hdapp-userinfo"
|
2018-06-21 12:33:57 +00:00
|
|
|
></sib-display>
|
2018-03-17 17:34:32 +00:00
|
|
|
</div>
|