narou 2.8.2 → 2.8.3

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

@@ -9,6 +9,8 @@ $(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 が付いている行を全て取得
@@ -20,13 +22,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, general_lastup: false,
+        download: true, folder: false, update_button: 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, general_lastup: true,
+        download: true, folder: true, update_button: true, general_lastup: true,
       });
 
   $.fn.dataTable.Api.register("fireChangeSelect()", function() {
@@ -73,10 +75,7 @@ $(document).ready(function() {
 
   // initComplete や ajax.reload した時に再設定するために呼ばれる
   function resettingTableState() {
-    table.$("[data-toggle=tooltip]").tooltip({
-      animation: false,
-      container: "body",
-    });
+    refreshTooltop(table.$("[data-toggle=tooltip]"), null, "top");
     // バッジを更新しておく(.selectedの復元が終わってから呼ぶ)
     table.fireChangeSelect();
     // タグのイベントを反映
@@ -85,6 +84,23 @@ $(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'),
@@ -121,7 +137,7 @@ $(document).ready(function() {
                 display = "<span class=" + klass + ">" + display + "</span>";
               }
             }
-            return display;
+            return "<div>" + display + "</div>";
           }
           return data;
         }
@@ -145,7 +161,7 @@ $(document).ready(function() {
               klass = value[1];
               if (value[0] === -1 || diff_time <= value[0]) break;
             }
-            return '<span class="general-lastup ' + klass + '">' + display + '</span>';
+            return '<div><span class="general-lastup ' + klass + '">' + display + '</span></div>';
           }
           else if (type === "sort") {
             return data * 10000 + (row.id | 0);
@@ -201,27 +217,36 @@ $(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-cog"></span></button>',
+                        '<span class="glyphicon glyphicon-option-horizontal"></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();
-              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();
-              });
+              openContextMenuWithTr($(e.target).closest("tr"), e);
             });
         },
         render: function() {},
@@ -275,6 +300,8 @@ $(document).ready(function() {
       resettingTableState();
 
       table.draw(false);
+
+      datatables_init_completed = true;
     },
     language: {
       //lengthMenu: "_MENU_ 件分表示　<span id='icon-refresh-table' class='glyphicon glyphicon-repeat'></span>",
@@ -298,7 +325,23 @@ $(document).ready(function() {
      * Extensions section
      */
     colReorder: {
-      "realtime": false
+      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");
+        }
+      },
     },
   });
 
@@ -325,20 +368,24 @@ $(document).ready(function() {
     }
   });
 
