aboutsummaryrefslogtreecommitdiff
path: root/js/models/element-model.js
blob: 72d618061130f457a109e6b21c885c9d4ace0200 (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
/* <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,
    Properties3D        = require("js/models/properties-3d").Properties3D,
    ShapeModel          = require("js/models/shape-model").ShapeModel,
    ControllerFactory   = require("js/controllers/elements/controller-factory").ControllerFactory,
    PiData              = require("js/data/pi/pi-data").PiData;

exports.ElementModel = Montage.create(Montage, {
    key:            { value: "_model_"},

    type:           { value: null },                // Tag type that was created
    selection:      { value: null },                // Selection string
    controller:     { value: null },                // Controller Class
    pi:             { value: null },

    id:             { value: "" },
    classList:      { value: null },
    defaultRule:    { value: null },

    top:            { value: null },
    left:           { value: null },
    width:          { value: null },
    height:         { value: null },
    props3D:        { value: null },

    isShape:        { value: false },
    shapeModel:     { value: null },
    isIn2DSnapCache : { value: false },

    fill:           { value: null },
    stroke:         { value: null },

    initialize: {
        value: function(el, isShape) {
            var elementName, controller;

            elementName = el.nodeName.toLowerCase();
            controller = this.elementNameToController(elementName);

            this.type = el.nodeName;
            this.selection = elementName;
            this.controller = ControllerFactory.getController(controller);
            this.pi = this.elementNameToPi(elementName);
            this.props3D = Montage.create(Properties3D);

            //shapeModel: { value: shapeProps},
//            isShape:    { value: isShape}

            return this;

        }
    },

    elementNameToController: {
        value: function(name) {
            if(name === "div" || name === "custom") {
                return "block";
            } else if(name === "img") {
                return "image";
            } else {
                return name;
            }
        }
    },

    elementNameToPi: {
        value: function(name) {
            var piString = name + "Pi";

            if(!PiData.hasOwnProperty(piString)) {
                piString = "blockPi";
            }

            return piString;
        }
    },

    getProperty: {
        value: function(property) {
            var key = this.key + property;

            if(!this.hasOwnProperty(key)) {
                this.defineModelProperty(key, null);
            }

            return this[key];
        }
    },

    setProperty: {
        value: function(property, value) {
            var key = this.key + property;

            if(!this.hasOwnProperty(key)) {
                this.defineModelProperty(key, value);
            } else {
                this[key] = value;
            }
        }
    },

    defineModelProperty: {
        value: function(property, value) {
            Montage.defineProperty(this, property, {
                enumarable: true,
                value:value
            });
        }
    }

});