" + this);
});
con.perfectScrollbar("update");
// 表示する段階で最下部までスクロールしてあった場合はスクロールする
if (was_bottom) {
this.scroll_to_bottom();
}
this.last_char_was_return = last_char_is_return;
},
puts: function(str) {
if (str[str.length - 1] !== "\n") {
this.print(str.concat("\n"));
}
else {
this.print(str);
}
},
expand_console: function() {
var self = this;
var calced_height;
if (this.console.hasClass("expanded")) {
calced_height = this.original_height;
}
else {
var top = this.console.offset().top;
calced_height = ($(window).height() - top) * 0.8;
}
var was_bottom = this.position_is_bottom();
this.console.stop().animate({ height: calced_height }, this.animate_duration,
// after do
function() {
if (was_bottom) self.scroll_to_bottom();
self.console.trigger("resize");
self.console.perfectScrollbar("update");
});
this.toggle_expanded();
},
toggle_expanded: function() {
this.console.toggleClass("expanded");
$(".console-expand > span").toggleClass("hide");
},
// コンソールのログを削除すると同時に、サーバの履歴も削除する
trash_console: function() {
this.clear();
$.post("/api/clear_history");
},
// コンソールの内容をクリア
clear: function() {
this.console.find("div.console-line").remove();
}
});
/*************************************************************************
* タグ機能
*************************************************************************/
var Tag = Narou.Tag = (function(table) {
this.table = table;
this.registerEvents($("#tag-list-canvas"));
this.updateCanvas();
});
$.extend(Tag.prototype, {
updateCanvas: function() {
var $canvas = $("#tag-list-canvas");
$.get("/api/tag_list", function(source) {
$canvas.html(source);
});
},
registerEvents: function($target, stop_bubbling) {
var self = this;
if (typeof stop_bubbling === "undefined") stop_bubbling = true;
var args = { stop_bubbling: stop_bubbling };
$target.on("click", ".tag", args, function(e) {
if (e.data.stop_bubbling) e.stopPropagation();
var tag_name = $(this).data("tag");
$("#tag-search").val(tag_name);
storage.set("tag_search", tag_name);
storage.save();
self.table.draw();
self.table.$("[data-toggle=tooltip]").tooltip("hide");
}).on("mousedown", ".tag", args, function(e) {
// 範囲選択モードでもクリック出来るように
if (e.data.stop_bubbling) e.stopPropagation();
});
},
openEditor: function() {
var ids = Action.prototype._getSelectedIds.call(this, arguments);
if (ids.length === 0) return;
this._createEditorField(ids, function(field) {
bootbox.dialog({
title: "タグの編集",
message: field,
buttons: {
cancel: {
label: "キャンセル",
className: "btn-default",
callback: function() {
}
},
main: {
label: "適用",
className: "btn-primary",
callback: function() {
var states = {};
var new_tag = $("#new-tag").val();
$("#tag-editor-field input[type=checkbox]").each(function(i, v) {
states[$(v).data("tagname")] = $(v).data("checkState");
});
if (new_tag) {
states[new_tag] = 2;
}
$.post("/api/edit_tag", {
ids: ids,
states: states
});
}
}
}
});
});
},
_createEditorField: function(ids, callback) {
var field = $("
");
var self = this;
var ids_count = ids.length;
function calcState(count) {
if (count === 0) {
return 0;
}
else if (count < ids_count) {
return 1;
}
else {
return 2;
}
}
$.post("/api/taginfo.json", { ids: ids }, function(taginfo) {
$.each(taginfo, function(tagname, info) {
var label = $('
');
field.append(label);
});
var input = $('
' +
'
（複数追加する場合は半角スペースで区切る）
');
field.append(input);
self._registerEventsForEditorField(field);
callback(field);
});
},
_registerEventsForEditorField: function(field) {
function setCheckState(element, state) {
switch (state) {
case 0:
element.prop("indeterminate", false);
element.prop("checked", false);
break;
case 1:
if (element.data("defaultCheckstate") == 1) {
element.prop("indeterminate", true);
element.prop("checked", false);
break;
}
state++;
case 2:
element.prop("indeterminate", false);
element.prop("checked", true);
break;
}
element.data("checkState", state);
}
field.find("input[type=checkbox]")
.on("click", function(e) {
var elm = $(e.target);
var next_state = (elm.data("checkState") + 1) % 3;
setCheckState(elm, next_state);
})
.each(function(i, v) {
var elm = $(v);
setCheckState(elm, elm.data("defaultCheckstate"));
});
},
});
/*************************************************************************
* タグの色選択機能
*************************************************************************/
var SelectColorMenu = Narou.SelectColorMenu = (function() {
this.initializeEvents();
this.initializeMenuEvents();
this.$menu = $("#select-color-menu");
});
$.extend(SelectColorMenu.prototype, {
open: function(target_tag, pos, callback) {
var self = this;
this.target_tag = target_tag;
var caller = function() {
if (typeof callback === "function")
callback();
};
$(document).one("hide.bs.dropdown", function() {
self.$menu.hide();
});
Narou.popupMenu("#select-color-menu", pos, function() {
self.$menu.hide();
caller();
});
},
initializeEvents: function() {
var self = this;
$(document).on("click", ".select-color-button", function(e) {
e.stopPropagation();
var $this = $(this);
var pos = {
x: $this.offset().left + $this.width() + 10,
y: $this.offset().top - 20
}
self.open($(this).data("targetTag"), pos, function() {
});
});
},
initializeMenuEvents: function() {
var self = this;
var colors = ["green", "yellow", "blue", "magenta", "cyan", "red", "white"];
$.each(colors, function(i, color) {
$("#select-color-menu-" + color).on("click", function(e) {
e.preventDefault();
e.stopPropagation();
$.post("/api/change_tag_color", {
tag: self.target_tag,
color: color
});
self.$menu.hide();
});
});
},
});
/*************************************************************************
* ドラッグ＆ドロップ関係
*************************************************************************/
var DragDrop = Narou.DragDrop = (function() {
this.initializeValidateUrlRegexpList();
});
$.extend(DragDrop.prototype, {
initializeValidateUrlRegexpList: function() {
if (typeof this.validate_url_regexp_list !== "undefined") return;
var self = this;
this.validate_url_regexp_list = [];
$.ajax({
type: "GET",
url: "/api/validate_url_regexp_list",
dataType: "json",
success: function(json) {
$.each(json, function(i, value) {
self.validate_url_regexp_list.push(value);
});
}
});
},
isValidNovelUrl: function(url) {
var result = false;
$.each(this.validate_url_regexp_list, function(i, regexp) {
if (url.match(regexp)) {
result = true;
return false; // break
}
});
return result;
},
getLinkText: function(event, callback) {
var self = this;
var data_transfer = event.dataTransfer;
$.each(data_transfer.types, function(i, type) {
if (type === "Files") {
// ショートカットファイルがドラッグされた場合は中身からリンクを抜き出す
$.each(data_transfer.files, function(i, file) {
if (!self.isSupportFile(file.name)) return;
var reader = new FileReader;
reader.onload = function(e) {
var link = self.parseLink(file.name, reader.result);
if (link) callback(link);
};
reader.readAsText(file);
});
}
else {
// TextはIE用
if (type === "text/plain" || type === "Text") {
var link = data_transfer.getData(type);
if (link.length > 0) {
callback(link);
}
}
}
});
return;
},
isSupportFile: function(filename) {
return !!filename.match(/\.(?:url|webloc)$/i);
},
parseLink: function(filename, text) {
filename.toLowerCase().match(/\.(url|webloc)$/);
var link = null;
switch (RegExp.$1) {
case "url":
link = this.parseLinkDotURL(text);
break;
case "webloc":
link = this.parseLinkDotWebloc(text);
break;
}
return link;
},
// OSX で使われる .webloc 形式のショートカット
parseLinkDotWebloc: function(text) {
if (text.match(/
(.+?)<\/string>/i)) {
return RegExp.$1;
}
return null;
},
// Windows で使われる .URL 形式のショートカット
parseLinkDotURL: function(text) {
if (text.match(/URL=(.+)/i)) {
return RegExp.$1;
}
return null;
},
});
return Narou;
})();