-  function restoreVisibilityForFrozen() {
+  function restoreVisibilityForViewMenu() {
     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");
   }
 
-  restoreVisibilityForFrozen();
+  restoreVisibilityForViewMenu();
 
   function saveVisibilityFrozen() {
     storage.set("visibility_frozen_novel", visibility_frozen_novel);
@@ -347,11 +394,11 @@ $(document).ready(function() {
   }
 
   function toggleVisibilityFrozen() {
-    visibility_frozen_novel = visibility_frozen_novel ? false : true;
+    visibility_frozen_novel = !visibility_frozen_novel;
   }
 
   function toggleVisibilityNonFrozen() {
-    visibility_nonfrozen_novel = visibility_nonfrozen_novel ? false : true;
+    visibility_nonfrozen_novel = !visibility_nonfrozen_novel;
   }
 
   /*
@@ -377,6 +424,13 @@ $(document).ready(function() {
     }, false);
   });
 
+  /*
+   * サーバ再起動イベント定義
+   */
+  notification.on("server.rebooted", function() {
+    location.href = "/";
+  });
+
   notification.on("tag.updateCanvas", function() {
     tag.updateCanvas();
   });
@@ -489,6 +543,21 @@ $(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");
@@ -625,6 +694,11 @@ $(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;
@@ -648,6 +722,7 @@ $(document).ready(function() {
         if (not_clicked_yet) {
           // 範囲選択開始
           $("#rect-select-menu").hide();
+          context_menu.close();
           unregister_close_handler();
           not_clicked_yet = false;
           start_position = _pos;
@@ -780,6 +855,19 @@ $(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();
+  });
+
   /*
    * メニュー
    *   表示＞表示設定を全てリセット
@@ -892,6 +980,16 @@ $(document).ready(function() {
     });
   });
 
+  /*
+   * メニュー
+   *   オプション＞サーバを再起動
+   */
+  $("#action-option-server-reboot").on(click_event_name, function(e) {
+    e.preventDefault();
+    slideNavbar.slide();
+    action.rebootDialog();
+  });
+
   /*
    * メニュー
    *   オプション＞サーバをシャットダウン
@@ -901,10 +999,11 @@ $(document).ready(function() {
     slideNavbar.slide();
     bootbox.dialog({
       title: '<span class="glyphicon glyphicon-off"></span> シャットダウン',
-      message: "Narou.rb WEB UI サーバをシャットダウンします。<br>" +
-               "シャットダウンすると再起動するまでアクセスは出来なくなります。<br>" +
-               "再起動するにはコンソールでもう一度 <kbd>narou web</kbd> を実行" +
-               "して下さい。",
+      message: "<p>Narou.rb WEB UI サーバをシャットダウンします。<br>" +
+               "シャットダウンすると再度立ち上げるまではアクセスは出来なくなります。<br>" +
+               "再度立ち上げるにはコンソールでもう一度 <kbd>narou web</kbd> を実行して下さい。</p>" +
+               "<p class=text-danger>アップデート中や変換中の小説がある場合は中断されます。<br>" +
+               "終わったかどうか確認しましょう。</p>",
       backdrop: true,
       buttons: {
         danger: {
@@ -924,6 +1023,23 @@ $(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);
+      });
+  };
+
   /*
    * 「選択」メニューの横に現在選択中の小説数をバッジで表示
    */
@@ -931,23 +1047,14 @@ $(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) {
-        tooltip_opt.title = "選択した小説を更新";
-        $("#button-update").tooltip("destroy").tooltip(tooltip_opt);
-        tooltip_opt.title = "選択した小説を送信";
-        $("#button-send").tooltip("destroy").tooltip(tooltip_opt);
+        refreshTooltop("#button-update", "選択した小説を更新");
+        refreshTooltop("#button-send", "選択した小説を送信");
         enable_menu_item(".enable-selected");
       }
       else {
-        tooltip_opt.title = "すべての小説を更新";
-        $("#button-update").tooltip("destroy").tooltip(tooltip_opt);
-        tooltip_opt.title = "更新された小説を送信";
-        $("#button-send").tooltip("destroy").tooltip(tooltip_opt);
+        refreshTooltop("#button-update", "すべての小説を更新");
+        refreshTooltop("#button-send", "更新された小説を送信");
         disable_menu_item(".enable-selected");
       }
     });
@@ -957,17 +1064,7 @@ $(document).ready(function() {
   /*
    * Tooltip 化
    */
-  $("[data-toggle=tooltip]").tooltip({
-    animation: false,
-    container: "body",
-    placement: "bottom",
-  });
-
-  $("#icon-refresh-table").tooltip({
-    title: "リストを再読み込み",
-    animation: false,
-    container: "body",
-  });
+  refreshTooltop("[data-toggle=tooltip]");
 
   $("button").on("mouseleave", function() {
     $(this).tooltip("hide");
@@ -1187,6 +1284,9 @@ $(document).ready(function() {
       if ($("#rect-select-menu").is(":visible")) {
         close_rect_select_menu_handler();
       }
+      if (!context_menu.closed) {
+        context_menu.close();
+      }
       else {
         action.selectClear();
       }

data/lib/web/pushserver.rb

@@ -19,7 +19,7 @@ module Narou
     attr_reader :accepted_domains, :connections
 
     def accepted_domains=(domains)
-      @accepted_domains = domains.kind_of?(Array) ? domains : [domains]
+      @accepted_domains = Array(domains)
     end
 
     def initialize
@@ -100,12 +100,23 @@ module Narou
       # echo 以外のイベントは履歴に保存しない
       message = data[:echo]
       if message
-        @history.push(message)
-        @history.shift
+        stack_to_history(message)
       end
     rescue JSON::GeneratorError => e
       STDERR.puts $@.shift + ": #{e.message} (#{e.class})"
     end
+
+    def stack_to_history(message)
+      if message == "." && @history[-1] =~ /\A\.+\z/
+        # 進行中を表す .... の出力でヒストリーが消費されるのを防ぐため、
+        # 連続した . は一つにまとめる
+        @history[-1] << "."
+      else
+        @history.push(message)
+        @history.shift
+      end
+    end
+
   end
 end
 

data/lib/web/views/_about.haml

@@ -0,0 +1,188 @@
+:javascript
+  +function() {
+    var action = new Narou.Action;
+
+    function getCurrentVersion() {
+      var dfd = jQuery.Deferred();
+      $.ajax({
+        type: "GET",
+        url: "/api/version/current.json",
+        dataType: "json",
+        success: function(json) {
+          $("#current-version").text(json.version);
+          dfd.resolve(json.version);
+        },
+        error: function() {
+          dfd.reject();
+        }
+      });
+      return dfd;
+    }
+
+    function getLatestVersion() {
+      var dfd = jQuery.Deferred();
+      $.ajax({
+        type: "GET",
+        url: "/api/version/latest.json",
+        dataType: "json",
+        success: function(json) {
+          $("#latest-version").text(json.version);
+          dfd.resolve(json.version);
+        },
+        error: function() {
+          dfd.reject();
+        }
+      });
+      return dfd;
+    }
+
+    function updateButtonHandler() {
+      var dfd = jQuery.Deferred();
+      $("#version-update-button").one("click", function(e) {
+        e.preventDefault();
+        $(this).hide();
+        $("#fail-update-system").hide();
+        dfd.resolve();
+      });
+      return dfd;
+    }
+
+    function callUpdateSystem() {
+      var dfd = jQuery.Deferred();
+      $("#version-updating").show();
+      $("#gem-result-log").hide();
+      action.updateSystem(function(result, log) {
+        $("#version-updating").hide();
+        $("#gem-result-log").text(log);
+        if (result == "success")
+          dfd.resolve();
+        else
+          dfd.reject(result);
+      });
+      return dfd;
+    }
+
+    function rebootButtonHandler() {
+      $("#gem-result-log").addClass("large").show();
+      $("#reboot-button")
+        .show()
+        .on("click", function(e) {
+          action.rebootDialog();
+        });
+    }
+
+    function failUpdateSystem(result) {
+      if (result == "failure") {
+        $("#fail-update-system").show();
+        $("#gem-result-log").show();
+        updateSysmteProcess();
+      }
+      else if (result == "nothing") {
+        $("#nothing-to-update").show();
+      }
+    }
+
+    function updateSysmteProcess() {
+      $("#version-update-button").show();
+      updateButtonHandler()
+      .then(callUpdateSystem)
+      .then(rebootButtonHandler)
+      .fail(failUpdateSystem);
+    }
+
+    $result = $("#result-of-version-checking");
+    $result.children("div").hide();
+
+    $("#version-update-button").hide();
+    $("#reboot-button").hide();
+    $("#version-updating").hide();
+    $("#fail-update-system").hide();
+    $("#nothing-to-update").hide();
+    $("#gem-result-log").hide();
+
+    action.checkUpdatedSystem({
+      // まだgemのアップデートは行われていないので、バージョンチェックからはじめる
+      not_updated: function() {
+        $result.children(".checking").show();
+
+        $.when(
+          getCurrentVersion(),
+          getLatestVersion()
+        )
+        .done(function(current_version, latest_version) {
+          $result.children(".checking").hide();
+          if (latest_version > current_version) {
+            $("#latest-version").text(latest_version);
+            $result.children(".need-an-update").show();
+          }
+          else {
+            $result.children(".version-is-latest").show();
+          }
+        })
+        .fail(function() {
+          $result.children(".checking").hide();
+          $result.children(".error").show();
+        });
+
+        updateSysmteProcess();
+      },
+
+      // すでにgemをアップデート済みなので、再起動ボタンを最初から表示する
+      already_updated: function(log) {
+        $result.children(".need-an-update").show();
+        $("#latest-version-found").hide();
+        $("#reboot-button").show();
+        $("#gem-result-log").text(log);
+        rebootButtonHandler();
+      }
+    });
+
+  }();
+
+%div.link-to-changelog-in-about
+  %a.btn.btn-default.btn-sm(href="https://github.com/whiteleaf7/narou/blob/master/ChangeLog.md" target="_blank")
+    更新履歴
+    %span.glyphicon.glyphicon-new-window
+
+%div(style="text-align:center")
+  %h1
+    %strong Narou.rb
+  %div
+    Version #{@narourb_version}
+  %div
+    Copyright 2013 whiteleaf. All rights reserved.
+  #result-of-version-checking(style="margin-top:10px")
+    .checking
+      %span.rotate-progress
+        %span.icon
+        %span.text アップデートを確認しています...
+    .version-is-latest
+      %p
+        %span.glyphicon.glyphicon-thumbs-up.text-primary
+        Narou.rb は最新版です。
+    .need-an-update
+      %p
+        %span#latest-version-found
+          %span.glyphicon.glyphicon-exclamation-sign.text-primary
+          新しいバージョン(<span id="latest-version"></span>)が見つかりました。<br>
+        %a#version-update-button.btn.btn-primary.btn-sm
+          %b Narou.rb を更新する
+        %span#version-updating
+          %span.rotate-progress
+            %span.icon
+            %span.text 更新しています。
+        %a#reboot-button.btn.btn-success.btn-sm
+          %b 再起動して更新を反映する
+        %span#nothing-to-update.text-success
+          Narou.rb はすでに最新版です。
+      %p#fail-update-system.text-danger
+        Narou.rb の更新に失敗しました。
+    .error
+      %span.text-danger
+        最新バージョンの取得に失敗しました。
+
+  %pre#gem-result-log.log-box
+
+  .well.well-sm(style="font-size:80%; margin-top: 10px")
+    #{@ruby_version}<br>
+    #{env["HTTP_USER_AGENT"]}

data/lib/web/views/{edit_replace_txt.haml → _edit_replace_txt.haml}

@@ -24,11 +24,11 @@
     $("[data-toggle=remove-tooltip]").tooltip(tooltip_opt);
   });
 
-#replace-panel.panel.panel-settings{ class: @replace_panel_var[:panel_class] }
+#replace-panel.panel.panel-settings{ class: replace_panel_var[:panel_class] }
   .panel-heading
-    = @replace_panel_var[:title]
-  .panel-body{ class: @replace_panel_var[:body_class] }
-    = @replace_panel_var[:body].join("<br>")
+    = replace_panel_var[:title]
+  .panel-body{ class: replace_panel_var[:body_class] }
+    = replace_panel_var[:body].join("<br>")
   .list-group
     .list-group-item.form-group
       .list-group-item-text

data/lib/web/views/_rebooting.haml

@@ -0,0 +1,18 @@
+:javascript
+  var busy = $("#rebooting-busy");
+  busy.text(".");
+  setInterval(function() {
+    busy.text(busy.text() + ".");
+    if (busy.text().length == 6) {
+      busy.text(".");
+    }
+  }, 500);
+
+%p
+  サーバを再起動しています<span id="rebooting-busy"></span>
+%p
+  再起動が完了したら自動的にページがリロードされます。
+%p
+  しばらく待ってもリロードされない場合は
+  %a(href="/") こちら
+  をクリックするかブラウザのリロードボタンを押してみてください。

data/lib/web/views/help.haml

@@ -6,6 +6,8 @@
     });
 
     var bookmarklet = function(d,e,u,o,s) {
+      u='#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}'+
+        '/js/widget.js?mode=%MODE%&_='+Date.now();
       o=d.createElement("div");
       o.innerHTML="WEB UI Server: OFFLINE";
       o.id="narourb-offline";
@@ -21,8 +23,6 @@
         s.top=0
       },1000);
 
-      u='#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}'+
-        '/js/widget.js?mode=%MODE%&t='+Date.now();
       e=d.createElement('script');
       e.charset='utf-8';
       e.src=u;