aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/document-entry.reel/document-entry.js
blob: 81a63c90c12cf9465374e5dfd61254f349f93d94 (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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
/* <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> */

var Montage = require("montage/core/core").Montage;
var Component = require("montage/ui/component").Component;

exports.DocumentEntry = Montage.create(Component, {

    dirty: { value: null },

    _uuid: {
        value: null,
        enumerable: false
    },

    _document: {
        enumerable: false,
        value: null
    },

    document: {
        enumerable: false,
        get: function() {
            return this._document;
        },
        set: function(value) {

            if (this._document === value) {
                return;
            }

            this._document = value;
            this._uuid = value.uuid;
            //this.needsDraw = true;
        }
    },

    _name: { value: null },

    name: {
        enumerable: false,
        get: function() {
            return this._name;
        },
        set: function(value) {

            if (this._name === value) {
                return;
            }

            this._name = value;
            this.needsDraw = true;
        }
    },

    _active: {
        enumerable: false,
        value: null
    },

    active: {
        get: function() {
            return this._active;
        },
        set: function(value) {
            var previousValue = this._active;
            this._active = value;

            if (previousValue !== this._active) {
                this.needsDraw = true;
            }
        }
    },

    _saveFlag: {
        value: false
    },

    saveFlag: {
        get: function() {
            return this._saveFlag;
        },
        set: function(value) {
            if(this._saveFlag !== value) {
                this._saveFlag = value;
                this.needsDraw = true;
            }
        }
    },

    prepareForDraw: {
        enumerable: false,
        value: function() {
           this.element.addEventListener("click", this, false);
        }
    },


    draw: {
        enumerable: false,
        value: function() {
            this.label.innerText = this._name ? this._name : "";

            this._active ? this.element.classList.add("activeTab") : this.element.classList.remove("activeTab");

            if(this.saveFlag) {
                this.label.classList.add("dirty");
            } else {
                this.label.classList.remove("dirty");
            }
        }
    },

    handleClick: {
        value: function(event) {
            if(event._event.target.nodeName === "IMG") {
                this.application.ninja.documentController.closeDocument(this._uuid);
            } else {
                if(!this._document.isActive) {
                    this.application.ninja.stage.stageView.switchDocument(this.application.ninja.documentController._findDocumentByUUID(this._uuid));
                }
            }
        }
    }

});