narou 1.7.2 → 2.0.0

data/lib/web/views/index.haml

@@ -0,0 +1,245 @@
+.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
+    .navbar-collapse.collapse
+      %ul.nav.navbar-nav
+        %li.dropdown
+          %a.dropdown-toggle(data-toggle="dropdown" href="#")
+            表示
+            %span.caret
+          %ul.dropdown-menu(role="menu")
+            %li#action-view-all
+              %a(href="#") 全ての項目を表示
+            %li#action-view-setting
+              %a(href="#") 表示する項目を設定
+            %li.divider
+            %li#action-view-without-frozen.active
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  凍結中以外を表示
+            %li#action-view-frozen.active
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  凍結中を表示
+            %li.divider
+            %li#action-view-reset
+              %a(href="/") 表示設定を全てリセット
+        %li.dropdown
+          %a.dropdown-toggle(data-toggle="dropdown" href="#")
+            選択
+            %span#badge-number-of-selecting.badge 0
+            %span.caret
+          %ul#dropdown-menu-select.dropdown-menu(role="menu")
+            %li#action-select-view
+              %a(href="#")
+                %span 表示されている小説を選択
+                %span.shortcut Ctrl+A
+            %li#action-select-all
+              %a(href="#")
+                %span 全ての小説を選択
+                %span.shortcut Shift+A
+            %li#action-select-clear
+              %a(href="#")
+                %span 選択を全て解除
+                %span.shortcut ESC
+            %li.divider
+            %li#action-select-mode-single
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  シングル選択モード
+                %span.shortcut S
+            %li#action-select-mode-rect
+              %a(href="#")
+                %span
+                  %span.active-ok.glyphicon.glyphicon-ok
+                  範囲選択モード
+                %span.shortcut R
+        %li
+          %a.dropdown-toggle(data-toggle="dropdown" href="#")
+            タグ
+            %span.caret
+          %ul.dropdown-menu(role="menu")
+            %li
+              #tag-list-canvas
+            %li.divider
+            %li#action-tag-edit.enable-selected
+              %a(href="#")
+                %span
+                  選択した小説のタグを編集
+      %ul.nav.navbar-nav.navbar-right
+        %li.dropdown
+          %a.dropdown-toggle(data-toggle="dropdown" href="#")
+            %span.glyphicon.glyphicon-cog.hidden-xs
+            %span.visible-xs-inline
+              オプション
+            %span.caret
+          %ul.dropdown-menu(role="menu")
+            %li#action-option-settings
+              %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-shutdown
+              %a(href="#")
+                %span
+                  %span.glyphicon.glyphicon-off
+                  サーバをシャットダウン
+      %p#queue-text.navbar-text.navbar-right(data-toggle="tooltip" title="キューに積まれた処理の数")
+        %span.glyphicon.glyphicon-inbox
+        %span#queue 0
+      .navbar-form.navbar-right(role="search")
+        .form-group
+          .input-group
+            %span#myFilter-search-icon.glyphicon.glyphicon-search
+            %input#myFilter.form-control(placeholder="Filter" type="text")/
+            %span#myFilter-clear.glyphicon.glyphicon-remove-circle
+
+.container.container-main.theme-showcase(role="main")
+  -# 初めて表示した時のメッセージ
+  - if @is_first_access
+    .alert.alert-info.fade.in(role="alert")
+      %button.close(type="button" data-dismiss="alert")
+        %span(aria-hidden="true") ×
+        %span.sr-only Close
+      %h2 Welcome
+      %p 最初に簡単な操作説明があるヘルプをご覧下さい。なお、このメッセージは今回のみ表示されます。
+      %p(style="margin-top:20px")
+        %a.btn.btn-primary(href="/help" role="button") ヘルプを見る »
+
+  -# コンソール
+  #console-container
+    #console.console
+    #console-buttons.console-buttons
+      %span.console-trash.glyphicon.glyphicon-trash(data-toggle="tooltip" title="ログと履歴を削除")
+      %span.console-expand
+        %span.glyphicon.glyphicon-resize-full(data-toggle="tooltip" title="拡大")
+        %span.glyphicon.glyphicon-resize-small.hide(data-toggle="tooltip" title="縮小")
+
+  -# 操作パネル
+  #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
+    .btn-group
+      %button#button-send.btn.btn-warning(type="button") Send
+    .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.btn.btn-danger.dropdown-toggle.enable-selected(type="button" data-toggle="dropdown")
+        Remove
+        %span.caret
+        %span.sr-only Toggle Dropdown
+      %ul.dropdown-menu(role="menu")
+        %li
+          %a#button-remove(href="#") 選択した小説を削除
+        %li
+          %a#button-remove-with-file(href="#") 選択した小説をファイルも含めて削除
+    %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="#") 選択した小説の最新の差分を表示(diff)
+        %li
+          %a#button-inspect(href="#") 選択した小説の調査状況ログを表示(inspect)
+        %li
+          %a#button-folder(href="#") 選択した小説の保存フォルダを開く(folder)
+        %li
+          %a#button-backup(href="#") 選択した小説のバックアップを作成(backup)
+
+  -# 小説の一覧テーブル
+  %div
+    %table#novel-list.dataTable.table.table-bordered(cellspacing="0" width="100%")
+      %thead
+
+-# 範囲選択後に表示するメニュー
+%ul#rect-select-menu.dropdown-menu(role="menu")
+  %li#rect-select-menu-select
+    %a(href="#") 選択
+  %li#rect-select-menu-clear
+    %a(href="#") 解除
+  %li#rect-select-menu-reverse
+    %a(href="#") 反転
+  %li#rect-select-menu-cancel
+    %a(href="#") キャンセル
+
+-# 個別メニュー
+%ul#context-menu.dropdown-menu(role="menu")
+  %li#context-menu-setting
+    %a(href="#") 小説の変換設定
+  %li#context-menu-update
+    %a(href="#") 更新
+  %li#context-menu-send
+    %a(href="#") 送信
+  %li#context-menu-freeze-toggle
+    %a(href="#") 凍結 or 解凍
+  %li#context-menu-remove
+    %a(href="#") 削除
+  %li#context-menu-remove-with-file
+    %a(href="#") 完全に削除
+  %li#context-menu-convert
+    %a(href="#") 変換
+  %li#context-menu-diff
+    %a(href="#" data-move-to="top") 差分表示
+  %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
+    .modal-content
+      .modal-header
+        %button(type="button" class="close" data-dismiss="modal")
+          %span(aria-hidden="true") ×
+          %span.sr-only Close
+        %h4.modal-title サブコンソール
+      .modal-body
+        #each-console.console
+      .modal-footer
+        %button.btn.btn-primary(type="button" data-dismiss="modal") 閉じる
+

