narou 1.7.2 → 2.0.0

data/lib/web/public/resources/jquery.moveto.js

@@ -0,0 +1,44 @@
+/* -*- coding: utf-8 -*-
+ *
+ * jquery.moveto.js
+ * Copyright 2014 whiteleaf. All rights reserved.
+ *
+ * Usage:
+ *   $.moveTo({
+ *     duration: 500
+ *   });
+ *
+ *   in your html:
+ *   <a href="#section2" data-move-to="#section2">Jump</a>
+ *   ==/snip/==
+ *   <h2 id="section2">Section #2</h2>
+ */
+
+(function($) {
+  "use strict";
+  // default options
+  var options = {
+    duration: "fast"
+  };
+  var touchable_device = "ontouchstart" in window;
+  var toggle_event_name = (touchable_device ? "touchstart" : "click");
+  var moveTo = {
+    initialize: function() {
+      var body_padding_top = parseInt($("body").css("padding-top"));
+      return $("[data-move-to]").on(toggle_event_name, function(e) {
+        e.preventDefault();
+        var target = $(this).data("moveTo");
+        var target_y = 0;
+        if (target !== "top") {
+          target_y = $(target).offset().top - body_padding_top;
+        }
+        $("html,body").animate({ scrollTop: target_y }, options.duration);
+      });
+    },
+  };
+  $.moveTo = function(opts) {
+    $.extend(options, opts);
+    return moveTo.initialize();
+  };
+}(jQuery));
+

data/lib/web/public/resources/jquery.outerclick.js

@@ -0,0 +1,60 @@
+/* -*- coding: utf-8 -*-
+ *
+ * jquery.outerclick.js
+ * Copyright 2014 whiteleaf. All rights reserved.
+ *
+ * Usage:
+ *   $("#menu").outerClick(function() {
+ *     $(this).hide();  // do something
+ *   });
+ *   $("#menu").outerClickOne(function() {
+ *     // once process
+ *   });
+ *   either
+ *   $("#menu").outerClick(function(){}, "one");
+ */
+
+(function($) {
+  "use strict";
+  var outerClick = function(obj, callback, bind_func) {
+    var self = this;
+    $(document)[bind_func]("click", function(e) {
+      var pos = self.getEventPosition(e);
+      var element = self.elementFromPoint(pos);
+      if (obj !== element) {
+        if (!self.searchTargetUpstream(element, obj)) {
+          callback.apply(obj);
+        }
+      }
+    });
+  };
+  $.extend(outerClick.prototype, {
+    elementFromPoint : function(pos) {
+      var doc = $(document);
+      var element = document.elementFromPoint(pos.x - doc.scrollLeft(),
+                                              pos.y - doc.scrollTop());
+      return element;
+    },
+    getEventPosition : function(event) {
+      return { x: event.pageX, y: event.pageY };
+    },
+    searchTargetUpstream : function(element, target) {
+      var parent = $(element).parent();
+      if (parent.length === 0) return null;
+      if (parent[0] === target) return parent;
+      return this.searchTargetUpstream(parent, target);
+    },
+  });
+  $.fn.outerClick = function(callback, bind_func) {
+    if (typeof bind_func === "undefined") bind_func = "on";
+    return this.each(function() {
+      new outerClick(this, callback, bind_func);
+    });
+  };
+  $.fn.outerClickOne = function(callback) {
+    return this.each(function() {
+      new outerClick(this, callback, "one");
+    });
+  }
+}(jQuery));
+

data/lib/web/public/resources/jquery.slidenavbar.js

