narou 2.6.1 → 2.7.0

data/lib/web/settingmessages.rb

@@ -17,7 +17,8 @@ module Narou
                       "特殊な変数\n" \
                       "<b>%NEW</b> : 最新データの差分用ファイルパス\n" \
                       "<b>%OLD</b> : 古い方の差分用ファイルパス",
-    "no-color" => "コンソールのカラー表示を無効にする\n※要WEB UIサーバ再起動"
+    "no-color" => "コンソールのカラー表示を無効にする\n※要WEB UIサーバ再起動",
+    "economy" => "容量節約に関する設定"
   }
 end
 

data/lib/web/views/{js/widget.erb → bookmarklet/download.js.erb}

@@ -32,7 +32,7 @@
   var url, div, iframe, btn_close;
 
   url = '<%= "#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}" %>' +
-        "/widget/<%= params['mode'] %>?from=" + location.hostname + "&target=" +
+        "/widget/download?from=" + location.hostname + "&target=" +
         encodeURIComponent(location.href) + "&t=" + Date.now();
 
   // IE の場合、iframe は親のドキュメントモードが汚染して動かない可能性があるので対処

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

@@ -0,0 +1,133 @@
+<%# vim: set ft=javascript : -%>
+(function() {
+  // オフライン表記を先に消しておく
+  var offline = document.getElementById("narourb-offline");
+  offline.parentNode.removeChild(offline);
+
+  // 対応小説投稿サイトに関する情報
+  var site_settings = {
+    <%- Downloader.load_settings.each.with_index do |setting, i| -%>
+      "<%= setting["domain"] %>": {
+        <%- case setting["domain"] -%>
+        <%- when "www.mai-net.net" -%>
+          add_tail: "&n=0&count=1",
+        <%- when "ncode.syosetu.com", "novel18.syosetu.com", "novel.syosetu.org" -%>
+          add_tail: "/",
+        <%- when "www.akatsuki-novels.com" -%>
+          add_tail: "",
+        <%- end -%>
+        url: '(<%= setting["url"].gsub(/\?<.+?>/, "?:").gsub("\\", "\\\\\\\\") %>)'
+      }
+      <%= i == Downloader.load_settings.length - 1 ? "" : "," %>
+    <%- end -%>
+  };
+
+  // 管理している小説のURL一覧
+  var manage_novel_urls = [
+    <%-# バイナリーサーチ用にソートしておく -%>
+    <%- Database.instance.get_object.values.sort_by { |v| v["toc_url"] }.each do |data| -%>
+      '<%= data["toc_url"] %>',
+    <%- end -%>
+  ];
+
+  /*
+   * バイナリーサーチ
+   * 見つかったら見つかった位置のインデックス
+   * 見つからなかったら-1を返す
+   * array はソート済みである必要がある
+   */
+  var binarySearch = function(array, target) {
+    if (array.length === 0) return -1;
+    var left = 0, right = manage_novel_urls.length - 1;
+    while (left < right) {
+      var center = (left + right) / 2 | 0;
+      if (array[center] < target)
+        left = center + 1;
+      else if (array[center] > target)
+        right = center - 1;
+      else
+        return center;
+    }
+    if (array[left] === target) return left;
+    return -1;
+  };
+
+  /*
+   * 管理している小説のURLリストから検索
+   */
+  var searchRegisterURL = function(target) {
+    var result = binarySearch(manage_novel_urls, target);
+    if (result === -1)
+      return null;
+    return manage_novel_urls[result];
+  };
+
+  /*
+   * IE10未満のために自力でフォームエンコード
+   */
+  var encodeHTMLForm = function(data) {
+    var params = [];
+    for (var name in data) {
+      var value = data[name];
+      var param = encodeURIComponent(name) + '=' + encodeURIComponent(value);
+      params.push(param);
+    }
+    return params.join("&").replace(/%20/g, "+");
+  };
+
+  var server_origin = '<%= "#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}" %>';
+
+  var createButtonElement = function(href) {
+    var span = document.createElement("span");
+    var img = document.createElement("img");
+    var space = span.cloneNode();
+    span.appendChild(img);
+    span.appendChild(space);
+    img.style.height = "1.15em";
+    img.style.cursor = "pointer";
+    space.textContent = " ";
+
+    var dl_listener = function(e) {
+      var url = server_origin + "/api/download";
+      try {
+        var xhr = new XMLHttpRequest;
+        xhr.open("POST", url);
+        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+        xhr.send(encodeHTMLForm({ targets: href }));
+        img.src = server_origin + "/resources/images/dl_button1.gif";
+      }
+      catch(e) {
+        // IE7モード(なろうのトップページをIEで見た場合)の時は xhr.open の時点で
+        // 例外が発生してWEBUIサーバまでデータが飛ばないので、画像のURLにパラメータ
+        // 仕込んでDLの通知を行う
+        img.src = server_origin + "/api/download4ie?target=" + encodeURIComponent(href);
+      }
+      // 登録したらもう押せないようにイベントを削除
+      img.onclick = null;
+      img.style.cursor = "default";
+      return false;
+    };
+
+    if (searchRegisterURL(href)) {
+      // すでにダンロード済みなら最初からグレー画像
+      img.src = server_origin + "/resources/images/dl_button1.gif";
+      img.style.cursor = "default";
+    }
+    else {
+      img.src = server_origin + "/resources/images/dl_button0.gif";
+      img.onclick = dl_listener;
+    }
+    return span;
+  };
+
+  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.match(setting.url)) {
+      var download_button = createButtonElement(RegExp.$1 + setting.add_tail);
+      link.parentNode.insertBefore(download_button, link);
+    }
+  }
+})();

