[新しいチケットタブを追加] サンプル作成

Author: onozaty

README.md

@@ -27,10 +27,10 @@ If this project serves you well, please support this project as a [sponsor](http
 * [Toggle the display of the sidebar / サイドバーの表示・非表示を切り替え](./examples/0004.toggle_sidebar/example.md)  
 * [Add a link to the list of all issues on the header / 全てのチケット一覧のリンクをヘッダに追加](./examples/0005.add_issues_link_on_header/example.md)  
 * [Change the URL of the link to each project in the project list / プロジェクト一覧の各プロジェクトへのリンクのURLを変更](./examples/0006.change_project_link_url/example.md)  
+* [Add a new Issue tab (and "+" button available) / 新しいチケットタブを追加 ("+"ボタンと両立)](./examples/0009.add_new_issue_tab/example.md)  
 
 ### Old
 
-* [新しいチケットタブを表示する(Redmine3.3で"+"ボタンと両立した時)](./old-examples/add_new_issue_tab.js)
 * [チケット一覧の進捗率にて値も表示する](./old-examples/add_value_of_progress_on_issues_list.js)
 * [カスタムフィールドのチェックボックスを2列で表示](./old-examples/multi_column_checkbox.css)
 * [チケット一覧のコンテキストメニューにコマンド追加](./old-examples/add_command_to_issues_context_menu.js)

examples/0009.add_new_issue_tab/example.md

@@ -0,0 +1,54 @@
+# Add a new Issue tab
+
+Add a new Issue tab.  
+新しいチケットタブを追加します。
+
+In the Redmine settings, you can only show either the new Issue tab or the "+" button, but this setting allows you to show both.  
+Redmineの設定では、新しいチケットタブか"+"ボタンのどちらかしか表示できませんが、この設定により、両方を表示することができます。
+
+## Setting
+
+### Path Pattern
+
+None
+
+### Insert Position
+
+Head of all pages
+<!-- 
+Head of all pages
+Bottom of issue form
+Bottom of issue detail
+Bottom of all pages
+-->
+
+### Code
+
+JavaScript
+<!--
+JavaScript
+CSS
+HTML
+-->
+
+```javascript
+$(function() {
+  const newIssueSub = $('.menu-children a.new-issue-sub');
+
+  if (newIssueSub.size() == 1) {
+    // When "New Issue" exists in the "+" button, add it to the tab as well
+    $('#main-menu > ul > li > a.issues').parent()
+      .after($('<li>').append(newIssueSub.clone().attr('class', 'new-issue')));
+
+    if (location.pathname == newIssueSub.attr('href')) {
+      // Switch the selection to the "New Issue" tab
+      $('#main-menu > ul > li > a.issues').removeClass('selected');
+      $('#main-menu > ul > li > a.new-issue').addClass('selected');
+    }
+  }
+});
+```
+
+## Result
+
+![result](./result.gif)