narou 2.8.3.1 → 2.9.0

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/bookmarklet/download.js.erb

@@ -24,7 +24,7 @@
     }
   }
   if (guard) {
-    alert("対応サイトではありません");
+    alert("対応ページではありません");
     return;
   }
   if (document.getElementById("narourb-console")) return;
@@ -38,7 +38,7 @@
   // IE の場合、iframe は親のドキュメントモードが汚染して動かない可能性があるので対処
   var docmode = document.documentMode || 10;
   if (docmode < 10) {
-    window.open(url, "widget_window", "width=400,height=250,menubar=no,toolbar=no,scrollbars=no,resizable=yes");
+    window.open(url, "dl_window", "width=400,height=250,menubar=no,toolbar=no,scrollbars=no,resizable=yes");
     return;
   }
 

data/lib/web/views/bookmarklet/insert_button.js.erb

@@ -7,6 +7,7 @@
   // 対応小説投稿サイトに関する情報
   var site_settings = {
     <%- Downloader.load_settings.each.with_index do |setting, i| -%>
+      <%- next if setting["top_url"] == "http://novel.syosetu.org" -%>
       "<%= setting["domain"] %>": {
         <%- case setting["domain"] -%>
         <%- when "www.mai-net.net" -%>
@@ -122,7 +123,6 @@
 
   var links = document.getElementsByTagName("a");
   for (var i = 0; i < links.length; i++) {
-  //for (var i = 0; i < 3; i++) {
     var link = links[i];
     var setting = site_settings[link.hostname];
     if (setting && link.href.toLowerCase().match(setting.url)) {

data/lib/web/views/edit_menu.haml

@@ -0,0 +1,223 @@
+:javascript
+  local_initialize_functions.push(function($) {
+    $("[data-toggle=tooltip]").tooltip({
+      animation: false,
+      container: "body",
+    });
+
+    Narou.Notepad.replace("notepad", { rows: 7 });
+
+    var menu = new Narou.ContextMenu;
+    Narou.Template.replaceAll({ menu: menu });
+    var menu_items = $("#menu_items tr");
+    var input_box = $("#input_box");
+    var preview = $("#preview");
+
+    preview.append(menu.object);
+    menu.object.show();
+
+    var clearActiveColumns = function() {
+      menu_items.removeClass("active");
+    };
+
+    var appendLineToTextbox = function() {
+      menu_items.each(function() {
+        if (!$(this).is(".active")) return;
+        var label = $(this).data("menuLabel");
+        var command = $(this).data("menuCommand");
+        var line = sprintf("\n%s<>%s", label, command);
+        input_box.val((input_box.val() + line).trim());
+      });
+    };
+
+    var refreshPreview = function() {
+      menu.object.remove();
+      menu.initializeMenuObject(input_box.val());
+      menu.initializeMenuEvents();
+      preview.append(menu.object);
+      menu.object.show();
+    };
+
+    var attachChangeEvents = function(textarea) {
+      var timer_id = null;
+
+      textarea
+        .on("focus", function() {
+          this._old_value = this.value;
+        })
+        .on("blur", function() {
+          if (this.value !== this._old_value) {
+            refreshPreview();
+            this._old_value = this.value;
+          }
+        })
+        .on("keyup paste cut", function() {
+          setTimeout(function() {
+            clearTimeout(timer_id);
+            timer_id = setTimeout(function(value, old_value) {
+              if (value !== old_value) {
+                refreshPreview();
+                this._old_value = this.value;
+              }
+            }.bind(this), 300, this.value, this._old_value);
+          }.bind(this), 10);
+        });
+    };
+
+    menu_items.on("click", function(e) {
+      $(this).toggleClass("active");
+    });
+
+    $("#button_move").on("click", function(e) {
+      appendLineToTextbox();
+      clearActiveColumns();
+      refreshPreview();
+    });
+
+    $("#button_clear_active").on("click", function(e) {
+      clearActiveColumns();
+    });
+
+    $("#button_save").on("click", function(e) {
+      menu.save(input_box.val().trim());
+      refreshPreview();
+      Narou.Flash.show("保存が完了しました", "success");
+    });
+
+    $("#button_clear").on("click", function(e) {
+      input_box.val("");
+    });
+
+    $("#button_reset_to_default").on("click", function(e) {
+      input_box.val(menu.createDefaultMenuText());
+      refreshPreview();
+    });
+
+    attachChangeEvents(input_box);
+  });
+
+:scss
+  $height: 430px;
+
+  #menu_items {
+    height: $height;
+    max-height: $height;
+    overflow-y: auto;
+    cursor: pointer;
+    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);;
+  }
+
+  #button_move {
+    position: relative;
+    @media (min-width:768px) {
+      height: $height;
+    }
+    @media (max-width:767px) {
+      height: 70px;
+    }
+    button {
+      position: absolute;
+      top: 50%;
+      left: 25%;
+      margin-top: -0.5em;
+    }
+  }
+
+  #input_box {
+    height: $height;
+  }
+
+  #preview .dropdown-menu {
+    position: relative;
+  }
+
+%script#edit_menu_template(type="text/template")
+
+.navbar.navbar-default.navbar-fixed-top(role="navigation")
+  .container
+    .navbar-header
+      %button.navbar-toggle(type="button")
+        %span.sr-only Toggle navigation
+        %span.icon-bar
+        %span.icon-bar
+        %span.icon-bar
+      %a.navbar-brand(href="#" data-move-to="top") Narou.rb WEB UI
+    #bs-navbar-collapse-1.collapse.navbar-collapse
+      %ul.nav.navbar-nav
+        %li
+          %a(href="/settings") 環境設定
+        %li
+          %a(href="/help") ヘルプ
+        %li
+          %a(href="/") 戻る
+      %p#queue-text.navbar-text.navbar-right(data-toggle="tooltip" title="キューに積まれた処理の数" data-placement="bottom")
+        %span.glyphicon.glyphicon-inbox
+        %span#queue 0
+
+.container.theme-showcase(role="main")
+  %h1 個別メニューの編集
+  %ul.text-muted
+    %li
+      編集内容はブラウザに保存されます。他のPCのブラウザでも同じ内容にしたい場合は
+      下部にあるメモ帳を使ってコピペして下さい。
+    %li
+      書式は「ラベル&lt;&gt;コマンド」になっています。空行や不正な書式の場合は無視されます。
+      また、ラベル部分は自由に設定出来ます。
+  #edit_menu_container
+    .row
+      .col-sm-4
+        %span.label.label-default
+          項目一覧
+        #menu_items
+          %table.table.table-hover.table-bordered
+            %tbody
+              %script(type="text/plain" role="template")
+                :plain
+                  <% _.each(menu.items, function(item) { %>
+                    <tr data-menu-label="<%- item.label %>" data-menu-command="<%- item.command %>">
+                      <td>
+                        <%- item.label %>
+                        <span class="label label-white pull-right"><%= item.command %></span>
+                      </td>
+                    </tr>
+                  <% }) %>
+      .col-sm-1
+        #button_move
+          %button.btn.btn-default
+            %span.glyphicon.glyphicon-arrow-right
+      .col-sm-4
+        %span.label.label-default
+          編集欄
+        %script(type="text/plain" role="template")
+          %textarea#input_box.form-control
+            <%- menu.text %>
+      .col-sm-2
+        %div
+          %span.label.label-default
+            プレビュー
+        #preview
+    .row
+      &nbsp;
+    .row
+      .col-sm-4.text-center
+        %button#button_clear_active.btn.btn-default
+          選択を解除
+      .col-sm-1
+      .col-sm-4.text-center
+        %button#button_save.btn.btn-info
+          保存
+        %button#button_clear.btn.btn-default
+          消去
+        %button#button_reset_to_default.btn.btn-default
+          デフォに戻す
+    .row
+      &nbsp;
+    .row
+      .col-sm-4
+        %div
+          %span.label.label-default
+            メモ帳
+          &nbsp;
+          %span.text-muted
+            %small ※自動でサーバに保存されます
+        #notepad

