kopia lustrzana https://github.com/backface/turtlestitch
start minimal reorganistaion, add shortcut/favicon
Michael Aschauer
rodzic
df90429d44
commit
6dc9ed26ad
|
|
@ -2,7 +2,9 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
<title>turtleStitch (based on Snap!) - Devlopment</title>
|
<title>TurtleStitch </title>
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="stitchcode/favicon.gif" type="image/gif">
|
||||||
<script type="text/javascript" src="morphic.js"></script>
|
<script type="text/javascript" src="morphic.js"></script>
|
||||||
<script type="text/javascript" src="widgets.js"></script>
|
<script type="text/javascript" src="widgets.js"></script>
|
||||||
<script type="text/javascript" src="blocks.js"></script>
|
<script type="text/javascript" src="blocks.js"></script>
|
||||||
|
|
@ -21,7 +23,9 @@
|
||||||
<script type="text/javascript" src="stitchcode/backend/js/jquery.js"></script>
|
<script type="text/javascript" src="stitchcode/backend/js/jquery.js"></script>
|
||||||
<script type="text/javascript" src="stitchcode/backend/js/jquery.fileDownload.js"></script>
|
<script type="text/javascript" src="stitchcode/backend/js/jquery.fileDownload.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="stitchcode/FileSaver.js"></script>
|
||||||
<script type="text/javascript" src="stitchcode/stitchcodeChangeSetDel.js"></script>
|
<script type="text/javascript" src="stitchcode/stitchcodeChangeSetDel.js"></script>
|
||||||
|
<script type="text/javascript" src="stitchcode/stitchcodeGUI.js"></script>
|
||||||
<script type="text/javascript" src="stitchcode/stitchcodeChangeSet.js"></script>
|
<script type="text/javascript" src="stitchcode/stitchcodeChangeSet.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,244 @@
|
||||||
|
/* FileSaver.js
|
||||||
|
* A saveAs() FileSaver implementation.
|
||||||
|
* 2015-01-04
|
||||||
|
*
|
||||||
|
* By Eli Grey, http://eligrey.com
|
||||||
|
* License: X11/MIT
|
||||||
|
* See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*global self */
|
||||||
|
/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
|
||||||
|
|
||||||
|
/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
|
||||||
|
|
||||||
|
var saveAs = saveAs
|
||||||
|
// IE 10+ (native saveAs)
|
||||||
|
|| (typeof navigator !== "undefined" &&
|
||||||
|
navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator))
|
||||||
|
// Everyone else
|
||||||
|
|| (function(view) {
|
||||||
|
"use strict";
|
||||||
|
// IE <10 is explicitly unsupported
|
||||||
|
if (typeof navigator !== "undefined" &&
|
||||||
|
/MSIE [1-9]\./.test(navigator.userAgent)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var
|
||||||
|
doc = view.document
|
||||||
|
// only get URL when necessary in case Blob.js hasn't overridden it yet
|
||||||
|
, get_URL = function() {
|
||||||
|
return view.URL || view.webkitURL || view;
|
||||||
|
}
|
||||||
|
, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
|
||||||
|
, can_use_save_link = "download" in save_link
|
||||||
|
, click = function(node) {
|
||||||
|
var event = doc.createEvent("MouseEvents");
|
||||||
|
event.initMouseEvent(
|
||||||
|
"click", true, false, view, 0, 0, 0, 0, 0
|
||||||
|
, false, false, false, false, 0, null
|
||||||
|
);
|
||||||
|
node.dispatchEvent(event);
|
||||||
|
}
|
||||||
|
, webkit_req_fs = view.webkitRequestFileSystem
|
||||||
|
, req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem
|
||||||
|
, throw_outside = function(ex) {
|
||||||
|
(view.setImmediate || view.setTimeout)(function() {
|
||||||
|
throw ex;
|
||||||
|
}, 0);
|
||||||
|
}
|
||||||
|
, force_saveable_type = "application/octet-stream"
|
||||||
|
, fs_min_size = 0
|
||||||
|
// See https://code.google.com/p/chromium/issues/detail?id=375297#c7 and
|
||||||
|
// https://github.com/eligrey/FileSaver.js/commit/485930a#commitcomment-8768047
|
||||||
|
// for the reasoning behind the timeout and revocation flow
|
||||||
|
, arbitrary_revoke_timeout = 500 // in ms
|
||||||
|
, revoke = function(file) {
|
||||||
|
var revoker = function() {
|
||||||
|
if (typeof file === "string") { // file is an object URL
|
||||||
|
get_URL().revokeObjectURL(file);
|
||||||
|
} else { // file is a File
|
||||||
|
file.remove();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
if (view.chrome) {
|
||||||
|
revoker();
|
||||||
|
} else {
|
||||||
|
setTimeout(revoker, arbitrary_revoke_timeout);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
, dispatch = function(filesaver, event_types, event) {
|
||||||
|
event_types = [].concat(event_types);
|
||||||
|
var i = event_types.length;
|
||||||
|
while (i--) {
|
||||||
|
var listener = filesaver["on" + event_types[i]];
|
||||||
|
if (typeof listener === "function") {
|
||||||
|
try {
|
||||||
|
listener.call(filesaver, event || filesaver);
|
||||||
|
} catch (ex) {
|
||||||
|
throw_outside(ex);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
, FileSaver = function(blob, name) {
|
||||||
|
// First try a.download, then web filesystem, then object URLs
|
||||||
|
var
|
||||||
|
filesaver = this
|
||||||
|
, type = blob.type
|
||||||
|
, blob_changed = false
|
||||||
|
, object_url
|
||||||
|
, target_view
|
||||||
|
, dispatch_all = function() {
|
||||||
|
dispatch(filesaver, "writestart progress write writeend".split(" "));
|
||||||
|
}
|
||||||
|
// on any filesys errors revert to saving with object URLs
|
||||||
|
, fs_error = function() {
|
||||||
|
// don't create more object URLs than needed
|
||||||
|
if (blob_changed || !object_url) {
|
||||||
|
object_url = get_URL().createObjectURL(blob);
|
||||||
|
}
|
||||||
|
if (target_view) {
|
||||||
|
target_view.location.href = object_url;
|
||||||
|
} else {
|
||||||
|
var new_tab = view.open(object_url, "_blank");
|
||||||
|
if (new_tab == undefined && typeof safari !== "undefined") {
|
||||||
|
//Apple do not allow window.open, see http://bit.ly/1kZffRI
|
||||||
|
view.location.href = object_url
|
||||||
|
}
|
||||||
|
}
|
||||||
|
filesaver.readyState = filesaver.DONE;
|
||||||
|
dispatch_all();
|
||||||
|
revoke(object_url);
|
||||||
|
}
|
||||||
|
, abortable = function(func) {
|
||||||
|
return function() {
|
||||||
|
if (filesaver.readyState !== filesaver.DONE) {
|
||||||
|
return func.apply(this, arguments);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
, create_if_not_found = {create: true, exclusive: false}
|
||||||
|
, slice
|
||||||
|
;
|
||||||
|
filesaver.readyState = filesaver.INIT;
|
||||||
|
if (!name) {
|
||||||
|
name = "download";
|
||||||
|
}
|
||||||
|
if (can_use_save_link) {
|
||||||
|
object_url = get_URL().createObjectURL(blob);
|
||||||
|
save_link.href = object_url;
|
||||||
|
save_link.download = name;
|
||||||
|
click(save_link);
|
||||||
|
filesaver.readyState = filesaver.DONE;
|
||||||
|
dispatch_all();
|
||||||
|
revoke(object_url);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// Object and web filesystem URLs have a problem saving in Google Chrome when
|
||||||
|
// viewed in a tab, so I force save with application/octet-stream
|
||||||
|
// http://code.google.com/p/chromium/issues/detail?id=91158
|
||||||
|
// Update: Google errantly closed 91158, I submitted it again:
|
||||||
|
// https://code.google.com/p/chromium/issues/detail?id=389642
|
||||||
|
if (view.chrome && type && type !== force_saveable_type) {
|
||||||
|
slice = blob.slice || blob.webkitSlice;
|
||||||
|
blob = slice.call(blob, 0, blob.size, force_saveable_type);
|
||||||
|
blob_changed = true;
|
||||||
|
}
|
||||||
|
// Since I can't be sure that the guessed media type will trigger a download
|
||||||
|
// in WebKit, I append .download to the filename.
|
||||||
|
// https://bugs.webkit.org/show_bug.cgi?id=65440
|
||||||
|
if (webkit_req_fs && name !== "download") {
|
||||||
|
name += ".download";
|
||||||
|
}
|
||||||
|
if (type === force_saveable_type || webkit_req_fs) {
|
||||||
|
target_view = view;
|
||||||
|
}
|
||||||
|
if (!req_fs) {
|
||||||
|
fs_error();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
fs_min_size += blob.size;
|
||||||
|
req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) {
|
||||||
|
fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
|
||||||
|
var save = function() {
|
||||||
|
dir.getFile(name, create_if_not_found, abortable(function(file) {
|
||||||
|
file.createWriter(abortable(function(writer) {
|
||||||
|
writer.onwriteend = function(event) {
|
||||||
|
target_view.location.href = file.toURL();
|
||||||
|
filesaver.readyState = filesaver.DONE;
|
||||||
|
dispatch(filesaver, "writeend", event);
|
||||||
|
revoke(file);
|
||||||
|
};
|
||||||
|
writer.onerror = function() {
|
||||||
|
var error = writer.error;
|
||||||
|
if (error.code !== error.ABORT_ERR) {
|
||||||
|
fs_error();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
"writestart progress write abort".split(" ").forEach(function(event) {
|
||||||
|
writer["on" + event] = filesaver["on" + event];
|
||||||
|
});
|
||||||
|
writer.write(blob);
|
||||||
|
filesaver.abort = function() {
|
||||||
|
writer.abort();
|
||||||
|
filesaver.readyState = filesaver.DONE;
|
||||||
|
};
|
||||||
|
filesaver.readyState = filesaver.WRITING;
|
||||||
|
}), fs_error);
|
||||||
|
}), fs_error);
|
||||||
|
};
|
||||||
|
dir.getFile(name, {create: false}, abortable(function(file) {
|
||||||
|
// delete file if it already exists
|
||||||
|
file.remove();
|
||||||
|
save();
|
||||||
|
}), abortable(function(ex) {
|
||||||
|
if (ex.code === ex.NOT_FOUND_ERR) {
|
||||||
|
save();
|
||||||
|
} else {
|
||||||
|
fs_error();
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
}), fs_error);
|
||||||
|
}), fs_error);
|
||||||
|
}
|
||||||
|
, FS_proto = FileSaver.prototype
|
||||||
|
, saveAs = function(blob, name) {
|
||||||
|
return new FileSaver(blob, name);
|
||||||
|
}
|
||||||
|
;
|
||||||
|
FS_proto.abort = function() {
|
||||||
|
var filesaver = this;
|
||||||
|
filesaver.readyState = filesaver.DONE;
|
||||||
|
dispatch(filesaver, "abort");
|
||||||
|
};
|
||||||
|
FS_proto.readyState = FS_proto.INIT = 0;
|
||||||
|
FS_proto.WRITING = 1;
|
||||||
|
FS_proto.DONE = 2;
|
||||||
|
|
||||||
|
FS_proto.error =
|
||||||
|
FS_proto.onwritestart =
|
||||||
|
FS_proto.onprogress =
|
||||||
|
FS_proto.onwrite =
|
||||||
|
FS_proto.onabort =
|
||||||
|
FS_proto.onerror =
|
||||||
|
FS_proto.onwriteend =
|
||||||
|
null;
|
||||||
|
|
||||||
|
return saveAs;
|
||||||
|
}(
|
||||||
|
typeof self !== "undefined" && self
|
||||||
|
|| typeof window !== "undefined" && window
|
||||||
|
|| this.content
|
||||||
|
));
|
||||||
|
// `self` is undefined in Firefox for Android content script context
|
||||||
|
// while `this` is nsIContentFrameMessageManager
|
||||||
|
// with an attribute `content` that corresponds to the window
|
||||||
|
|
||||||
|
if (typeof module !== "undefined" && module.exports) {
|
||||||
|
module.exports.saveAs = saveAs;
|
||||||
|
} else if ((typeof define !== "undefined" && define !== null) && (define.amd != null)) {
|
||||||
|
define([], function() {
|
||||||
|
return saveAs;
|
||||||
|
});
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
Plik binarny nie jest wyświetlany.
|
Po Szerokość: | Wysokość: | Rozmiar: 1.2 KiB |
|
|
@ -2,22 +2,10 @@
|
||||||
// Stitchode's main changes and addtions to snap! go in here
|
// Stitchode's main changes and addtions to snap! go in here
|
||||||
// sorry it lacks proper documentation
|
// sorry it lacks proper documentation
|
||||||
|
|
||||||
// Force flat design
|
|
||||||
//IDE_Morph.prototype.setDefaultDesign = IDE_Morph.prototype.setFlatDesign;
|
|
||||||
|
|
||||||
// change logo
|
var tStitch = {};
|
||||||
IDE_Morph.prototype.originalCreateLogo = IDE_Morph.prototype.createLogo;
|
|
||||||
IDE_Morph.prototype.createLogo = function () {
|
|
||||||
this.originalCreateLogo();
|
|
||||||
if (MorphicPreferences.isFlat) {
|
|
||||||
this.logo.texture = 'stitchcode/stitchcode_logo_small.png';
|
|
||||||
} else {
|
|
||||||
this.logo.texture = 'stitchcode/stitchcode_logo_small_black.png';
|
|
||||||
}
|
|
||||||
this.logo.drawNew();
|
|
||||||
}
|
|
||||||
|
|
||||||
function debug_msg(st,clear) {
|
tStitch.debug_msg = function (st,clear) {
|
||||||
o = new String();
|
o = new String();
|
||||||
if (!clear) {
|
if (!clear) {
|
||||||
o = document.getElementById("bug").innerHTML;
|
o = document.getElementById("bug").innerHTML;
|
||||||
|
|
@ -28,7 +16,12 @@ function debug_msg(st,clear) {
|
||||||
document.getElementById("bug").innerHTML = o;
|
document.getElementById("bug").innerHTML = o;
|
||||||
}
|
}
|
||||||
|
|
||||||
var tStitch = {};
|
tStitch.getBaseURL = function () {
|
||||||
|
var url = location.href; // entire url including querystring - also: window.location.href;
|
||||||
|
var baseURL = url.substring(0, url.lastIndexOf('/'));
|
||||||
|
return baseURL + "/";
|
||||||
|
}
|
||||||
|
|
||||||
tStitch.debug = true;
|
tStitch.debug = true;
|
||||||
tStitch.stitches = {};
|
tStitch.stitches = {};
|
||||||
tStitch.stitches.x = new Array();
|
tStitch.stitches.x = new Array();
|
||||||
|
|
@ -46,25 +39,20 @@ tStitch.addPoint = function (x,y,jump) {
|
||||||
s = s + "(" + x + "," + y;
|
s = s + "(" + x + "," + y;
|
||||||
if (jump) s = s + ",jump";
|
if (jump) s = s + ",jump";
|
||||||
s+= ")";
|
s+= ")";
|
||||||
debug_msg(s);
|
tStitch.debug_msg(s);
|
||||||
}
|
}
|
||||||
tStitch.stitches.x.push(x);
|
tStitch.stitches.x.push(x);
|
||||||
tStitch.stitches.y.push(y);
|
tStitch.stitches.y.push(y);
|
||||||
tStitch.stitches.jump.push(jump);
|
tStitch.stitches.jump.push(jump);
|
||||||
}
|
}
|
||||||
|
|
||||||
function getBaseURL() {
|
|
||||||
var url = location.href; // entire url including querystring - also: window.location.href;
|
|
||||||
var baseURL = url.substring(0, url.lastIndexOf('/'));
|
|
||||||
return baseURL + "/";
|
|
||||||
}
|
|
||||||
var baseUrl=getBaseURL()
|
|
||||||
|
|
||||||
tStitch.upload = function() {
|
tStitch.upload = function() {
|
||||||
|
|
||||||
debug_msg("uploading points... sending SAVE with num points= " + tStitch.stitches.x.length, true);
|
debug_msg("uploading points... sending SAVE with num points= " + tStitch.stitches.x.length, true);
|
||||||
params = { "x[]": tStitch.stitches.x, "y[]":tStitch.stitches.y, "j[]":tStitch.stitches.jump };
|
params = { "x[]": tStitch.stitches.x, "y[]":tStitch.stitches.y, "j[]":tStitch.stitches.jump };
|
||||||
//log("sending SAVE with num points= " + tStitch.stitches.x.length);
|
|
||||||
$.fileDownload(baseUrl+"stitchcode/backend/save.py", {
|
$.fileDownload(tStitch.getBaseUrl() +"stitchcode/backend/save.py", {
|
||||||
successCallback: function (html, url) {
|
successCallback: function (html, url) {
|
||||||
alert("DSD");
|
alert("DSD");
|
||||||
},
|
},
|
||||||
|
|
@ -82,6 +70,9 @@ tStitch.upload = function() {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Sprite */
|
||||||
// modified SpriteMorph turtle functions
|
// modified SpriteMorph turtle functions
|
||||||
|
|
||||||
SpriteMorph.prototype.forward = function (steps) {
|
SpriteMorph.prototype.forward = function (steps) {
|
||||||
|
|
@ -108,7 +99,6 @@ SpriteMorph.prototype.forward = function (steps) {
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
SpriteMorph.prototype.gotoXY = function (x, y, justMe) {
|
SpriteMorph.prototype.gotoXY = function (x, y, justMe) {
|
||||||
var stage = this.parentThatIsA(StageMorph),
|
var stage = this.parentThatIsA(StageMorph),
|
||||||
newX,
|
newX,
|
||||||
|
|
@ -133,7 +123,6 @@ SpriteMorph.prototype.gotoXY = function (x, y, justMe) {
|
||||||
tStitch.addPoint(tx,ty,tjump);
|
tStitch.addPoint(tx,ty,tjump);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
SpriteMorph.prototype.clear = function () {
|
SpriteMorph.prototype.clear = function () {
|
||||||
this.parent.clearPenTrails();
|
this.parent.clearPenTrails();
|
||||||
tStitch.clearPoints();
|
tStitch.clearPoints();
|
||||||
|
|
@ -143,377 +132,37 @@ SpriteMorph.prototype.clear = function () {
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// add buttons
|
/*
|
||||||
|
// Definition of new block categories
|
||||||
IDE_Morph.prototype.createControlBar = function () {
|
SpriteMorph.prototype.categories =
|
||||||
// assumes the logo has already been created
|
|
||||||
var padding = 5,
|
|
||||||
button,
|
|
||||||
stopButton,
|
|
||||||
pauseButton,
|
|
||||||
startButton,
|
|
||||||
projectButton,
|
|
||||||
settingsButton,
|
|
||||||
stageSizeButton,
|
|
||||||
appModeButton,
|
|
||||||
cloudButton,
|
|
||||||
upstitchButton,
|
|
||||||
x,
|
|
||||||
colors = [
|
|
||||||
this.groupColor,
|
|
||||||
this.frameColor.darker(50),
|
|
||||||
this.frameColor.darker(50)
|
|
||||||
],
|
|
||||||
myself = this;
|
|
||||||
|
|
||||||
if (this.controlBar) {
|
|
||||||
this.controlBar.destroy();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.controlBar = new Morph();
|
|
||||||
this.controlBar.color = this.frameColor;
|
|
||||||
this.controlBar.setHeight(this.logo.height()); // height is fixed
|
|
||||||
this.controlBar.mouseClickLeft = function () {
|
|
||||||
this.world().fillPage();
|
|
||||||
};
|
|
||||||
this.add(this.controlBar);
|
|
||||||
|
|
||||||
//smallStageButton
|
|
||||||
button = new ToggleButtonMorph(
|
|
||||||
null, //colors,
|
|
||||||
myself, // the IDE is the target
|
|
||||||
'toggleStageSize',
|
|
||||||
[
|
[
|
||||||
new SymbolMorph('smallStage', 14),
|
'motion',
|
||||||
new SymbolMorph('normalStage', 14)
|
'control',
|
||||||
],
|
'shapes',
|
||||||
function () { // query
|
'colors',
|
||||||
return myself.isSmallStage;
|
'sensing',
|
||||||
}
|
'operators',
|
||||||
);
|
'variables',
|
||||||
|
'lists',
|
||||||
|
'my blocks'
|
||||||
|
];
|
||||||
|
|
||||||
button.corner = 12;
|
SpriteMorph.prototype.blockColor = {
|
||||||
button.color = colors[0];
|
motion : new Color(74, 108, 212),
|
||||||
button.highlightColor = colors[1];
|
shapes : new Color(143, 86, 227),
|
||||||
button.pressColor = colors[2];
|
colors : new Color(207, 74, 217),
|
||||||
button.labelMinExtent = new Point(36, 18);
|
sound : new Color(207, 74, 217), // we need to keep this color for the zoom blocks dialog
|
||||||
button.padding = 0;
|
control : new Color(230, 168, 34),
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
sensing : new Color(4, 148, 220),
|
||||||
button.labelShadowColor = colors[1];
|
operators : new Color(98, 194, 19),
|
||||||
button.labelColor = this.buttonLabelColor;
|
variables : new Color(243, 118, 29),
|
||||||
button.contrast = this.buttonContrast;
|
lists : new Color(217, 77, 17),
|
||||||
button.drawNew();
|
other : new Color(150, 150, 150),
|
||||||
// button.hint = 'stage size\nsmall & normal';
|
'my blocks': new Color(150, 150, 60),
|
||||||
button.fixLayout();
|
|
||||||
button.refresh();
|
|
||||||
stageSizeButton = button;
|
|
||||||
this.controlBar.add(stageSizeButton);
|
|
||||||
this.controlBar.stageSizeButton = button; // for refreshing
|
|
||||||
|
|
||||||
//appModeButton
|
|
||||||
button = new ToggleButtonMorph(
|
|
||||||
null, //colors,
|
|
||||||
myself, // the IDE is the target
|
|
||||||
'toggleAppMode',
|
|
||||||
[
|
|
||||||
new SymbolMorph('fullScreen', 14),
|
|
||||||
new SymbolMorph('normalScreen', 14)
|
|
||||||
],
|
|
||||||
function () { // query
|
|
||||||
return myself.isAppMode;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = this.buttonLabelColor;
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'app & edit\nmodes';
|
|
||||||
button.fixLayout();
|
|
||||||
button.refresh();
|
|
||||||
appModeButton = button;
|
|
||||||
this.controlBar.add(appModeButton);
|
|
||||||
this.controlBar.appModeButton = appModeButton; // for refreshing
|
|
||||||
|
|
||||||
// upload StitchButton
|
|
||||||
button = new PushButtonMorph(
|
|
||||||
this,
|
|
||||||
'uploadStitches',
|
|
||||||
new SymbolMorph('arrowUp', 14)
|
|
||||||
);
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = this.buttonLabelColor;
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'stop\nevery-\nthing';
|
|
||||||
button.fixLayout();
|
|
||||||
upstitchButton = button;
|
|
||||||
this.controlBar.add(upstitchButton);
|
|
||||||
|
|
||||||
|
|
||||||
// stopButton
|
|
||||||
button = new PushButtonMorph(
|
|
||||||
this,
|
|
||||||
'stopAllScripts',
|
|
||||||
new SymbolMorph('octagon', 14)
|
|
||||||
);
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = new Color(200, 0, 0);
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'stop\nevery-\nthing';
|
|
||||||
button.fixLayout();
|
|
||||||
stopButton = button;
|
|
||||||
this.controlBar.add(stopButton);
|
|
||||||
|
|
||||||
//pauseButton
|
|
||||||
button = new ToggleButtonMorph(
|
|
||||||
null, //colors,
|
|
||||||
myself, // the IDE is the target
|
|
||||||
'togglePauseResume',
|
|
||||||
[
|
|
||||||
new SymbolMorph('pause', 12),
|
|
||||||
new SymbolMorph('pointRight', 14)
|
|
||||||
],
|
|
||||||
function () { // query
|
|
||||||
return myself.isPaused();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = new Color(255, 220, 0);
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'pause/resume\nall scripts';
|
|
||||||
button.fixLayout();
|
|
||||||
button.refresh();
|
|
||||||
pauseButton = button;
|
|
||||||
this.controlBar.add(pauseButton);
|
|
||||||
this.controlBar.pauseButton = pauseButton; // for refreshing
|
|
||||||
|
|
||||||
// startButton
|
|
||||||
button = new PushButtonMorph(
|
|
||||||
this,
|
|
||||||
'pressStart',
|
|
||||||
new SymbolMorph('flag', 14)
|
|
||||||
);
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = new Color(0, 200, 0);
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'start green\nflag scripts';
|
|
||||||
button.fixLayout();
|
|
||||||
startButton = button;
|
|
||||||
this.controlBar.add(startButton);
|
|
||||||
this.controlBar.startButton = startButton;
|
|
||||||
|
|
||||||
// projectButton
|
|
||||||
button = new PushButtonMorph(
|
|
||||||
this,
|
|
||||||
'projectMenu',
|
|
||||||
new SymbolMorph('file', 14)
|
|
||||||
//'\u270E'
|
|
||||||
);
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = this.buttonLabelColor;
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'open, save, & annotate project';
|
|
||||||
button.fixLayout();
|
|
||||||
projectButton = button;
|
|
||||||
this.controlBar.add(projectButton);
|
|
||||||
this.controlBar.projectButton = projectButton; // for menu positioning
|
|
||||||
|
|
||||||
// settingsButton
|
|
||||||
button = new PushButtonMorph(
|
|
||||||
this,
|
|
||||||
'settingsMenu',
|
|
||||||
new SymbolMorph('gears', 14)
|
|
||||||
//'\u2699'
|
|
||||||
);
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = this.buttonLabelColor;
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'edit settings';
|
|
||||||
button.fixLayout();
|
|
||||||
settingsButton = button;
|
|
||||||
this.controlBar.add(settingsButton);
|
|
||||||
this.controlBar.settingsButton = settingsButton; // for menu positioning
|
|
||||||
|
|
||||||
// cloudButton
|
|
||||||
button = new PushButtonMorph(
|
|
||||||
this,
|
|
||||||
'cloudMenu',
|
|
||||||
new SymbolMorph('cloud', 11)
|
|
||||||
);
|
|
||||||
button.corner = 12;
|
|
||||||
button.color = colors[0];
|
|
||||||
button.highlightColor = colors[1];
|
|
||||||
button.pressColor = colors[2];
|
|
||||||
button.labelMinExtent = new Point(36, 18);
|
|
||||||
button.padding = 0;
|
|
||||||
button.labelShadowOffset = new Point(-1, -1);
|
|
||||||
button.labelShadowColor = colors[1];
|
|
||||||
button.labelColor = this.buttonLabelColor;
|
|
||||||
button.contrast = this.buttonContrast;
|
|
||||||
button.drawNew();
|
|
||||||
// button.hint = 'cloud operations';
|
|
||||||
button.fixLayout();
|
|
||||||
cloudButton = button;
|
|
||||||
this.controlBar.add(cloudButton);
|
|
||||||
this.controlBar.cloudButton = cloudButton; // for menu positioning
|
|
||||||
|
|
||||||
this.controlBar.fixLayout = function () {
|
|
||||||
x = this.right() - padding;
|
|
||||||
[stopButton, pauseButton, startButton].forEach(
|
|
||||||
function (button) {
|
|
||||||
button.setCenter(myself.controlBar.center());
|
|
||||||
button.setRight(x);
|
|
||||||
x -= button.width();
|
|
||||||
x -= padding;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
x = Math.min(
|
|
||||||
startButton.left() - (3 * padding + 2 * stageSizeButton.width()),
|
|
||||||
myself.right() - StageMorph.prototype.dimensions.x *
|
|
||||||
(myself.isSmallStage ? myself.stageRatio : 1)
|
|
||||||
);
|
|
||||||
[stageSizeButton, appModeButton].forEach(
|
|
||||||
function (button) {
|
|
||||||
x += padding;
|
|
||||||
button.setCenter(myself.controlBar.center());
|
|
||||||
button.setLeft(x);
|
|
||||||
x += button.width();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
upstitchButton.setCenter(myself.controlBar.center());
|
|
||||||
upstitchButton.setRight(stageSizeButton.left() - padding);
|
|
||||||
|
|
||||||
settingsButton.setCenter(myself.controlBar.center());
|
|
||||||
settingsButton.setLeft(this.left());
|
|
||||||
|
|
||||||
cloudButton.setCenter(myself.controlBar.center());
|
|
||||||
cloudButton.setRight(settingsButton.left() - padding);
|
|
||||||
|
|
||||||
projectButton.setCenter(myself.controlBar.center());
|
|
||||||
projectButton.setRight(cloudButton.left() - padding);
|
|
||||||
|
|
||||||
this.updateLabel();
|
|
||||||
};
|
|
||||||
|
|
||||||
this.controlBar.updateLabel = function () {
|
|
||||||
var suffix = myself.world().isDevMode ?
|
|
||||||
' - ' + localize('development mode') : '';
|
|
||||||
|
|
||||||
if (this.label) {
|
|
||||||
this.label.destroy();
|
|
||||||
}
|
|
||||||
if (myself.isAppMode) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.label = new StringMorph(
|
|
||||||
(myself.projectName || localize('untitled')) + suffix,
|
|
||||||
14,
|
|
||||||
'sans-serif',
|
|
||||||
true,
|
|
||||||
false,
|
|
||||||
false,
|
|
||||||
MorphicPreferences.isFlat ? null : new Point(2, 1),
|
|
||||||
myself.frameColor.darker(myself.buttonContrast)
|
|
||||||
);
|
|
||||||
this.label.color = myself.buttonLabelColor;
|
|
||||||
this.label.drawNew();
|
|
||||||
this.add(this.label);
|
|
||||||
this.label.setCenter(this.center());
|
|
||||||
this.label.setLeft(this.settingsButton.right() + padding);
|
|
||||||
};
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// now move also "make a block to 'my blocks'
|
||||||
|
|
||||||
IDE_Morph.prototype.uploadStitches = function () {
|
*/
|
||||||
tStitch.upload();
|
|
||||||
};
|
|
||||||
|
|
||||||
ProjectDialogMorph.prototype.getExamplesProjectList = function () {
|
|
||||||
var dir,
|
|
||||||
projects = [];
|
|
||||||
|
|
||||||
//dir = this.ide.getURL('http://snap.berkeley.edu/snapsource/Examples/');
|
|
||||||
dir = this.ide.getURL(getBaseURL() + '/stitchcode/examples/');
|
|
||||||
dir.split('\n').forEach(
|
|
||||||
function (line) {
|
|
||||||
var startIdx = line.search(new RegExp('href=".*xml"')),
|
|
||||||
endIdx,
|
|
||||||
name,
|
|
||||||
dta;
|
|
||||||
if (startIdx > 0) {
|
|
||||||
endIdx = line.search(new RegExp('.xml'));
|
|
||||||
name = line.substring(startIdx + 6, endIdx);
|
|
||||||
dta = {
|
|
||||||
name: name,
|
|
||||||
thumb: null,
|
|
||||||
notes: null
|
|
||||||
};
|
|
||||||
projects.push(dta);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
projects.sort(function (x, y) {
|
|
||||||
return x.name < y.name ? -1 : 1;
|
|
||||||
});
|
|
||||||
return projects;
|
|
||||||
};
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,393 @@
|
||||||
|
// Force flat design
|
||||||
|
IDE_Morph.prototype.setDefaultDesign = IDE_Morph.prototype.setFlatDesign;
|
||||||
|
|
||||||
|
// change logo
|
||||||
|
IDE_Morph.prototype.originalCreateLogo = IDE_Morph.prototype.createLogo;
|
||||||
|
IDE_Morph.prototype.createLogo = function () {
|
||||||
|
this.originalCreateLogo();
|
||||||
|
if (MorphicPreferences.isFlat) {
|
||||||
|
this.logo.texture = 'stitchcode/stitchcode_logo_small.png';
|
||||||
|
} else {
|
||||||
|
this.logo.texture = 'stitchcode/stitchcode_logo_small_black.png';
|
||||||
|
}
|
||||||
|
this.logo.drawNew();
|
||||||
|
}
|
||||||
|
|
||||||
|
// add buttons
|
||||||
|
|
||||||
|
IDE_Morph.prototype.createControlBar = function () {
|
||||||
|
// assumes the logo has already been created
|
||||||
|
var padding = 5,
|
||||||
|
button,
|
||||||
|
stopButton,
|
||||||
|
pauseButton,
|
||||||
|
startButton,
|
||||||
|
projectButton,
|
||||||
|
settingsButton,
|
||||||
|
stageSizeButton,
|
||||||
|
appModeButton,
|
||||||
|
cloudButton,
|
||||||
|
upstitchButton,
|
||||||
|
x,
|
||||||
|
colors = [
|
||||||
|
this.groupColor,
|
||||||
|
this.frameColor.darker(50),
|
||||||
|
this.frameColor.darker(50)
|
||||||
|
],
|
||||||
|
myself = this;
|
||||||
|
|
||||||
|
if (this.controlBar) {
|
||||||
|
this.controlBar.destroy();
|
||||||
|
}
|
||||||
|
|
||||||
|
this.controlBar = new Morph();
|
||||||
|
this.controlBar.color = this.frameColor;
|
||||||
|
this.controlBar.setHeight(this.logo.height()); // height is fixed
|
||||||
|
this.controlBar.mouseClickLeft = function () {
|
||||||
|
this.world().fillPage();
|
||||||
|
};
|
||||||
|
this.add(this.controlBar);
|
||||||
|
|
||||||
|
//smallStageButton
|
||||||
|
button = new ToggleButtonMorph(
|
||||||
|
null, //colors,
|
||||||
|
myself, // the IDE is the target
|
||||||
|
'toggleStageSize',
|
||||||
|
[
|
||||||
|
new SymbolMorph('smallStage', 14),
|
||||||
|
new SymbolMorph('normalStage', 14)
|
||||||
|
],
|
||||||
|
function () { // query
|
||||||
|
return myself.isSmallStage;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = this.buttonLabelColor;
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'stage size\nsmall & normal';
|
||||||
|
button.fixLayout();
|
||||||
|
button.refresh();
|
||||||
|
stageSizeButton = button;
|
||||||
|
this.controlBar.add(stageSizeButton);
|
||||||
|
this.controlBar.stageSizeButton = button; // for refreshing
|
||||||
|
|
||||||
|
//appModeButton
|
||||||
|
button = new ToggleButtonMorph(
|
||||||
|
null, //colors,
|
||||||
|
myself, // the IDE is the target
|
||||||
|
'toggleAppMode',
|
||||||
|
[
|
||||||
|
new SymbolMorph('fullScreen', 14),
|
||||||
|
new SymbolMorph('normalScreen', 14)
|
||||||
|
],
|
||||||
|
function () { // query
|
||||||
|
return myself.isAppMode;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = this.buttonLabelColor;
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'app & edit\nmodes';
|
||||||
|
button.fixLayout();
|
||||||
|
button.refresh();
|
||||||
|
appModeButton = button;
|
||||||
|
this.controlBar.add(appModeButton);
|
||||||
|
this.controlBar.appModeButton = appModeButton; // for refreshing
|
||||||
|
|
||||||
|
// upload StitchButton
|
||||||
|
button = new PushButtonMorph(
|
||||||
|
this,
|
||||||
|
'uploadStitches',
|
||||||
|
new SymbolMorph('arrowUp', 14)
|
||||||
|
);
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = this.buttonLabelColor;
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'stop\nevery-\nthing';
|
||||||
|
button.fixLayout();
|
||||||
|
upstitchButton = button;
|
||||||
|
this.controlBar.add(upstitchButton);
|
||||||
|
|
||||||
|
|
||||||
|
// stopButton
|
||||||
|
button = new PushButtonMorph(
|
||||||
|
this,
|
||||||
|
'stopAllScripts',
|
||||||
|
new SymbolMorph('octagon', 14)
|
||||||
|
);
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = new Color(200, 0, 0);
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'stop\nevery-\nthing';
|
||||||
|
button.fixLayout();
|
||||||
|
stopButton = button;
|
||||||
|
this.controlBar.add(stopButton);
|
||||||
|
|
||||||
|
//pauseButton
|
||||||
|
button = new ToggleButtonMorph(
|
||||||
|
null, //colors,
|
||||||
|
myself, // the IDE is the target
|
||||||
|
'togglePauseResume',
|
||||||
|
[
|
||||||
|
new SymbolMorph('pause', 12),
|
||||||
|
new SymbolMorph('pointRight', 14)
|
||||||
|
],
|
||||||
|
function () { // query
|
||||||
|
return myself.isPaused();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = new Color(255, 220, 0);
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'pause/resume\nall scripts';
|
||||||
|
button.fixLayout();
|
||||||
|
button.refresh();
|
||||||
|
pauseButton = button;
|
||||||
|
this.controlBar.add(pauseButton);
|
||||||
|
this.controlBar.pauseButton = pauseButton; // for refreshing
|
||||||
|
|
||||||
|
// startButton
|
||||||
|
button = new PushButtonMorph(
|
||||||
|
this,
|
||||||
|
'pressStart',
|
||||||
|
new SymbolMorph('flag', 14)
|
||||||
|
);
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = new Color(0, 200, 0);
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'start green\nflag scripts';
|
||||||
|
button.fixLayout();
|
||||||
|
startButton = button;
|
||||||
|
this.controlBar.add(startButton);
|
||||||
|
this.controlBar.startButton = startButton;
|
||||||
|
|
||||||
|
// projectButton
|
||||||
|
button = new PushButtonMorph(
|
||||||
|
this,
|
||||||
|
'projectMenu',
|
||||||
|
new SymbolMorph('file', 14)
|
||||||
|
//'\u270E'
|
||||||
|
);
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = this.buttonLabelColor;
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'open, save, & annotate project';
|
||||||
|
button.fixLayout();
|
||||||
|
projectButton = button;
|
||||||
|
this.controlBar.add(projectButton);
|
||||||
|
this.controlBar.projectButton = projectButton; // for menu positioning
|
||||||
|
|
||||||
|
// settingsButton
|
||||||
|
button = new PushButtonMorph(
|
||||||
|
this,
|
||||||
|
'settingsMenu',
|
||||||
|
new SymbolMorph('gears', 14)
|
||||||
|
//'\u2699'
|
||||||
|
);
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = this.buttonLabelColor;
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'edit settings';
|
||||||
|
button.fixLayout();
|
||||||
|
settingsButton = button;
|
||||||
|
this.controlBar.add(settingsButton);
|
||||||
|
this.controlBar.settingsButton = settingsButton; // for menu positioning
|
||||||
|
|
||||||
|
// cloudButton
|
||||||
|
button = new PushButtonMorph(
|
||||||
|
this,
|
||||||
|
'cloudMenu',
|
||||||
|
new SymbolMorph('cloud', 11)
|
||||||
|
);
|
||||||
|
button.corner = 12;
|
||||||
|
button.color = colors[0];
|
||||||
|
button.highlightColor = colors[1];
|
||||||
|
button.pressColor = colors[2];
|
||||||
|
button.labelMinExtent = new Point(36, 18);
|
||||||
|
button.padding = 0;
|
||||||
|
button.labelShadowOffset = new Point(-1, -1);
|
||||||
|
button.labelShadowColor = colors[1];
|
||||||
|
button.labelColor = this.buttonLabelColor;
|
||||||
|
button.contrast = this.buttonContrast;
|
||||||
|
button.drawNew();
|
||||||
|
// button.hint = 'cloud operations';
|
||||||
|
button.fixLayout();
|
||||||
|
cloudButton = button;
|
||||||
|
this.controlBar.add(cloudButton);
|
||||||
|
this.controlBar.cloudButton = cloudButton; // for menu positioning
|
||||||
|
|
||||||
|
this.controlBar.fixLayout = function () {
|
||||||
|
x = this.right() - padding;
|
||||||
|
[stopButton, pauseButton, startButton].forEach(
|
||||||
|
function (button) {
|
||||||
|
button.setCenter(myself.controlBar.center());
|
||||||
|
button.setRight(x);
|
||||||
|
x -= button.width();
|
||||||
|
x -= padding;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
x = Math.min(
|
||||||
|
startButton.left() - (3 * padding + 2 * stageSizeButton.width()),
|
||||||
|
myself.right() - StageMorph.prototype.dimensions.x *
|
||||||
|
(myself.isSmallStage ? myself.stageRatio : 1)
|
||||||
|
);
|
||||||
|
[stageSizeButton, appModeButton].forEach(
|
||||||
|
function (button) {
|
||||||
|
x += padding;
|
||||||
|
button.setCenter(myself.controlBar.center());
|
||||||
|
button.setLeft(x);
|
||||||
|
x += button.width();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
upstitchButton.setCenter(myself.controlBar.center());
|
||||||
|
upstitchButton.setRight(stageSizeButton.left() - padding);
|
||||||
|
|
||||||
|
settingsButton.setCenter(myself.controlBar.center());
|
||||||
|
settingsButton.setLeft(this.left());
|
||||||
|
|
||||||
|
cloudButton.setCenter(myself.controlBar.center());
|
||||||
|
cloudButton.setRight(settingsButton.left() - padding);
|
||||||
|
|
||||||
|
projectButton.setCenter(myself.controlBar.center());
|
||||||
|
projectButton.setRight(cloudButton.left() - padding);
|
||||||
|
|
||||||
|
this.updateLabel();
|
||||||
|
};
|
||||||
|
|
||||||
|
this.controlBar.updateLabel = function () {
|
||||||
|
var suffix = myself.world().isDevMode ?
|
||||||
|
' - ' + localize('development mode') : '';
|
||||||
|
|
||||||
|
if (this.label) {
|
||||||
|
this.label.destroy();
|
||||||
|
}
|
||||||
|
if (myself.isAppMode) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.label = new StringMorph(
|
||||||
|
(myself.projectName || localize('untitled')) + suffix,
|
||||||
|
14,
|
||||||
|
'sans-serif',
|
||||||
|
true,
|
||||||
|
false,
|
||||||
|
false,
|
||||||
|
MorphicPreferences.isFlat ? null : new Point(2, 1),
|
||||||
|
myself.frameColor.darker(myself.buttonContrast)
|
||||||
|
);
|
||||||
|
this.label.color = myself.buttonLabelColor;
|
||||||
|
this.label.drawNew();
|
||||||
|
this.add(this.label);
|
||||||
|
this.label.setCenter(this.center());
|
||||||
|
this.label.setLeft(this.settingsButton.right() + padding);
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
IDE_Morph.prototype.uploadStitches = function () {
|
||||||
|
tStitch.upload();
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
ProjectDialogMorph.prototype.getExamplesProjectList = function () {
|
||||||
|
var dir,
|
||||||
|
projects = [];
|
||||||
|
|
||||||
|
//dir = this.ide.getURL('http://snap.berkeley.edu/snapsource/Examples/');
|
||||||
|
dir = this.ide.getURL(getBaseURL() + '/stitchcode/examples/');
|
||||||
|
dir.split('\n').forEach(
|
||||||
|
function (line) {
|
||||||
|
var startIdx = line.search(new RegExp('href=".*xml"')),
|
||||||
|
endIdx,
|
||||||
|
name,
|
||||||
|
dta;
|
||||||
|
if (startIdx > 0) {
|
||||||
|
endIdx = line.search(new RegExp('.xml'));
|
||||||
|
name = line.substring(startIdx + 6, endIdx);
|
||||||
|
dta = {
|
||||||
|
name: name,
|
||||||
|
thumb: null,
|
||||||
|
notes: null
|
||||||
|
};
|
||||||
|
projects.push(dta);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
projects.sort(function (x, y) {
|
||||||
|
return x.name < y.name ? -1 : 1;
|
||||||
|
});
|
||||||
|
return projects;
|
||||||
|
};
|
||||||
|
|
||||||
Ładowanie…
Reference in New Issue