data/lib/web/views/help.haml

@@ -22,18 +22,20 @@
       },1000);
 
       u='#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}'+
-        '/js/widget.js?mode=download&t='+Date.now();
+        '/js/widget.js?mode=%MODE%&t='+Date.now();
       e=d.createElement('script');
       e.charset='utf-8';
       e.src=u;
       d.body.appendChild(e)
     };
 
-    function createBookmarkletStrings(proc) {
-      return ("javascript:(" + proc + ")(document)").replace(/ {2,}|\n/g, "");
+    function createBookmarkletStrings(proc, mode) {
+      var proc_string = proc.toString().replace("%MODE%", mode);
+      return ("javascript:(" + proc_string + ")(document)").replace(/ {2,}|\n/g, "");
     }
 
-    $("#bookmarklet").attr("href", createBookmarkletStrings(bookmarklet));
+    $("#bookmarklet-download").attr("href", createBookmarkletStrings(bookmarklet, "download"));
+    $("#bookmarklet-insert-button").attr("href", createBookmarkletStrings(bookmarklet, "insert_button"));
   });
 
 .navbar.navbar-default.navbar-fixed-top(role="navigation")
@@ -58,16 +60,28 @@
         %span#queue 0
 #help-container.container.theme-showcase(role="main")
   %h2 ブックマークレット
-  %p 小説掲載サイトを表示したまま直接ダウンロード出来るブックマークレットです。<br> |
-     下記のリンクをブックマークに登録して、ダウンロードしたい小説のページで実行して下さい。（WEB UIサーバ起動中に限ります）<br> |
-    ブックマークバーにドラッグ＆ドロップしたり、右クリックからブックマークにいれると簡単です。 |
-  %p
-    %a#bookmarklet(onclick="return false")
+  %h3 小説ページから直接ダウンロード
+  %div
+    %img#ss-bookmarklet1(src="/resources/help/bookmarklet1.png" class="img-thumbnail")
+    %p 小説掲載サイトを表示したまま直接ダウンロード出来るブックマークレットです。
+    %p 下記のリンクをブックマークに登録して、ダウンロードしたい小説のページで実行して下さい。（WEB UIサーバ起動中に限ります）
+    %p ブックマークバーにドラッグ＆ドロップしたり、右クリックからブックマークにいれると簡単です。
+    %p
+      %span.glyphicon.glyphicon-bookmark
       %big
-        %u Narou.rbでダウンロード
+        %a#bookmarklet-download(onclick="return false")
+          %u Narou.rbでダウンロード
 
