You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
916 lines
27 KiB
916 lines
27 KiB
|
|
|
|
// Local cache of icon coordonate
|
|
var networkItemsCache = [];
|
|
var wifiItemsCache = [];
|
|
var lastWifiUpdate = 0;
|
|
|
|
// Neighborhood view
|
|
enyo.kind({
|
|
name: "Sugar.NeighborhoodView",
|
|
kind: enyo.Control,
|
|
components: [
|
|
{name: "owner", kind: "Sugar.Icon", size: constant.sizeNeighbor, colorized: true, classes: "owner-icon", showing: false},
|
|
{name: "server", kind: "Sugar.Icon", size: constant.sizeNeighbor, colorized: true, classes: "server-icon", showing: false},
|
|
{name: "network", showing: true, onresize: "draw", components: []},
|
|
{name: "otherview", showing: true, components: []},
|
|
{name: "networkPopup", kind: "Sugar.Popup", showing: false},
|
|
{name: "empty", classes: "cloud-empty", showing: false},
|
|
{name: "message", classes: "cloud-message", showing: false},
|
|
{name: "settings", classes: "cloud-line", showing: false, components:[
|
|
{name: "gotosettings", kind: "Sugar.IconButton", icon: {directory: "icons", icon: "preferences-system.svg"}, classes: "listview-button cloud-gotosettings", ontap: "doSettings"}
|
|
]},
|
|
{name: "refresh", classes: "cloud-line", showing: false, components:[
|
|
{name: "refreshstate", kind: "Sugar.IconButton", icon: {directory: "icons", icon: "system-restart.svg"}, classes: "listview-button cloud-gotosettings", ontap: "doRefresh"}
|
|
]}
|
|
],
|
|
// Constructor: init list
|
|
create: function() {
|
|
this.inherited(arguments);
|
|
this.$.owner.setIcon({directory: "icons", icon: "owner-icon.svg"});
|
|
this.$.owner.setPopupShow(enyo.bind(this, "showBuddyPopup"));
|
|
this.$.owner.setPopupHide(enyo.bind(this, "hideBuddyPopup"));
|
|
|
|
if (window.sugarizerOS) {
|
|
this.$.server.setIcon({directory: "icons", icon:"cloud-one.svg"});
|
|
} else {
|
|
this.$.server.setIcon({directory: "icons", icon: "network-wireless-connected-100.svg"});
|
|
}
|
|
this.$.server.setPopupShow(enyo.bind(this, "showServerPopup"));
|
|
this.$.server.setPopupHide(enyo.bind(this, "hideServerPopup"));
|
|
var cacheData = this.findInCache({icon: this.$.server});
|
|
var serverColor = Math.floor(Math.random()*xoPalette.colors.length);
|
|
this.$.server.setColorizedColor(cacheData ? cacheData.colorvalue : xoPalette.colors[serverColor]);
|
|
this.users = [];
|
|
this.activities = [];
|
|
this.eeMode = false;
|
|
this.timer = window.setInterval(enyo.bind(this, "updateNetworkState"), constant.timerUpdateNetwork);
|
|
if (presence.isConnected() || window.sugarizerOS) {
|
|
this.updateNetworkState();
|
|
}
|
|
if (l10n.language.direction == "rtl") {
|
|
this.$.message.addClass("rtl-10");
|
|
}
|
|
this.draw();
|
|
},
|
|
|
|
// Get linked toolbar
|
|
getToolbar: function() {
|
|
if (this.toolbar == null)
|
|
this.toolbar = new Sugar.NeighborhoodToolbar();
|
|
return this.toolbar;
|
|
},
|
|
|
|
// Get linked popup
|
|
getPopup: function() {
|
|
return this.$.networkPopup;
|
|
},
|
|
createWifiIcons: function (items) {
|
|
// If SugarizerOS, adding Wireless networks icons
|
|
if (window.sugarizerOS) {
|
|
var networkIcons = [];
|
|
var networks = sugarizerOS.networks;
|
|
var wifiInTutorial = false;
|
|
for (var i = 0; i < networks.length; i++) {
|
|
var currentNetwork = networks[i];
|
|
var encryptionString = sugarizerOS.getEncryptionString(currentNetwork.capabilities);
|
|
var connectedString = "";
|
|
var securedString = "";
|
|
var pwr = (-1 * currentNetwork.RSSI) % 10;
|
|
if (currentNetwork.isConnected) {
|
|
connectedString = "-connected";
|
|
} else if (encryptionString != "OPEN") {
|
|
securedString = "-locked";
|
|
}
|
|
if (pwr > 0) {
|
|
if (pwr % 2 != 0) {
|
|
pwr += 1;
|
|
}
|
|
pwr = pwr * 10;
|
|
cacheIcon = sugarizerOS.getNetworkIconFromCache(currentNetwork.BSSID);
|
|
if (!cacheIcon) {
|
|
currentNetwork.networkId = currentNetwork.BSSID;
|
|
currentNetwork.shared = false;
|
|
currentNetwork.shared.id = currentNetwork.BSSID;
|
|
currentNetwork.color = xoPalette.colors[Math.floor(Math.random() * xoPalette.colors.length)];
|
|
} else {
|
|
currentNetwork = cacheIcon;
|
|
}
|
|
|
|
iconString = "network-wireless"+connectedString+securedString+"-0"+pwr+".svg";
|
|
if (pwr == 100) {
|
|
iconString = "network-wireless"+connectedString+securedString+"-"+pwr+".svg";
|
|
}
|
|
var icon = this.$.network.createComponent({
|
|
kind: "Sugar.Icon",
|
|
icon: {directory: "icons", icon: iconString},
|
|
size: constant.sizeNeighbor,
|
|
colorized: true,
|
|
colorizedColor: currentNetwork.color,
|
|
popupShow: enyo.bind(this, "showWifiPopup"),
|
|
popupHide: enyo.bind(this, "hideWifiPopup"),
|
|
data: currentNetwork
|
|
},
|
|
{owner: this}
|
|
);
|
|
icon.render();
|
|
if (!wifiInTutorial) {
|
|
tutorial.setElement("wifi", icon.getAttribute("id"));
|
|
wifiInTutorial = true;
|
|
}
|
|
networkIcons.push(icon);
|
|
sugarizerOS.addNetworkIconToCache(currentNetwork);
|
|
var item = {icon: icon, size: icon.getSize(), locked: false, child: []};
|
|
items.push(item);
|
|
}}
|
|
}
|
|
},
|
|
|
|
// Update
|
|
updateNetworkState: function() {
|
|
var currentcolor = preferences.getColor();
|
|
if (presence.isConnected() && currentcolor.stroke == "#005FE4" && currentcolor.fill == "#FF2B34" && this.toolbar && this.toolbar.getSearchText() == "Sugarizer contributors") {
|
|
if (!this.eeMode) {
|
|
var list = new Sugar.EE({mode: 3}).contributors();
|
|
for (var i = 0 ; i < list.length ; i++) {
|
|
this.users.push(list[i]);
|
|
}
|
|
this.eeMode = true;
|
|
this.draw();
|
|
this.filterNetwork();
|
|
}
|
|
} else if (presence.isConnected()) {
|
|
this.$.owner.setShowing(true);
|
|
this.$.server.setShowing(true);
|
|
this.$.empty.setShowing(false);
|
|
this.$.message.setShowing(false);
|
|
this.$.settings.setShowing(false);
|
|
this.$.refresh.setShowing(false);
|
|
if (app.toolbar && app.toolbar.showServerWarning) {
|
|
app.toolbar.showServerWarning(false);
|
|
}
|
|
presence.listUsers(enyo.bind(this, "userListReceived"));
|
|
presence.listSharedActivities(enyo.bind(this, "sharedListReceived"));
|
|
this.eeMode = false;
|
|
}
|
|
else if (window.sugarizerOS) {
|
|
now = new Date().getTime();
|
|
this.$.owner.setShowing(true);
|
|
if (presence.isConnected())
|
|
this.$.server.setShowing(true);
|
|
this.$.empty.setShowing(false);
|
|
this.$.message.setShowing(false);
|
|
this.$.settings.setShowing(false);
|
|
this.$.refresh.setShowing(false);
|
|
sugarizerOS.isWifiEnabled(function(value){
|
|
if (value != 0) {
|
|
sugarizerOS.scanWifi();
|
|
} else {
|
|
sugarizerOS.networks = [];
|
|
}
|
|
});
|
|
if (wifiItemsCache != sugarizerOS.networks && (now - lastWifiUpdate) > constant.wifiUpdateTime) {
|
|
this.draw();
|
|
wifiItemsCache = sugarizerOS.networks;
|
|
lastWifiUpdate = now;
|
|
}
|
|
presence.listUsers(enyo.bind(this, "userListReceived"));
|
|
presence.listSharedActivities(enyo.bind(this, "sharedListReceived"));
|
|
this.eeMode = false;
|
|
}
|
|
else {
|
|
this.$.owner.setShowing(false);
|
|
this.$.server.setShowing(false);
|
|
this.$.empty.setShowing(true);
|
|
this.$.message.setShowing(true);
|
|
if (app.toolbar && app.toolbar.showServerWarning) {
|
|
app.toolbar.showServerWarning(true);
|
|
}
|
|
if (preferences.isConnected()) {
|
|
this.$.message.setContent(l10n.get("UnableToConnect"));
|
|
this.$.refresh.setShowing(true);
|
|
} else {
|
|
this.$.message.setContent(l10n.get("ServerNotSet"));
|
|
this.$.settings.setShowing(true);
|
|
}
|
|
this.eeMode = false;
|
|
}
|
|
},
|
|
|
|
// Popup menu for buddy handling
|
|
showBuddyPopup: function(icon) {
|
|
// Create popup
|
|
this.getPopup().setHeader({
|
|
icon: icon.icon,
|
|
colorized: true,
|
|
colorizedColor: null,
|
|
name: preferences.getName(),
|
|
title: null,
|
|
action: null
|
|
});
|
|
this.getPopup().setItems(null);
|
|
var items = [];
|
|
items.push({
|
|
icon: {directory: "icons", icon: "system-shutdown.svg"},
|
|
colorized: false,
|
|
name: l10n.get("Logoff"),
|
|
action: enyo.bind(this, "doLogoff"),
|
|
data: null
|
|
});
|
|
items.push({
|
|
icon: {directory: "icons", icon: "system-restart.svg"},
|
|
colorized: false,
|
|
name: l10n.get("Restart"),
|
|
action: enyo.bind(this, "doRestart"),
|
|
data: null
|
|
});
|
|
items.push({
|
|
icon: {directory: "icons", icon: "preferences-system.svg"},
|
|
colorized: false,
|
|
name: l10n.get("MySettings"),
|
|
action: enyo.bind(this, "doSettings"),
|
|
data: null
|
|
});
|
|
this.getPopup().setFooter(items);
|
|
|
|
// Show popup
|
|
this.getPopup().showPopup();
|
|
},
|
|
hideBuddyPopup: function(icon) {
|
|
if (!this || !this.getPopup || !icon || !this.getPopup() || this.getPopup().cursorIsInside() || icon.cursorIsInside()) {
|
|
return false;
|
|
}
|
|
this.getPopup().hidePopup();
|
|
return true;
|
|
},
|
|
doLogoff: function() {
|
|
stats.trace(constant.viewNames[app.getView()], 'click', 'logoff');
|
|
this.getPopup().hidePopup();
|
|
if (!preferences.isConnected() || (preferences.isConnected() && !preferences.getOptions("sync"))) {
|
|
this.otherview = this.$.otherview.createComponent({kind: "Sugar.DialogWarningMessage"}, {owner:this});
|
|
this.otherview.show();
|
|
} else {
|
|
preferences.addUserInHistory();
|
|
util.cleanDatastore(null, function() {
|
|
util.restartApp();
|
|
});
|
|
}
|
|
},
|
|
doRestart: function() {
|
|
stats.trace(constant.viewNames[app.getView()], 'click', 'restart');
|
|
util.restartApp();
|
|
},
|
|
doSettings: function() {
|
|
stats.trace(constant.viewNames[app.getView()], 'click', 'my_settings');
|
|
this.getPopup().hidePopup();
|
|
this.otherview = this.$.otherview.createComponent({kind: "Sugar.DialogServer"}, {owner:this});
|
|
this.otherview.show();
|
|
},
|
|
doRefresh: function() {
|
|
if (!presence.isConnected()) {
|
|
var that = this;
|
|
presence.joinNetwork(function(error, user) {
|
|
if (error) {
|
|
console.log("WARNING: Can't connect to presence server");
|
|
} else {
|
|
that.updateNetworkState();
|
|
}
|
|
});
|
|
} else {
|
|
this.updateNetworkState();
|
|
}
|
|
|
|
},
|
|
|
|
// Popup menu for server handling
|
|
showServerPopup: function(icon) {
|
|
// Create popup
|
|
var name = myserver.getServer();
|
|
var info = preferences.getServer();
|
|
if (info && info.name) {
|
|
name = info.name;
|
|
}
|
|
this.getPopup().setHeader({
|
|
icon: icon.icon,
|
|
colorized: true,
|
|
colorizedColor: icon.colorizedColor,
|
|
name: name,
|
|
title: l10n.get("Connected"),
|
|
action: null
|
|
});
|
|
this.getPopup().setItems(null);
|
|
this.getPopup().setFooter(null);
|
|
|
|
// Show popup
|
|
this.getPopup().showPopup();
|
|
},
|
|
hideServerPopup: function(icon) {
|
|
if (!this || !this.getPopup || !icon || !this.getPopup() || this.getPopup().cursorIsInside() || icon.cursorIsInside()) {
|
|
return false;
|
|
}
|
|
this.getPopup().hidePopup();
|
|
return true;
|
|
},
|
|
|
|
disconnect: function() {
|
|
sugarizerOS.disconnectWifi();
|
|
this.getPopup().hidePopup();
|
|
},
|
|
|
|
forgetPassword: function(network) {
|
|
sugarizerOS.forgetNetwork(network.SSID);
|
|
this.getPopup().hidePopup();
|
|
},
|
|
|
|
joinNetwork: function(network) {
|
|
var t = this;
|
|
|
|
sugarizerOS.isKnownNetwork(network.SSID, function (result) {
|
|
if (result == 0) {
|
|
sugarizerOS.setKey(network.SSID, "", true);
|
|
} else {
|
|
sugarizerOS.joinNetwork(network.SSID);
|
|
}
|
|
t.getPopup().hidePopup();
|
|
});
|
|
},
|
|
|
|
enterKey: function (network) {
|
|
this.getPopup().hidePopup();
|
|
var t = this;
|
|
sugarizerOS.isKnownNetwork(network.SSID, function (result) {
|
|
if (result == 0) {
|
|
sugarizerOS.NetworkBuffer = network;
|
|
t.otherview = t.$.otherview.createComponent({
|
|
kind: "Sugar.DialogNetworkKey"
|
|
});
|
|
t.otherview.show();
|
|
} else {
|
|
sugarizerOS.joinNetwork(network.SSID)
|
|
}
|
|
})
|
|
|
|
},
|
|
//Popup menu for Wireless Network handling
|
|
showWifiPopup: function(icon) {
|
|
// Create popup
|
|
var data = icon.getData();
|
|
var iconName = data.SSID + " (" + data.RSSI + ")" + "[" + sugarizerOS.getEncryptionString(data.capabilities) + "]";
|
|
var power = (-1 * data.RSSI) % 5;
|
|
this.getPopup().setHeader({
|
|
icon: icon.icon,
|
|
colorized: true,
|
|
colorizedColor: icon.colorizedColor,
|
|
name: iconName,
|
|
title: data.BSSID,
|
|
action: null
|
|
});
|
|
var items = [];
|
|
|
|
var t = this;
|
|
sugarizerOS.getWifiSSID(function (ssid) {
|
|
if (ssid == null || ssid !== data.SSID) {
|
|
item = {
|
|
icon: {
|
|
directory: "icons", icon: "activity-start.svg"
|
|
},
|
|
colorized: false,
|
|
name: l10n.get("JoinNetwork"),
|
|
action: enyo.bind(t, "joinNetwork"),
|
|
data: [icon.getData(), null]
|
|
};
|
|
if (sugarizerOS.getEncryptionString(data.capabilities) != "OPEN") {
|
|
item.action = enyo.bind(t, "enterKey");
|
|
}
|
|
} else {
|
|
item = {
|
|
icon: {
|
|
directory: "icons",
|
|
icon: "activity-start.svg"
|
|
},
|
|
colorized: false,
|
|
name: l10n.get("Disconnect"),
|
|
action: enyo.bind(t, "disconnect"),
|
|
data: [icon.getData(), null]
|
|
};
|
|
}
|
|
items.push(item);
|
|
|
|
|
|
sugarizerOS.isKnownNetwork(data.SSID, function (result) {
|
|
if (result == 1) {
|
|
item = {
|
|
icon: {
|
|
directory: "icons",
|
|
icon: "activity-start.svg"
|
|
},
|
|
colorized: false,
|
|
name: l10n.get("ForgetPassword"),
|
|
action: enyo.bind(t, "forgetPassword"),
|
|
data: [icon.getData(), null]
|
|
};
|
|
if (sugarizerOS.getEncryptionString(data.capabilities) != "OPEN") {
|
|
items.push(item);
|
|
}
|
|
}
|
|
|
|
t.getPopup().setItems(items);
|
|
t.getPopup().setFooter(null);
|
|
// Show popup
|
|
t.getPopup().showPopup();
|
|
})
|
|
})
|
|
},
|
|
hideWifiPopup: function (icon) {
|
|
if ((!this || !this.getPopup || !icon || !this.getPopup() || this.getPopup() && this.getPopup().cursorIsInside()) || icon.cursorIsInside()) {
|
|
return false;
|
|
}
|
|
this.getPopup().hidePopup();
|
|
return true;
|
|
},
|
|
|
|
// Popup menu for user handling
|
|
showUserPopup: function(icon) {
|
|
// Create popup
|
|
this.getPopup().setHeader({
|
|
icon: icon.icon,
|
|
colorized: true,
|
|
colorizedColor: icon.colorizedColor,
|
|
name: icon.getData().name,
|
|
title: null,
|
|
action: null
|
|
});
|
|
this.getPopup().setItems(null);
|
|
this.getPopup().setFooter(null);
|
|
|
|
// Show popup
|
|
this.getPopup().showPopup();
|
|
},
|
|
hideUserPopup: function(icon) {
|
|
if (!this || !this.getPopup || !icon || !this.getPopup() || this.getPopup().cursorIsInside() || icon.cursorIsInside()) {
|
|
return false;
|
|
}
|
|
this.getPopup().hidePopup();
|
|
return true;
|
|
},
|
|
|
|
// Popup menu for shared activities handling
|
|
showActivityPopup: function(icon) {
|
|
// Create popup
|
|
this.getPopup().setHeader({
|
|
icon: icon.icon,
|
|
colorized: true,
|
|
colorizedColor: icon.colorizedColor,
|
|
name: icon.getData().activity.name,
|
|
title: null,
|
|
action: null
|
|
});
|
|
var items = [];
|
|
items.push({
|
|
icon: {directory: "icons", icon: "activity-start.svg"},
|
|
colorized: false,
|
|
name: l10n.get("JoinActivity"),
|
|
action: enyo.bind(this, "joinActivity"),
|
|
data: [icon.getData(), null]
|
|
});
|
|
this.getPopup().setItems(items);
|
|
this.getPopup().setFooter(null);
|
|
|
|
// Show popup
|
|
this.getPopup().showPopup();
|
|
},
|
|
hideActivityPopup: function(icon) {
|
|
if (!this || !this.getPopup || !icon || !this.getPopup() || this.getPopup().cursorIsInside() || icon.cursorIsInside()) {
|
|
return false;
|
|
}
|
|
this.getPopup().hidePopup();
|
|
return true;
|
|
},
|
|
|
|
// Join a shared activity
|
|
joinActivity: function(data) {
|
|
preferences.runActivity(
|
|
data.activity,
|
|
null,
|
|
data.activity.name,
|
|
data.shared.id);
|
|
},
|
|
|
|
// User list received
|
|
userListReceived: function(users) {
|
|
// Ensure that an update is need
|
|
if (this.users.length == users.length) {
|
|
var len = this.users.length;
|
|
var found = 0;
|
|
for(var i = 0 ; i < len ; i++) {
|
|
for(var j = 0 ; j < len ; j++) {
|
|
if (users[i].networkId == this.users[j].networkId) {
|
|
found++;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (found == len) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Retrieve users
|
|
this.users = users;
|
|
|
|
// Add dummy users for testing
|
|
var dummy = 0;
|
|
for (var i = 0 ; i < dummy ; i++) {
|
|
this.users.push({networkId: "nxx"+i, name: "dummy "+i, colorvalue: xoPalette.colors[Math.floor(Math.random()*xoPalette.colors.length)]});
|
|
}
|
|
|
|
// Redraw
|
|
this.draw();
|
|
},
|
|
|
|
// Shared activities list received
|
|
sharedListReceived: function(activities) {
|
|
// Ensure that an update is need
|
|
if (this.activities.length == activities.length) {
|
|
var len = this.activities.length;
|
|
var found = 0;
|
|
for(var i = 0 ; i < len ; i++) {
|
|
for(var j = 0 ; j < len ; j++) {
|
|
if (activities[i].activityId == this.activities[j].activityId && activities[i].users.length == this.activities[j].users.length) {
|
|
found++;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (found == len) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Retrieve activities
|
|
this.activities = activities;
|
|
|
|
// Redraw
|
|
this.draw();
|
|
},
|
|
|
|
// Draw screen
|
|
draw: function() {
|
|
// Resize content and set Journal empty in the middle
|
|
var canvas_center = util.getCanvasCenter();
|
|
this.$.empty.applyStyle("margin-left", (canvas_center.x-constant.sizeEmpty/4-10)+"px");
|
|
var margintop = (canvas_center.y-constant.sizeEmpty/4-80);
|
|
this.$.empty.applyStyle("margin-top", margintop+"px");
|
|
this.$.message.applyStyle("margin-top", (margintop+70)+"px");;
|
|
this.$.gotosettings.applyStyle("margin-top", (margintop+90)+"px");
|
|
this.$.gotosettings.setText(l10n.get("MySettings"));
|
|
this.$.refreshstate.applyStyle("margin-top", (margintop+90)+"px");
|
|
this.$.refreshstate.setText(l10n.get("Refresh"));
|
|
tutorial.setElement("owner", this.$.owner.getAttribute("id"));
|
|
tutorial.setElement("server", this.$.server.getAttribute("id"));
|
|
|
|
// Clean network icons
|
|
var items = [];
|
|
enyo.forEach(this.$.network.getControls(), function(item) { items.push(item); });
|
|
for (var i = 0 ; i < items.length ; i++) { items[i].destroy(); };
|
|
|
|
// List items to draw
|
|
var canvas_center = util.getCanvasCenter();
|
|
items = [];
|
|
items.push({icon: this.$.owner, x:(canvas_center.x-constant.sizeNeighbor/2), y: (canvas_center.y-constant.sizeNeighbor/2), size: this.$.owner.getSize(), locked: true, child: []});
|
|
if (this.$.server.getShowing())
|
|
items.push({icon: this.$.server, size: this.$.server.getSize(), locked: false, child: []});
|
|
|
|
// Create network icons for items
|
|
this.createNetworkIcons(items);
|
|
this.createWifiIcons(items);
|
|
|
|
// Compute icons position
|
|
var len = items.length;
|
|
for(var i = 0 ; i < len ; i++) {
|
|
// Set icon position
|
|
var current = items[i];
|
|
if (current.locked)
|
|
continue;
|
|
var hasChild = (current.child.length > 0) ? 1 : 0;
|
|
var cacheData = this.findInCache(current);
|
|
var maxx = canvas_center.dx-current.size-2*hasChild*current.size;
|
|
current.x = (cacheData && cacheData.x < maxx) ? cacheData.x : current.size*hasChild + Math.floor(Math.random()*maxx);
|
|
var maxy = canvas_center.dy-current.size-2*hasChild*current.size;
|
|
current.y = (cacheData && cacheData.y < maxy) ? cacheData.y : current.size*hasChild + Math.floor(Math.random()*maxy);
|
|
if (!cacheData) this.addToCache(current);
|
|
|
|
// Set child position
|
|
var childLen = current.child.length;
|
|
for (var j = 0 ; j < childLen ; j++) {
|
|
var child = current.child[j];
|
|
var angle = (2.0*Math.PI)/childLen * j;
|
|
child.x = current.x + current.size * Math.sin(angle);
|
|
child.y = current.y - current.size * Math.cos(angle);
|
|
}
|
|
}
|
|
var collisions = this.detectCollisions(items);
|
|
if (collisions.length > 0) {
|
|
this.solveCollisions(collisions, items);
|
|
}
|
|
|
|
// Draw all icons
|
|
for (var i = 0 ; i < len ; i++) {
|
|
var current = items[i];
|
|
current.icon.applyStyle("margin-left", current.x+"px");
|
|
current.icon.applyStyle("margin-top", current.y+"px");
|
|
var childLen = current.child.length;
|
|
for (var j = 0 ; j < childLen ; j++) {
|
|
var child = current.child[j];
|
|
child.applyStyle("margin-left", child.x+"px");
|
|
child.applyStyle("margin-top", child.y+"px");
|
|
}
|
|
}
|
|
|
|
// Filter
|
|
this.filterNetwork();
|
|
},
|
|
|
|
// Create network icons fro items
|
|
createNetworkIcons: function(items) {
|
|
// Add user icons
|
|
var len = this.users.length;
|
|
var userIcons = [];
|
|
var otherInTutorial = false;
|
|
for (var i = 0 ; i < len ; i++) {
|
|
var currentUser = this.users[i];
|
|
if (currentUser.networkId != preferences.getNetworkId()) {
|
|
var icon = this.$.network.createComponent({
|
|
kind: "Sugar.Icon",
|
|
icon: {directory: "icons", icon: "owner-icon.svg"},
|
|
size: constant.sizeNeighbor,
|
|
colorized: true,
|
|
colorizedColor: currentUser.colorvalue,
|
|
popupShow: enyo.bind(this, "showUserPopup"),
|
|
popupHide: enyo.bind(this, "hideUserPopup"),
|
|
data: currentUser
|
|
},
|
|
{owner: this}
|
|
);
|
|
icon.render();
|
|
if (!otherInTutorial) {
|
|
tutorial.setElement("other", icon.getAttribute("id"));
|
|
otherInTutorial = true;
|
|
}
|
|
userIcons.push(icon);
|
|
}
|
|
}
|
|
|
|
// Add activities icons
|
|
len = this.activities.length;
|
|
var userIconsInActivities = [];
|
|
var activityInTutorial = false;
|
|
for (var i = 0 ; i < len ; i++) {
|
|
// Unknown activity, ignoe
|
|
var currentActivity = this.activities[i];
|
|
var activityInfo = preferences.getActivity(currentActivity.activityId);
|
|
if (activityInfo == preferences.genericActivity) {
|
|
continue;
|
|
}
|
|
|
|
// Add activity icon
|
|
var icon = this.$.network.createComponent({
|
|
kind: "Sugar.Icon",
|
|
icon: {directory: activityInfo.directory, icon: activityInfo.icon},
|
|
size: constant.sizeNeighbor,
|
|
colorized: true,
|
|
colorizedColor: currentActivity.colorvalue,
|
|
popupShow: enyo.bind(this, "showActivityPopup"),
|
|
popupHide: enyo.bind(this, "hideActivityPopup"),
|
|
data: {shared: currentActivity, activity: activityInfo}
|
|
},
|
|
{owner: this}
|
|
);
|
|
icon.render();
|
|
if (!activityInTutorial) {
|
|
tutorial.setElement("activity", icon.getAttribute("id"));
|
|
activityInTutorial = true;
|
|
}
|
|
|
|
// Add childs
|
|
var childIcons = [];
|
|
var childLen = currentActivity.users.length;
|
|
for (var j = 0 ; j < childLen ; j++) {
|
|
var userIconsLength = userIcons.length;
|
|
for (var k = 0 ; k < userIconsLength ; k++) {
|
|
var iconToTest = userIcons[k];
|
|
if (currentActivity.users[j] == iconToTest.getData().networkId) {
|
|
childIcons.push(iconToTest);
|
|
userIconsInActivities.push(iconToTest);
|
|
}
|
|
}
|
|
}
|
|
items.push({icon: icon, size: icon.getSize(), locked: false, child: childIcons});
|
|
}
|
|
|
|
// Add icons alone
|
|
var userIconsLength = userIcons.length;
|
|
var childLen = userIconsInActivities.length;
|
|
for (var i = 0 ; i < userIconsLength ; i++) {
|
|
var found = false;
|
|
var icon = userIcons[i];
|
|
for (var j = 0 ; j < childLen && !found ; j++) {
|
|
if (icon.getData().networkId == userIconsInActivities[j].getData().networkId) {
|
|
found = true;
|
|
}
|
|
}
|
|
if (!found) {
|
|
items.push({icon: icon, size: icon.getSize(), locked: false, child: []});
|
|
}
|
|
}
|
|
},
|
|
|
|
// Detect collisions on drawing
|
|
detectCollisions: function(items) {
|
|
var collisions = [];
|
|
var len = items.length;
|
|
for (var i = 0 ; i < len ; i++) {
|
|
for (var j = i+1 ; j < len ; j++) {
|
|
var item0 = items[i];
|
|
var item1 = items[j];
|
|
var size0 = item0.size;
|
|
var size1 = item1.size;
|
|
var min0x = item0.x, max0x = item0.x+size0;
|
|
var min0y = item0.y, max0y = item0.y+size0;
|
|
var min1x = item1.x, max1x = item1.x+size1;
|
|
var min1y = item1.y, max1y = item1.y+size1;
|
|
if (item0.child.length > 0) {
|
|
min0x -= size0;
|
|
max0x += size0;
|
|
min0y -= size0;
|
|
max0y += size0;
|
|
}
|
|
if (item1.child.length > 0) {
|
|
min1x -= size1;
|
|
max1x += size1;
|
|
min1y -= size1;
|
|
max1y += size1;
|
|
}
|
|
if (!(max0x < min1x || min0x > max1x || min0y > max1y || max0y < min1y)) {
|
|
if (item0.locked) {
|
|
collisions.push(item1);
|
|
} else {
|
|
collisions.push(item0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return collisions;
|
|
},
|
|
|
|
// Move items to avoid collisions
|
|
solveCollisions: function(collisions, items) {
|
|
var stillCollide = true;
|
|
var canvas_center = util.getCanvasCenter();
|
|
for(var i = 0 ; stillCollide && i < constant.maxCollisionTry ; i++) {
|
|
// Move all item with collision
|
|
for(var j = 0 ; j < collisions.length ; j++) {
|
|
// Move item
|
|
var current = collisions[j];
|
|
var hasChild = (current.child.length > 0) ? 1 : 0;
|
|
current.x = current.size*hasChild + Math.floor(Math.random()*(canvas_center.dx-current.size-2*hasChild*current.size));
|
|
current.y = current.size*hasChild + Math.floor(Math.random()*(canvas_center.dy-current.size-2*hasChild*current.size));
|
|
|
|
// Move childs
|
|
var childLen = current.child.length;
|
|
for (var k = 0 ; k < childLen ; k++) {
|
|
var child = current.child[k];
|
|
var angle = (2.0*Math.PI)/childLen * k;
|
|
child.x = current.x + current.size * Math.sin(angle);
|
|
child.y = current.y - current.size * Math.cos(angle);
|
|
}
|
|
}
|
|
|
|
// Detect again
|
|
collisions = this.detectCollisions(items);
|
|
stillCollide = (collisions.length > 0);
|
|
}
|
|
},
|
|
|
|
// Filter network items
|
|
filterNetwork: function() {
|
|
var filter = (this.toolbar && !this.eeMode) ? this.toolbar.getSearchText().toLowerCase() : '';
|
|
enyo.forEach(this.$.network.getControls(), function(item) {
|
|
item.setDisabled(filter.length != 0 && item.data && item.data.name && item.data.name.toLowerCase().indexOf(filter) == -1);
|
|
});
|
|
this.$.server.setDisabled(filter.length != 0 && myserver.getServer().toLowerCase().indexOf(filter) == -1);
|
|
},
|
|
|
|
// Cache handling
|
|
addToCache: function(item) {
|
|
// Get name
|
|
var data = item.icon.getData();
|
|
var name;
|
|
if (!data) {
|
|
name = "server";
|
|
} else if (data.networkId) {
|
|
name = data.networkId;
|
|
} else if (data.shared && data.shared.id) {
|
|
name = data.shared.id;
|
|
}
|
|
|
|
// Add to cache
|
|
var len = networkItemsCache;
|
|
var found = false;
|
|
for(var i = 0 ; i < len ; i++) {
|
|
var networkItem = networkItemsCache[i];
|
|
if (networkItem.name == name) {
|
|
networkItem.x = x;
|
|
networkItem.y = y;
|
|
found = true;
|
|
}
|
|
}
|
|
if (!found) {
|
|
networkItemsCache.push({name: name, x: item.x, y: item.y, colorvalue: item.icon.getColorizedColor()});
|
|
}
|
|
},
|
|
|
|
findInCache: function(item) {
|
|
// Get name
|
|
var data = item.icon.getData();
|
|
var name;
|
|
if (!data) {
|
|
name = "server";
|
|
} else if (data.networkId) {
|
|
name = data.networkId;
|
|
} else if (data.shared && data.shared.id) {
|
|
name = data.shared.id;
|
|
}
|
|
|
|
// Return to cache
|
|
var len = networkItemsCache.length;
|
|
var found = false;
|
|
for(var i = 0 ; i < len ; i++) {
|
|
var networkItem = networkItemsCache[i];
|
|
if (networkItem.name == name) {
|
|
return networkItem;
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
destroy: function() {
|
|
this.inherited(arguments);
|
|
clearTimeout(this.timer);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// Class for neighborhood toolbar
|
|
enyo.kind({
|
|
name: "Sugar.NeighborhoodToolbar",
|
|
kind: enyo.Control,
|
|
components: [
|
|
{name: "neighborsearch", kind: "Sugar.SearchField", onTextChanged: "filterNetwork", classes: "neighbor-filter-text"},
|
|
{name: "helpbutton", kind: "Button", classes: "toolbutton help-button", title:"Help", ontap: "startTutorial"},
|
|
{name: "radialbutton", kind: "Button", classes: "toolbutton view-desktop-button", title:"Home", title:"Home", ontap: "gotoDesktop"}
|
|
],
|
|
|
|
// Constructor
|
|
create: function() {
|
|
this.inherited(arguments);
|
|
this.localize();
|
|
},
|
|
|
|
rendered: function() {
|
|
this.inherited(arguments);
|
|
this.localize();
|
|
},
|
|
|
|
localize: function() {
|
|
// Localize items
|
|
this.$.neighborsearch.setPlaceholder(l10n.get("SearchNeighbor"));
|
|
this.$.radialbutton.setNodeProperty("title", l10n.get("Home"));
|
|
this.$.helpbutton.setNodeProperty("title", l10n.get("Tutorial"));
|
|
},
|
|
|
|
// Handle search text content
|
|
getSearchText: function() {
|
|
return this.$.neighborsearch.getText();
|
|
},
|
|
|
|
// Event handling
|
|
gotoDesktop: function() {
|
|
window.clearInterval(app.otherview.timer);
|
|
util.vibrate();
|
|
app.showView(constant.radialView);
|
|
},
|
|
|
|
filterNetwork: function() {
|
|
app.otherview.filterNetwork();
|
|
},
|
|
|
|
startTutorial: function() {
|
|
tutorial.setElement("radialbutton", this.$.radialbutton.getAttribute("id"));
|
|
tutorial.setElement("neighborsearch", this.$.neighborsearch.getAttribute("id"));
|
|
stats.trace(constant.viewNames[app.getView()], 'tutorial', 'start', null);
|
|
tutorial.start();
|
|
}
|
|
});
|