data/lib/web/views/help.haml

@@ -5,24 +5,37 @@
       container: "body",
     });
 
-    var bookmarklet = function(d,e,u,o,s) {
-      o=d.createElement("div");
-      o.innerHTML="WEB UI Server: OFFLINE";
-      o.id="narourb-offline";
+    var bookmarklet = function(d,l,e,u,o,s,m,ssl) {
+      org='#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}/';
+      u=org+'js/widget.js?mode=%MODE%&_='+Date.now();
+      u2=org+'widget/download?from='+l.hostname+'&target='+encodeURIComponent(l.href)+'&_='+Date.now();
+      ssl=l.protocol.match(/^https/);
+      if('%MODE%'==='download'&&ssl){
+        window.open(u2,'dl_window','width=400,height=300,menubar=no,toolbar=no,scrollbars=no,resizable=yes');
+        return
+      }
+      o=d.createElement('div');
+      m='WEB UI Server: ';
+      if(ssl){
+        m+='このサイト上では実行出来ません';
+      }
+      else{
+        m+='OFFLINE';
+      }
+      o.innerHTML=m;
+      o.id='narourb-offline';
       s=o.style;
-      s.position="fixed";
+      s.position='fixed';
       s.top=-1000;
       s.left=0;
       s.zIndex=9998;
-      s.color="white";
-      s.background="red";
+      s.color='white';
+      s.background='red';
       d.body.appendChild(o);
       setTimeout(function(){
         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;
@@ -30,8 +43,8 @@
     };
 
     function createBookmarkletStrings(proc, mode) {
-      var proc_string = proc.toString().replace("%MODE%", mode);
-      return ("javascript:(" + proc_string + ")(document)").replace(/ {2,}|\n/g, "");
+      var proc_string = proc.toString().replace(/%MODE%/g, mode);
+      return ("javascript:(" + proc_string + ")(document,location)").replace(/ {2,}|\n/g, "");
     }
 
     $("#bookmarklet-download").attr("href", createBookmarkletStrings(bookmarklet, "download"));
@@ -66,6 +79,8 @@
     %p 小説掲載サイトを表示したまま直接ダウンロード出来るブックマークレットです。
     %p 下記のリンクをブックマークに登録して、ダウンロードしたい小説のページで実行して下さい。（WEB UIサーバ起動中に限ります）
     %p ブックマークバーにドラッグ＆ドロップしたり、右クリックからブックマークにいれると簡単です。
+    %p DLが始まればウィンドウは閉じても問題ありません。
+    %p.text-muted ※httpsなサイトの場合はウィンドウがポップアップします。
     %p
       %span.glyphicon.glyphicon-bookmark
       %big
@@ -77,6 +92,7 @@
     %img#ss-bookmarklet2(src="/resources/help/bookmarklet2.png" class="img-thumbnail")
     %p 小説投稿サイト内の、各小説へのリンクの横にダウンロード用のボタンを埋め込みます。
     %p ランキングページや一覧ページなどで実行するとダウンロードが一発で出来るようになったり、どれがダウンロード済みなのかが一目瞭然になります。
+    %p.text-muted ※httpsなサイト内では動きません。
     %p
       %span.glyphicon.glyphicon-bookmark
       %big
@@ -119,7 +135,8 @@
   %h4 タグ
   %div
     %img#ss-tag(src="/resources/help/tag.png" class="img-thumbnail")
-    %p 小説にタグが設定されている場合、タグ欄に表示されます。そのタグをクリックすることで絞込ができるようになっています。タグを絞り込んだ状態で、さらに検索ボックスから検索することも可能です。
+    %p 小説にタグが設定されている場合、タグ欄に表示されます。そのタグをクリックすることで絞込ができるようになっています。タグで絞り込んだ状態で更に別のタグをクリックすると、複数のタグでの絞込が可能です。
+    %p タグをAltキーを押しながらクリックすることで、除外タグ検索になります。
     %p タグの絞込状態を解除するにはメニューのタグから解除ボタンを押すか、タグの右側にある小さな空白ラベルをクリックすることでも解除することが出来ます。
 
   %h4 シングル選択モード

data/lib/web/views/index.haml

@@ -1,4 +1,4 @@
-.navbar.navbar-default.navbar-fixed-top(role="navigation")
+%nav#header-navbar.navbar.navbar-default.navbar-fixed-top(role="navigation")
   .container
     .navbar-header
       %button.navbar-toggle(type="button")
@@ -30,6 +30,23 @@
                   %span.active-ok.glyphicon.glyphicon-ok
                   凍結中を表示
             %li.divider
+            %li#action-view-toggle-setting-page-open-new-tab
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  変換設定ページは新規タブで開く
+            %li.divider
+            %li#action-view-toggle-buttons-fix-footer
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  ボタンを画面下部に固定
+            %li.divider
+            %li#action-view-link-to-edit-menu
+              %a(href="/edit_menu")
+                %span
+                  個別メニューを編集...
+            %li.divider
             %li#action-view-reset
               %a(href="/") 表示設定を全てリセット
         %li.dropdown
@@ -99,6 +116,15 @@
               %a(href="#")
                 %span
                   CSVファイルからインポート
+            %li.divider
+            %li#action-tool-notepad
+              %a(href="/notepad")
+                %span
+                  メモ帳（別ページ）
+            %li#action-tool-notepad-window
+              %a(href="#")
+                %span
+                  メモ帳（ポップアップ）
       %ul.nav.navbar-nav.navbar-right
         %li.dropdown
           %a.dropdown-toggle(data-toggle="dropdown" href="#")
@@ -111,19 +137,24 @@
               %a(href="/settings")
                 %span
                   %span.glyphicon.glyphicon-wrench
-                  環境設定
+                  環境設定...
             %li.divider
             %li#action-option-help
               %a(href="/help")
                 %span
                   %span.glyphicon.glyphicon-question-sign
-                  ヘルプ
+                  ヘルプ...
             %li#action-option-about
               %a(href="#")
                 %span
                   %span.glyphicon.glyphicon-info-sign
                   Narou.rb について
             %li.divider
+            %li#action-option-server-reboot
+              %a(href="#")
+                %span
+                  %span.glyphicon.glyphicon-refresh
+                  サーバを再起動
             %li#action-option-server-shutdown
               %a(href="#")
                 %span
@@ -139,6 +170,9 @@
             %input#myFilter.form-control(placeholder="Filter" type="text")/
             %span#myFilter-clear.glyphicon.glyphicon-remove-circle
 
+%nav#footer-navbar.navbar.navbar-default.navbar-fixed-bottom.hide
+  .container
+
 .container.container-main.theme-showcase(role="main")
   -# 初めて表示した時のメッセージ
   - if @is_first_access
@@ -163,70 +197,72 @@
 
   -# 操作パネル
   #control-panel
-    .btn-group
-      %button#button-download.btn.btn-primary(type="button" data-toggle="tooltip" |
-                              title="新規ダウンロード") Download |
-      %button.btn.btn-primary.dropdown-toggle(type="button" data-toggle="dropdown")
-        %span.caret
-        %span.sr-only Toggle Dropdown
-      %ul.dropdown-menu(role="menu")
-        %li
-          %a#button-download-force(href="#") 選択した小説を強制再ダウンロード
-    .btn-group
-      %button#button-update.btn.btn-success(type="button") Update
-      %button.btn.btn-success.dropdown-toggle(type="button" data-toggle="dropdown")
-        %span.caret
-        %span.sr-only Toggle Dropdown
-      %ul.dropdown-menu(role="menu")
-        %li
-          %a#button-update-view(href="#") 表示されている小説を更新
-        %li
-          %a#button-update-general-lastup(href="#") 最新話掲載日を更新
-        %li
-          %a#button-update-force(href="#") 凍結済みでも更新
-    .btn-group
-      %button#button-send.btn.btn-warning(type="button") Send
-      - if Inventory.load("local_setting")["hotentry"]
-        %button.btn.btn-warning.dropdown-toggle(type="button" data-toggle="dropdown")
+    .control-panel-inner
+      .btn-group
+        %button#button-download.btn.btn-primary(type="button" data-toggle="tooltip" |
+                                title="新規ダウンロード") Download |
+        %button.btn.btn-primary.dropdown-toggle(type="button" data-toggle="dropdown")
           %span.caret
           %span.sr-only Toggle Dropdown
         %ul.dropdown-menu(role="menu")
           %li
-            %a#button-send-hotentry(href="#") hotentry を送信
-    .btn-group
-      %button.btn.btn-info.dropdown-toggle.enable-selected(type="button" data-toggle="dropdown")
-        Freeze
-        %span.caret
-        %span.sr-only Toggle Dropdown
-      %ul.dropdown-menu(role="menu")
-        %li
-          %a#button-freeze-on(href="#") 選択した小説を凍結
-        %li
-          %a#button-freeze-off(href="#") 選択した小説の凍結を解除
-    .btn-group
-      %button#button-remove.btn.btn-danger.enable-selected(type="button" data-toggle="tooltip" |
-                            title="選択した小説を削除") Remove |
-    .btn-group
-      %button#button-convert.btn.btn-default.enable-selected(type="button" data-toggle="tooltip" |
-                            title="選択した小説を変換") Convert |
-    .btn-group
-      %button.btn.btn-default.dropdown-toggle.enable-selected(type="button" data-toggle="dropdown")
-        Other
-        %span.caret
-        %span.sr-only Toggle Dropdown
-      %ul.dropdown-menu(role="menu")
-        %li
-          %a#button-diff(href="#") 選択した小説の最新の差分を表示
-        %li
-          %a#button-inspect(href="#") 選択した小説の調査状況ログを表示
-        %li
-          %a#button-folder(href="#") 選択した小説の保存フォルダを開く
-        %li
-          %a#button-backup(href="#") 選択した小説のバックアップを作成
-        %li
-          %a#button-setting-burn(href="#") 選択した小説の設定の未設定項目に共通設定を焼付ける
-
-  %input#tag-search(type="text")
+            %a#button-download-force(href="#") 選択した小説を強制再ダウンロード
+      .btn-group
+        %button#button-update.btn.btn-success(type="button" data-toggle="tooltip") Update
+        %button.btn.btn-success.dropdown-toggle(type="button" data-toggle="dropdown")
+          %span.caret
+          %span.sr-only Toggle Dropdown
+        %ul.dropdown-menu(role="menu")
+          %li
+            %a#button-update-view(href="#") 表示されている小説を更新
+          %li
+            %a#button-update-force(href="#") 凍結済みでも更新
+          %li
+            %a#button-update-general-lastup(href="#") 最新話掲載日を更新
+      .btn-group
+        %button#button-send.btn.btn-warning(type="button" data-toggle="tooltip") Send
+        - if Inventory.load("local_setting")["hotentry"]
+          %button.btn.btn-warning.dropdown-toggle(type="button" data-toggle="dropdown")
+            %span.caret
+            %span.sr-only Toggle Dropdown
+          %ul.dropdown-menu(role="menu")
+            %li
+              %a#button-send-hotentry(href="#") hotentry を送信
+      .btn-group
+        %button.btn.btn-info.dropdown-toggle.enable-selected(type="button" data-toggle="dropdown")
+          Freeze
+          %span.caret
+          %span.sr-only Toggle Dropdown
+        %ul.dropdown-menu(role="menu")
+          %li
+            %a#button-freeze-on(href="#") 選択した小説を凍結
+          %li
+            %a#button-freeze-off(href="#") 選択した小説の凍結を解除
+      .btn-group
+        %button#button-remove.btn.btn-danger.enable-selected(type="button" data-toggle="tooltip" |
+                              title="選択した小説を削除") Remove |
+      .btn-group
+        %button#button-convert.btn.btn-default.enable-selected(type="button" data-toggle="tooltip" |
+                              title="選択した小説を変換") Convert |
+      .btn-group
+        %button.btn.btn-default.dropdown-toggle.enable-selected(type="button" data-toggle="dropdown")
+          Other
+          %span.caret
+          %span.sr-only Toggle Dropdown
+        %ul.dropdown-menu(role="menu")
+          %li
+            %a#button-diff(href="#") 選択した小説の最新の差分を表示
+          %li
+            %a#button-inspect(href="#") 選択した小説の調査状況ログを表示
+          %li
+            %a#button-folder(href="#") 選択した小説の保存フォルダを開く
+          %li
+            %a#button-backup(href="#") 選択した小説のバックアップを作成
+          %li
+            %a#button-setting-burn(href="#") 選択した小説の設定の未設定項目に共通設定を焼付ける
+      .btn-group
+        %button#button-eject.hide.btn.btn-default(type="button" data-toggle="tooltip" title="端末を取り出す")
+          Eject
 
   -# 小説の一覧テーブル
   %div
@@ -244,31 +280,6 @@
   %li#rect-select-menu-cancel
     %a(href="#") キャンセル
 
--# 個別メニュー
-%ul#context-menu.dropdown-menu(role="menu")
-  %li#context-menu-setting
-    %a(href="#") 小説の変換設定
-  %li#context-menu-diff
-    %a(href="#" data-move-to="top") 差分を表示
-  %li#context-menu-edit-tag
-    %a(href="#") タグを編集
-  %li#context-menu-freeze-toggle
-    %a(href="#") 凍結 or 解凍
-  %li#context-menu-update
-    %a(href="#") 更新
-  %li#context-menu-send
-    %a(href="#") 送信
-  %li#context-menu-remove
-    %a(href="#") 削除
-  %li#context-menu-convert
-    %a(href="#") 変換
-  %li#context-menu-inspect
-    %a(href="#") 調査状況ログを表示
-  %li#context-menu-folder
-    %a(href="#") 保存フォルダを開く
-  %li#context-menu-backup
-    %a(href="#") バックアップを作成
-
 -# 個別表示用コンソール
 #console-dialog.modal.fade(tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true")
   .modal-dialog