mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Layers:Review:Renamed layers-container to layers-list-container. Extracted URLs to Constant.js

Browse Source
This commit is contained in:
jdescottes 2013-09-29 23:26:09 +02:00
parent 76511058d1
commit 4eebff804b
5 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/style.css
View File

@ -194,7 +194,7 @@ body {
/** /**
* Layers container * Layers container
*/ */
.layers-container { .layers-list-container {
border: 4px solid #888; border: 4px solid #888;
font-size: medium; font-size: medium;
color: white; color: white;

12
js/Constants.js
View File

@ -15,7 +15,7 @@ var Constants = {
DEFAULT_PEN_COLOR : '#000000', DEFAULT_PEN_COLOR : '#000000',
TRANSPARENT_COLOR : 'TRANSPARENT', TRANSPARENT_COLOR : 'TRANSPARENT',
/* /*
* Fake semi-transparent color used to highlight transparent * Fake semi-transparent color used to highlight transparent
* strokes and rectangles: * strokes and rectangles:
@ -27,15 +27,17 @@ var Constants = {
* pixel target with this color: * pixel target with this color:
*/ */
TOOL_TARGET_HIGHLIGHT_COLOR: 'rgba(255, 255, 255, 0.2)', TOOL_TARGET_HIGHLIGHT_COLOR: 'rgba(255, 255, 255, 0.2)',
/* /*
* Default entry point for piskel web service: * Default entry point for piskel web service:
*/ */
PISKEL_SERVICE_URL: 'http://3.piskel-app.appspot.com', PISKEL_SERVICE_URL: 'http://3.piskel-app.appspot.com',
IMAGE_SERVICE_UPLOAD_URL : 'http://screenletstore.appspot.com/__/upload',
IMAGE_SERVICE_GET_URL : 'http://screenletstore.appspot.com/img/',
GRID_STROKE_WIDTH: 1, GRID_STROKE_WIDTH: 1,
GRID_STROKE_COLOR: "lightgray", GRID_STROKE_COLOR: 'lightgray',
LEFT_BUTTON : "left_button_1", LEFT_BUTTON : 'left_button_1',
RIGHT_BUTTON : "right_button_2" RIGHT_BUTTON : 'right_button_2'
}; };

2
js/controller/LayersController.js
View File

@ -7,7 +7,7 @@
ns.LayersController.prototype.init = function () { ns.LayersController.prototype.init = function () {
this.layerItemTemplate_ = pskl.utils.Template.get('layer-item-template'); this.layerItemTemplate_ = pskl.utils.Template.get('layer-item-template');
this.rootEl = document.querySelectorAll('.layers-container')[0]; this.rootEl = document.querySelectorAll('.layers-list-container')[0];
this.layersListEl = document.querySelectorAll('.layers-list')[0]; this.layersListEl = document.querySelectorAll('.layers-list')[0];
this.rootEl.addEventListener('click', this.onClick_.bind(this)); this.rootEl.addEventListener('click', this.onClick_.bind(this));

16
js/service/ImageUploadService.js
View File

@ -1,12 +1,7 @@
(function () { (function () {
var ns = $.namespace("pskl.service"); var ns = $.namespace("pskl.service");
ns.ImageUploadService = function () { ns.ImageUploadService = function () {};
this.serviceUrl_ = "http://screenletstore.appspot.com/__/upload"; ns.ImageUploadService.prototype.init = function () {};
};
ns.ImageUploadService.prototype.init = function () {
// service interface
};
/** /**
* Upload a base64 image data to distant service. If successful, will call provided callback with the image URL as first argument; * Upload a base64 image data to distant service. If successful, will call provided callback with the image URL as first argument;
@ -18,10 +13,10 @@
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
var formData = new FormData(); var formData = new FormData();
formData.append('data', imageData); formData.append('data', imageData);
xhr.open('POST', this.serviceUrl_, true); xhr.open('POST', Constants.IMAGE_SERVICE_UPLOAD_URL, true);
xhr.onload = function (e) { xhr.onload = function (e) {
if (this.status == 200) { if (this.status == 200) {
var imageUrl = "http://screenletstore.appspot.com/img/" + this.responseText; var imageUrl = Constants.IMAGE_SERVICE_GET_URL + this.responseText;
cbSuccess(imageUrl); cbSuccess(imageUrl);
} else { } else {
cbError(); cbError();
@ -30,5 +25,4 @@
xhr.send(formData); xhr.send(formData);
}; };
})();
})();

2
templates/layers.html
View File

@ -1,4 +1,4 @@
<div class="layers-container"> <div class="layers-list-container">
<h3 class="layers-title">Layers</h3> <h3 class="layers-title">Layers</h3>
<div class="layers-button-container"> <div class="layers-button-container">
<button class="layers-button" data-action="add" >Add</button> <button class="layers-button" data-action="add" >Add</button>