@@ -0,0 +1,89 @@
+/* -*- coding: utf-8 -*-
+ *
+ * jquery.slideNavbar.js
+ * Copyright 2014 whiteleaf. All rights reserved.
+ *
+ * Usage:
+ *   var slideNavbar = $(".navbar-collapse").slideNavbar();
+ *   slideNavbar.slide();   // slide nav manually
+ *   slideNavbar.slide(true);   // no animation
+ *
+ *   in your css:
+ *   @media (max-width:767px) {
+ *     .navbar-collapse {
+ *       position: absolute;
+ *       right: -270px;
+ *       width: 270px;
+ *     }
+ *   }
+ *
+ * Require:
+ *   Bootstrap v3.2.0 or higher
+ */
+
+(function($) {
+  "use strict";
+  // default options
+  var options = {
+    hiding_class: "slide-hiding-collapse",
+    width: 270,
+    duration: 250
+  };
+  var touchable_device = "ontouchstart" in window;
+  var toggle_event_name = (touchable_device ? "touchstart" : "click");
+  var slideNavbar = {
+    initialize: function(i, obj) {
+      var collapse = $(obj);
+      var self = this;
+      this.hiding_class = options.hiding_class;
+      this.collapse = collapse;
+      collapse.css({
+        "max-height": $(window).height() * 0.9,
+      });
+      $(".navbar-toggle").off("click");
+      $(".navbar-toggle").on(toggle_event_name, function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        self.slide();
+      });
+      collapse.addClass(self.hiding_class);
+      collapse.addClass("in");   // enable visible collpase nav
+    },
+    slide: function(force_close) {
+      var duration_org = options.duration;
+      if (this.collapse.hasClass(this.hiding_class) && !force_close) {
+        this.slideOpen();
+        this.collapse.removeClass(this.hiding_class);
+      }
+      else {
+        this.slideClose();
+        this.collapse.addClass(this.hiding_class);
+      }
+    },
+    slideOpen: function() {
+      this.collapse.stop().animate({right: "0"}, options.duration);
+    },
+    slideClose: function() {
+      this.collapse.stop().animate({
+        right: "-" + options.width + "px"
+      }, options.duration);
+    },
+  };
+  var Api = function() {};
+  Api.prototype.slide = function(force_close) {
+    if ($(".navbar-toggle").is(":visible")) {
+      slideNavbar.slide(force_close);
+    }
+  };
+  Api.prototype.close = function() {
+    slideNavbar.slide(true);
+  };
+  $.fn.slideNavbar = function(opts) {
+    $.extend(options, opts);
+    this.each(function(i, obj) {
+      slideNavbar.initialize(i, obj);
+    });
+    return new Api();
+  };
+}(jQuery));
+

data/lib/web/public/resources/narou.library.js

