diff --git a/css/tools.css b/css/tools.css index f0a69e10..fee6ca36 100644 --- a/css/tools.css +++ b/css/tools.css @@ -19,8 +19,10 @@ .tool-icon.selected { cursor: default; background-color: #444; - border: 1px gold solid; - margin: 0; + border: 3px solid gold; + box-sizing: border-box; + -moz-box-sizing: border-box; + background-position: 9px 9px; } .tool-icon:hover { @@ -64,7 +66,6 @@ .tool-icon.tool-move { background-image: url(../img/tools/hand.png); - background-position: 12px 12px; background-size: 24px 24px; } @@ -74,13 +75,16 @@ background-size: 24px 20px; } +.tool-icon.tool-rectangle.selected, .tool-icon.tool-rectangle-select.selected { + background-position: 9px 11px; +} + .tool-icon.tool-shape-select { background-image: url(../img/tools/magicwand.png); } .tool-icon.tool-colorpicker { background-image: url(../img/tools/eyedropper.png); - background-position: 12px 12px; background-size: 23px 23px; } diff --git a/index.html b/index.html index f7ff5b04..69bbc344 100644 --- a/index.html +++ b/index.html @@ -53,6 +53,7 @@ + diff --git a/js/app.js b/js/app.js index 6ddccc21..f9d43a46 100644 --- a/js/app.js +++ b/js/app.js @@ -15,6 +15,7 @@ var size = this.readSizeFromURL_(); var piskel = new pskl.model.Piskel(size.width, size.height); + piskel.setDescriptor("New Piskel", "Some text ..."); var layer = new pskl.model.Layer("Layer 1"); var frame = new pskl.model.Frame(size.width, size.height); diff --git a/js/controller/settings/SaveController.js b/js/controller/settings/SaveController.js new file mode 100644 index 00000000..11b330cb --- /dev/null +++ b/js/controller/settings/SaveController.js @@ -0,0 +1,18 @@ +(function () { + var ns = $.namespace("pskl.controller.settings"); + + ns.SaveController = function (piskelController) { + this.piskelController = piskelController; + }; + + /** + * @public + */ + ns.SaveController.prototype.init = function () { + this.titleInput = document.getElementById("save-title"); + this.descriptionInput = document.getElementById("save-description"); + + this.titleInput.value = this.piskelController.piskel.getDescriptor().name; + this.descriptionInput.value = this.piskelController.piskel.getDescriptor().description; + }; +})(); \ No newline at end of file diff --git a/js/controller/settings/SettingsController.js b/js/controller/settings/SettingsController.js index 708b3fa1..10db6890 100644 --- a/js/controller/settings/SettingsController.js +++ b/js/controller/settings/SettingsController.js @@ -13,6 +13,10 @@ 'import' : { template : 'templates/settings/import.html', controller : ns.ImportController + }, + 'save' : { + template : 'templates/settings/save.html', + controller : ns.SaveController } }; diff --git a/js/model/Piskel.js b/js/model/Piskel.js index 77e7f261..11f520d7 100644 --- a/js/model/Piskel.js +++ b/js/model/Piskel.js @@ -5,6 +5,8 @@ * @constructor * @param {Number} width * @param {Number} height + * @param {String} name + * @param {String} description */ ns.Piskel = function (width, height) { if (width && height) { @@ -16,6 +18,8 @@ /** @type {Number} */ this.height = height; + + this.descriptor = null; } else { throw 'Missing arguments in Piskel constructor : ' + Array.prototype.join.call(arguments, ","); } @@ -96,4 +100,15 @@ this.layers.splice(index, 1); }; + ns.Piskel.prototype.getDescriptor = function () { + return this.descriptor; + }; + + ns.Piskel.prototype.setDescriptor = function (name, desc) { + this.descriptor = { + name : name, + description : desc + }; + }; + })(); \ No newline at end of file diff --git a/js/model/PiskelDescriptor.js b/js/model/PiskelDescriptor.js new file mode 100644 index 00000000..e69de29b diff --git a/piskel-script-list.js b/piskel-script-list.js index b4e54c12..cd7651f5 100644 --- a/piskel-script-list.js +++ b/piskel-script-list.js @@ -69,6 +69,7 @@ exports.scripts = [ // Settings sub-controllers "js/controller/settings/ApplicationSettingsController.js", "js/controller/settings/GifExportController.js", + "js/controller/settings/SaveController.js", "js/controller/settings/ImportController.js", // Settings controller "js/controller/settings/SettingsController.js", diff --git a/templates/settings.html b/templates/settings.html index efb455eb..72c80ccd 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -1,4 +1,11 @@
+
+
+
- - -
-
-
+
Save
+
+
+
+ +
+ +
+ +
+ + +
+
+
\ No newline at end of file