narou 2.8.3 → 2.8.3.1

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

@@ -184,28 +184,21 @@ var Narou = (function() {
       });
     },
 
-    on: function(event, block, once) {
+    on: function(event, block) {
       if (typeof block !== "function") {
         $.error("need a function");
       }
       var stack = this.events[event] || [];
-      stack.push([block, once]);
+      stack.push(block);
       this.events[event] = stack;
     },
 
-    one: function(event, block) {
-      this.on(event, block, true);
-    },
-
     trigger: function(event, data) {
       var self = this;
       var stack = this.events[event] || [];
-      this.events[event] =
-        _.reject(stack, function(pair) {
-          var block = pair[0], once = pair[1];
-          block.call(self, data);
-          return once;
-        });
+      $.each(stack, function() {
+        this.call(self, data);
+      });
     },
 
     send: function(json) {
@@ -231,7 +224,7 @@ var Narou = (function() {
       this.target_id = target_id;
       if (!this.closed) {
         // メニューを開いた状態で直接ボタンを押した場合に一旦閉じるイベントを起こさせる
-        this.close();
+        $(document).trigger("click");
       }
       this.closed = false;
       var caller = function() {
@@ -248,10 +241,6 @@ var Narou = (function() {
       });
     },
 
-    close: function() {
-      $(document).trigger("click");
-    },
-
     openConsoleDialog: function(callback) {
       if (typeof callback !== "function") return;
       var $console_dialog = $("#console-dialog");
@@ -314,18 +303,12 @@ var Narou = (function() {
       var self = this;
       $("#context-menu-setting").on("click", function(e) {
         e.preventDefault();
-        var setting_page_path = "/novels/" + self.target_id + "/setting";
-        if (storage.get("open_new_tab_setting_pages")) {
-          window.open(setting_page_path);
-        }
-        else {
-          location.href = setting_page_path;
-        }
+        location.href = "/novels/" + self.target_id + "/setting";
       });
       $("#context-menu-update").on("click", function(e) {
         e.preventDefault();
         self.openConsoleDialog(function() {
-          self.action.updateForce(self.target_id);
+          self.action.update(self.target_id);
         });
       });
       $("#context-menu-send").on("click", function(e) {
@@ -474,10 +457,10 @@ var Narou = (function() {
 
     updateGeneralLastup: function() {
       bootbox.dialog({
-        title: "最新話掲載日の更新",
-        message: "凍結済みを除く各小説の最新話掲載日のみを更新して反映させます。<br>" +
-                 "最新話掲載日は通常時のUpdateでも更新されるので、手動で更新する必要は基本的にはありません。<br>" +
-                 "掲載日だけを調べて、選択的にUpdateをかけるなど、用途を理解した上で小説サイトのサーバーに負荷をかけない範囲でご利用下さい。",
+        title: '最新話掲載日の更新',
+        message: "凍結済みを除く各小説の最新話掲載日を更新します。<br>" +
+                 "最新話掲載日は通常時のUPDATEでも更新されるので、手動で更新する必要は基本的にはありません。<br>" +
+                 "掲載日だけを調べて、選択的にUPDATEをかけるなど、用途を理解した上で小説サイトのサーバーに負荷をかけない範囲でご利用下さい。",
         backdrop: true,
         buttons: {
           cancel: {
@@ -623,70 +606,6 @@ var Narou = (function() {
         });
       });
     },
-
-    rebootDialog: function() {
-      var self = this;
-      bootbox.dialog({
-        title: '<span class="glyphicon glyphicon-refresh"></span> 再起動',
-        message: "<p>Narou.rb WEB UI サーバを再起動します。<br>" +
-                 "バージョンを更新してある場合は最新バージョンで立ち上がります。</p>" +
-                 "<p class=text-danger>アップデート中や変換中の小説がある場合は中断されます。<br>" +
-                 "終わったかどうか確認しましょう。</p>",
-        backdrop: true,
-        buttons: {
-          danger: {
-            label: "再起動",
-            className: "btn-danger",
-            callback: function() {
-              self.reboot();
-            }
-          },
-          main: {
-            label: "キャンセル",
-            className: "btn-default",
-          }
-        }
-      });
-    },
-
-    reboot: function() {
-      $.post("/reboot", function(data) {
-        bootbox.hideAll();
-        bootbox.dialog({
-          title: "",
-          closeButton: false,
-          message: data
-        });
-      });
-    },
-
-    checkUpdatedSystem: function(funcs) {
-      $.post("/check_already_update_system", function(data) {
-        if (data.result) {
-          $.post("/gem_update_last_log", function(log) {
-            funcs.already_updated(log);
-          });
-        }
-        else {
-          funcs.not_updated();
-        }
-      });
-    },
-
-    updateSystem: function(callback) {
-      var notification = Notification.instance();
-      notification.one("server.update.success", function(log) {
-        callback("success", log);
-      });
-      notification.one("server.update.nothing", function(log) {
-        callback("nothing", log);
-      });
-      notification.one("server.update.failure", function(log) {
-        callback("failure", log);
-      });
-      $.post("/update_system");
-    },
-
   });
 
   /*************************************************************************

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

@@ -9,8 +9,6 @@ $(document).ready(function() {
   var touchable_device = "ontouchstart" in window;
   var click_event_name = (touchable_device ? "touchstart" : "click");
 
-  var datatables_init_completed = false;
-
   // MEMO: table 全てに対して操作
   // table.$("tr.selected").removeClass("selected");
   // MEMO: .selected が付いている行を全て取得
@@ -22,13 +20,13 @@ $(document).ready(function() {
       {
         id: false, last_update: false, title: true, author: false, sitename: false,
         toc_url: false, novel_type: false, tags: false, status: false, menu: true,
-        download: true, folder: false, update_button: false, general_lastup: false,
+        download: true, folder: false, general_lastup: false,
       }
       // PC
     : {
         id: true, last_update: true, title: true, author: true, sitename: true,
         toc_url: true, novel_type: true, tags: true, status: true, menu: true,
-        download: true, folder: true, update_button: true, general_lastup: true,
+        download: true, folder: true, general_lastup: true,
       });
 
   $.fn.dataTable.Api.register("fireChangeSelect()", function() {
@@ -75,7 +73,10 @@ $(document).ready(function() {
 
   // initComplete や ajax.reload した時に再設定するために呼ばれる
   function resettingTableState() {
-    refreshTooltop(table.$("[data-toggle=tooltip]"), null, "top");
+    table.$("[data-toggle=tooltip]").tooltip({
+      animation: false,
+      container: "body",
+    });
     // バッジを更新しておく(.selectedの復元が終わってから呼ぶ)
     table.fireChangeSelect();
     // タグのイベントを反映
@@ -84,23 +85,6 @@ $(document).ready(function() {
     table.draw(false);
   }
 
-  function openContextMenuWithTr(tr, event) {
-    var $tr = $(tr);
-    var target_id = table.row(tr).data().id;
-    var $cover = $("<div class=context-menu-target-cover>");
-    // MEMO: IEだと要素を追加してから座標を指定しないと反映されない
-    $("body").append($cover);
-    $cover.offset($tr.offset()).width($tr.width()).height($tr.height());
-    $cover.one("contextmenu", function(e) {
-      e.preventDefault();
-      $cover.remove();
-      context_menu.close();
-    });
-    context_menu.open(target_id, get_event_position(event), function() {
-      $cover.remove();
-    });
-  }
-
   var table = t = $("#novel-list").DataTable({
     ajax: "/api/list",
     dom: (touchable_device ? 'lprtpi' : 'Rlprtpi'),
@@ -137,7 +121,7 @@ $(document).ready(function() {
                 display = "<span class=" + klass + ">" + display + "</span>";
               }
             }
-            return "<div>" + display + "</div>";
+            return display;
           }
           return data;
         }
@@ -161,7 +145,7 @@ $(document).ready(function() {
               klass = value[1];
               if (value[0] === -1 || diff_time <= value[0]) break;
             }
-            return '<div><span class="general-lastup ' + klass + '">' + display + '</span></div>';
+            return '<span class="general-lastup ' + klass + '">' + display + '</span>';
           }
           else if (type === "sort") {
             return data * 10000 + (row.id | 0);
@@ -217,36 +201,27 @@ $(document).ready(function() {
         },
         render: function() {}
       },
-      {
-        title: "更新",
-        data: "update_button", className: "text-center", orderable: false,
-        searchable: false, visible: cell_visible.update_button,
-        defaultContent: '<button class="btn btn-default btn-xs">' +
-                        '<span class="glyphicon glyphicon-refresh"></span></button>',
-        createdCell: function(td, cellData, rowData, rowIndex, colIndex) {
-          $(td).children("button")
-            .data("targetId", rowData.id)
-            .on("click", function(e) {
-              e.stopPropagation();
-              var $this = $(this);
-              var target_id = $this.data("targetId");
-              action.updateForce(target_id);
-            });
-        },
-        render: function() {}
-      },
       {
         title: "個別",
         data: "menu", className: "text-center",
         defaultContent: '<button class="btn btn-default btn-xs">' +
-                        '<span class="glyphicon glyphicon-option-horizontal"></span></button>',
+                        '<span class="glyphicon glyphicon-cog"></span></button>',
         visible: cell_visible.menu,
         createdCell: function(td, cellData, rowData, rowIndex, colIndex) {
           $(td).children("button")
             .data("targetId", rowData.id)
             .on("click", function(e) {
               e.stopPropagation();
-              openContextMenuWithTr($(e.target).closest("tr"), e);
+              var $this = $(this);
+              var $tr = $(e.target).closest("tr");
+              var target_id = $this.data("targetId");
+              var $cover = $("<div class=context-menu-target-cover>");
+              // MEMO: IEだと要素を追加してから座標を指定しないと反映されない
+              $("body").append($cover);
+              $cover.offset($tr.offset()).width($tr.width()).height($tr.height());
+              context_menu.open(target_id, get_event_position(e), function() {
+                $cover.remove();
+              });
             });
         },
         render: function() {},
@@ -300,8 +275,6 @@ $(document).ready(function() {
       resettingTableState();
 
       table.draw(false);
-
-      datatables_init_completed = true;
     },
     language: {
       //lengthMenu: "_MENU_ 件分表示　<span id='icon-refresh-table' class='glyphicon glyphicon-repeat'></span>",
@@ -325,23 +298,7 @@ $(document).ready(function() {
      * Extensions section
      */
     colReorder: {
-      realtime: false,
-
-      // colReorder でカラムの順番が入れ替えられた場合、createdCell 内で
-      // 設定している内容が全てリセットされてしまいイベント等が消えてしまうので、
-      // ここで一旦リロードしてイベントが再設定されるようにする。
-      // これは createdCell が初期化時に一度しか呼ばれないためで、dataTables の
-      // 今後のバージョンアップで予定されている updatedCell が実装されるまでの
-      // 暫定処置として reorderCallback で代用する。
-      // https://github.com/DataTables/ColReorder/issues/49
-      reorderCallback: function() {
-        // stateSave が有効な状態でカラムが入れ替えられていた場合、
-        // initComplete イベントが発火する前に一度この reorderCallback が発火されるので、
-        // 無駄なリロードをしないように初期化後のみ有効にする
-        if (datatables_init_completed) {
-          notification.trigger("table.reload");
-        }
-      },
+      "realtime": false
     },
   });
 
@@ -368,24 +325,20 @@ $(document).ready(function() {
     }
   });
 
-  function restoreVisibilityForViewMenu() {
+  function restoreVisibilityForFrozen() {
     visibility_frozen_novel = storage.get("visibility_frozen_novel");
     visibility_nonfrozen_novel = storage.get("visibility_nonfrozen_novel");
-    var visibility_open_new_tab = storage.get("open_new_tab_setting_pages");
     if (typeof visibility_frozen_novel === "undefined")
       visibility_frozen_novel = true;
     if (typeof visibility_nonfrozen_novel === "undefined")
       visibility_nonfrozen_novel = true;
-    if (typeof visibility_open_new_tab === "undefined")
-      visibility_open_new_tab = false;
     // メニューのチェック状態も復元
     var method = ["removeClass", "addClass"];
     $("#action-view-frozen")[method[visibility_frozen_novel | 0]]("active");
     $("#action-view-nonfrozen")[method[visibility_nonfrozen_novel | 0]]("active");
-    $("#action-view-toggle-setting-page-open-new-tab")[method[visibility_open_new_tab | 0]]("active");
   }
 
-  restoreVisibilityForViewMenu();
+  restoreVisibilityForFrozen();
 
   function saveVisibilityFrozen() {
     storage.set("visibility_frozen_novel", visibility_frozen_novel);
@@ -394,11 +347,11 @@ $(document).ready(function() {
   }
 
   function toggleVisibilityFrozen() {
-    visibility_frozen_novel = !visibility_frozen_novel;
+    visibility_frozen_novel = visibility_frozen_novel ? false : true;
   }
 
   function toggleVisibilityNonFrozen() {
-    visibility_nonfrozen_novel = !visibility_nonfrozen_novel;
+    visibility_nonfrozen_novel = visibility_nonfrozen_novel ? false : true;
   }
 
   /*
@@ -424,13 +377,6 @@ $(document).ready(function() {
     }, false);
   });
 
-  /*
-   * サーバ再起動イベント定義
-   */
-  notification.on("server.rebooted", function() {
-    location.href = "/";
-  });
-
   notification.on("tag.updateCanvas", function() {
     tag.updateCanvas();
   });
@@ -543,21 +489,6 @@ $(document).ready(function() {
     $("#action-select-mode-rect").addClass("disabled");
   }
   else {
-    // 小説一覧テーブル内で右クリックしたら個別メニューを表示
-    $("#novel-list tbody").on("contextmenu", function(e) {
-      var target_tag_name = e.target.tagName.toLowerCase();
-      // ボタンとかリンクはブラウザの右クリックメニューをそのまま使いたい
-      if (target_tag_name === "button" || target_tag_name === "a" ||
-          $(e.target).parent("button, a")[0])
-        return;
-
-      e.preventDefault();   // ブラウザの右クリックメニューを抑制
-      e.stopPropagation();
-      var mousedowned_element = $.elementFromPoint(get_event_position(e));
-      var tr = mousedowned_element.parents("tr");
-      openContextMenuWithTr(tr, e);
-    });
-
     var initMode = function(mode) {
       if (select_mode != mode) {
         $("#action-select-mode-" + mode).addClass("active");
@@ -694,11 +625,6 @@ $(document).ready(function() {
         var mousedowned_element = $.elementFromPoint(_pos);
         if (!mousedowned_element || mousedowned_element.closest("#novel-list tbody").length === 0)
           return;
-
-        // 右クリックは無視（contextmenu イベント内で個別メニューを表示する）
-        if (e.which == 3)
-          return;
-
         e.preventDefault();
         e.stopPropagation();
         var self = this;
@@ -722,7 +648,6 @@ $(document).ready(function() {
         if (not_clicked_yet) {
           // 範囲選択開始
           $("#rect-select-menu").hide();
-          context_menu.close();
           unregister_close_handler();
           not_clicked_yet = false;
           start_position = _pos;
@@ -855,19 +780,6 @@ $(document).ready(function() {
     table.draw();
   });
 
-  /*
-   * メニュー
-   *   表示＞変換設定ページは新規タブで開く
-   */
-  $("#action-view-toggle-setting-page-open-new-tab").on(click_event_name, function(e) {
-    e.preventDefault();
-    slideNavbar.slide();
-    $(this).toggleClass("active");
-    var open_new_tab = storage.get("open_new_tab_setting_pages");
-    storage.set("open_new_tab_setting_pages", !open_new_tab);
-    storage.save();
-  });
-
   /*
    * メニュー
    *   表示＞表示設定を全てリセット
@@ -980,16 +892,6 @@ $(document).ready(function() {
     });
   });
 
-  /*
-   * メニュー
-   *   オプション＞サーバを再起動
-   */
-  $("#action-option-server-reboot").on(click_event_name, function(e) {
-    e.preventDefault();
-    slideNavbar.slide();
-    action.rebootDialog();
-  });
-
   /*
    * メニュー
    *   オプション＞サーバをシャットダウン
@@ -999,11 +901,10 @@ $(document).ready(function() {
     slideNavbar.slide();
     bootbox.dialog({
       title: '<span class="glyphicon glyphicon-off"></span> シャットダウン',
-      message: "<p>Narou.rb WEB UI サーバをシャットダウンします。<br>" +
-               "シャットダウンすると再度立ち上げるまではアクセスは出来なくなります。<br>" +
-               "再度立ち上げるにはコンソールでもう一度 <kbd>narou web</kbd> を実行して下さい。</p>" +
-               "<p class=text-danger>アップデート中や変換中の小説がある場合は中断されます。<br>" +
-               "終わったかどうか確認しましょう。</p>",
+      message: "Narou.rb WEB UI サーバをシャットダウンします。<br>" +
+               "シャットダウンすると再起動するまでアクセスは出来なくなります。<br>" +
+               "再起動するにはコンソールでもう一度 <kbd>narou web</kbd> を実行" +
+               "して下さい。",
       backdrop: true,
       buttons: {
         danger: {
@@ -1023,23 +924,6 @@ $(document).ready(function() {
     });
   });
 
-  var tooltip_opt = {
-    animation: false,
-    container: "body",
-    placement: "bottom"
-  }
-
-  var refreshTooltop = function(id, title, placement) {
-    $(id)
-      .tooltip("destroy")
-      .tooltip(_.merge({}, tooltip_opt, { title: title, placement: placement }))
-      .on("shown.bs.tooltip", function(e) {
-        setTimeout(function() {
-          $(e.target).tooltip("hide");
-        }, 3500);
-      });
-  };
-
   /*
    * 「選択」メニューの横に現在選択中の小説数をバッジで表示
    */
@@ -1047,14 +931,23 @@ $(document).ready(function() {
     table.on("changeselect", function() {
       var selected_count = table.rows(".selected").data().length;
       $("#badge-number-of-selecting").text(selected_count);
+      var tooltip_opt = {
+        animation: false,
+        container: "body",
+        placement: "bottom"
+      }
       if (selected_count > 0) {
-        refreshTooltop("#button-update", "選択した小説を更新");
-        refreshTooltop("#button-send", "選択した小説を送信");
+        tooltip_opt.title = "選択した小説を更新";
+        $("#button-update").tooltip("destroy").tooltip(tooltip_opt);
+        tooltip_opt.title = "選択した小説を送信";
+        $("#button-send").tooltip("destroy").tooltip(tooltip_opt);
         enable_menu_item(".enable-selected");
       }
       else {
-        refreshTooltop("#button-update", "すべての小説を更新");
-        refreshTooltop("#button-send", "更新された小説を送信");
+        tooltip_opt.title = "すべての小説を更新";
+        $("#button-update").tooltip("destroy").tooltip(tooltip_opt);
+        tooltip_opt.title = "更新された小説を送信";
+        $("#button-send").tooltip("destroy").tooltip(tooltip_opt);
         disable_menu_item(".enable-selected");
       }
     });
@@ -1064,7 +957,17 @@ $(document).ready(function() {
   /*
    * Tooltip 化
    */
-  refreshTooltop("[data-toggle=tooltip]");
+  $("[data-toggle=tooltip]").tooltip({
+    animation: false,
+    container: "body",
+    placement: "bottom",
+  });
+
+  $("#icon-refresh-table").tooltip({
+    title: "リストを再読み込み",
+    animation: false,
+    container: "body",
+  });
 
   $("button").on("mouseleave", function() {
     $(this).tooltip("hide");
@@ -1284,9 +1187,6 @@ $(document).ready(function() {
       if ($("#rect-select-menu").is(":visible")) {
         close_rect_select_menu_handler();
       }
-      if (!context_menu.closed) {
-        context_menu.close();
-      }
       else {
         action.selectClear();
       }