@@ -0,0 +1,815 @@
+/* -*- coding: utf-8 -*-
+ *
+ * Copyright 2013 whiteleaf. All rights reserved.
+ */
+
+var Narou = (function() {
+  "use strict";
+
+  var Narou = {};
+  var storage_cache = null;
+  var storage = null;
+
+  /*************************************************************************
+   * ローカルストレージ
+   *************************************************************************/
+  var Storage = Narou.Storage = function() {
+    this.initialize();
+  };
+
+  $.extend(Storage.prototype, {
+    storage_name: "Narou.rb_WEB_UI_saved",
+    initialize: function() {
+      this.objects = storage_cache ? storage_cache : this.load();
+    },
+
+    load: function() {
+      var objects = localStorage.getItem(this.storage_name);
+      return objects ? JSON.parse(objects) : {};
+    },
+
+    save: function() {
+      localStorage.setItem(this.storage_name, JSON.stringify(this.objects));
+    },
+
+    get: function(key) {
+      return this.objects[key];
+    },
+
+    set: function(key, value) {
+      this.objects[key] = value;
+      return this;
+    },
+  });
+
+  storage = new Storage();
+
+  /*************************************************************************
+   * ユーティリティ
+   *************************************************************************/
+  $.extend(Narou, {
+    registerCloseHandler: function(callback) {
+      // Chrome, IEですぐにclickイベントをバインドすると、メニュー表示時の
+      // クリックに反応してしまう（表示上のズレによって、クリック時のマウス
+      // 座標上に対象オブジェクトが存在しないため）ので、イベント作成をほんの
+      // 少し遅らせる
+      setTimeout(function() {
+        // 関係ないところをクリックした時に閉じる
+        $(document).one("click", callback);
+      }, 100);
+    },
+
+    popupMenu: function(menu_id, pos, close_menu_handler) {
+      var $menu = $(menu_id);
+      var left = $(window).width() < pos.x - $(document).scrollLeft() + $menu.outerWidth() ?
+                                     pos.x - $menu.outerWidth() : pos.x;
+      var top = $(window).height() < pos.y - $(document).scrollTop() + $menu.outerHeight() ?
+                                     pos.y - $menu.outerHeight() : pos.y;
+      $menu.show().offset({
+        left: left, top: top
+      });
+      Narou.registerCloseHandler(close_menu_handler);
+    },
+
+    // http://qiita.com/osakanafish/items/c64fe8a34e7221e811d0
+    formatDate: function(date, format) {
+      if (!format) format = 'YYYY-MM-DD hh:mm:ss.SSS';
+      format = format.replace(/YYYY/g, date.getFullYear());
+      format = format.replace(/MM/g, ('0' + (date.getMonth() + 1)).slice(-2));
+      format = format.replace(/DD/g, ('0' + date.getDate()).slice(-2));
+      format = format.replace(/hh/g, ('0' + date.getHours()).slice(-2));
+      format = format.replace(/mm/g, ('0' + date.getMinutes()).slice(-2));
+      format = format.replace(/ss/g, ('0' + date.getSeconds()).slice(-2));
+      if (format.match(/S/g)) {
+        var milliSeconds = ('00' + date.getMilliseconds()).slice(-3);
+        var length = format.match(/S/g).length;
+        for (var i = 0; i < length; i++) format = format.replace(/S/, milliSeconds.substring(i, i + 1));
+      }
+      return format;
+    },
+  });
+
+  /*************************************************************************
+   * Push 通知管理
+   *************************************************************************/
+  var Notification = Narou.Notification = function() {
+    this.initialize();
+  };
+
+  Notification.instance = function() {
+    if (!this.__instance) {
+      this.__instance = new this;
+    }
+    return this.__instance;
+  };
+
+  $.extend(Notification.prototype, {
+    RETRY_LIMIT: 5,
+    RETRY_WAIT: 2000,
+
+    initialize: function() {
+      this.events = {};
+      this.retry_count = this.RETRY_LIMIT;
+      this.connect();
+    },
+
+    connect: function() {
+      if (this.connection) return;
+      var self = this;
+      this.connected = false;
+      var connection = window.c = this.connection = new WebSocket(this.create_ws_uri());
+
+      connection.onopen = function() {
+        self.connected = true;
+        self.trigger("console.clear");
+        self.retry_count = self.RETRY_LIMIT;   // 接続出来たらリトライカウント回復
+      };
+
+      connection.onclose = function() {
+        self.connection = null;
+        // PCのスリープ等でコネクションが切れた場合に再接続する
+        if (self.retry_count-- > 0) {
+          setTimeout(function() {
+            self.connected = false;
+            self.connect();
+          }, self.RETRY_WAIT);
+        }
+      };
+
+      connection.onmessage = function(e) {
+        if (e && e.data) {
+          self.onmessage(JSON.parse(e.data));
+        }
+      };
+    },
+
+    create_ws_uri: function() {
+      var host = location.hostname,
+          port = location.port;
+      return "ws://" + host + ":" + (parseInt(port) + 1) + "/";
+    },
+
+    onmessage: function(data) {
+      var self = this;
+      $.each(data, function(event, value) {
+        self.trigger(event, value);
+      });
+    },
+
+    on: function(event, block) {
+      if (typeof block !== "function") {
+        $.error("need a function");
+      }
+      var stack = this.events[event] || [];
+      stack.push(block);
+      this.events[event] = stack;
+    },
+
+    trigger: function(event, data) {
+      var self = this;
+      var stack = this.events[event] || [];
+      $.each(stack, function() {
+        this.call(self, data);
+      });
+    },
+
+    send: function(json) {
+      this.connection.send(JSON.stringify(json));
+    },
+  });
+
+  /*************************************************************************
+   * コンテキストメニュー
+   *************************************************************************/
+  var ContextMenu = Narou.ContextMenu = function(action, notification) {
+    this.action = action;
+    this.notification = notification;
+    this.closed = true;
+    this.initializeConsoleDialog();
+    this.initializeMenuEvent();
+  };
+
+  $.extend(ContextMenu.prototype, {
+    open: function(target_id, pos, callback) {
+      this.target_id = target_id;
+      if (!this.closed) {
+        // メニューを開いた状態で直接ボタンを押した場合に一旦閉じるイベントを起こさせる
+        $(document).trigger("click");
+      }
+      this.closed = false;
+      Narou.popupMenu("#context-menu", pos, function() {
+        $("#context-menu").hide();
+        if (typeof callback === "function") {
+          callback();
+        }
+      });
+    },
+
+    openConsoleDialog: function(callback) {
+      if (typeof callback !== "function") return;
+      var $console_dialog = $("#console-dialog");
+      $console_dialog.one("show.bs.modal", callback);
+      $(document).one("cancel.narou.remove", function() {
+        $console_dialog.modal("hide");
+      });
+      this.console.clear();
+      $console_dialog.modal();
+    },
+
+    initializeConsoleDialog: function() {
+      this.console = new Narou.Console(this.notification, {
+        restore: false, buttons: false,
+        id: "#each-console"
+      });
+    },
+
+    initializeMenuEvent: function() {
+      var $context_menu = $("#context-menu");
+      var self = this;
+      $("#context-menu-setting").on("click", function(e) {
+        e.preventDefault();
+        location.href = "/novels/" + self.target_id + "/setting";
+      });
+      $("#context-menu-update").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.update(self.target_id);
+        });
+      });
+      $("#context-menu-send").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.send(self.target_id);
+        });
+      });
+      $("#context-menu-freeze-toggle").on("click", function(e) {
+        e.preventDefault();
+        self.action.freeze(self.target_id);
+      });
+      $("#context-menu-remove").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.remove(self.target_id);
+        });
+      });
+      $("#context-menu-remove-with-file").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.removeWithFile(self.target_id);
+        });
+      });
+      $("#context-menu-convert").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.convert(self.target_id);
+        });
+      });
+      $("#context-menu-diff").on("click", function(e) {
+        e.preventDefault();
+        self.action.diff(self.target_id);
+      });
+      $("#context-menu-inspect").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.inspect(self.target_id);
+        });
+      });
+      $("#context-menu-folder").on("click", function(e) {
+        e.preventDefault();
+        self.action.folder(self.target_id);
+      });
+      $("#context-menu-backup").on("click", function(e) {
+        e.preventDefault();
+        self.openConsoleDialog(function() {
+          self.action.backup(self.target_id);
+        });
+      });
+    }
+  });
+
+  /*************************************************************************
+   * アクション
+   *************************************************************************/
+  var Action = Narou.Action = function(table) {
+    this.table = table;
+  };
+
+  $.extend(Action.prototype, {
+    _getSelectedIds: function(args) {
+      if (typeof args !== "undefined" && args.length > 0) {
+        return Array.prototype.slice.call(args);
+      }
+      var ids = [];
+      $.each(this.table.rows(".selected").data(), function(i, val) {
+        ids.push(val.id);
+      });
+      return ids;
+    },
+
+    selectAll: function() {
+      this.table.$("tr").addClass("selected");
+      this.table.fireChangeSelect();
+    },
+
+    selectView: function() {
+      $("#novel-list tbody tr").addClass("selected");
+      this.table.fireChangeSelect();
+    },
+
+    selectClear: function() {
+      this.table.$("tr.selected").removeClass("selected");
+      this.table.fireChangeSelect();
+    },
+
+    download: function() {
+      bootbox.prompt("ダウンロードする小説のURL、もしくはNコードを入力", function(target) {
+        if (!target) return;
+        $.post("/api/download", { "target": target });
+        console.log("new downloading %o", target);
+      });
+    },
+
+    downloadForce: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/download_force", { "ids": ids });
+      console.log("force downloading " + ids.join(", "));
+    },
+
+    update: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) {
+        $.post("/api/update");
+        console.log("updating all");
+      }
+      else {
+        $.post("/api/update_select", { "ids": ids });
+        console.log("updating " + ids.join(", "));
+      }
+    },
+
+    send: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) {
+        $.post("/api/send");
+        console.log("sending all");
+      }
+      else {
+        $.post("/api/send_select", { "ids": ids });
+        console.log("sending " + ids.join(", "));
+      }
+    },
+
+    freeze: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/freeze", { "ids": ids });
+      console.log("freezing(toggle) " + ids.join(", "));
+    },
+
+    freezeOn: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/freeze_on", { "ids": ids });
+      console.log("freezing " + ids.join(", "));
+    },
+
+    freezeOff: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/freeze_off", { "ids": ids });
+      console.log("thawing " + ids.join(", "));
+    },
+
+    _removeConfirmDialog: function(title, ids, callback) {
+      var message = "";
+      this.table.rows().data().each(function(data, idx) {
+        if (ids.indexOf(data.id + "") !== -1) {
+          message += "<li>" + data.title + "</li>";
+        }
+      });
+      message = '<div style="max-height:300px;overflow:auto"><ul>' + message + '</ul></div>';
+      bootbox.dialog({
+        title: title,
+        message: message,
+        buttons: {
+          danger: {
+            label: "削除する",
+            className: "btn-danger",
+            callback: function() {
+              callback(true);
+              $(document).trigger("ok.narou.remove");
+            }
+          },
+          main: {
+            label: "キャンセル",
+            className: "btn-default",
+            callback: function() {
+              callback(false);
+              $(document).trigger("cancel.narou.remove");
+            }
+          }
+        }
+      });
+    },
+
+    remove: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      this._removeConfirmDialog("選択した小説を削除しますか？", ids, function(result) {
+        if (!result) return;
+        $.post("/api/remove", { "ids": ids });
+        console.log("removing " + ids.join(", "));
+      });
+    },
+
+    removeWithFile: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      this._removeConfirmDialog("選択した小説を“完全に”削除しますか？", ids, function(result) {
+        if (!result) return;
+        $.post("/api/remove_with_file", { "ids": ids });
+        console.log("removing with file " + ids.join(", "));
+      });
+    },
+
+    convert: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/convert", { "ids": ids });
+      console.log("converting " + ids.join(", "));
+    },
+
+    diff: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/diff", { "ids": ids });
+      console.log("diffing " + ids.join(", "));
+    },
+
+    inspect: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/inspect", { "ids": ids });
+      console.log("inspecting " + ids.join(", "));
+    },
+
+    folder: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/folder", { "ids": ids });
+      console.log("opening folder " + ids.join(", "));
+    },
+
+    backup: function() {
+      var ids = this._getSelectedIds(arguments);
+      if (ids.length === 0) return;
+      $.post("/api/backup", { "ids": ids });
+      console.log("backup " + ids.join(", "));
+    },
+  });
+
+  /*************************************************************************
+   * コンソール
+   *************************************************************************/
+  var Console = Narou.Console = function(notification, options) {
+    this.options = $.extend({
+      restore: true,   // コンソールの大きさを復元・保存するか
+      buttons: true,   // 拡大縮小等のコントロールボタンを使用するか
+      id: "#console",  // コンソールのID名
+      buttons_id: "#console-buttons"   // コントロールボタンを格納している要素のID名
+    }, options);
+    this.initialize(notification);
+  };
+
+  $.extend(Console.prototype, {
+    animate_duration: 200,
+
+    initialize: function(notification) {
+      this.notification = notification;
+      this.last_char_was_return = true;
+      this.console = $(this.options.id);
+      this.init_scrollbar();
+      if (this.options.buttons) this.init_buttons();
+      this.init_events();
+      this.init_notification();
+      if (this.options.restore) this.restore_console_shape();
+    },
+
+    init_scrollbar: function() {
+      this.console.perfectScrollbar({
+        wheelspeed: 80,
+        suppressScrollX: true,
+        minScrollbarLength: 20,
+      });
+      this.original_height = this.console.height();
+    },
+
+    init_buttons: function() {
+      var self = this;
+      this.console.css("min-height", this.original_height);
+      $(this.options.buttons_id + " .console-expand").on("click", function(e) {
+        self.expand_console();
+      });
+      $(this.options.buttons_id + " .console-trash").on("click", function(e) {
+        self.trash_console();
+      });
+    },
+
+    init_events: function() {
+      this.manage_resize_event();
+      var self = this;
+      this.console.on("resize", function() {
+        if (!self.options.restore) return;
+        var data = {
+          height: self.console.height(),
+          expanded: self.console.hasClass("expanded")
+        };
+        storage.set("console", data);
+        storage.save();
+      });
+      this.init_events_progressbar();
+      this.notification.on("console.clear", function() {
+        self.clear();
+      });
+    },
+
+    init_events_progressbar: function() {
+      var self = this;
+      var create_progress_html = function() {
+        return '<div class="progress"><div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div></div>';
+      };
+      var $progress = null;
+      var setProgressValue = function(step) {
+        $progress.attr("aria-valuenow", step)
+                 .width(step + "%");
+      };
+      this.notification.on("progressbar.init", function() {
+        self.puts(create_progress_html());
+        $progress = self.console.find(".progress > div");
+      });
+      this.notification.on("progressbar.step", function(value) {
+        if (!$progress) return;
+        setProgressValue(value);
+      });
+      this.notification.on("progressbar.clear", function() {
+        if (!$progress) return;
+        // 表示のタイムラグで100%付近のが表示されないまま消えてしまうので、
+        // 演出的にプログレスバーの消去を遅らせて、100%付近まで表示する
+        setProgressValue(100);
+        $progress = null;
+        setTimeout(function() {
+          $(".progress").parent("div").remove();
+        }, 500);
+      });
+    },
+
+    init_notification: function() {
+      var self = this;
+      this.notification.on("echo", function(message) {
+        self.print(message);
+      });
+    },
+
+    manage_resize_event: function() {
+      /*
+      var con = this.console;
+      con.data('x', con.outerWidth());
+      con.data('y', con.outerHeight());
+      $(document).on("mouseup", function () {
+        if (con.outerWidth() != con.data('x') || con.outerHeight() != con.data('y')) {
+          con.trigger("resize");
+        }
+        con.data('x', con.outerWidth());
+        con.data('y', con.outerHeight());
+      });
+      */
+    },
+
+    restore_console_shape: function() {
+      var data = storage.get("console");
+      if (data) {
+        this.console.height(data.height);
+        if (data.expanded) this.toggle_expanded();
+      }
+    },
+
+    scroll_to_bottom: function() {
+      var con = this.console;
+      con.scrollTop(con.prop("scrollHeight"));
+    },
+
+    position_is_bottom: function() {
+      var con = this.console;
+      return (con.scrollTop() === con.prop("scrollHeight") - con.outerHeight());
+    },
+
+    print: function(str) {
+      var self = this;
+      var con = this.console;
+      var last_char = str[str.length - 1];
+      var lines = str.split("\n");
+      var was_bottom = this.position_is_bottom();
+      var last_char_is_return = last_char === "\n";
+      if (last_char_is_return) {
+        lines = lines.slice(0, -1);
+      }
+      if (!this.last_char_was_return) {
+        var last = con.find("div.console-line:last-child");
+        var char = lines.pop();
+        if (char) last.append(char);
+      }
+      $.each(lines, function() {
+        con.append("<div class=console-line>" + 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.updateCanvas();
+  });
+
+  $.extend(Tag.prototype, {
+    updateCanvas: function() {
+      var $canvas = $("#tag-list-canvas");
+      this.registerEvents($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");
+        self.table.column("tags:name").search(tag_name).draw();
+      }).on("mousedown", ".tag", args, function(e) {
+        // 範囲選択モードでもクリック出来るように
+        if (e.data.stop_bubbling) e.stopPropagation();
+      });
+    },
+
+    openEditor: function() {
+      var ids = Action.prototype._getSelectedIds.call(this);
+      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 = $("<div id=tag-editor-field class=form-group>");
+      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 = $('<label><input type="checkbox" data-tagname="' + tagname.replace(/"/g, "&quot;") +
+            '" data-default-checkstate=' + calcState(info.count) + '> ' + info.html + '&nbsp;&nbsp;</label>');
+          field.append(label);
+        });
+        var input = $('<div><input type="text" id="new-tag" placeholder="新規タグ" class="form-control"></div>' +
+            '<div><small>（複数追加する場合は半角スペースで区切る）</small></div>');
+        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"));
+        });
+    },
+  });
+
+  return Narou;
+})();
+