-  %p
-    %small 基本的に小説ページ内にダウンロード中の表示が出ますが、IEを使っていてかつ小説家になろうの小説をダウンロードしようとした場合のみ、技術的制約から別ウィンドウが開きます。
+  %h3 ページ内の小説へのリンクにダウンロードボタンを付ける
+  %div
+    %img#ss-bookmarklet2(src="/resources/help/bookmarklet2.png" class="img-thumbnail")
+    %p 小説投稿サイト内の、各小説へのリンクの横にダウンロード用のボタンを埋め込みます。
+    %p ランキングページや一覧ページなどで実行するとダウンロードが一発で出来るようになったり、どれがダウンロード済みなのかが一目瞭然になります。
+    %p
+      %span.glyphicon.glyphicon-bookmark
+      %big
+        %a#bookmarklet-insert-button(onclick="return false")
+          %u DLボタン設置(Narou.rb)
 
   %hr
 
@@ -110,11 +124,14 @@
 
   %h4 シングル選択モード
   %div
-    %p デフォルトの選択方法で、小説一覧をクリックしてひとつずつ選択するモードです。
+    %p 小説一覧をクリックしてひとつずつ選択するモードです。小説リストの文字情報を選択してコピー出来るのはこのモードだけです。
 
   %h4 範囲選択モード
   %div
     %img#ss-rect-select(src="/resources/help/rect_select.png" class="img-thumbnail")
-    %p 一度に複数の小説を選択する場合に便利なモードです。始点をクリックしたあと終点をクリックして範囲を確定するか、始点から終点までをドラッグすることで範囲を決めることが出来ます。
+    %p 一度に複数の小説を選択する場合に便利なモードです。始点をクリックしたあと終点をクリックして範囲を確定するか、始点から終点までをドラッグすることで範囲を決めることが出来ます。範囲の始点と終点をクリック（タップ）のみで決定できるため、トラックパッドでの操作がし易いモードとなります。
     %p 範囲が確定された際にメニューが表示されるので、選択や解除等を選択します。反転は現在の選択状態を逆転させます。
 
+  %h4 ハイブリッド選択モード
+  %div
+    %p クリックで選択とドラッグで範囲選択を同時に行える、シングル選択モードと範囲選択モードの特徴を併せ持ったモードです。

data/lib/web/views/index.haml

@@ -63,6 +63,12 @@
                   %span.active-ok.glyphicon.glyphicon-ok
                   範囲選択モード
                 %span.shortcut R
+            %li#action-select-mode-hybrid
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  ハイブリッド選択モード
+                %span.shortcut H
         %li.dropdown
           %a.dropdown-toggle(data-toggle="dropdown" href="#")
             タグ
@@ -75,6 +81,24 @@
               %a(href="#")
                 %span
                   選択した小説のタグを編集
+        %li.dropdown
+          %a.dropdown-toggle(data-toggle="dropdown" href="#")
+            ツール
+            %span.caret
+          %ul.dropdown-menu(role="menu")
+            %li#action-tool-open-dnd-window
+              %a(href="#")
+                %span
+                  D&Dウィンドウを開く
+            %li.divider
+            %li#action-tool-csv-download
+              %a(href="#")
+                %span
+                  CSV形式でリストをダウンロード
+            %li#action-tool-csv-import
+              %a(href="#")
+                %span
+                  CSVファイルからインポート
       %ul.nav.navbar-nav.navbar-right
         %li.dropdown
           %a.dropdown-toggle(data-toggle="dropdown" href="#")
@@ -131,6 +155,7 @@
   #console-container
     #console.console
     #console-buttons.console-buttons
+      %span.queue-cancel.glyphicon.glyphicon-remove-circle(data-toggle="tooltip" title="処理を中断")
       %span.console-trash.glyphicon.glyphicon-trash(data-toggle="tooltip" title="ログと履歴を削除")
       %span.console-expand
         %span.glyphicon.glyphicon-resize-full(data-toggle="tooltip" title="拡大")
@@ -161,6 +186,13 @@
           %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")
+          %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
@@ -251,3 +283,33 @@
       .modal-footer
         %button.btn.btn-primary(type="button" data-dismiss="modal") 閉じる
 