data/lib/web/views/js/widget.erb

@@ -0,0 +1,74 @@
+<%# vim: set ft=javascript : -%>
+(function() {
+  function merge(target, object) {
+    for (var key in object) {
+      target[key] = object[key];
+    }
+  }
+
+  var ALLOW_HOSTS = <%= ALLOW_HOSTS.to_s %>;
+  var guard = true;
+  if (typeof ALLOW_HOSTS.typeOf === "function") {
+    guard = ALLOW_HOSTS.indexOf(location.hostname) === -1;
+  }
+  else {
+    for (var i in ALLOW_HOSTS) {
+      if (ALLOW_HOSTS[i] === location.hostname) {
+        guard = false;
+        break;
+      }
+    }
+  }
+  if (guard) {
+    alert("対応サイトではありません");
+    return;
+  }
+  if (document.getElementById("narourb-console")) return;
+
+  var url, div, iframe, btn_close;
+
+  url = '<%= "#{request.scheme}://#{env["SERVER_NAME"]}:#{env["SERVER_PORT"]}" %>' +
+        "/widget/<%= params['mode'] %>?from=" + location.hostname + "&target=" +
+        encodeURIComponent(location.href) + "&t=" + Date.now();
+
+  // 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");
+    return;
+  }
+
+  div = document.createElement("div");
+  merge(div.style, {
+    position: "fixed",
+    top: 0, left: 0,
+    opacity: 0.85,
+    zIndex: 9999
+  });
+
+  iframe = document.createElement("iframe");
+  iframe.src = url;
+  iframe.id = "narourb-console";
+  iframe.width = 400;
+  iframe.height = 250;
+
+  btn_close = document.createElement("span");
+  btn_close.textContent = "×";
+  merge(btn_close.style, {
+    position: "absolute",
+    fontSize: "20px",
+    fontWeight: "bold",
+    background: "black",
+    top: 0,
+    color: "white",
+    cursor: "pointer",
+    opacity: 0.85
+  });
+  btn_close.onclick = function() {
+    div.parentNode.removeChild(div);
+  };
+
+  div.appendChild(iframe);
+  div.appendChild(btn_close);
+  document.body.appendChild(div);
+})();

