aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/dynamic-text.reel/dynamic-text.js
blob: 0731b7235ebc941ab765ff8dee5460bc48caaaec (plain)
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
/**
	@module "montage/ui/dynamic-text.reel"
    @requires montage/core/core
    @requires montage/ui/component
*/
var Montage = require("montage").Montage,
    Component = require("ui/component").Component;

/**
 @class module:"montage/ui/dynamic-text.reel".DynamicText
 @extends module:montage/ui/component.Component
 */
exports.DynamicText = Montage.create(Component, /** @lends module:"montage/ui/dynamic-text.reel".DynamicText# */ {

    hasTemplate: {
        value: false
    },
/**
  Description TODO
  @private
*/
    _value: {
        enumerable: false,
        value: null
    },
/**
        Description TODO
        @type {Function}
        @default null
    */
    value: {
        get: function() {
            return this._value;
        },
        set: function(value) {
            if (this._value !== value) {
                this.needsDraw = true;
            }
            this._value = value;
        },
        serializable: true
    },
/**
        The Montage converted used to convert or format values displayed by this DynamicText instance.
        @type {Property}
        @default null
    */
    converter: {
        value: null
    },
/**
        The default string value assigned to the DynamicText instance.
        @type {Property}
        @default {String} ""
    */
    defaultValue: {
        value: ""
    },

    /**
     @private
     */
    _valueNode: {
        value: null,
        enumerable: false
    },

    prepareForDraw: {
        value: function() {
            this._element.innerHTML = "";
            if (!this._element.firstChild) {
                this._element.appendChild(document.createTextNode(""));
            }
            this._valueNode = this._element.firstChild;
        }
    },


    draw: {
        value: function() {
            var displayValue = (this.value || 0 === this.value ) ? this._value : this.defaultValue;

            if (this.converter) {
                displayValue = this.converter.convert(displayValue);
            }
            this._valueNode.data = displayValue;
        }
    }

});