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
|
/* <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/slot.reel"
@requires montage/core/core
@requires montage/ui/component
*/
var Montage = require("montage").Montage,
Component = require("ui/component").Component;
/**
@class module:"montage/ui/slot.reel".Slot
@extends module:montage/ui/component.Component
*/
exports.Slot = Montage.create(Component, /** @lends module:"montage/ui/slot.reel".Slot# */ {
hasTemplate: {
enumerable: false,
value: false
},
didCreate: {
value: function() {
this.content = null;
}
},
/**
Description TODO
@type {Property}
@default null
*/
delegate: {
enumerable: false,
value: null,
serializable: true
},
_content: {
value: null
},
/**
Description TODO
@type {Function}
@default null
*/
content: {
enumerable: false,
get: function() {
return this._content;
},
set: function(value) {
var element;
if (value && typeof value.needsDraw !== "undefined") {
// If the incoming content was a component; make sure it has an element before we say it needs to draw
if (!value.element) {
element = document.createElement("div");
element.id = "appendDiv"; // TODO: This should be uniquely generated
if (this.delegate && typeof this.delegate.slotElementForComponent === "function") {
element = this.delegate.slotElementForComponent(this, value, element);
}
} else {
element = value.element;
}
// The child component will need to draw; this may trigger a draw for the slot itself
Object.getPropertyDescriptor(Component, "domContent").set.call(this, element);
value.setElementWithParentComponent(element, this);
value.needsDraw = true;
} else {
Object.getPropertyDescriptor(Component, "domContent").set.call(this, value);
}
this._content = value;
this.needsDraw = true;
}
},
/**
Description TODO
@type {Function}
@default null
*/
contentDidChange: {
value: function(newContent, oldContent) {
if (this.delegate && typeof this.delegate.slotDidSwitchContent === "function") {
this.delegate.slotDidSwitchContent(this, newContent, (newContent ? newContent.controller : null), oldContent, (oldContent ? oldContent.controller : null));
}
}
}
});
|