jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-13 04:16:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Localize lock dialog (#1249)

Browse Source 
* Localize lock dialog

* Fix attribute binding

* Add ev
This commit is contained in:
c727 2018-06-03 13:37:35 +02:00 committed by Paulus Schoutsen
parent d16f4c846a
commit cb284d9718
2 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/dialogs/more-info/controls/more-info-lock.js
View File

@ -5,30 +5,32 @@ import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../../components/ha-attributes.js';
class MoreInfoLock extends PolymerElement {
import LocalizeMixin from '../../../mixins/localize-mixin.js';
/*
* @appliesMixin LocalizeMixin
*/
class MoreInfoLock extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<style>
paper-input {
display: inline-block;
}
</style>
<style>
paper-input {
display: inline-block;
}
</style>
<div hidden\$="[[!stateObj.attributes.code_format]]">
<paper-input label="code" value="{{enteredCode}}" pattern="[[stateObj.attributes.code_format]]" type="password"></paper-input>
<paper-button on-click="handleUnlockTap" hidden\$="[[!isLocked]]">Unlock</paper-button>
<paper-button on-click="handleLockTap" hidden\$="[[isLocked]]">Lock</paper-button>
</div>
<ha-attributes state-obj="[[stateObj]]" extra-filters="code_format"></ha-attributes>
`;
<template is="dom-if" if="[[stateObj.attributes.code_format]]">
<paper-input label="[[localize('ui.card.lock.code')]]" value="{{enteredCode}}" pattern="[[stateObj.attributes.code_format]]" type="password"></paper-input>
<paper-button on-click="callService" data-service="unlock" hidden$="[[!isLocked]]">[[localize('ui.card.lock.unlock')]]</paper-button>
<paper-button on-click="callService" data-service="lock" hidden$="[[isLocked]]">[[localize('ui.card.lock.lock')]]</paper-button>
</template>
<ha-attributes state-obj="[[stateObj]]" extra-filters="code_format"></ha-attributes>
`;
}
static get properties() {
return {
hass: {
type: Object,
},
hass: Object,
stateObj: {
type: Object,
observer: 'stateObjChanged',
@ -37,28 +39,23 @@ class MoreInfoLock extends PolymerElement {
type: String,
value: '',
},
isLocked: Boolean,
isLocked: Boolean
};
}
handleUnlockTap() {
this.callService('unlock', { code: this.enteredCode });
}
handleLockTap() {
this.callService('lock', { code: this.enteredCode });
}
stateObjChanged(newVal) {
if (newVal) {
this.isLocked = newVal.state === 'locked';
}
}
callService(service, data) {
var serviceData = data || {};
serviceData.entity_id = this.stateObj.entity_id;
this.hass.callService('lock', service, serviceData);
callService(ev) {
const service = ev.target.getAttribute('data-service');
const data = {
entity_id: this.stateObj.entity_id,
code: this.enteredCode
};
this.hass.callService('lock', service, data);
}
}

5
src/translations/en.json
View File

@ -344,6 +344,11 @@
"white_value": "White value",
"effect": "Effect"
},
"lock": {
"code": "[%key:ui::card::alarm_control_panel::code%]",
"lock": "Lock",
"unlock": "Unlock"
},
"media_player": {
"text_to_speak": "Text to speak"
},