\
\
\
\
\
\
\
\
\
\
\
| \ | \ \ \ | \\ | \ |
\
\
\
\
\
\
\
\
\
 | \
\ |
\
\
\
\
\
\
\
\
 | \
\ |
\
\
\
\
\
\
\
 | \
\ |
';
item.srcEcc = "VRMLViewer";
item.iconPoseUrl = self.imagePath + avatarImgUrl;
item.imagePath = self.imagePath;
item.serverURL = self.serverURL;
item.pose = avatarPose;
return {node: avatar, data: item, type: item.type};
}
var handler = dojo.create( 'div', { innerHTML: '
' });
return {node: handler, data: item, type: item.type};
};
self.dragHandler = new Source(dojo.query("td.dragHandler", element)[0], {copyOnly: true, creator: self.createAvatar});
self.dragHandler.insertNodes(false, [ { } ]);
}
/**
* === FILE NAVIGATION ====================
*/
if (self.modelNavigationStyle !== 'none') {
if (self.modelNavigationStyle === 'list') {
// setup fileStore
self.fileStore = new Observable(new Memory({
data: [],
}));
self.prevButtonElem = dojo.query("button.prevButton", element)[0];
self.nextButtonElem = dojo.query("button.nextButton", element)[0];
self.fileListElem = dojo.query("div.fileList", element)[0];
var os = new ObjectStore({ objectStore: self.fileStore });
self.fileListSelect = new Selector({
store: os,
onChange: function(name) {
var item = self.fileStore.query({ id: name })[0];
self.imagePath = self.listDirectory + item.name + ".png";
self.updateScene();
}
}, self.fileListElem);
self.prevButton = new Button({
label: "<",
onClick: function() {
var allItems = self.fileStore.query();
var foundAt = 0;
for (var i = 0; i < allItems.total; i++) {
//console.log(self.serverURL + self.imagePath + " === " + allItems[i].url);
if (self.serverURL + self.imagePath === allItems[i].url) {
foundAt = i;
break;
}
}
if (foundAt > 0) {
self.imagePath = self.listDirectory + allItems[foundAt - 1].name + ".png";
self.fileListSelect.attr( 'value', allItems[foundAt - 1].id );
if (self.serverURL + self.imagePath !== allItems[foundAt - 1].url)
console.log(self.serverURL + self.imagePath + " !== " + allItems[foundAt - 1].url);
self.updateScene();
}
}
}, self.prevButtonElem);
self.nextButton = new Button({
label: ">",
onClick: function() {
var allItems = self.fileStore.query();
var foundAt = 0;
for (var i = 0; i < allItems.total; i++) {
//console.log(self.serverURL + self.imagePath + " === " + allItems[i].url);
if (self.serverURL + self.imagePath === allItems[i].url) {
foundAt = i;
break
}
}
if (foundAt + 1 < allItems.total) {
self.imagePath = self.listDirectory + allItems[foundAt + 1].name + ".png";
self.fileListSelect.attr( 'value', allItems[foundAt + 1].id );
if (self.serverURL + self.imagePath !== allItems[foundAt + 1].url)
console.log(self.serverURL + self.imagePath + " !== " + allItems[foundAt + 1].url);
self.updateScene();
}
}
}, self.nextButtonElem);
} else {
// setup fileStore
self.fileStore = new Observable(new Memory({
data: [ { id: 'root', name:'3D Models'} ],
getChildren: function(object){
return this.query({parent: object.id});
}
}));
self.fileTreeModel = new ObjectStoreModel({
store: self.fileStore,
query: { id: "root" }
});
// setup actual tree dijit
self.fileList = new dijit.Tree({
id: "fileList" + self.instanceId,
model: self.fileTreeModel,
persist: false,
showRoot: false,
style: "height: 300px;",
onClick: function(item){
if ('url' in item) {
self.imagePath = item.url;
self.updateScene();
}
},
getIconClass: function(item, opened) {
return (!item || !('url' in item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "dijitLeaf";
},
getIconStyle: function(item, opened){
if('url' in item) {
return { backgroundImage: "url('" + item.url + "?width=16&height=16')"};
}
}
//return {backgroundImage: "url('" + item.url + "?width=16&height=16')"};
});
self.filesDropDownElem = dojo.query("td.filesDropDown", element)[0];
self.serverBox = new TextBox({
name: "Server",
value: self.serverURL,
style: "width: 65%",
onKeyUp: function(e) {
if (self.browseButton) {
if (this.get("value") !== self.serverURL) {
self.browseButton.setAttribute('label', 'Browse');
} else {
self.browseButton.setAttribute('label', 'Refresh');
}
}
},
onKeyDown: function(e) {
var code = e.keyCode || e.which;
if( code === 13 ) {
e.preventDefault();
self.refreshServer(this.get("value"));
return false;
}
},
});
self.browseButton = new Button({
label: "Browse",
onClick: function(){
self.refreshServer(self.serverBox.get("value"));
}
});
self.filesDropDownContent = domConst.toDom('');
self.filesDropDownContent.appendChild(self.serverBox.domNode);
self.filesDropDownContent.appendChild(self.browseButton.domNode);
self.filesDropDownContent.appendChild(self.fileList.domNode);
self.filesToolTip = new TooltipDialog({ content:self.filesDropDownContent, style:"max-height:320px"});
self.filesDropDown = new DropDownButton({ label: "Files", dropDown: self.filesToolTip });
self.filesDropDownElem.appendChild(self.filesDropDown.domNode);
self.fileStandby = new Standby({target: self.filesDropDownContent });
self.filesDropDownContent.appendChild(self.fileStandby.domNode);
}
}
var savedServerURL = self.localStorage.get("vrmlServer");
if (savedServerURL && !self.serverURL) {
self.serverURL = savedServerURL;
}
if (self.serverURL) {
self.refreshServer(self.serverURL);
}
/**
* === MOVIE DROPDOWN ====================
*/
if (self.enableMovies) {
self.movieDropDownElem = dojo.query("div.movieDropDown", element)[0];
self.movieAddButtonElem = dojo.query("button.movieAddButton", element)[0];
self.movieDropDownContent = domConst.toDom(
'