renkan: client/js/renderer/edgeeditor.js@423bdf56d103 (annotated)

Mercurial Mercurial > renkan / annotate

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

client/js/renderer/edgeeditor.js

author	ymh <ymh.work@gmail.com>
	Tue, 02 Jun 2015 00:39:47 +0200
changeset 458	423bdf56d103
parent 434	0d5998b32a7c
child 459	98cae534083d
permissions	-rw-r--r--

migrated to style, added dash style to client + small refactoring for shapes + triangle

284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	1
fa8035885814 build renderer with require js cavaliet parents: diff changeset	2	define(['jquery', 'underscore', 'requtils', 'renderer/baseeditor'], function ($, _, requtils, BaseEditor) {
293 fba23fde14ba Correct jshint errors and force it on build ymh <ymh.work@gmail.com> parents: 284 diff changeset	3	'use strict';
fba23fde14ba Correct jshint errors and force it on build ymh <ymh.work@gmail.com> parents: 284 diff changeset	4
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	5	var Utils = requtils.getUtils();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	6
fa8035885814 build renderer with require js cavaliet parents: diff changeset	7	/* EdgeEditor Begin */
fa8035885814 build renderer with require js cavaliet parents: diff changeset	8
fa8035885814 build renderer with require js cavaliet parents: diff changeset	9	//var EdgeEditor = Renderer.EdgeEditor = Utils.inherit(Renderer._BaseEditor);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	10	var EdgeEditor = Utils.inherit(BaseEditor);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	11
fa8035885814 build renderer with require js cavaliet parents: diff changeset	12	_(EdgeEditor.prototype).extend({
434 0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	13	_init: function() {
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	14	BaseEditor.prototype._init.apply(this);
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	15	this.template = this.options.templates['templates/edgeeditor.html'];
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	16	this.readOnlyTemplate = this.options.templates['templates/edgeeditor_readonly.html'];
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	17	},
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	18	draw: function() {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	19	var _model = this.source_representation.model,
fa8035885814 build renderer with require js cavaliet parents: diff changeset	20	_from_model = _model.get("from"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	21	_to_model = _model.get("to"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	22	_created_by = _model.get("created_by") \|\| Utils._USER_PLACEHOLDER(this.renkan),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	23	_template = (this.renderer.isEditable() ? this.template : this.readOnlyTemplate);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	24	this.editor_$
433 e457ec945e50 replace underscore par lodash ymh <ymh.work@gmail.com> parents: 419 diff changeset	25	.html(_template({
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	26	edge: {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	27	has_creator: !!_model.get("created_by"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	28	title: _model.get("title"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	29	uri: _model.get("uri"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	30	short_uri: Utils.shortenText((_model.get("uri") \|\| "").replace(/^(https?:\/\/)?(www\.)?/,'').replace(/\/$/,''),40),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	31	description: _model.get("description"),
458 423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	32	color: (_model.has("style") && _model.get("style").color) \|\| _created_by.get("color"),
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	33	dash: _model.has("style") && _model.get("style").dash ? "checked" : "",
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	34	from_title: _from_model.get("title"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	35	to_title: _to_model.get("title"),
458 423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	36	from_color: (_from_model.has("style") && _from_model.get("style").color) \|\| (_from_model.get("created_by") \|\| Utils._USER_PLACEHOLDER(this.renkan)).get("color"),
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	37	to_color: (_to_model.has("style") && _to_model.get("style").color) \|\| (_to_model.get("created_by") \|\| Utils._USER_PLACEHOLDER(this.renkan)).get("color"),
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	38	created_by_color: _created_by.get("color"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	39	created_by_title: _created_by.get("title")
fa8035885814 build renderer with require js cavaliet parents: diff changeset	40	},
fa8035885814 build renderer with require js cavaliet parents: diff changeset	41	renkan: this.renkan,
fa8035885814 build renderer with require js cavaliet parents: diff changeset	42	shortenText: Utils.shortenText,
fa8035885814 build renderer with require js cavaliet parents: diff changeset	43	options: this.options
fa8035885814 build renderer with require js cavaliet parents: diff changeset	44	}));
fa8035885814 build renderer with require js cavaliet parents: diff changeset	45	this.redraw();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	46	var _this = this,
fa8035885814 build renderer with require js cavaliet parents: diff changeset	47	closeEditor = function() {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	48	_this.renderer.removeRepresentation(_this);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	49	paper.view.draw();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	50	};
fa8035885814 build renderer with require js cavaliet parents: diff changeset	51	this.editor_$.find(".Rk-CloseX").click(closeEditor);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	52	this.editor_$.find(".Rk-Edit-Goto").click(function() {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	53	if (!_model.get("uri")) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	54	return false;
fa8035885814 build renderer with require js cavaliet parents: diff changeset	55	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	56	});
fa8035885814 build renderer with require js cavaliet parents: diff changeset	57
fa8035885814 build renderer with require js cavaliet parents: diff changeset	58	if (this.renderer.isEditable()) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	59
433 e457ec945e50 replace underscore par lodash ymh <ymh.work@gmail.com> parents: 419 diff changeset	60	var onFieldChange = _.throttle(function() {
434 0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	61	_.defer(function() {
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	62	if (_this.renderer.isEditable()) {
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	63	var _data = {
433 e457ec945e50 replace underscore par lodash ymh <ymh.work@gmail.com> parents: 419 diff changeset	64	title: _this.editor_$.find(".Rk-Edit-Title").val()
434 0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	65	};
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	66	if (_this.options.show_edge_editor_uri) {
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	67	_data.uri = _this.editor_$.find(".Rk-Edit-URI").val();
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	68	}
458 423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	69	if (_this.options.show_node_editor_style) {
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	70	var dash = _this.editor_$.find(".Rk-Edit-Dash").is(':checked');
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	71	_data.style = _.assign( ((_model.has("style") && _.clone(_model.get("style"))) \|\| {}), {dash: dash});
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	72	}
434 0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	73	_this.editor_$.find(".Rk-Edit-Goto").attr("href",_data.uri \|\| "#");
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	74	_model.set(_data);
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	75	paper.view.draw();
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	76	} else {
0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	77	closeEditor();
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	78	}
434 0d5998b32a7c clean, and finalize lodash migration ymh <ymh.work@gmail.com> parents: 433 diff changeset	79	});
433 e457ec945e50 replace underscore par lodash ymh <ymh.work@gmail.com> parents: 419 diff changeset	80	},500);
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	81
fa8035885814 build renderer with require js cavaliet parents: diff changeset	82	this.editor_$.on("keyup", function(_e) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	83	if (_e.keyCode === 27) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	84	closeEditor();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	85	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	86	});
fa8035885814 build renderer with require js cavaliet parents: diff changeset	87
fa8035885814 build renderer with require js cavaliet parents: diff changeset	88	this.editor_$.find("input").on("keyup change paste", onFieldChange);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	89
fa8035885814 build renderer with require js cavaliet parents: diff changeset	90	this.editor_$.find(".Rk-Edit-Vocabulary").change(function() {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	91	var e = $(this),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	92	v = e.val();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	93	if (v) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	94	_this.editor_$.find(".Rk-Edit-Title").val(e.find(":selected").text());
fa8035885814 build renderer with require js cavaliet parents: diff changeset	95	_this.editor_$.find(".Rk-Edit-URI").val(v);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	96	onFieldChange();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	97	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	98	});
fa8035885814 build renderer with require js cavaliet parents: diff changeset	99	this.editor_$.find(".Rk-Edit-Direction").click(function() {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	100	if (_this.renderer.isEditable()) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	101	_model.set({
fa8035885814 build renderer with require js cavaliet parents: diff changeset	102	from: _model.get("to"),
fa8035885814 build renderer with require js cavaliet parents: diff changeset	103	to: _model.get("from")
fa8035885814 build renderer with require js cavaliet parents: diff changeset	104	});
fa8035885814 build renderer with require js cavaliet parents: diff changeset	105	_this.draw();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	106	} else {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	107	closeEditor();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	108	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	109	});
fa8035885814 build renderer with require js cavaliet parents: diff changeset	110
fa8035885814 build renderer with require js cavaliet parents: diff changeset	111	var _picker = _this.editor_$.find(".Rk-Edit-ColorPicker");
fa8035885814 build renderer with require js cavaliet parents: diff changeset	112
fa8035885814 build renderer with require js cavaliet parents: diff changeset	113	this.editor_$.find(".Rk-Edit-ColorPicker-Wrapper").hover(
fa8035885814 build renderer with require js cavaliet parents: diff changeset	114	function(_e) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	115	_e.preventDefault();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	116	_picker.show();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	117	},
fa8035885814 build renderer with require js cavaliet parents: diff changeset	118	function(_e) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	119	_e.preventDefault();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	120	_picker.hide();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	121	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	122	);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	123
fa8035885814 build renderer with require js cavaliet parents: diff changeset	124	_picker.find("li").hover(
fa8035885814 build renderer with require js cavaliet parents: diff changeset	125	function(_e) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	126	_e.preventDefault();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	127	_this.editor_$.find(".Rk-Edit-Color").css("background", $(this).attr("data-color"));
fa8035885814 build renderer with require js cavaliet parents: diff changeset	128	},
fa8035885814 build renderer with require js cavaliet parents: diff changeset	129	function(_e) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	130	_e.preventDefault();
458 423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	131	_this.editor_$.find(".Rk-Edit-Color").css("background", (_model.has("style") && _model.get("style").color)\|\| (_model.get("created_by") \|\| Utils._USER_PLACEHOLDER(_this.renkan)).get("color"));
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	132	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	133	).click(function(_e) {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	134	_e.preventDefault();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	135	if (_this.renderer.isEditable()) {
458 423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle ymh <ymh.work@gmail.com> parents: 434 diff changeset	136	_model.set("style", _.assign( ((_model.has("style") && _.clone(_model.get("style"))) \|\| {}), {color: $(this).attr("data-color")}));
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	137	_picker.hide();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	138	paper.view.draw();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	139	} else {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	140	closeEditor();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	141	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	142	});
fa8035885814 build renderer with require js cavaliet parents: diff changeset	143	}
fa8035885814 build renderer with require js cavaliet parents: diff changeset	144	},
fa8035885814 build renderer with require js cavaliet parents: diff changeset	145	redraw: function() {
fa8035885814 build renderer with require js cavaliet parents: diff changeset	146	var _coords = this.source_representation.paper_coords;
fa8035885814 build renderer with require js cavaliet parents: diff changeset	147	Utils.drawEditBox(this.options, _coords, this.editor_block, 5, this.editor_$);
fa8035885814 build renderer with require js cavaliet parents: diff changeset	148	this.editor_$.show();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	149	paper.view.draw();
fa8035885814 build renderer with require js cavaliet parents: diff changeset	150	}
433 e457ec945e50 replace underscore par lodash ymh <ymh.work@gmail.com> parents: 419 diff changeset	151	}).value();
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	152
fa8035885814 build renderer with require js cavaliet parents: diff changeset	153	/* EdgeEditor End */
293 fba23fde14ba Correct jshint errors and force it on build ymh <ymh.work@gmail.com> parents: 284 diff changeset	154
284 fa8035885814 build renderer with require js cavaliet parents: diff changeset	155	return EdgeEditor;
fa8035885814 build renderer with require js cavaliet parents: diff changeset	156
293 fba23fde14ba Correct jshint errors and force it on build ymh <ymh.work@gmail.com> parents: 284 diff changeset	157	});

renkan