+%ul#select-color-menu.dropdown-menu(role="menu")
+  %li
+    %a#select-color-menu-green(href="#")
+      %big
+        %span.label.label-green.label-fixed-width Green
+  %li
+    %a#select-color-menu-yellow(href="#")
+      %big
+        %span.label.label-yellow.label-fixed-width Yellow
+  %li
+    %a#select-color-menu-blue(href="#")
+      %big
+        %span.label.label-blue.label-fixed-width Blue
+  %li
+    %a#select-color-menu-magenta(href="#")
+      %big
+        %span.label.label-magenta.label-fixed-width Magenta
+  %li
+    %a#select-color-menu-cyan(href="#")
+      %big
+        %span.label.label-cyan.label-fixed-width Cyan
+  %li
+    %a#select-color-menu-red(href="#")
+      %big
+        %span.label.label-red.label-fixed-width Red
+  %li
+    %a#select-color-menu-white(href="#")
+      %big
+        %span.label.label-white.label-fixed-width White
+

data/lib/web/views/layout.haml

@@ -12,15 +12,15 @@
       %link{:href => "/theme/#{@bootstrap_theme}/bootstrap.min.css", :rel => "stylesheet"}/
       %link{:href => "/theme/#{@bootstrap_theme}/style.css", :rel => "stylesheet"}/
     - else
-      %link{:href => "//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css", :rel => "stylesheet"}/
-      %link{:href => "/resources/default-style.css", :rel => "stylesheet"}/
+      %link{:href => "//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", :rel => "stylesheet"}/
+      %link{:href => "/resources/default-style.css?_=#{Version}", :rel => "stylesheet"}/
     %link{:href => "//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.css", :rel => "stylesheet"}/
     %link{:href => "//cdn.datatables.net/colreorder/1.1.2/css/dataTables.colReorder.css", :rel => "stylesheet"}/
     %link{:href => "//cdn.datatables.net/colvis/1.1.1/css/dataTables.colVis.css", :rel => "stylesheet"}/
     %link{:href => "//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/css/bootstrap-select.min.css", :rel => "stylesheet"}/
     %link{:href => "/resources/perfect-scrollbar.min.css", :rel => "stylesheet"}/
     %link{:href => "/resources/toggle-switch.css", :rel => "stylesheet"}/
-    %link{:href => "/style.css", :rel => "stylesheet"}/
+    %link{:href => "/style.css?_=#{Version}", :rel => "stylesheet"}/
     / HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries
     /[if lt IE 9]
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
@@ -37,7 +37,7 @@
           &= message
     != yield
     %script{:src => "//code.jquery.com/jquery-1.11.1.min.js"}
-    %script{:src => "//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"}
+    %script{:src => "//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"}
     %script{:src => "//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"}
     %script{:src => "//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.js"}
     %script{:src => "//cdn.datatables.net/colreorder/1.1.2/js/dataTables.colReorder.min.js"}
@@ -49,8 +49,9 @@
     %script{:src => "/resources/jquery.outerclick.js"}
     %script{:src => "/resources/jquery.slidenavbar.js"}
     %script{:src => "/resources/jquery.moveto.js"}
-    %script{:src => "/resources/narou.library.js"}
-    %script{:src => "/resources/common.ui.js"}
+    %script{:src => "/resources/narou.library.js?_=#{Version}"}
+    %script{:src => "/resources/narou.queue.js?_=#{Version}"}
+    %script{:src => "/resources/common.ui.js?_=#{Version}"}
     :javascript
       $(document).ready(function($) {
         slideNavbar = $(".navbar-collapse").slideNavbar();
@@ -59,5 +60,5 @@
         });
       });
     - if env["PATH_INFO"] == "/"
-      %script{:src => "/resources/narou.ui.js"}
+      %script{:src => "/resources/narou.ui.js?_=#{Version}"}
 

data/lib/web/views/parts/csv_import.haml

