-
-
Notifications
You must be signed in to change notification settings - Fork 515
/
DisplayerNumber.vue
76 lines (59 loc) · 2.01 KB
/
DisplayerNumber.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!--
* See the NOTICE file distributed with this work for additional
* information regarding copyright ownership.
*
* This is free software; you can redistribute it and/or modify it
* under the terms of the GNU Lesser General Public License as
* published by the Free Software Foundation; either version 2.1 of
* the License, or (at your option) any later version.
*
* This software is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public
* License along with this software; if not, write to the Free
* Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
* 02110-1301 USA, or see the FSF site: http://www.fsf.org.
-->
<!--
DisplayerNumber is a custom displayer that displays the entry value as numbers.
As this is very simple, it uses the BaseDisplayer default widgets
-->
<template>
<!--
Uses the BaseDisplayer as root element, as it handles for us
all the displayer default behavior
-->
<BaseDisplayer
class="displayer-number"
:property-id="propertyId"
:entry="entry"
:is-view.sync="isView"
@saveEdit="genericSave"
>
<!-- Keep the default Viewer widget -->
<template #viewer></template>
<!-- Keep the default Editor widget -->
<template #editor></template>
</BaseDisplayer>
</template>
<script>
import displayerMixin from "./displayerMixin.js";
import BaseDisplayer from "./BaseDisplayer.vue";
import displayerStatesMixin from "./displayerStatesMixin";
export default {
name: "displayer-number",
components: {
BaseDisplayer,
},
// Add the displayerMixin to get access to all the displayers methods and computed properties inside this component
mixins: [displayerMixin, displayerStatesMixin],
};
</script>
<style>
.livedata-displayer.displayer-number {
text-align: right;
}
</style>