@vidal-community/vidal-web-components
Version:
Vidal Web Components
134 lines (130 loc) • 16.6 kB
JavaScript
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { html, LitElement, css } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { LevelDisplay } from './models/level-display';
import { levelLogoDown, levelLogoMiddle, levelLogoUp } from './data/level-logos';
import { msg } from '@lit/localize';
let LevelDisplaySelector = class LevelDisplaySelector extends LitElement {
constructor() {
super(...arguments);
this.selectedLevelDisplay = LevelDisplay.APPARATUS;
this.valueChangeEvent = (value) => console.log(value.name);
}
setLevelLogo() {
if (this.selectedLevelDisplay === LevelDisplay.APPARATUS) {
this.levelLogo = levelLogoUp;
}
else if (this.selectedLevelDisplay === LevelDisplay.SIDE_EFFECT) {
this.levelLogo = levelLogoMiddle;
}
else if (this.selectedLevelDisplay === LevelDisplay.DRUG) {
this.levelLogo = levelLogoDown;
}
}
onChange(levelDisplay) {
this.selectedLevelDisplay = levelDisplay;
this.valueChangeEvent(levelDisplay);
}
render() {
this.setLevelLogo();
const levelImage = this.levelLogo
? html `<img src="${this.levelLogo}" alt="" />`
: '';
const resetLogo = 'data:image/png;base64,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pS+TyfD9998zODioLiETxbZtRkdHOXv2rOJq27apqqratjbVbNumUCig6zo1NTWi2FDHcVhdXWVycpLFxUXlnUAgQFtbG/v37y8Jb7FKXbp0id7eXhYWFhBCKNKPx+McP368pPCWteq2oZeyZ9s2oVCIxx57rERdbNtWHspmswpjFRUVHD16lIMHD1JWVoZlWViWRTAYJBQKYRgGv/zyC319fSSTSWzbJp1O89FHHxGPx9U5kl0qKyuFFJSbKkra29vp7+8vud0999xDU1MTpmmW1Jd1dXW89dZbTE1NMTY2RiqVor6+nqamJj744AN+/fVXzp07x65du2hvb+fEiRNcuHCBYvXJ5/M89NBD6sxbMVQ0NjZ6V65cUdSzc+dOOjo6rgO8rPDvv/9+WltbVdI4jsNzzz3HwsICq6urnD59mng8Tk9PT4koAOzcuZO2tjYikci2PdR1RYllWTz//PNKhTzPIx6P8/PPP5PJZJSSJBKJkkOLMx+gtbWVAwcOYFkWExMTfP755xSHVlZb7e3t1NbWNv5VO71lPfroo4+K4eFh79y5cwAkEglOnjyplOXMmTMkk0na2tpobm6mrKwM0zRVUubzedbX18nn84rWivVdroaGBh5//HHKyspm/qrRu65nkok0Ozvrffzxx4yNjZWoTnV1NX/++SfpdJqKigoaGxt56aWXaGlpUfv7+/s5efIkV65cIZVKlUxJJJvce++9vPzyyxw4cECYpnnD0dANQy9xUltbK5599lnq6upUSLPZLJOTk1y9ehXXdVlcXGR0dJS1tTX1gkKhwMzMDOPj42xubiolK17RaJQjR46wf/9+YVlWSdl3S6GXCrNnzx7h8/m87u5uZmdnlcdCoRCFQgHXddnY2KC/v5+lpSU8z8OyLC5cuKDIXdO0ktLOMAxeeOEFnn76aSGLnJsZQmzb18se6NKlS96XX37JyMgI8Xgcn8+ntP/aREomk/j9fsWTjuOQy+UIhUKUl5fz9ttv09zcLIpboO26z5se6cjD0uk0AwMD3nfffcfKygqpVEqFVnoqk8kQCASUgBiGQSQSobKykj179vDUU0+JQCCg+FhWVtvx500ZKkMiRziGYZBMJhkaGvJmZmZYXFxkZWWFdDpNLpcDUA1gWVkZsViMhoYGHnjgAWKxmChWPKmIW40sb3tIdqNJSjqdZnl52dvY2FCVkmEYBINBKioq/h2NRv9lmubfMtQV/89vocWUstUkWpZ2W02q79gMX3al0luyiJbhlOPHayurOzLIvZYRig2QBhZ3Azczpbsjv4ps56m/w4t3f2e6a+g/ydD/AG84chPf4Oo7AAAAAElFTkSuQmCC';
return html ` <div
class="selector-container"
title="${msg("Choisir le niveau d'affichage.")}"
>
<span
class="${this.selectedLevelDisplay === LevelDisplay.APPARATUS
? 'selected'
: ''}"
="${() => this.onChange(LevelDisplay.APPARATUS)}"
>${msg('APPAREIL')}</span
>
<span
class="${this.selectedLevelDisplay === LevelDisplay.SIDE_EFFECT
? 'selected'
: ''}"
="${() => this.onChange(LevelDisplay.SIDE_EFFECT)}"
>${msg('EFFETS INDÉSIRABLES')}</span
>
<span
class="${this.selectedLevelDisplay === LevelDisplay.DRUG
? 'selected'
: ''}"
="${() => this.onChange(LevelDisplay.DRUG)}"
>${msg('MÉDICAMENTS')}</span
>
</div>
${levelImage}
<div
class="reset"
title="${msg("Réinitialiser le niveau d'affichage.")}"
=${this.reset}
>
<img src="${resetLogo}" alt="Reset" />
</div>`;
}
};
LevelDisplaySelector.styles = css `
:host {
height: 30px;
width: 47%;
display: flex;
justify-content: center;
align-items: center;
font-family: Roboto, sans-serif;
}
.selector-container {
height: 100%;
width: 100%;
margin-right: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-radius: 12px;
box-shadow: rgb(0 0 0) 0px 0px 7px 0px inset;
}
.selector-container span {
width: 30%;
height: 100%;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 12px;
}
.selected {
background: #434343;
color: white;
}
.reset {
margin-left: 10px;
cursor: pointer;
}
`;
__decorate([
property({ attribute: false })
], LevelDisplaySelector.prototype, "reset", void 0);
__decorate([
property({ attribute: false })
], LevelDisplaySelector.prototype, "selectedLevelDisplay", void 0);
__decorate([
property()
], LevelDisplaySelector.prototype, "valueChangeEvent", void 0);
__decorate([
property({ attribute: false })
], LevelDisplaySelector.prototype, "levelLogo", void 0);
LevelDisplaySelector = __decorate([
customElement('level-display-selector')
], LevelDisplaySelector);
export { LevelDisplaySelector };
//# sourceMappingURL=level-display-selector.js.map