data/lib/web/views/layout.haml

@@ -0,0 +1,49 @@
+!!! 5
+%html{:lang => "ja"}
+  %head
+    %meta{:charset => "utf-8"}/
+    %meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"}/
+    %meta{:content => "width=device-width, initial-scale=1", :name => "viewport"}/
+    %meta{:content => "whiteleaf", :name => "author"}/
+    %meta{:content => "none", :name => "robots"}/
+    %title Narou.rb WEB UI #{@title ? "- #{@title}" : ""}
+    %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
+    %link{:href => "//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css", :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 => "/resources/perfect-scrollbar.min.css", :rel => "stylesheet"}/
+    %link{:href => "/resources/toggle-switch.css", :rel => "stylesheet"}/
+    %link{:href => "/style.css", :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>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  %body
+    - if session[:alert]
+      - message, type = session[:alert]
+      - session[:alert] = nil
+      .container
+        #fadeout-alert.alert(class="alert-#{type}")
+          &= 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 => "//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"}
+    %script{:src => "/resources/dataTables.colVis.js"}
+    %script{:src => "/resources/bootbox.min.js"}
+    %script{:src => "/resources/shortcut.js"}
+    %script{:src => "/resources/perfect-scrollbar.min.js"}
+    %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"}
+    :javascript
+      var slideNavbar = $(".navbar-collapse").slideNavbar();
+      if (typeof local_initialize_function !== "undefined") local_initialize_function($);
+    - if env["PATH_INFO"] == "/"
+      %script{:src => "/resources/narou.ui.js"}
+

data/lib/web/views/novels/setting.haml

