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
|
/* <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,
ElementController = require("js/controllers/elements/element-controller").ElementController;
exports.StageController = Montage.create(ElementController, {
// TODO - This is a simple routine, may not always be correct
_isRotated: {
value: function(mat) {
if(mat[1] !== 0) return true;
if(mat[2] !== 0) return true;
if(mat[3] !== 0) return true;
if(mat[4] !== 0) return true;
if(mat[6] !== 0) return true;
if(mat[7] !== 0) return true;
if(mat[8] !== 0) return true;
if(mat[9] !== 0) return true;
if(mat[11] !== 0) return true;
return false;
}
},
// TODO - perspective distance needs to be passed in as "dist" and matrix3d needs to be passed in as "mat"
set3DProperties: {
value: function(el, props, index, update3DModel) {
var dist = props[index]["dist"],
mat = props[index]["mat"];
this.application.ninja.stylesController.setElementStyle(el,
"-webkit-transform",
"perspective(" + dist + ") " +
"matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")",
true);
el.elementModel.props3D.matrix3d = mat;
el.elementModel.props3D.perspectiveDist = dist;
// TODO - Move this to matrix class
if(this._isRotated(mat))
{
this.application.ninja.currentDocument.stageBG.style.display = "none";
}
else
{
this.application.ninja.stylesController.setElementStyle(this.application.ninja.currentDocument.stageBG,
"-webkit-transform",
"perspective(" + dist + ") " +
"matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")",
true);
this.application.ninja.currentDocument.stageBG.elementModel.props3D.matrix3d = mat;
this.application.ninja.currentDocument.stageBG.elementModel.props3D.perspectiveDist = dist;
this.application.ninja.currentDocument.stageBG.style.display = "block";
}
this.application.ninja.stage.updatedStage = true;
if(update3DModel)
{
this._update3DProperties(el, mat, dist);
}
}
},
getProperty: {
value: function(el, p) {
switch(p) {
case "border":
return el.elementModel.stageView.style.getProperty(p);
case "height":
return el.elementModel.stageDimension.style.getProperty(p);
case "width":
return el.elementModel.stageDimension.style.getProperty(p);
default:
return ElementController.getProperty(el, p, false, true);
//console.log("Undefined Stage property ", p);
}
}
},
setProperty: {
value: function(el, p, value) {
switch(p) {
case "background":
el.elementModel.body.style.setProperty(p, value);
break;
case "overflow":
el.elementModel.viewPort.style.setProperty(p, value);
break;
case "width":
el.elementModel.stageDimension.style.setProperty(p, value);
break;
case "height":
el.elementModel.stageDimension.style.setProperty(p, value);
break;
default:
console.log("Undefined property ", p, "for the Stage Controller");
}
}
},
setAttribute: {
value: function(el, att, value) {
if(att === "id") {
el.elementModel.id = value;
}
}
},
changeSelector: {
value: function(el, rule, selector) {
el.elementModel.transitionStopRule.selectorText = selector;
}
}
});
|