@@ -0,0 +1,68 @@
+:javascript
+  var $here = $("#csv-drop-here");
+  var form_data = new FormData;
+
+  var appendFiles = function(files) {
+    $.each(files, function(i, file) {
+      form_data.append("files[]", file);
+      $("#csv-file-list").append($("<div>" + file.name + "</div>"));
+    });
+  };
+
+  $("#csv-drop-cover").hide();
+  $here.on("dragenter", function(e) {
+    $("#csv-drop-cover").show();
+  });
+
+  $("#csv-drop-cover")
+    .on("dragenter", function(e) {
+      $here.addClass("dragover");
+    })
+    .on("dragover", function(e) {
+      e.preventDefault();
+      e.dataTransfer.dropEffect = "copy";
+      return false;
+    })
+    .on("dragleave", function(e) {
+      $here.removeClass("dragover");
+      $(this).hide();
+    })
+    .on("drop", function(e) {
+      e.preventDefault();
+      $here.removeClass("dragover");
+      $(this).hide();
+      appendFiles(e.dataTransfer.files);
+    });
+
+  $("#csv-select-file-button").on("click", function(e) {
+    $("#csv-select-file-input").click();
+  });
+
+  $("#csv-select-file-input").on("change", function(e) {
+    appendFiles(this.files);
+  });
+
+  $("#csv-import-files").on("click", function(e) {
+    $.ajax({
+      url: "/api/csv/import",
+      type: "post",
+      data: form_data,
+      processData: false,
+      contentType: false
+    });
+  });
+
+#csv-drop-here
+  .inner
+    %div
+      %div ここにCSVファイルをドラッグ＆ドロップ
+      %div.else もしくは…
+      %div
+        %input#csv-select-file-input.hidden(type="file" multiple="multiple")
+        %button#csv-select-file-button.btn.btn-warning.btn-xs
+          ファイルを選択
+  #csv-drop-cover.drop-cover(effectAllowed="all")
+#csv-file-list
+
+-# インポートダイアログの「インポート」ボタンから処理を移譲されてくる
+#csv-import-files.hidden

data/lib/web/views/parts/download_form.haml

@@ -0,0 +1,89 @@
+:javascript
+  var $here = $("#download-link-drop-here");
+  var form_data = new FormData;
+  var dnd = new Narou.DragDrop;
+  var action = new Narou.Action(null);
+
+  var appendLinks = function(event) {
+    dnd.getLinkText(event, function(link) {
+      if (dnd.isValidNovelUrl(link)) {
+        action.download(link);
+      }
+      else {
+        $here.addClass("error").delay(1500).queue(function() {
+          $(this).removeClass("error").dequeue();
+        });
+      }
+    });
+  };
+
+  $("#download-link-drop-cover")
+    .on("dragenter", function(e) {
+      $here.addClass("dragover");
+    })
+    .on("dragover", function(e) {
+      e.preventDefault();
+      e.dataTransfer.dropEffect = "copy";
+      return false;
+    })
+    .on("dragleave", function(e) {
+      $here.removeClass("dragover");
+    })
+    .on("drop", function(e) {
+      e.preventDefault();
+      $here.removeClass("dragover");
+      appendLinks(e);
+    });
+
+  $("#download-link-submit").on("click", function(e) {
+    var targets = $("#download-input").val();
+    $.post("/api/download", { targets: targets });
+  });
+
+:css
+  #download-link-drop-area {
+    margin-top: 15px;
+    margin-bottom: 15px;
+  }
+  #download-link-drop-here {
+    position: relative;
+    width: 100%;
+    height: 100px;
+    border: 4px dashed #ddd;
+    color: lightgray;
+    transition: border-color 0.4s ease, background-color 0.4s ease, color 0.4s ease;
+  }
+  #download-link-drop-here.dragover {
+    border-color: #ada;
+    background-color: #efe;
+    color: #5cb85c;
+  }
+  #download-link-drop-here.error {
+    border-color: #ebccd1;
+    background-color: #fff5f5;
+    color: #ebccc1;
+  }
+  #download-link-drop-here .inner {
+    position: absolute;
+    display: table;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+  #download-link-drop-here .inner > div {
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+-# Downloadダイアログの「ダウンロード」ボタンから処理を移譲されてくる
+#download-link-submit.hidden
+
+%textarea#download-input.form-control(rows="4" placeholder="小説のURLを入力（複数入力する場合は半角スペースか改行で区切る）")
+
+#download-link-drop-area
+  #download-link-drop-here
+    .inner
+      %div ここにリンクかショートカットファイルをドラッグ
+    #download-link-drop-cover.drop-cover(effectAllowed="all")