@@ -0,0 +1,177 @@
+-# このページ内専用のjavascriptでjQueryオブジェクトを参照したい場合この関数に記述
+:javascript
+  var local_initialize_function = function($) {
+    var notification = new Narou.Notification();
+    var stream_console = new Narou.Console(notification, {
+      restore: false, buttons: false
+    });
+    var action = new Narou.Action(null);
+
+    // 小説変換ボタン
+    $("#console-dialog").on("shown.bs.modal", function() {
+      action.convert("#{h @id}");
+    });
+    $("#btn-convert").on("click", function(e) {
+      e.preventDefault();
+      stream_console.clear();
+      $("#console-dialog").modal();
+    });
+
+    // フォルダを開くボタン
+    $("#btn-folder").on("click", function(e) {
+      e.preventDefault();
+      action.folder("#{h @id}");
+    });
+
+    var tooltip_opt = {
+      animation: false,
+      container: "body",
+    };
+
+    // replace.txt 設定パネル
+    $(".btn-replace-remove").on("click", function(e) {
+      e.preventDefault();
+      if ($(".replace-pattern-tr").size() === 1) {
+        // 入力欄のtrが全部なくなると追加出来なくなるので、消す前に1個追加しておく
+        $("#btn-replace-add").trigger("click");
+      }
+      $(this).tooltip("destroy").closest("tr").remove();
+    });
+    $blank_tr = $(".replace-pattern-tr:last").clone(true);   // 読み込み直後の末尾は空なので流用
+    $("#btn-replace-add").on("click", function(e) {
+      e.preventDefault();
+      var $clone = $blank_tr.clone(true);
+      $clone.find("button").tooltip(tooltip_opt);
+      $(".replace-pattern-tr:last").after($clone);
+      $(this).tooltip("hide");
+    });
+
+    $("[data-toggle=tooltip]").tooltip(tooltip_opt);   // tooltip要素がコピーされないようにclone後に
+  };
+
+%form(action="/novels/#{@id}/setting" method="POST")
+  .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
+      .collapse.navbar-collapse
+        %ul.nav.navbar-nav
+          %li.active
+            %a(href="/novels/#{@id}/setting") 小説設定
+          %li
+            %a(href="/") 戻る
+        .navbar-form.navbar-left
+          %input.btn.btn-info(type="submit" value="設定を保存" style="margin-left: 50px")
+          %button#btn-convert.btn.btn-default この小説を変換
+          %button#btn-folder.btn.btn-default フォルダを開く
+        %p#queue-text.navbar-text.navbar-right(data-toggle="tooltip" title="キューに積まれた処理の数" data-placement="bottom")
+          %span.glyphicon.glyphicon-inbox
+          %span#queue 0
+
+  .container.container-main.theme-showcase(role="main")
+    %p.visible-xs-inline
+      %input(type="submit" value="設定を保存" class="btn btn-info" style="float:none")
+
+    %p.panel-settings-link
+      goto <a href="#replace-panel" data-move-to="#replace-panel">置換設定</a>
+
+    #setting-panel.panel.panel-info.panel-settings
+      .panel-heading <b>#{h @novel_title}</b> の変換設定
+      .panel-body
+        ・この小説専用の変換時の設定を変更出来ます（setting.ini を書き換えます）<br>
+        ・変更を反映させるには再度変換を実行する必要があります<br>
+        ・環境設定で force.* 系設定が有効になっている場合、ここでの該当項目は無視されます<br>
+        ・保存するとこの小説の setting.ini に書かれているコメントは削除されます
+      .list-group
+        - @default_settings.each do |info|
+          - name = info[:name]
+          - value = @novel_setting[name]
+          - help = info[:help].strip.gsub("\n", "<br>")
+          - list_group_item_style = {}
+          - force_value = @force_settings["force.#{name}"]
+          - if @error_list[name]
+            - list_group_item_style = {class: "has-error", style: "background-color:#f2dede"}
+          - elsif force_value.nil?.!
+            - list_group_item_style = {style: "background-color: #fcf8e3"}
+          .list-group-item.form-group{list_group_item_style}
+            %h4.list-group-item-heading #{name}
+            .list-group-item-text
+              - case info[:type]
+              - when :boolean
+                %label(class="switch-light well")
+                  <input type="checkbox" name="#{name}" #{value ? "checked" : ""}>
+                  %span
+                    %span しない
+                    %span する
+                  %a(class="btn btn-primary")
+              - else
+                %input{type:"text", name:name, value:value, class:"form-control",
+                       placeholder:Helper.variable_type_to_description(info[:type]).strip }
+              %p #{help}
+              .help-extra-messages
+                %p デフォルト：#{h value_to_msg(info[:value])}
+                - unless force_value.nil?
+                  %p
+                    %b force.#{name} が有効になっています（設定値：#{h value_to_msg(force_value)}）
+              - if @error_list[name]
+                %p.alert-danger
+                  &= @error_list[name]
+              .clear
+
+    %p.panel-settings-link
+      goto <a href="#setting-panel" data-move-to="#setting-panel">変換設定</a>
+
+    #replace-panel.panel.panel-info.panel-settings
+      .panel-heading <b>#{h @novel_title}</b> の置換設定
+      .panel-body
+        ・小説の文章を置換する設定を行うことが出来ます（replace.txt を書き換えます）<br>
+        ・変更を反映させるには再度変換を実行する必要があります<br>
+        ・保存するとこの小説の replace.txt に書かれているコメントは削除されます<br>
+        ・replace.txt による置換が行われるタイミングは、全てのテキスト処理が行われた後の、整形済みテキスト全文です。つまり見出しやストーリー等も置換対象です。
+      .list-group
+        .list-group-item.form-group
+          .list-group-item-text
+            %table#replace-txt-table
+              %thead
+                %tr
+                  %td 対象文字列
+                  %td &nbsp;
+                  %td 置き換える文字列
+                  %td &nbsp;
+              %tbody
+                -# 末尾に新規入力用の空要素を追加
+                - (@replace_pattern + [["",""]]).each do |pattern|
+                  %tr.replace-pattern-tr
+                    %td
+                      %input{type:"text", name:"replace_pattern[][left]", value:pattern[0], class:"form-control"}
+                    %td
+                      %span.glyphicon.glyphicon-chevron-right
+                    %td
+                      %input{type:"text", name:"replace_pattern[][right]", value:pattern[1], class:"form-control"}
+                    %td
+                      %button.btn-replace-remove.btn.btn-default(data-toggle="tooltip" title="削除" data-placement="right")
+                        %span.glyphicon.glyphicon-remove
+                %tr
+                  %td(colspan=4)
+                    %button#btn-replace-add.btn.btn-default(data-toggle="tooltip" title="１行追加" data-placement="right")
+                      %span.glyphicon.glyphicon-plus
+
+    %input(type="submit" value="設定を保存" class="btn btn-info" style="float:none")
+
+#console-dialog.modal.fade(tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true")
+  .modal-dialog
+    .modal-content
+      .modal-header
+        %button(type="button" class="close" data-dismiss="modal")
+          %span(aria-hidden="true") &times;
+          %span.sr-only Close
+        %h4.modal-title サブコンソール
+      .modal-body
+        #console.console
+      .modal-footer
+        %button.btn.btn-primary(type="button" data-dismiss="modal") 閉じる