diff --git a/.rubocop.yml b/.rubocop.yml
index 803a6275..b389cd4c 100644
--- a/.rubocop.yml
+++ b/.rubocop.yml
@@ -1,3 +1,6 @@
 inherit_from: .rubocop_todo.yml
 AllCops:
   TargetRubyVersion: 2.3
+  Exclude:
+    - 'db/**/*'
+
diff --git a/.rubocop_todo.yml b/.rubocop_todo.yml
index 8d0b95ee..eeacf4ca 100644
--- a/.rubocop_todo.yml
+++ b/.rubocop_todo.yml
@@ -13,13 +13,13 @@ Metrics/AbcSize:
 # Offense count: 1
 # Configuration parameters: CountComments.
 Metrics/ClassLength:
-  Max: 200 
+  Max: 200
   Exclude:
     - 'spec/**/*'
     - 'test/**/*'
 
 # "Line is too long"を無効
-Metrics/LineLength:
+Layout/LineLength:
   Enabled: false
 
 # Offense count: 1
@@ -50,10 +50,3 @@ EndOfLine:
 
 Metrics/ModuleLength:
   Max: 120
-
-# NOTE: Follow Redmine's model definition
-Rails/ApplicationRecord:
-  Enabled: false
-
-Rails/InverseOf:
-  Enabled: false
diff --git a/Dockerfile b/Dockerfile
index 71b0a0e7..464c4432 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -14,6 +14,15 @@ RUN apt-get install -qq -y \
     sqlite3 default-libmysqlclient-dev
 RUN apt-get install -qq -y build-essential libc6-dev
 
+# for e2e test env
+RUN sh -c 'echo "deb http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
+RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -
+RUN apt-get update && apt-get install -y google-chrome-stable
+RUN google-chrome --version | perl -pe 's/([^0-9]+)([0-9]+)(\.[0-9]+).+/$2/g' > chrome-version-major
+RUN curl https://chromedriver.storage.googleapis.com/LATEST_RELEASE_`cat chrome-version-major` > chrome-version
+RUN curl -O -L http://chromedriver.storage.googleapis.com/`cat chrome-version`/chromedriver_linux64.zip && rm chrome-version*
+RUN unzip chromedriver_linux64.zip && mv chromedriver /usr/local/bin
+
 RUN cd /tmp && svn co http://svn.redmine.org/redmine/trunk redmine
 WORKDIR /tmp/redmine
 
diff --git a/README.md b/README.md
index ac8b9980..2b172253 100644
--- a/README.md
+++ b/README.md
@@ -116,6 +116,18 @@ If you have any requests, bug reports, please use GitHub issues. <https://github
 
 ## Changelog
 
+### 1.0.0
+
+NOTE: **Migration is required**.
+Since ``Support Built-In / Custom Fields`` is an experimental feature, please **be careful** if you hope to try it.
+
+* Feature: Add feature to show template usage / example (#303)
+* Feature: Support Built-In / Custom Fields (#304)
+* Rewrite JavaSctipt code from jQuery into plain JavaScript.
+
+And some browsers may not work fine because Support Built-In / Custom Fields feature uses Vue.js for frontend.
+So feedback, issue report, suggestion highly appreciate!
+
 ### 0.3.7
 
 This is bugfix release to prevent the conflict with other plugins.
@@ -331,7 +343,7 @@ By default, use chrome as a webdriver. If you set environment variable
 'DRIVER' to 'headless', headless_chrome is used.
 
 ```bash
-% bundle exec rspec -I plugins/redmine_issue_templates/spec --format documentation plugins/redmine_issue_templates/spec/ DRIVER='headless'
+% DRIVER='headless' bundle exec rspec -I plugins/redmine_issue_templates/spec --format documentation plugins/redmine_issue_templates/spec/
 ```
 
 ### License
diff --git a/app/controllers/concerns/issue_templates_common.rb b/app/controllers/concerns/issue_templates_common.rb
index cc7669d8..e7a8fbab 100644
--- a/app/controllers/concerns/issue_templates_common.rb
+++ b/app/controllers/concerns/issue_templates_common.rb
@@ -1,21 +1,47 @@
+# frozen_string_literal: true
+
 module Concerns
   module IssueTemplatesCommon
     extend ActiveSupport::Concern
+
+    class InvalidTemplateFormatError < StandardError; end
+
     included do
       before_action :log_action, only: [:destroy]
 
       # logging action
       def log_action
-        logger.info "[#{self.class}] #{action_name} called by #{User.current.name}" if logger
+        logger&.info "[#{self.class}] #{action_name} called by #{User.current.name}"
+      end
+
+      def plugin_setting
+        Setting.plugin_redmine_issue_templates
+      end
+
+      def apply_all_projects?
+        plugin_setting['apply_global_template_to_all_projects'].to_s == 'true'
+      end
+
+      def apply_template_when_edit_issue?
+        plugin_setting['apply_template_when_edit_issue'].to_s == 'true'
+      end
+
+      def builtin_fields_enabled?
+        plugin_setting['enable_builtin_fields'].to_s == 'true'
       end
     end
 
-    def orphaned_templates
-      render partial: 'common/orphaned', locals: { orphaned_templates: orphaned }
+    def load_selectable_fields
+      tracker_id = params[:tracker_id]
+      project_id = params[:project_id]
+      render plain: {} && return if tracker_id.blank?
+
+      custom_fields = core_fields_map_by_tracker_id(tracker_id: tracker_id, project_id: project_id).merge(custom_fields_map_by_tracker_id(tracker_id))
+      render plain: { custom_fields: custom_fields }.to_json
     end
 
-    def plugin_setting
-      @plugin_setting ||= Setting.plugin_redmine_issue_templates
+    def orphaned_templates
+      render partial: 'common/orphaned', locals: { orphaned_templates: orphaned }
     end
 
     def apply_all_projects?
@@ -23,7 +49,14 @@ def apply_all_projects?
     end
 
     def checklists
-      template_params[:checklists].blank? ? [] : template_params[:checklists]
+      template_params[:checklists].presence || []
+    end
+
+    def builtin_fields_json
+      value = template_params[:builtin_fields].blank? ? {} : JSON.parse(template_params[:builtin_fields])
+      return value if value.is_a?(Hash)
+
+      raise InvalidTemplateFormatError
     end
 
     def checklist_enabled?
@@ -34,9 +67,76 @@ def checklist_enabled?
 
     def valid_params
       # convert attribute name and data for checklist plugin supporting
-      attributes = template_params.except(:checklists)
+      attributes = template_params.except(:checklists, :builtin_fields)
+      attributes[:builtin_fields_json] = builtin_fields_json if builtin_fields_enabled?
       attributes[:checklist_json] = checklists.to_json if checklist_enabled?
       attributes
     end
+
+    def destroy
+      raise NotImplementedError, "You must implement #{self.class}##{__method__}"
+    end
+
+    #
+    # TODO: Code should be refactored
+    #
+    def core_fields_map_by_tracker_id(tracker_id: nil, project_id: nil)
+      return {} unless builtin_fields_enabled?
+
+      fields = %w[status_id priority_id]
+
+      # exclude "description"
+      tracker = Tracker.find_by(id: tracker_id)
+      fields += tracker.core_fields.reject { |field| field == 'description' } if tracker.present?
+      fields.reject! { |field| %w[category_id fixed_version_id].include?(field) } if project_id.blank?
+
+      map = {}
+
+      fields.each do |field|
+        id = "issue_#{field}"
+        name = I18n.t('field_' + field.gsub(/_id$/, ''))
+        value = { name: name, core_field_id: id }
+        if field == 'priority_id'
+          value[:possible_values] = IssuePriority.active.pluck(:name)
+          value[:field_format] = 'list'
+        end
+
+        if field == 'status_id' && tracker.present?
+          value[:possible_values] = tracker.issue_statuses.pluck(:name)
+          value[:field_format] = 'list'
+        end
+
+        value[:field_format] = 'date' if %(start_date due_date).include?(field)
+
+        value[:field_format] = 'ratio' if field == 'done_ratio'
+
+        map[id] = value
+      end
+      map
+    rescue StandardError => e
+      logger&.info "core_fields_map_by_tracker_id failed due to this error: #{e.message}"
+      {}
+    end
+
+    def custom_fields_map_by_tracker_id(tracker_id = nil)
+      return {} unless builtin_fields_enabled?
+      return {} if tracker_id.blank?
+
+      tracker = Tracker.find_by(id: tracker_id)
+      ids = tracker&.custom_field_ids || []
+      fields = IssueCustomField.where(id: ids)
+      map = {}
+      fields.each do |field|
+        id = "issue_custom_field_values_#{field.id}"
+        attributes = field.attributes
+
+        attributes = attributes.merge(possible_values: field.possible_values_options.map { |value| value[0] }) if field.format.name == 'bool'
+        map[id] = attributes
+      end
+      map
+    rescue StandardError => e
+      logger&.info "core_fields_map_by_tracker_id failed due to this error: #{e.message}"
+      {}
+    end
   end
 end
diff --git a/app/controllers/concerns/project_templates_common.rb b/app/controllers/concerns/project_templates_common.rb
index 7c1b7fb1..75da6f17 100644
--- a/app/controllers/concerns/project_templates_common.rb
+++ b/app/controllers/concerns/project_templates_common.rb
@@ -4,7 +4,7 @@ module Concerns
   module ProjectTemplatesCommon
     extend ActiveSupport::Concern
     included do
-      before_action :find_user, :find_project, :authorize, except: %i[preview load]
+      before_action :find_user, :find_project, :authorize, except: %i[preview load load_selectable_fields]
       before_action :find_object, only: %i[show edit update destroy]
       accept_api_auth :index, :list_templates, :load
     end
diff --git a/app/controllers/global_issue_templates_controller.rb b/app/controllers/global_issue_templates_controller.rb
index 11d4904d..68c39c35 100644
--- a/app/controllers/global_issue_templates_controller.rb
+++ b/app/controllers/global_issue_templates_controller.rb
@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 # noinspection RubocopInspection
 class GlobalIssueTemplatesController < ApplicationController
   layout 'base'
@@ -30,8 +32,16 @@ def new
   end
 
   def create
-    @global_issue_template = GlobalIssueTemplate.new(valid_params)
+    @global_issue_template = GlobalIssueTemplate.new
     @global_issue_template.author = User.current
+
+    begin
+      @global_issue_template.safe_attributes = valid_params
+    rescue ActiveRecord::SerializationTypeMismatch, Concerns::IssueTemplatesCommon::InvalidTemplateFormatError
+      flash[:error] = I18n.t(:builtin_fields_should_be_valid_json, default: 'Please enter a valid JSON fotmat string.')
+      render render_form_params.merge(action: :new)
+      return
+    end
     save_and_flash(:notice_successful_create, :new) && return
   end
 
@@ -40,7 +50,14 @@ def show
   end
 
   def update
-    @global_issue_template.safe_attributes = valid_params
+    begin
+      @global_issue_template.safe_attributes = valid_params
+    rescue ActiveRecord::SerializationTypeMismatch, Concerns::IssueTemplatesCommon::InvalidTemplateFormatError
+      flash[:error] = I18n.t(:builtin_fields_should_be_valid_json, default: 'Please enter a valid JSON fotmat string.')
+      render render_form_params.merge(action: :show)
+      return
+    end
+
     save_and_flash(:notice_successful_update, :show)
   end
 
@@ -48,7 +65,14 @@ def edit
     # Change from request.post to request.patch for Rails4.
     return unless request.patch? || request.put?
 
-    @global_issue_template.safe_attributes = valid_params
+    begin
+      @global_issue_template.safe_attributes = valid_params
+    rescue ActiveRecord::SerializationTypeMismatch
+      flash[:error] = I18n.t(:builtin_fields_should_be_valid_json, default: 'Please enter a valid JSON fotmat string.')
+      render render_form_params.merge(action: :show)
+      return
+    end
+
     save_and_flash(:notice_successful_update, :show)
   end
 
@@ -106,14 +130,20 @@ def save_and_flash(message, action_on_failure)
   def template_params
     params.require(:global_issue_template)
           .permit(:title, :tracker_id, :issue_title, :description, :note, :is_default, :enabled,
-                  :author_id, :position, project_ids: [], checklists: [])
+                  :author_id, :position, :related_link, :link_title, :builtin_fields,
+                  project_ids: [], checklists: [])
   end
 
   def render_form_params
     trackers = Tracker.all
     projects = Project.all
+    tracker_id = @global_issue_template.tracker_id
+    custom_fields = core_fields_map_by_tracker_id(tracker_id: tracker_id)
+                    .merge(custom_fields_map_by_tracker_id(tracker_id)).to_json
+
     { layout: !request.xhr?,
       locals: { checklist_enabled: checklist_enabled?, trackers: trackers, apply_all_projects: apply_all_projects?,
-                issue_template: @global_issue_template, projects: projects } }
+                issue_template: @global_issue_template, projects: projects, custom_fields: custom_fields.to_s,
+                builtin_fields_enable: builtin_fields_enabled? } }
   end
 end
diff --git a/app/controllers/issue_templates_controller.rb b/app/controllers/issue_templates_controller.rb
index ef220463..1aa1bb88 100644
--- a/app/controllers/issue_templates_controller.rb
+++ b/app/controllers/issue_templates_controller.rb
@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 # noinspection ALL
 class IssueTemplatesController < ApplicationController
   layout 'base'
@@ -49,15 +50,30 @@ def new
   end
 
   def create
-    @issue_template = IssueTemplate.new(valid_params)
+    @issue_template = IssueTemplate.new
     @issue_template.author = User.current
     @issue_template.project = @project
+
+    begin
+      @issue_template.safe_attributes = valid_params
+    rescue ActiveRecord::SerializationTypeMismatch, Concerns::IssueTemplatesCommon::InvalidTemplateFormatError
+      flash[:error] = I18n.t(:builtin_fields_should_be_valid_json, default: 'Please enter a valid JSON fotmat string.')
+      render render_form_params.merge(action: :new)
+      return
+    end
+
     # TODO: Should return validation error in case mandatory fields are blank.
     save_and_flash(:notice_successful_create, :new) && return
   end
 
   def update
-    @issue_template.safe_attributes = valid_params
+    begin
+      @issue_template.safe_attributes = valid_params
+    rescue ActiveRecord::SerializationTypeMismatch, Concerns::IssueTemplatesCommon::InvalidTemplateFormatError
+      flash[:error] = I18n.t(:builtin_fields_should_be_valid_json, default: 'Please enter a valid JSON fotmat string.')
+      render render_form_params.merge(action: :show)
+      return
+    end
     save_and_flash(:notice_successful_update, :show)
   end
 
@@ -70,7 +86,9 @@ def load
                      else
                        IssueTemplate.find(issue_template_id)
                      end
-    render plain: issue_template.template_json
+    rendered_json = builtin_fields_enabled? ? issue_template.template_json : issue_template.template_json(except: 'builtin_fields_json')
+
+    render plain: rendered_json
   end
 
   # update pulldown
@@ -194,7 +212,9 @@ def inherit_templates
 
   def template_params
     params.require(:issue_template).permit(:tracker_id, :title, :note, :issue_title, :description, :is_default,
-                                           :enabled, :author_id, :position, :enabled_sharing, checklists: [])
+                                           :enabled, :author_id, :position, :enabled_sharing,
+                                           :related_link, :link_title, :builtin_fields,
+                                           checklists: [])
   end
 
   def templates_exist?
@@ -202,8 +222,12 @@ def templates_exist?
   end
 
   def render_form_params
+    child_project_used_count = template&.used_projects&.count
+    custom_fields = core_fields_map_by_tracker_id(tracker_id: template&.tracker_id, project_id: @project.id)
+                    .merge(custom_fields_map_by_tracker_id(template&.tracker_id)).to_json
+
     { layout: !request.xhr?,
-      locals: { issue_template: template, project: @project,
-                checklist_enabled: checklist_enabled? } }
+      locals: { issue_template: template, project: @project, child_project_used_count: child_project_used_count,
+                checklist_enabled: checklist_enabled?, custom_fields: custom_fields.to_s, builtin_fields_enable: builtin_fields_enabled? } }
   end
 end
diff --git a/app/models/concerns/issue_template/common.rb b/app/models/concerns/issue_template/common.rb
index 19159e65..efee22f3 100644
--- a/app/models/concerns/issue_template/common.rb
+++ b/app/models/concerns/issue_template/common.rb
@@ -17,6 +17,7 @@ module Common
 
         validates :title, presence: true
         validates :tracker, presence: true
+        validates :related_link, format: { with: URI::DEFAULT_PARSER.make_regexp }, allow_blank: true
 
         scope :enabled, -> { where(enabled: true) }
         scope :sorted, -> { order(:position) }
@@ -41,6 +42,9 @@ module Common
         after_destroy do |template|
           logger.info("[Destroy] #{self.class}: #{template.inspect}")
         end
+
+        # ActiveRecord::SerializationTypeMismatch may be thrown if non hash object is assigned.
+        serialize :builtin_fields_json, Hash
       end
 
       #
@@ -64,14 +68,21 @@ def checklist
         end
       end
 
-      def template_json
+      def template_json(except: nil)
         template = {}
         template[self.class::Config::JSON_OBJECT_NAME] = generate_json
-        template.to_json(root: true)
+        return template.to_json(root: true) if except.blank?
+
+        template.to_json(root: true, except: [except])
+      end
+
+      def builtin_fields
+        builtin_fields_json.to_json
       end
 
       def generate_json
         result = attributes
+        result[:link_title] = link_title.presence || I18n.t(:issue_template_related_link, default: 'Related Link')
         result[:checklist] = checklist
         result.except('checklist_json')
       end
diff --git a/app/models/global_issue_template.rb b/app/models/global_issue_template.rb
index eaadc4c6..b32357f8 100644
--- a/app/models/global_issue_template.rb
+++ b/app/models/global_issue_template.rb
@@ -1,10 +1,12 @@
+# frozen_string_literal: true
+
 class GlobalIssueTemplate < ActiveRecord::Base
   include Redmine::SafeAttributes
   include Concerns::IssueTemplate::Common
-  validates_uniqueness_of :title, scope: :tracker_id
+  validates :title, uniqueness: { scope: :tracker_id }
   has_and_belongs_to_many :projects
 
-  acts_as_positioned :scope => [:tracker_id]
+  acts_as_positioned scope: [:tracker_id]
 
   safe_attributes 'title',
                   'description',
@@ -16,7 +18,10 @@ class GlobalIssueTemplate < ActiveRecord::Base
                   'project_ids',
                   'position',
                   'author_id',
-                  'checklist_json'
+                  'checklist_json',
+                  'related_link',
+                  'link_title',
+                  'builtin_fields_json'
 
   # for intermediate table assosciations
   scope :search_by_project, lambda { |project_id|
@@ -24,7 +29,7 @@ class GlobalIssueTemplate < ActiveRecord::Base
   }
 
   module Config
-    JSON_OBJECT_NAME = 'global_issue_template'.freeze
+    JSON_OBJECT_NAME = 'global_issue_template'
   end
   Config.freeze
 
diff --git a/app/models/issue_template.rb b/app/models/issue_template.rb
index 42355dc5..a88be5b1 100644
--- a/app/models/issue_template.rb
+++ b/app/models/issue_template.rb
@@ -1,14 +1,28 @@
+# frozen_string_literal: true
+
 class IssueTemplate < ActiveRecord::Base
   include Redmine::SafeAttributes
   include Concerns::IssueTemplate::Common
   belongs_to :project
   validates :project_id, presence: true
-  validates_uniqueness_of :title, scope: :project_id
+  validates :title, uniqueness: { scope: :project_id }
   acts_as_positioned scope: %i[project_id tracker_id]
 
   # author and project should be stable.
-  safe_attributes 'title', 'description', 'tracker_id', 'note', 'enabled', 'issue_title', 'is_default',
-                  'enabled_sharing', 'visible_children', 'position', 'checklist_json'
+  safe_attributes 'title',
+                  'description',
+                  'tracker_id',
+                  'note',
+                  'enabled',
+                  'issue_title',
+                  'is_default',
+                  'enabled_sharing',
+                  'visible_children',
+                  'position',
+                  'checklist_json',
+                  'related_link',
+                  'link_title',
+                  'builtin_fields_json'
 
   scope :enabled_sharing, -> { where(enabled_sharing: true) }
   scope :search_by_project, lambda { |prolect_id|
@@ -16,7 +30,7 @@ class IssueTemplate < ActiveRecord::Base
   }
 
   module Config
-    JSON_OBJECT_NAME = 'issue_template'.freeze
+    JSON_OBJECT_NAME = 'issue_template'
   end
   Config.freeze
 
diff --git a/app/views/common/_nodata.html.erb b/app/views/common/_nodata.html.erb
index e0e0316b..eaaa378a 100644
--- a/app/views/common/_nodata.html.erb
+++ b/app/views/common/_nodata.html.erb
@@ -1,5 +1,5 @@
 <% if trackers.blank? %>
-    <div class="nodata">
+    <div class='nodata'>
       <%= simple_format(l(:text_no_tracker_enabled)) %>
     </div>
 <% end %>
\ No newline at end of file
diff --git a/app/views/common/_orphaned.html.erb b/app/views/common/_orphaned.html.erb
index 68645a85..675ffc34 100644
--- a/app/views/common/_orphaned.html.erb
+++ b/app/views/common/_orphaned.html.erb
@@ -1,5 +1,5 @@
 <h3 class='template_tracker'><%= l(:orphaned_template) %></h3>
-<table class="list issues">
+<table class='list issues'>
   <thead>
   <tr>
     <th>#</th>
@@ -12,7 +12,7 @@
   </thead>
   <tbody>
   <% orphaned_templates.each do |issue_template| %>
-      <tr class="<%= cycle('odd', 'even') %> issue_template issue">
+      <tr class='<%= cycle('odd', 'even') %> issue_template issue'>
         <td>
           <%= link_to h(issue_template.id),
               { controller: controller.controller_name, action: 'show',
@@ -27,21 +27,21 @@
                       { title: "#{html_escape(issue_template.note) }"} %>
         </td>
         <td>
-          <div class="template_tooltip_wrapper">
-            <a class="icon template_tooltip" title="<%= l(:label_preview) %>"></a>
-            <div class="wiki template_tooltip_body">
-              <span class="title"><%= issue_template.title %></span>
+          <div class='template_tooltip_wrapper'>
+            <a class='icon template_tooltip' title='<%= l(:label_preview) %>'></a>
+            <div class='wiki template_tooltip_body'>
+              <span class='title'><%= issue_template.title %></span>
               <%= textilizable(issue_template.description) %>
             </div>
           </div>
         </td>
         <td class='hideable'><%= "ID: #{issue_template.tracker_id}" %></td>
         <td><%=h issue_template.author %></td>
-        <td class='hideable'><%= format_time(issue_template.updated_on)%> </td>
+        <td class='hideable'><%= format_time(issue_template.updated_on) %> </td>
       </tr>
-      <tr class="<%= current_cycle %>" style="display: none;" id="template_description-<%= issue_template.id %>">
-        <td class="description" colspan="8">
-          <div class="wiki"><%= textilizable(issue_template.description) %></div></td>
+      <tr class='<%= current_cycle %>' style='display: none;' id='template_description-<%= issue_template.id %>'>
+        <td class='description' colspan='8'>
+          <div class='wiki'><%= textilizable(issue_template.description) %></div></td>
       </tr>
   <% end %>
   </tbody>
diff --git a/app/views/common/_template_links.html.erb b/app/views/common/_template_links.html.erb
index bb679bb0..b93373df 100644
--- a/app/views/common/_template_links.html.erb
+++ b/app/views/common/_template_links.html.erb
@@ -1,6 +1,6 @@
-<div style="display: flex; float: right; padding-top: 40px;
-                    position: relative; bottom: 6px; right: 0;">
-    <div class="template_link_area">
+<div style='display: flex; float: right; padding-top: 40px;
+                    position: relative; bottom: 6px; right: 0;'>
+    <div class='template_link_area'>
       <label><%= l(:issue_template) %>: </label>
       <%= link_to(l(:label_list_templates),
                 { controller: 'issue_templates',
@@ -10,7 +10,7 @@
                               { controller: 'issue_templates', action: 'new', project_id: @project },
                               class: 'icon icon-add') %>
     </div>
-    <div class="template_link_area">
+    <div class='template_link_area'>
       <label><%= l(:note_template) %>: </label>
       <%= link_to(l(:label_list_templates),
                 { controller: 'note_templates',
@@ -21,7 +21,7 @@
                               class: 'icon icon-add') %>
     </div>
 
-    <div class="template_link_area">
+    <div class='template_link_area'>
       <label><%= l(:issue_templates_optional_settings, default: 'Templates Optional Settings') %>: </label>
       <%= link_to_if_authorized(l(:label_settings, default: 'Settings'),
                               { controller: 'issue_templates_settings', action: 'index', project_id: @project },
diff --git a/app/views/global_issue_templates/_form.html.erb b/app/views/global_issue_templates/_form.html.erb
index 0f5dbfbe..0daa483e 100644
--- a/app/views/global_issue_templates/_form.html.erb
+++ b/app/views/global_issue_templates/_form.html.erb
@@ -1,55 +1,130 @@
 <%= error_messages_for 'global_issue_template' %>
-<div class="box tabular box-white">
+<div class='box tabular box-white'>
   <p><%= f.text_field :title, required: true, size: 80, label: l(:issue_template_name) %></p>
 
-  <fieldset class="issue">
-    <legend class="issue"><%= l(:label_applied_for_issue) %></legend>
+  <fieldset class='issue'>
+    <legend class='issue'><%= l(:label_applied_for_issue) %></legend>
     <p>
       <% if issue_template.tracker.blank? %>
-          <%= f.select :tracker_id, trackers.collect { |t| [t.name, t.id] }, {required: true},
+          <%= f.select :tracker_id, trackers.collect { |t| [t.name, t.id] }, { required: true },
                        required: true, label: l(:label_tracker) %>
 
           <%= h issue_template.tracker.present? ? issue_template.tracker.name :
                     l(:orphaned_template, default: 'Orphaned template from tracker') %>
 
       <% else %>
-          <%= f.select :tracker_id, trackers.collect { |t| [t.name, t.id] }, {required: true},
+          <%= f.select :tracker_id, trackers.collect { |t| [t.name, t.id] }, { required: true },
                        required: true, label: l(:label_tracker), selected: issue_template.tracker.id %>
       <% end %>
     </p>
     <p><%= f.text_field :issue_title, required: false, size: 80, label: l(:issue_title) %>
-      <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-         data-tooltip-area="#issue_title_help_area"
-         data-tooltip-content="#issue_title_help_content">
+      <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+         data-tooltip-area='issue_title_help_area'
+         data-tooltip-content='issue_title_help_content'>
         <%= l(:help_for_this_field) %>
-        <span class="tooltip-area" id="issue_title_help_area"></span>
+        <span class='tooltip-area' id='issue_title_help_area'></span>
       </a>
     </p>
     <p>
       <%= f.text_area :description, cols: 78, rows: 12,
                       required: true,
-                      label: l(:issue_description), class: 'wiki-edit', style: 'overflow:auto;' %>
+                      label: l(:issue_description), class: 'wiki-edit', style: 'overflow: auto;' %>
     </p>
     <!-- for Checklist -->
     <% if checklist_enabled %>
-        <p id="checklist_form">
+        <p id='checklist_form'>
           <label>Checklist</label>
-          <input type="text" id="checklist_text" class="edit-box">
-          <span class="icon icon-add checklist-new-only save-new-by-button" onclick="addCheckList();"></span>
+          <input type='text' id='checklist_text' class='edit-box'>
+          <span class='icon icon-add checklist-new-only save-new-by-button' onclick='addCheckList()'></span>
           <ul class='checklist' style='padding-left: 180px;'>
             <% issue_template.checklist.each_with_index do |content, i| %>
-                <li id="checklist_<%= i %>">
-                <span class="text">
+                <li id='checklist_<%= i %>'>
+                <span class='text'>
                   <%= content %>
-                  <a class="icon icon-del" href="javascript:void(0)" onclick="removeCheckList(this);"></a>
+                  <i class='icon icon-del' onclick='removeCheckList(this)'></i>
                 </span>
-                  <input type="hidden" name="global_issue_template[checklists][]"
-                         id="global_issue_template_checklist" value="<%= content %>">
+                  <input type='hidden' name='global_issue_template[checklists][]'
+                         id='global_issue_template_checklist' value='<%= content %>'>
                 </li>
             <% end %>
           </ul>
         </p>
     <% end %>
+
+    <!-- for Builtin Fields -->
+    <!-- buildin field Generator -->
+    <% if builtin_fields_enable %>
+      <div id="json_generator">
+      <p>
+        <label><%= l(:label_select_field, default: 'Select a field') %></label>
+        <select v-model='newItemTitle'>
+          <option v-for='(value, key) in customFields' v-bind:value='key'>
+           {{ value.name }}
+          </option>
+        </select>
+        <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+         data-tooltip-area='builtin_fields_help_area'
+         data-tooltip-content='builtin_fields_help_content'>
+           <%= l(:help_for_this_field) %>
+          <span class='tooltip-area' id='builtin_fields_help_area'></span>
+        </a>
+　　　　　</p>
+        <p>
+          <label><%= l(:field_value) %></label>
+          <textarea id='issue_template_json_setting_field' v-if='fieldFormat() == "text"'
+              rows='1' placeholder='<%= l(:enter_value, default: 'Please enter a value') %>' v-model='newItemValue'>
+          </textarea>
+
+          <input type='date' id='issue_template_json_setting_field' v-if='fieldFormat() == "date"' v-model='newItemValue'>
+
+          <select v-model='newItemValue' v-if='fieldFormat() == "ratio"'>
+            <option v-for="ratio in [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]">{{ ratio }} %</option>
+          </select>
+
+          <select v-model='newItemValue' v-if='fieldFormat() == "list" || fieldFormat() == "bool"'>
+            <option v-for="value in possibleValues()">{{ value }}</option>
+          </select>
+          <span style='margin-left: 4px;' class='icon icon-add' v-on:click='addField(newItemTitle, newItemValue)'>
+            <%= l(:button_add) %>
+          </span>
+        </p>
+        <div id='field_information' class='wiki' v-if='newItemTitle != ""'>
+          <b><%= l(:label_field_information, default: 'Field information') %></b>
+          <pre>{{ customFields[newItemTitle] }}</pre>
+        </div>
+        <div id='fields_setting_display_area'>
+          <ul class='json-list' v-if='items.length > 0'>
+            <li v-for='item in items'>
+              <span v-if='customFields[item.title]'>
+                <b>{{ customFields[item.title].name }}</b>: {{ item.value }} / {{ item.title }}
+              </span>
+              <span v-if='!customFields[item.title]'>
+                <i class='issue_template help_content'>
+                  <%= l(:unavailable_fields_for_this_tracker, default: 'Unavailable field for this tarcker') %>
+                : {{ item.value }} / {{ item.title }}
+                </i>
+              </span>
+              <i class='icon icon-del' v-on:click='deleteField(item)'></i>
+            </li>
+          </ul>
+          <pre id='builtin_fields_data_via_vue' style='display: none;'>{{ items }}</pre>
+          <span class='icon icon-reload' id='reset-json' v-on:click='loadField()'><%= l(:button_reset) %></span>
+          <span class='icon icon-checked' id='paste-json'><%= l(:button_apply) %></span>
+        </div>
+      </p>
+      </div>
+      <!-- buildin field Generator -->
+      <p style='opacity: 0.6;'>
+        <%= f.text_area :builtin_fields,
+            required: false, cols: 60, rows: 4,
+            label: l(:label_builtin_fields_json, default: 'JSON for fields') %>
+      </p>
+      <div id='builtin_fields_help_content' class='wiki' style='display: none;'>
+        <%= l(:label_builtin_fields_help_message, default: 'Enter builtin filds or custom fields default values with JSON format. ') %>
+      </div>
+    <% end %>
+    <!-- for Builtin Fields -->
+
   </fieldset>
   <p>
     <%= f.text_area :note, cols: 70, rows: 3,
@@ -57,53 +132,76 @@
                     label: l(:issue_template_note), style: 'overflow:auto;' %>
   </p>
 
+  <p><%= f.text_field :related_link, type: 'url',
+          size: 70, label: l(:issue_template_related_link, default: 'Related link') %>
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-template-help-target='related_link_help_content'
+       data-tooltip-area='related_link_help_area'
+       data-tooltip-content='related_link_help_content'>
+      <%= l(:help_for_this_field) %>
+      <span class='tooltip-area' id='related_link_help_area'></span>
+    </a>
+  </p>
+
+  <p id='link_title_paragraph'><%= f.text_field :link_title, size: 70, label: l(:issue_template_link_title, default: 'Link title') %>
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-template-help-target='link_title_help_content'
+       data-tooltip-area='link_title_help_area'
+       data-tooltip-content='link_title_help_content'>
+      <%= l(:help_for_this_field) %>
+      <span class='tooltip-area' id='link_title_help_area'></span>
+    </a>
+  </p>
+
   <p><%= f.check_box :is_default, label: l(:field_is_default) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-template-help-target="#isdefault_help_content"
-       data-tooltip-area="#isdefault_help_area"
-       data-tooltip-content="#isdefault_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-template-help-target='isdefault_help_content'
+       data-tooltip-area='isdefault_help_area'
+       data-tooltip-content='isdefault_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="isdefault_help_area"></span>
+      <span class='tooltip-area' id='isdefault_help_area'></span>
     </a>
   </p>
 
   <p><%= f.check_box :enabled, label: l(:label_enabled) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-template-help-target="#enabled_help_content"
-       data-tooltip-area="#enabled_help_area"
-       data-tooltip-content="#enabled_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-template-help-target='enabled_help_content'
+       data-tooltip-area='enabled_help_area'
+       data-tooltip-content='enabled_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="enabled_help_area"></span>
+      <span class='tooltip-area' id='enabled_help_area'></span>
     </a>
   </p>
 </div>
 
 <%= wikitoolbar_for 'global_issue_template_description' %>
 
-<div id="preview" class="wiki"></div>
+<div id='preview' class='wiki'></div>
 
 
 <!-- tooltip content -->
-<div id="issue_title_help_content" class="wiki" style="display: none;">
+<div id='issue_title_help_content' class='wiki' style='display: none;'>
   <%= l(:help_for_issue_title) %>
 </div>
-<div id="isdefault_help_content" class="wiki" style="display: none;">
+<div id='isdefault_help_content' class='wiki' style='display: none;'>
   <%= l(:label_isdefault_help_message) %>
 </div>
-<div id="isdefault_help_content" class="wiki" style="display: none;">
-  <%= l(:label_isdefault_help_message) %>
+<div id='related_link_help_content' class='wiki' style='display: none;'>
+  <%= l(:label_related_link_help_message, default: 'If there are some example pages or sample issues which using issue template, please specify the link. So operator can see them as an usage or example for template.') %>
+</div>
+<div id='link_title_help_content' class='wiki' style='display: none;'>
+  <%= l(:label_link_title_help_message, default: 'If there are some example pages or sample issues which using issue template, please specify the link. So operator can see them as an usage or example for template.') %>
 </div>
-<div id="enabled_help_content" class="wiki" style="display: none;">
+<div id='enabled_help_content' class='wiki' style='display: none;'>
   <%= l(:label_enabled_help_message) %>
 </div>
-
 <!-- tooltip content -->
 
-<div class="box">
+<div class='box'>
   <% if apply_all_projects %>
       <p>
-        <i class="issue_template icon settings"></i>
-        <span class="issue_template help_content">
+        <i class='issue_template icon settings'></i>
+        <span class='issue_template help_content'>
           <%= l(:note_apply_global_template_to_all_projects_setting_enabled) %>
         </span>
         (
@@ -113,12 +211,12 @@
       </p>
   <% end %>
   <% if projects.any? %>
-      <fieldset class="box box-white" id="global_issue_template_project_ids"
-                style="<%= apply_all_projects ? 'opacity: 0.6' : '' %>">
-        <a class="collapsible collapsed template-help" data-template-help-target="#all_projects">
-          <%= l(:project_list_associated_this_template, {applied: issue_template.projects.length, all: projects.length}) %>
+      <fieldset class='box box-white' id='global_issue_template_project_ids'
+                style='<%= apply_all_projects ? 'opacity: 0.6' : '' %>'>
+        <a class='collapsible collapsed template-help' data-template-help-target='all_projects'>
+          <%= l(:project_list_associated_this_template, { applied: issue_template.projects.length, all: projects.length }) %>
         </a>
-        <div id="all_projects" style="display: none; ">
+        <div id='all_projects' style='display: none;'>
         <p><%= check_all_links 'global_issue_template_project_ids' %></p>
         <legend><%= l(:label_project_plural) %></legend>
         <%= render_project_nested_lists(projects) do |p|
@@ -135,51 +233,178 @@
 
 
 <%= submit_tag l(issue_template.new_record? ? :button_create : :button_save) %>
-<%= link_to l(:button_cancel), {action: 'index'}, data: {confirm: l(:text_are_you_sure)} %>
+<%= link_to l(:button_cancel), { action: 'index' }, data: { confirm: l(:text_are_you_sure) } %>
 
-<script type="text/javascript">
-    let checklist = $('.checklist');
+<% if builtin_fields_enable %>
+<%= javascript_include_tag('vue.min', plugin: 'redmine_issue_templates') %>
+<script>
+  const baseUrl = "<%= url_for(controller: 'issue_templates', action: 'load_selectable_fields') %>"
+  const template_id = "<%= issue_template&.id || '' %>"
+  const vm = new Vue({
+    el: '#json_generator',
+    data: {
+      items: [],
+      customFields: {},
+      newItemTitle: '',
+      newItemValue: '',
+      api_builtin_fields: {},
+      api_custom_fields: {}
+    },
+    methods: {
+      addField: function(newFieldName, newFieldValue) {
+        if (newFieldName === '' || newFieldValue === '') {
+          return
+        }
+        this.items.push({
+          title: newFieldName,
+          value: newFieldValue
+        });
+        this.newFieldName = ''
+        this.newFieldValue = ''
+      },
+      deleteField: function(target) {
+        this.items = this.items.filter(function (item) {
+          return item !== target
+        });
+      },
+      loadField: function() {
+        this.api_builtin_fields = <%= issue_template.builtin_fields.html_safe %>
+        this.api_custom_fields = <%= custom_fields.html_safe %>
+        this.items = []
+        if (this.api_builtin_fields) {
+          for (const [key, value] of Object.entries(this.api_builtin_fields)) {
+            this.items.push({
+              title: key,
+              value: value
+            })
+          }
+        }
+        // { "issue_priority_id":"Priority", "issue_start_date":"Start date" }
+        if (this.api_custom_fields) {
+          for (const [key, value] of Object.entries(this.api_custom_fields)) {
 
-    function removeCheckList(obj) {
-        let target = obj.closest('li')
-        target.remove();
-    }
+            this.customFields[key] = value
+          }
+        }
+      },
+      updateSelectableField: function() {
+        let tmpFields = {}
+        if (this.api_custom_fields) {
+          for (const [key, value] of Object.entries(this.api_custom_fields)) {
+            tmpFields[key] = value
+          }
+        }
+        tmpFields
+        this.customFields = tmpFields
+        this.customFields
+      },
+      fieldFormat: function() {
+        const fields = this.customFields
+        const title = this.newItemTitle
+        if (fields[title] && fields[title].field_format) {
+          const format = fields[title].field_format
+          if (format == 'date' || format == 'ratio' || format == 'list' || format == 'bool') {
+            return fields[title].field_format
+          }
+        }
+        return 'text'
+      },
+      possibleValues: function() {
+        const fields = this.customFields
+        const title = this.newItemTitle
+        return fields[title].possible_values
+      }
+    },
+    mounted: function(){
+      const tracker_pulldown = document.getElementById('global_issue_template_tracker_id')
+      if (tracker_pulldown) {
+        tracker_pulldown.addEventListener('change', event => {
+          if (event.target.value === '') return
+          const tracker_id = event.target.value
+          let url = baseUrl + '?tracker_id=' + tracker_id + '&template_id=' + template_id
+          fetch(url)
+            .then((response) => {
+              return response.text()
+            })
+            .then((data) => {
+              let obj = JSON.parse(data)
+              this.api_custom_fields = obj.custom_fields
+              this.updateSelectableField()
+            })
+        })
+      }
+      this.loadField()
+    },
+  })
+</script>
+<% end %>
 
-    function addCheckList() {
-        let text = $('#checklist_text').val();
-        if (text == '') return false;
+<script type='text/javascript'>
+  const removeCheckList = (obj) => {
+    let target = obj.closest('li')
+    target.remove()
+  }
 
-        $('.checklist-item').each(function (i, elem) {
-            e = $(elem)
-            if ((text == e.val())) {
-                return;
-            }
-        })
-        addCheckListItem(text);
-        $('#checklist_text').val('');
+  const addCheckList = () => {
+    let checkListInputText = document.getElementById('checklist_text')
+    let text = checkListInputText.value
+    if (text === '') return false
+
+    let checkListItems = document.getElementsByClassName('checklist-item')
+    // NOTE: some, find, every and forEach method scan all the element and not exit this function via return.
+    for (let i = 0; i < checkListItems.length; i++) {
+      let elem = checkListItems[i]
+      if (text === elem.value) {
+        return
+      }
     }
 
-    function addCheckListItem(value) {
-        let li = $('<li>');
-        let text = $('<span class="text">').text(value);
-        let hidden = $("<input>", {
-            type: 'hidden',
-            id: 'global_issue_template_checklist',
-            name: 'global_issue_template[checklists][]',
-            class: 'checklist-item',
-            value: value
-        }).appendTo(li);
-
-        let remove_link = $("<a>", {
-            class: 'icon icon-del',
-        });
+    addCheckListItem(text)
+    checkListInputText.value = ''
+  }
 
-        text.append(remove_link);
-        li.append(text);
-        checklist.append(li);
+  const addCheckListItem = (value) => {
+    let li = document.createElement('li')
+    let span = document.createElement('span')
+    span.classList.add('text')
 
-        $('body').on('click', '.icon.icon-del', function () {
-            removeCheckList(this);
-        });
-    }
+    let checkListText = document.createTextNode(value)
+    span.appendChild(checkListText);
+
+    let hidden = document.createElement('input')
+    hidden.classList.add('checklist-item')
+    hidden.value = value
+    hidden.setAttribute('type', 'hidden')
+    hidden.setAttribute('id', 'global_issue_template_checklist')
+    hidden.setAttribute('name', 'global_issue_template[checklists][]')
+
+    li.appendChild(hidden)
+
+    let removeLink = document.createElement('i')
+    removeLink.classList.add('icon', 'icon-del')
+    span.appendChild(removeLink)
+
+    li.appendChild(span)
+
+    let checklist = document.querySelector('ul.checklist')
+    checklist.appendChild(li)
+
+    removeLink.addEventListener('click', (event) => {
+      removeCheckList(event.target)
+    }, false)
+  }
+
+  const copyJson = document.getElementById('paste-json')
+  if (copyJson) {
+    copyJson.addEventListener('click', (event) => {
+      const data = document.getElementById('builtin_fields_data_via_vue')
+      if (data) {
+        const text = data.innerText
+        let jsonObj = JSON.parse(text)
+        let convertObj = {}
+        jsonObj.forEach(item => { convertObj[item.title] = item.value })
+        document.getElementById('global_issue_template_builtin_fields').value = JSON.stringify(convertObj)
+      }
+    })
+  }
 </script>
diff --git a/app/views/global_issue_templates/index.html.erb b/app/views/global_issue_templates/index.html.erb
index 2764f180..03294061 100644
--- a/app/views/global_issue_templates/index.html.erb
+++ b/app/views/global_issue_templates/index.html.erb
@@ -1,24 +1,24 @@
-<h2 class="global_issue_template"><%=h "#{l(:global_issue_templates)}" %></h2>
-<%= render partial: "common/nodata", locals: { trackers: trackers } %>
-<div class="contextual issue_templates">
+<h2 class='global_issue_template'><%=h "#{l(:global_issue_templates)}" %></h2>
+<%= render partial: 'common/nodata', locals: { trackers: trackers } %>
+<div class='contextual issue_templates'>
   <%= link_to(l(:label_new_templates),
               { controller: 'global_issue_templates', action: 'new' }, class: 'icon icon-add') %>
   <%= link_to(l(:label_settings),
               { controller: 'settings', action: 'plugin', id: 'redmine_issue_templates' },
               class: 'issue_template icon plugins') %>
 </div>
-<div style="clear:both;"></div>
+<div style='clear: both;'></div>
 
 <% if template_map.blank? %>
-    <div class="template_box">
+    <div class='template_box'>
       <%= l(:no_issue_templates_for_this_redmine) %>
     </div>
 <% end %>
 <% template_map.each_key do |tracker| %>
-    <div class="template_box">
-      <h3 class="template_tracker"><%= tracker.name %></h3>
+    <div class='template_box'>
+      <h3 class='template_tracker'><%= tracker.name %></h3>
 
-      <table class="list issues ui-sortable table-sortable">
+      <table class='list issues ui-sortable table-sortable'>
         <thead>
         <tr>
           <th>#</th>
@@ -34,10 +34,10 @@
         </thead>
         <tbody>
         <% template_map[tracker].sorted.each do |issue_template| %>
-            <tr class="<%= cycle('odd', 'even') %> issue_template issue">
+            <tr class='<%= cycle('odd', 'even') %> issue_template issue'>
               <td><%= link_to h(issue_template.id), { controller: 'global_issue_templates',
                                                       id: issue_template.id, action: 'show' },
-                              { title: issue_template.title}  %>
+                              { title: issue_template.title } %>
               </td>
               <td class='hideable template_title'>
                 <%= link_to h(issue_template.title), { controller: 'global_issue_templates',
@@ -45,11 +45,16 @@
                               { title: "#{html_escape(issue_template.note)}" } %>
               </td>
               <td>
-                <div class="template_tooltip_wrapper">
-                  <a class="icon template_tooltip" title="<%= l(:label_preview) %>"></a>
-                  <div class="wiki template_tooltip_body">
-                    <span class="title"><%= issue_template.title %></span>
+                <div class='template_tooltip_wrapper'>
+                  <a class='icon template_tooltip' title='<%= l(:label_preview) %>'></a>
+                  <div class='wiki template_tooltip_body'>
+                    <span class='title'><%= issue_template.title %></span>
                     <%= textilizable(issue_template.description) %>
+                    <% if issue_template.related_link.present? %>
+                      <hr/>
+                      <%= link_to issue_template.link_title.present? ? issue_template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                          issue_template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+                    <% end %>
                   </div>
                 </div>
                 </a>
@@ -57,10 +62,10 @@
               <td class='hideable'><%=h issue_template.tracker.name %></td>
               <td class='hideable'><%=h issue_template.author %></td>
               <td class='hideable'><%= format_time(issue_template.updated_on)%> </td>
-              <td class="center"><%= checked_image issue_template.is_default? %></td>
-              <td class="center"><%= checked_image issue_template.enabled? %></td>
+              <td class='center'><%= checked_image issue_template.is_default? %></td>
+              <td class='center'><%= checked_image issue_template.enabled? %></td>
 
-              <td class="buttons">
+              <td class='buttons'>
                 <%= reorder_handle(issue_template, :url => url_for({ controller: 'global_issue_templates',
                                                              id: issue_template.id, action: 'update' })) %>
               </td>
@@ -71,12 +76,17 @@
     </div>
 
     <%= javascript_tag do %>
-        $(function() { $("table.table-sortable tbody").positionedItems(); });
+      // NOTE: Sortable feature depends on Redmine's sorting jQuery plugin.
+      $(function() { $('table.table-sortable tbody').positionedItems() })
     <% end %>
 <% end %>
 
-<%= link_to l(:orphaned_templates, default: 'Orphaned Templates'), orphaned_templates_global_issue_templates_path, remote: true,
-            id: 'orphaned_template_link', class: 'orphaned_template_link collapsible collapsed template-help'
-%>
-<div id="orphaned_templates" style="display: none"></div>
+<a id='orphaned_template_link' class='icon template_tooltip orphaned_template_link template-help collapsible collapsed'
+  title='<%= l(:orphaned_templates) %>'
+  data-template-help-target='orphaned_templates'
+  data-url='<%= orphaned_templates_global_issue_templates_path %>'>
+  <%= l(:orphaned_templates, default: 'Orphaned Templates') %>
+</a>
+
+<div id='orphaned_templates' style='display: none'></div>
 
diff --git a/app/views/global_issue_templates/new.html.erb b/app/views/global_issue_templates/new.html.erb
index 12e198ad..abd6c96f 100644
--- a/app/views/global_issue_templates/new.html.erb
+++ b/app/views/global_issue_templates/new.html.erb
@@ -1,8 +1,8 @@
-<div class="contextual">
+<div class='contextual'>
   <%= link_to(l(:label_list_templates),
               { controller: 'global_issue_templates', action: 'index' }, class: 'icon icon-template') %>
 </div>
-<h2 class="global_issue_template"><%=h "#{l(:issue_templates)} / #{l(:button_add)}" %></h2>
+<h2 class='global_issue_template'><%=h "#{l(:issue_templates)} / #{l(:button_add)}" %></h2>
 
 <%= labelled_form_for :global_issue_template,  issue_template,
                       url: { controller: 'global_issue_templates', action: 'create' },
@@ -11,5 +11,6 @@
 
   <%= render 'form', { f: f, checklist_enabled: checklist_enabled,
                         trackers: trackers, projects: projects,
-                        issue_template: issue_template, apply_all_projects: apply_all_projects } %>
+                        issue_template: issue_template, apply_all_projects: apply_all_projects,
+                        custom_fields: custom_fields, builtin_fields_enable: builtin_fields_enable } %>
 <% end %>
diff --git a/app/views/global_issue_templates/show.html.erb b/app/views/global_issue_templates/show.html.erb
index be1f01bc..b36174cf 100644
--- a/app/views/global_issue_templates/show.html.erb
+++ b/app/views/global_issue_templates/show.html.erb
@@ -1,14 +1,14 @@
-<div class="contextual">
+<div class='contextual'>
 <%= link_to l(:button_delete),
   { controller: 'global_issue_templates', action: 'destroy', id: issue_template },
-    data: { confirm: l(:text_are_you_sure)},
+    data: { confirm: l(:text_are_you_sure) },
     title: l(:enabled_template_cannot_destroy, default: 'Only disabled template can be destroyed.'),
     disabled: issue_template.enabled?, method: 'delete', class: 'icon icon-del template-disabled-link' %>
 <%= link_to(l(:label_list_templates),
               { controller: 'global_issue_templates', action: 'index' }, class: 'icon icon-template') %>
 </div>
 
-<h2 class="global_issue_template">
+<h2 class='global_issue_template'>
   <%= l(:global_issue_templates) %>: #<%= issue_template.id %> <%= issue_template.title %>
   <%= avatar(issue_template.author, size: '24') %>
 </h2>
@@ -19,5 +19,6 @@
                       html: { id: 'global_issue_template-form', class: nil,
                               multipart: false } do |f| %>
   <%= render 'form', { f: f, checklist_enabled: checklist_enabled, trackers: trackers,
-                        issue_template: issue_template, projects: projects, apply_all_projects: apply_all_projects } %>
+                        issue_template: issue_template, projects: projects, apply_all_projects: apply_all_projects,
+                        custom_fields: custom_fields, builtin_fields_enable: builtin_fields_enable } %>
 <% end %>
diff --git a/app/views/issue_templates/_form.html.erb b/app/views/issue_templates/_form.html.erb
index 6cbebcc4..d03b9528 100644
--- a/app/views/issue_templates/_form.html.erb
+++ b/app/views/issue_templates/_form.html.erb
@@ -1,9 +1,9 @@
 <%= error_messages_for 'issue_template' %>
-<div class="box tabular box-white">
+<div class='box tabular box-white'>
   <p><%= f.text_field :title, required: true, size: 80, label: l(:issue_template_name) %></p>
 
-  <fieldset class="issue">
-    <legend class="issue"><%= l(:label_applied_for_issue) %></legend>
+  <fieldset class='issue'>
+    <legend class='issue'><%= l(:label_applied_for_issue) %></legend>
     <p>
       <% if issue_template.tracker.blank? %>
           <%= f.select :tracker_id, template_target_trackers(project, issue_template),
@@ -20,11 +20,11 @@
       <% end %>
     </p>
     <p><%= f.text_field :issue_title, required: false, size: 80, label: l(:issue_title) %>
-      <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-         data-tooltip-area="#issue_title_help_area"
-         data-tooltip-content="#issue_title_help_content">
+      <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+         data-tooltip-area='issue_title_help_area'
+         data-tooltip-content='issue_title_help_content'>
         <%= l(:help_for_this_field) %>
-        <span class="tooltip-area" id="issue_title_help_area"></span>
+        <span class='tooltip-area' id='issue_title_help_area'></span>
       </a>
     </p>
     <p>
@@ -32,29 +32,102 @@
                       required: true,
                       label: l(:issue_description), class: 'wiki-edit' %>
     </p>
-
     <!-- for Checklist -->
     <% if checklist_enabled %>
-        <p id="checklist_form">
+        <p id='checklist_form'>
           <label>Checklist</label>
-          <input type="text" id="checklist_text" class="edit-box">
-          <span class="icon icon-add checklist-new-only save-new-by-button"
-                onclick="addCheckList();">
-          </span>
+          <input type='text' id='checklist_text' class='edit-box'>
+          <span class='icon icon-add checklist-new-only save-new-by-button' onclick='addCheckList()'></span>
           <ul class='checklist' style='padding-left: 180px;'>
             <% issue_template.checklist.each_with_index do |content, i| %>
-              <li id="checklist_<%= i %>">
-                <span class="text">
+              <li id='checklist_<%= i %>'>
+                <span class='text'>
                   <%= content %>
-                  <a class="icon icon-del" href="javascript:void(0)" onclick="removeCheckList(this);"></a>
+                  <i class='icon icon-del' onclick='removeCheckList(this)'></i>
                 </span>
-                <input type="hidden" name="issue_template[checklists][]"
-                       id="issue_template_checklist" value="<%= content %>">
+                <input type='hidden' name='issue_template[checklists][]'
+                       id='issue_template_checklist' value='<%= content %>'>
               </li>
             <% end %>
           </ul>
         </p>
     <% end %>
+
+    <!-- for Builtin Fields -->
+    <!-- buildin field Generator -->
+    <% if builtin_fields_enable %>
+      <div id="json_generator">
+      <p>
+        <label><%= l(:label_select_field, default: 'Select a field') %></label>
+        <select v-model='newItemTitle'>
+          <option v-for='(value, key) in customFields' v-bind:value='key'>
+           {{ value.name }}
+          </option>
+        </select>
+        <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+         data-tooltip-area='builtin_fields_help_area'
+         data-tooltip-content='builtin_fields_help_content'>
+           <%= l(:help_for_this_field) %>
+          <span class='tooltip-area' id='builtin_fields_help_area'></span>
+        </a>
+　　　　　</p>
+        <p>
+          <label><%= l(:field_value) %></label>
+          <textarea id='issue_template_json_setting_field' v-if='fieldFormat() == "text"'
+              rows='1' placeholder='<%= l(:enter_value, default: 'Please enter a value') %>' v-model='newItemValue'>
+          </textarea>
+
+          <input type='date' id='issue_template_json_setting_field' v-if='fieldFormat() == "date"' v-model='newItemValue'>
+
+          <select v-model='newItemValue' v-if='fieldFormat() == "ratio"'>
+            <option v-for="ratio in [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]">{{ ratio }} %</option>
+          </select>
+
+          <select v-model='newItemValue' v-if='fieldFormat() == "list" || fieldFormat() == "bool"'>
+            <option v-for="value in possibleValues()">{{ value }}</option>
+          </select>
+
+          <span style='margin-left: 4px;' class='icon icon-add' v-on:click='addField(newItemTitle, newItemValue)'>
+            <%= l(:button_add) %>
+          </span>
+        </p>
+        <div id='field_information' class='wiki' v-if='newItemTitle != ""'>
+          <b><%= l(:label_field_information, default: 'Field information') %></b>
+          <pre>{{ customFields[newItemTitle] }}</pre>
+        </div>
+        <div id='fields_setting_display_area'>
+          <ul class='json-list' v-if='items.length > 0'>
+            <li v-for='item in items'>
+              <span v-if='customFields[item.title]'>
+                <b>{{ customFields[item.title].name }}</b>: {{ item.value }} / {{ item.title }}
+              </span>
+              <span v-if='!customFields[item.title]'>
+                <i class='issue_template help_content'>
+                  <%= l(:unavailable_fields_for_this_tracker, default: 'Unavailable field for this tarcker') %>
+                : {{ item.value }} / {{ item.title }}
+                </i>
+              </span>
+              <i class='icon icon-del' v-on:click='deleteField(item)'></i>
+            </li>
+          </ul>
+          <pre id='builtin_fields_data_via_vue' style='display: none;'>{{ items }}</pre>
+          <span class='icon icon-reload' id='reset-json' v-on:click='loadField()'><%= l(:button_reset) %></span>
+          <span class='icon icon-checked' id='paste-json'><%= l(:button_apply) %></span>
+        </div>
+      </p>
+      </div>
+      <!-- buildin field Generator -->
+      <p style='opacity: 0.6;'>
+        <%= f.text_area :builtin_fields,
+            required: false, cols: 60, rows: 4,
+            label: l(:label_builtin_fields_json, default: 'JSON for fields') %>
+      </p>
+      <div id='builtin_fields_help_content' class='wiki' style='display: none;'>
+        <%= l(:label_builtin_fields_help_message, default: 'Enter builtin filds or custom fields default values with JSON format. ') %>
+      </div>
+      <% end %>
+    <!-- for Builtin Fields -->
+
   </fieldset>
   <p>
     <%= f.text_area :note, cols: 70, rows: 3,
@@ -62,31 +135,52 @@
                     label: l(:issue_template_note) %>
   </p>
 
+  <p><%= f.text_field :related_link, type: 'url',
+          size: 70, label: l(:issue_template_related_link, default: 'Related link') %>
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-template-help-target='related_link_help_content'
+       data-tooltip-area='related_link_help_area'
+       data-tooltip-content='related_link_help_content'>
+      <%= l(:help_for_this_field) %>
+      <span class='tooltip-area' id='related_link_help_area'></span>
+    </a>
+  </p>
+
+  <p id='link_title_paragraph'><%= f.text_field :link_title, size: 70, label: l(:issue_template_link_title, default: 'Link title') %>
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-template-help-target='link_title_help_content'
+       data-tooltip-area='link_title_help_area'
+       data-tooltip-content='link_title_help_content'>
+      <%= l(:help_for_this_field) %>
+      <span class='tooltip-area' id='link_title_help_area'></span>
+    </a>
+  </p>
+
   <p><%= f.check_box :is_default, label: l(:field_is_default) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-tooltip-area="#isdefault_help_area"
-       data-tooltip-content="#isdefault_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='isdefault_help_area'
+       data-tooltip-content='isdefault_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="isdefault_help_area"></span>
+      <span class='tooltip-area' id='isdefault_help_area'></span>
     </a>
   </p>
   <p>
     <%= f.check_box :enabled, label: l(:label_enabled) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-tooltip-area="#enabled_help_area"
-       data-tooltip-content="#enabled_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='enabled_help_area'
+       data-tooltip-content='enabled_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="enabled_help_area"></span>
+      <span class='tooltip-area' id='enabled_help_area'></span>
     </a>
   </p>
 
   <p>
     <%= f.check_box :enabled_sharing, label: l(:label_enabled_sharing) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-tooltip-area="#enabledsharing_help_area"
-       data-tooltip-content="#enabledsharing_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='enabledsharing_help_area'
+       data-tooltip-content='enabledsharing_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="enabledsharing_help_area"></span>
+      <span class='tooltip-area' id='enabledsharing_help_area'></span>
     </a>
   </p>
 
@@ -95,66 +189,201 @@
 <%= wikitoolbar_for 'issue_template_description' %>
 
 <!-- help content -->
-<div id="issue_title_help_content" class="wiki" style="display: none;">
+<div id='issue_title_help_content' class='wiki' style='display: none;'>
   <%= l(:help_for_issue_title) %>
 </div>
 
-<div id="isdefault_help_content" class="wiki" style="display: none;">
+<div id='related_link_help_content' class='wiki' style='display: none;'>
+  <%= l(:label_related_link_help_message, default: 'If there are some example pages or sample issues which using issue template, please specify the link. So operator can see them as an usage or example for template.') %>
+</div>
+
+<div id='link_title_help_content' class='wiki' style='display: none;'>
+  <%= l(:label_link_title_help_message, default: 'If there are some example pages or sample issues which using issue template, please specify the link. So operator can see them as an usage or example for template.') %>
+</div>
+
+<div id='isdefault_help_content' class='wiki' style='display: none;'>
   <%= l(:label_isdefault_help_message) %>
 </div>
 
-<div id="enabled_help_content" class="wiki" style="display: none;">
+<div id='enabled_help_content' class='wiki' style='display: none;'>
   <%= l(:label_enabled_help_message) %>
 </div>
 
-<div id="enabledsharing_help_content" class="wiki" style="display: none;">
+<div id='enabledsharing_help_content' class='wiki' style='display: none;'>
   <%= l(:label_enabledshaing_help_message) %>
 </div>
 <!-- help content -->
 
-<script type="text/javascript">
-  let checklist = $('.checklist');
+<% if builtin_fields_enable %>
+<%= javascript_include_tag('vue.min', plugin: 'redmine_issue_templates') %>
+<script>
+  const baseUrl = "<%= url_for(controller: 'issue_templates', action: 'load_selectable_fields') %>"
+  const template_id = "<%= issue_template&.id || '' %>"
+  const vm = new Vue({
+    el: '#json_generator',
+    data: {
+      items: [],
+      customFields: {},
+      newItemTitle: '',
+      newItemValue: '',
+      api_builtin_fields: {},
+      api_custom_fields: {}
+    },
+    methods: {
+      addField: function(newFieldName, newFieldValue) {
+        if (newFieldName === '' || newFieldValue === '') {
+          return
+        }
+        this.items.push({
+          title: newFieldName,
+          value: newFieldValue
+        });
+        this.newFieldName = ''
+        this.newFieldValue = ''
+      },
+      deleteField: function(target) {
+        this.items = this.items.filter(function (item) {
+          return item !== target
+        });
+      },
+      loadField: function() {
+        this.api_builtin_fields = <%= issue_template.builtin_fields.html_safe %>
+        this.api_custom_fields = <%= custom_fields.html_safe %>
+        this.items = []
+        if (this.api_builtin_fields) {
+          for (const [key, value] of Object.entries(this.api_builtin_fields)) {
+            this.items.push({
+              title: key,
+              value: value
+            })
+          }
+        }
+        // { "issue_priority_id":"Priority", "issue_start_date":"Start date" }
+        if (this.api_custom_fields) {
+          for (const [key, value] of Object.entries(this.api_custom_fields)) {
+
+            this.customFields[key] = value
+          }
+        }
+      },
+      updateSelectableField: function() {
+        let tmpFields = {}
+        if (this.api_custom_fields) {
+          for (const [key, value] of Object.entries(this.api_custom_fields)) {
+            tmpFields[key] = value
+          }
+        }
+        tmpFields
+        this.customFields = tmpFields
+        this.customFields
+      },
+      fieldFormat: function() {
+        const fields = this.customFields
+        const title = this.newItemTitle
+        if (fields[title] && fields[title].field_format) {
+          const format = fields[title].field_format
+          if (format == 'date' || format == 'ratio' || format == 'list' || format == 'bool') {
+            return fields[title].field_format
+          }
+        }
+        return 'text'
+      },
+      possibleValues: function() {
+        const fields = this.customFields
+        const title = this.newItemTitle
+        return fields[title].possible_values
+      }
+    },
+    mounted: function(){
+      const tracker_pulldown = document.getElementById('issue_template_tracker_id')
+      if (tracker_pulldown) {
+        document.getElementById('issue_template_tracker_id').addEventListener('change', event => {
+          if (event.target.value === '') return
+          const tracker_id = event.target.value
+          let url = baseUrl + '?tracker_id=' + tracker_id + '&template_id=' + template_id
+          fetch(url)
+            .then((response) => {
+              return response.text()
+            })
+            .then((data) => {
+              let obj = JSON.parse(data)
+              this.api_custom_fields = obj.custom_fields
+              this.updateSelectableField()
+          })
+        })
+      }
+      this.loadField()
+    },
+  })
+</script>
+<% end %>
 
-  function removeCheckList(obj) {
+<script type='text/javascript'>
+  const removeCheckList = (obj) => {
     let target = obj.closest('li')
-    target.remove();
+    target.remove()
   }
 
-  function addCheckList() {
-    let text = $('#checklist_text').val();
-    if (text == '') return false;
+  const addCheckList = () => {
+    let checkListInputText = document.getElementById('checklist_text')
+    let text = checkListInputText.value
+    if (text === '') return false
 
-    $('.checklist-item').each(function(i, elem) {
-      e = $(elem)
-      if ((text == e.val())) {
-        return;
+    let checkListItems = document.getElementsByClassName('checklist-item')
+    // NOTE: some, find, every and forEach method scan all the element and not exit this function via return.
+    for (let i = 0; i < checkListItems.length; i++) {
+      let elem = checkListItems[i]
+      if (text === elem.value) {
+        return
       }
-    })
-    addCheckListItem(text);
-    $('#checklist_text').val('');
+    }
+
+    addCheckListItem(text)
+    checkListInputText.value = ''
+  }
+
+  const addCheckListItem = (value) => {
+    let li = document.createElement('li')
+    let span = document.createElement('span')
+    span.classList.add('text')
+
+    let checkListText = document.createTextNode(value)
+    span.appendChild(checkListText);
+
+    let hidden = document.createElement('input')
+    hidden.classList.add('checklist-item')
+    hidden.value = value
+    hidden.setAttribute('type', 'hidden')
+    hidden.setAttribute('id', 'issue_template_checklist')
+    hidden.setAttribute('name', 'issue_template[checklists][]')
+
+    li.appendChild(hidden)
+
+    let removeLink = document.createElement('i')
+    removeLink.classList.add('icon', 'icon-del')
+    span.appendChild(removeLink)
+
+    li.appendChild(span)
+
+    let checklist = document.querySelector('ul.checklist')
+    checklist.appendChild(li)
+
+    removeLink.addEventListener('click', (event) => {
+      removeCheckList(event.target)
+    }, false)
   }
 
-  function addCheckListItem(value) {
-    let li = $('<li>');
-    let text = $('<span class="text">').text(value);
-    let hidden = $("<input>", {
-      type: 'hidden',
-      id: 'issue_template_checklist',
-      name: 'issue_template[checklists][]',
-      class: 'checklist-item',
-      value: value
-    }).appendTo(li);
-
-    let remove_link = $("<a>", {
-      class: 'icon icon-del',
-    });
-
-    text.append(remove_link);
-    li.append(text);
-    checklist.append(li);
-
-    $('body').on('click','.icon.icon-del', function() {
-      removeCheckList(this);
-    });
+  const copyJson = document.getElementById('paste-json')
+  if (copyJson) {
+    copyJson.addEventListener('click', (event) => {
+      const data = document.getElementById('builtin_fields_data_via_vue')
+      if (data) {
+        const text = data.innerText
+        let jsonObj = JSON.parse(text)
+        let convertObj = {}
+        jsonObj.forEach(item => { convertObj[item.title] = item.value })
+        document.getElementById('issue_template_builtin_fields').value = JSON.stringify(convertObj)
+      }
+    })
   }
 </script>
diff --git a/app/views/issue_templates/_issue_select_form.html.erb b/app/views/issue_templates/_issue_select_form.html.erb
index de56c7f8..f9f8f806 100644
--- a/app/views/issue_templates/_issue_select_form.html.erb
+++ b/app/views/issue_templates/_issue_select_form.html.erb
@@ -1,162 +1,162 @@
 <% return '' unless @issue.project.module_enabled? :issue_templates %>
 <% return '' unless User.current.allowed_to?(:show_issue_templates, @issue.project)  %>
-<div id="template_area" style="display: none;">
+<div id='template_area' style='display: none;'>
   <p>
-    <label for="issue_template"><%=h l(:issue_template)%></label>
-    <select id="issue_template" name="issue_template">
+    <label for='issue_template'><%=h l(:issue_template)%></label>
+    <select id='issue_template' name='issue_template'>
       <option value="">---</option>
     </select>
 
-    <a class="icon template_tooltip" id="link_template_dialog">
+    <a class='icon icon-hint' id='issue_template_related_link' style='display: none;' target='_blank' rel='noopener'></a>
+    <a class='icon template_tooltip' id='link_template_dialog' href='#issue_template_dialog'>
       <%=h l(:display_and_filter_issue_templates_in_dialog, default: 'Filter Templates') %>
     </a>
     <% if setting.enable_help? %>
-        <a class="icon icon-help template-help" title="<%= l(:about_template_help_message) %>"
-           data-tooltip-area="#template-help-message-area"
-           data-tooltip-content="#template_help_content">
+        <a class='icon icon-help template-help' title='<%= l(:about_template_help_message) %>'
+           data-tooltip-area='template-help-message-area'
+           data-tooltip-content='template_help_content'>
           <%= l(:label_help_message) %>
-          <span class="tooltip-area" id="template-help-message-area"></span>
+          <span class='tooltip-area' id='template-help-message-area'></span>
         </a>
     <% end %>
-    <a class="icon icon-erase" title="<%= l(:erase_issue_subject_and_description, default: 'Erase') %>" id="erase_template">
+    <a class='icon icon-erase' title='<%= l(:erase_issue_subject_and_description, default: 'Erase') %>' id='erase_template'>
       <%= l(:erase_issue_subject_and_description, default: 'Erase') %>
     </a>
-    <a class="icon icon-reload disabled" title="<%= l(:revert_before_applying_template, default: 'Revert') %>"
-       id="revert_template" disabled="disabled">
+    <a class='icon icon-reload disabled' title='<%= l(:revert_before_applying_template, default: 'Revert') %>'
+       id='revert_template' disabled='disabled'>
       <%= l(:revert_before_applying_template, default: 'Revert') %>
     </a>
-    <span id="original_subject" style="display: none;"></span>
-    <span id="original_description" style="display: none;"></span>
-    <span id="template_status-area"></span>
+    <span id='original_subject' style='display: none;'></span>
+    <span id='original_description' style='display: none;'></span>
+    <span id='template_status-area'></span>
   </p>
 
   <!-- dialog box -->
-  <div id="issue_template_dialog" style="overflow:visible; display: none;">
-    <label for="template_search_filter">
-      <%=h l(:label_filter_template, default: 'Filter template:') %>
-    </label>
-    <input type="text" name="template_search_filter"
-           id="template_search_filter" class="autocomplete">
-    <div id="filtered_templates_list"></div>
+  <div id='issue_template_dialog' class='overlay'>
+    <div class='popup'>
+      <div class='header_wrapper'>
+        <div class='popup_header'>
+          <h2><span id='issue_template_dialog_title'></span><a class="close" href="#">&times;</a></h2>
+        </div>
+      </div>
+      <label for='template_search_filter'>
+        <%=h l(:label_filter_template, default: 'Filter template:') %>
+      </label>
+       <input type='text' name='template_search_filter'
+           id='template_search_filter' class='autocomplete'>
+      <div id='filtered_templates_list'></div>
+    </div>
   </div>
 
-  <div id="issue_template_confirm_to_replace_dialog" style="overflow:visible; display: none;">
-    <label>
-      <%=h l(:label_msg_confirm_to_replace) %>
-    </label>
-    <p/>
-    <label><input type="checkbox" id="issue_template_confirm_to_replace_hide_dialog">
-      <%= h l(:label_hide_confirm_dialog_in_the_future,
-              default: "Hide this confirmation in the future, just overwrite.") %>
-    </label>
-    </span>
+  <div id='issue_template_confirm_to_replace_dialog' class='overlay'>
+    <a id='issue_template_confirm_to_replace_dialog_cancel' class='cancel' target='#'></a>
+    <div class='popup small'>
+      <p><b><%=h l(:label_msg_confirm_to_replace) %></b></p>
+      <p><input type='checkbox' id='issue_template_confirm_to_replace_hide_dialog'>
+        <%= h l(:label_hide_confirm_dialog_in_the_future,
+              default: 'Hide this confirmation in the future, just overwrite.') %>
+      </p>
+      <div class='footer_wrapper'>
+        <div class='popup_footer' style='text-align: center;'>
+          <i id='overwrite_yes' class='overwrite_confirm_btn'><%=h l(:general_text_Yes) %></i>
+          <i id='overwrite_no' class='overwrite_confirm_btn'><%=h l(:general_text_No) %></i>
+        </div>
+      </div>
+    </div>
   </div>
   <!-- dialog box -->
 
-  <div class="wiki" id="template_help_content" style="display: none;">
+  <div class='wiki' id='template_help_content' style='display: none;'>
     <%= textilizable(setting.help_message) %>
   </div>
 </div>
-<script type="text/javascript">
-    //<![CDATA[
-    $(function() {
-        var templateNS = templateNS || new ISSUE_TEMPLATE();
-        let pulldown_url = '<%= pulldown_url %>';
-        let tracker = '<%= @issue.tracker.id %>';
-        templateNS.set_pulldown(tracker, pulldown_url);
-
-        $('#template_area').insertBefore($('#issue_subject').parent());
-
-        $("#issue_template").change(function(){
-            let is_triggered_by = '<%= is_triggered_by %>';
-            let load_url = '<%= url_for(controller: 'issue_templates', action: 'load',
-                project_id: project_id, is_triggered_by: is_triggered_by) %>';
-            let should_replaced = '<%= setting.should_replaced %>';
-            let confirmation = '<%=h l(:label_confirmation) %>';
-            let general_text_Yes = '<%=h l(:general_text_Yes) %>';
-            let general_text_No = '<%=h l(:general_text_No) %>';
-            let confirm_message = undefined;
-            if (should_replaced) {
-                confirm_message = '<%=h l(:label_template_applied, default: "Issue template is applied. You can revert with click 'Revert' link.") %>';
+<script type='text/javascript'>
+  //<![CDATA[
+    let pulldown_url = '<%= pulldown_url %>'
+    let tracker = '<%= @issue.tracker.id %>'
+    let is_triggered_by = '<%= is_triggered_by %>'
+    let load_url = '<%= url_for(controller: 'issue_templates', action: 'load',
+        project_id: project_id, is_triggered_by: is_triggered_by) %>'
+    let should_replaced = '<%= setting.should_replaced %>'
+    let confirmToReplace = true
+    let confirmation = '<%=h l(:label_confirmation) %>'
+    let general_text_Yes = '<%=h l(:general_text_Yes) %>'
+    let general_text_No = '<%=h l(:general_text_No) %>'
+    let confirm_message = undefined
+    if (should_replaced) {
+      confirm_message = '<%=h l(:label_template_applied, default: "Issue template is applied. You can revert with click 'Revert' link.") %>'
+    }
+
+    let templateNS = new ISSUE_TEMPLATE(
+      pulldown_url, load_url, confirm_message, should_replaced, confirmToReplace,
+      confirmation, general_text_Yes, general_text_No, is_triggered_by
+    )
+
+    templateNS.set_pulldown(tracker)
+
+    document.getElementById('issue_template').addEventListener('change', (event) => {
+      templateNS.changeTemplatePlace()
+      templateNS.load_template()
+    })
+
+    // Show dialog
+    document.getElementById('link_template_dialog').addEventListener('click', (event) => {
+      let template_list_url = '<%= url_for(controller: 'issue_templates',
+        action:'list_templates', project_id: project_id, issue_tracker_id: @issue.tracker.id) %>'
+      let template_list_title = '<%= "#{l(:issue_template)}: #{@issue.tracker.name}".html_safe %>'
+
+      templateNS.openDialog(template_list_url, template_list_title)
+    })
+
+    // revert template
+    document.getElementById('revert_template').addEventListener('click', (event) => {
+      templateNS.revertAppliedTemplate()
+    })
+
+    document.getElementById('erase_template').addEventListener('click', (event) => {
+      templateNS.eraseSubjectAndDescription()
+    })
+
+   // keydown keyup
+    document.querySelector("input[name='template_search_filter']").addEventListener('keydown', (event) => {
+      templateNS.filterTemplate(event)
+    })
+
+    document.querySelector("input[name='template_search_filter']").addEventListener('keyup', (event) => {
+      templateNS.filterTemplate(event)
+    })
+
+    // NOTE: Workaround for GitHub issue: 193
+    // Start observing the target node for configured mutations
+    try {
+      if (CKEDITOR.instances) {
+        // Create an observer instance linked to the callback function
+        let observer = new MutationObserver(callback)
+
+        // Select the node that will be observed for mutations
+        let targetNode = document.querySelector('#issue_description_and_toolbar')
+
+        // Options for the observer (which mutations to observe)
+        let config = { attributes: true, childList: true, characterData: true, subtree: true }
+
+        // Callback function to execute when mutations are observed
+        let callback = function (mutationsList) {
+          for (let i = 0, len = mutationsList.length; i < len; ++i) {
+            let mutation = mutationsList[i]
+            if (mutation.type === 'attributes') {
+              console.log('The ' + mutation.attributeName + ' attribute was modified.')
+              if (mutation.target.className == 'cke_contents cke_reset') {
+                // Wait for a while til CKE Editor's textarea is rendered, and after that
+                // apply template text.
+                setTimeout('templateNS.replaceCkeContent()', 200)
+                observer.disconnect()
+              }
             }
-
-            templateNS.load_template(load_url, confirm_message, should_replaced, false, confirmation, general_text_Yes, general_text_No);
-        });
-
-        // Show dialog
-        $('#link_template_dialog').click(function() {
-            let template_list_url = '<%= url_for(controller: 'issue_templates',
-                action:'list_templates', project_id: project_id, issue_tracker_id: @issue.tracker.id) %>';
-            let template_list_title = '<%= "#{l(:issue_template)}: #{@issue.tracker.name}".html_safe %>';
-
-            templateNS.openDialog(template_list_url, template_list_title);
-        });
-
-        // revert template
-        $('#revert_template').click(function() {
-            templateNS.revertAppliedTemplate();
-        });
-
-        $('#erase_template').click(function() {
-            templateNS.eraseSubjectAndDescription();
-        });
-
-        // Hide overwrite confirmation dialog using cookie.
-        $('#issue_template_confirm_to_replace_hide_dialog').click(function () {
-          if ($(this).is(':checked')) {
-            // NOTE: Use document.cookie because Redmine itself does not use jquery.cookie.js.
-            document.cookie = 'issue_template_confirm_to_replace_hide_dialog=1';
-          } else {
-            document.cookie = 'issue_template_confirm_to_replace_hide_dialog=0';
           }
-        });
-
-        $("input[name='template_search_filter']").on("keydown keyup",function(){
-            let cols = $('.template_data');
-            let searchWord = $(this).val();
-            reg = new RegExp(searchWord,'gi');
-            cols.each(function(i,val){
-                let col_name = $(val).children('td').text();
-                if (col_name.match(reg)) {
-                    $(val).show();
-                } else {
-                    $(val).hide();
-                }
-            })
-        });
-
-        // NOTE: Workaround for GitHub issue: 193
-        // Start observing the target node for configured mutations
-        try {
-            if (CKEDITOR.instances) {
-                // Create an observer instance linked to the callback function
-                let observer = new MutationObserver(callback);
-
-                // Select the node that will be observed for mutations
-                let targetNode = document.querySelector('#issue_description_and_toolbar');
-
-                // Options for the observer (which mutations to observe)
-                let config = {attributes: true, childList: true, characterData: true, subtree: true};
-
-                // Callback function to execute when mutations are observed
-                let callback = function (mutationsList) {
-                    for (let i = 0, len = mutationsList.length; i < len; ++i) {
-                        let mutation = mutationsList[i];
-                        if (mutation.type === 'attributes') {
-                            console.log('The ' + mutation.attributeName + ' attribute was modified.');
-                            if (mutation.target.className == 'cke_contents cke_reset') {
-                                // Wait for a while til CKE Editor's textarea is rendered, and after that
-                                // apply template text.
-                                setTimeout('templateNS.replaceCkeContent()', 200);
-                                observer.disconnect();
-                            }
-                        }
-                    }
-                };
-                observer.observe(targetNode, config);
-            }
-        } catch (e) {
-            // do nothing.
         }
-    });
+        observer.observe(targetNode, config)
+      }
+    } catch (e) {
+      // do nothing.
+    }
 </script>
diff --git a/app/views/issue_templates/_list_templates.api.rsb b/app/views/issue_templates/_list_templates.api.rsb
index 57f51248..a6786ba9 100644
--- a/app/views/issue_templates/_list_templates.api.rsb
+++ b/app/views/issue_templates/_list_templates.api.rsb
@@ -51,7 +51,7 @@ api.array :issue_templates do
       api.position template.position
       api.updated_on template.updated_on
       api.created_on template.created_on
-      api.updated_on template.updated_on 
+      api.updated_on template.updated_on
     end
   end
 end
diff --git a/app/views/issue_templates/_list_templates.html.erb b/app/views/issue_templates/_list_templates.html.erb
index a1160a91..78cb4fa9 100644
--- a/app/views/issue_templates/_list_templates.html.erb
+++ b/app/views/issue_templates/_list_templates.html.erb
@@ -1,4 +1,4 @@
-<table class="list template_list">
+<table class='list template_list'>
   <thead>
   <tr>
     <th><%=h l(:issue_template_name) %></th>
@@ -9,7 +9,7 @@
   </tr>
   </thead>
 <% issue_templates.each do |template| %>
-      <tr class="<%= cycle('odd', 'even') %> template_data">
+      <tr class='<%= cycle('odd', 'even') %> template_data'>
         <td>
           <%= template.title %>
         </td>
@@ -17,18 +17,23 @@
           <%= template.issue_title %>
         </td>
         <td>
-          <div class="template_tooltip_wrapper">
-            <a class="icon template_tooltip" href="#" title="<%= l(:label_preview) %>"></a>
-            <div class="wiki template_tooltip_body">
-              <span class="title"><%= template.title %></span>
+          <div class='template_tooltip_wrapper'>
+            <a class='icon template_tooltip' href='#' title='<%= l(:label_preview) %>'></a>
+            <div class='wiki template_tooltip_body'>
+              <span class='title'><%= template.title %></span>
               <%= textilizable(template.description) %>
+              <% if template.related_link.present? %>
+                <hr/>
+                <%= link_to template.link_title.present? ? template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                    template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+              <% end %>
             </div>
           </div>
         </td>
-        <td class="center"><%= checked_image template.is_default? %></td>
+        <td class='center'><%= checked_image template.is_default? %></td>
         <td>
-          <a data-issue-template-id="<%= template.id %>"
-             class="icon icon-test template-update-link"></a>
+          <i data-issue-template-id='<%= template.id %>'
+             class='icon icon-test template-update-link'></i>
         </td>
       </tr>
 <% end %>
@@ -41,23 +46,28 @@
           <%= template.issue_title %>
         </td>
         <td>
-          <div class="template_tooltip_wrapper">
-            <a class="icon template_tooltip" href="#" title="<%= l(:label_preview) %>"></a>
-            <div class="wiki template_tooltip_body">
+          <div class='template_tooltip_wrapper'>
+            <a class='icon template_tooltip' href='#' title='<%= l(:label_preview) %>'></a>
+            <div class='wiki template_tooltip_body'>
               <span class="title"><%= template.title %></span>
               <%= textilizable(template.description) %>
+              <% if template.related_link.present? %>
+                <hr/>
+                <%= link_to template.link_title.present? ? template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                    template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+              <% end %>
             </div>
           </div>
         </td>
-        <td class="center"><%= checked_image template == default_template %></td>
+        <td class='center'><%= checked_image template == default_template %></td>
         <td>
-          <a data-issue-template-id="<%= template.id %>"
-             class="icon icon-test template-update-link"></a>
+          <i data-issue-template-id='<%= template.id %>'
+             class='icon icon-test template-update-link'></i>
         </td>
       </tr>
 <% end %>
 <% global_issue_templates.each do |template| %>
-      <tr class="<%= cycle('odd', 'even') %> template_data">
+      <tr class='<%= cycle('odd', 'even') %> template_data'>
         <td>
           <%= template.title %>
         </td>
@@ -65,25 +75,34 @@
           <%= template.issue_title %>
         </td>
         <td>
-          <div class="template_tooltip_wrapper">
-            <a class="icon template_tooltip" href="#" title="<%= l(:label_preview) %>"></a>
-            <div class="wiki template_tooltip_body">
-              <span class="title"><%= template.issue_title %></span>
+          <div class='template_tooltip_wrapper'>
+            <a class='icon template_tooltip' href='#' title='<%= l(:label_preview) %>'></a>
+            <div class='wiki template_tooltip_body'>
+              <span class='title'><%= template.issue_title %></span>
               <%= textilizable(template.description) %>
+              <% if template.related_link.present? %>
+                <hr/>
+                <%= link_to template.link_title.present? ? template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                    template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+              <% end %>
             </div>
           </div>
         </td>
-        <td class="center"><%= checked_image template == default_template %></td>
+        <td class='center'><%= checked_image template == default_template %></td>
         <td>
-          <a data-issue-template-id="<%= template.id %>"
-             class="icon icon-test template-update-link template-global"></a>
+          <i data-issue-template-id='<%= template.id %>'
+             class='icon icon-test template-update-link template-global cursor: pointer;'></i>
         </td>
       </tr>
 <% end %>
 </table>
+
 <script type="text/javascript">
-$(document).ready(function () {
-  // set plugin
-  $('a.template-update-link').issueTemplate('updateTemplateSelect');
-});
+const templateElements = document.querySelectorAll('i.template-update-link')
+const templateNS = new ISSUE_TEMPLATE()
+Array.from(templateElements).forEach(el => {
+  el.addEventListener('click',  (event) => {
+    templateNS.updateTemplateSelect(event)
+  })
+})
 </script>
diff --git a/app/views/issue_templates/_note_form.html.erb b/app/views/issue_templates/_note_form.html.erb
index 67135f66..06f6b3b6 100644
--- a/app/views/issue_templates/_note_form.html.erb
+++ b/app/views/issue_templates/_note_form.html.erb
@@ -6,19 +6,22 @@
   project_id = issue&.project_id
   tracker_id = issue&.tracker_id
 %>
-<div id="<%= element_id %>">
-  <label for="select_note_template" style="font-weight: bold;">
+<div id='<%= element_id %>'>
+  <label for='select_note_template' style='font-weight: bold;'>
     <%=h l(:label_template_for_note, default: 'Template for note') %>
   </label>
-  <a class="icon template_tooltip" id='link_<%= element_id %>_dialog' href="#<%= element_id %>_dialog">
+  <a class='icon template_tooltip' id='link_<%= element_id %>_dialog' href='#<%= element_id %>_dialog'>
     <%=h l(:display_and_filter_issue_templates_in_dialog, default: 'Filter Templates') %>
   </a>
   <!-- dialog box -->
-  <div id="<%= element_id %>_dialog" class="overlay">
-    <div class="popup">
-      <h2><%=h l(:label_template_for_note, default: 'Select template for note') %></h2>
-      <a class="close" href="#">&times;</a>
-      <div class="filtered_templates_list">
+  <div id='<%= element_id %>_dialog' class='overlay'>
+    <div class='popup'>
+     <div class='header_wrapper'>
+       <div class='popup_header'>
+         <h2><%=h l(:label_template_for_note, default: 'Select template for note') %>  <a class="close" href="#">&times;</a></h2>
+       </div>
+     </div>
+      <div class='filtered_templates_list'>
         <!-- Replaced contemts -->
       </div>
     </div>
@@ -26,35 +29,35 @@
 </div>
 
 
-<script type="text/javascript">
+<script type='text/javascript'>
 
-var element_id = "<%= element_id %>";
-var select_id = "select_" + "<%= element_id %>";
-var content = document.querySelectorAll('#' + element_id);
+let element_id = '<%= element_id %>'
+let select_id = 'select_' + '<%= element_id %>'
+let content = document.querySelectorAll('#' + element_id)
 
-if (content.length == 1) {
-  if (element_id == 'template_issue_notes') {
-    element = content[0].closest('fieldset');
-    element.insertBefore(content[0], element.firstChild);
+if (content.length === 1) {
+  if (element_id === 'template_issue_notes') {
+    element = content[0].closest('fieldset')
+    element.insertBefore(content[0], element.firstChild)
   } else {
-    element = content[0].closest('form');
-    element.insertBefore(content[0], element.firstChild);
+    element = content[0].closest('form')
+    element.insertBefore(content[0], element.firstChild)
   }
 }
 
 function setDescription(target, value) {
-  var element = document.getElementById(target);
+  let element = document.getElementById(target)
   if (element.value.length === 0) {
-    element.value = value;
+    element.value = value
   } else {
-    element.value += '\n\n' + value;
+    element.value += '\n\n' + value
   }
-  element.focus();
+  element.focus()
 
   try {
     if (CKEDITOR.instances.issue_notes) {
-      CKEDITOR.instances.issue_notes.setData(value);
-      CKEDITOR.instances.issue_notes.focus();
+      CKEDITOR.instances.issue_notes.setData(value)
+      CKEDITOR.instances.issue_notes.focus()
     }
   } catch (e) {
     // do nothing.
@@ -62,49 +65,49 @@ function setDescription(target, value) {
 }
 
 // Show dialog
-var dialog_link = document.getElementById('link_<%= element_id %>_dialog');
+let dialog_link = document.getElementById('link_<%= element_id %>_dialog')
 dialog_link.addEventListener("click",function() {
-  var template_list_url = '<%= url_for(controller: 'note_templates',
-        action:'list_templates', project_id: project_id, tracker_id: tracker_id) %>';
-  var token = document.querySelectorAll('#issue-form input[name="authenticity_token"]')[0];
+  let template_list_url = '<%= url_for(controller: 'note_templates',
+        action:'list_templates', project_id: project_id, tracker_id: tracker_id) %>'
+  let token = document.querySelectorAll('#issue-form input[name="authenticity_token"]')[0]
 
-  var req = new XMLHttpRequest();
+  let req = new XMLHttpRequest()
   req.onreadystatechange = function() {
-    if (req.readyState == 4) {
-      if (req.status == 200) {
-        var value = req.responseText;
+    if (req.readyState === 4) {
+      if (req.status === 200) {
+        let value = req.responseText
         // replace here!
-        var target = document.querySelectorAll('#<%= element_id %>_dialog .popup .filtered_templates_list')[0];
-        target.innerHTML = value;
+        let target = document.querySelectorAll('#<%= element_id %>_dialog .popup .filtered_templates_list')[0]
+        target.innerHTML = value
       }
     }
   }
-  req.open('GET', template_list_url, true);
-  req.setRequestHeader('X-CSRF-Token', token.value);
-  req.send();
-},false);
+  req.open('GET', template_list_url, true)
+  req.setRequestHeader('X-CSRF-Token', token.value)
+  req.send()
+}, false)
 
 
 function applyNoteTemplate(event, template_id) {
-  var JSONdata = {
+  let JSONdata = {
     note_template: { note_template_id: template_id }
-  };
-  var token = document.querySelectorAll('#issue-form input[name="authenticity_token"]')[0];
-  var req = new XMLHttpRequest();
+  }
+  let token = document.querySelectorAll('#issue-form input[name="authenticity_token"]')[0]
+  let req = new XMLHttpRequest()
   req.onreadystatechange = function() {
-    var container = event.closest('div.overlay');
-    var target = container.id.replace('template_', '');
-    target = target.replace('_dialog', '');
-    if (req.readyState == 4) {
-      if (req.status == 200) {
-        var value = JSON.parse(req.responseText);
-        setDescription(target, value.note_template.description);
+    let container = event.closest('div.overlay')
+    let target = container.id.replace('template_', '')
+    target = target.replace('_dialog', '')
+    if (req.readyState === 4) {
+      if (req.status === 200) {
+        let value = JSON.parse(req.responseText)
+        setDescription(target, value.note_template.description)
       }
     }
   }
-  req.open('POST', '<%= load_note_templates_path %>', true);
-  req.setRequestHeader('X-CSRF-Token', token.value);
-  req.setRequestHeader("Content-Type", "application/json");
-  req.send(JSON.stringify(JSONdata));
+  req.open('POST', '<%= load_note_templates_path %>', true)
+  req.setRequestHeader('X-CSRF-Token', token.value)
+  req.setRequestHeader('Content-Type', 'application/json')
+  req.send(JSON.stringify(JSONdata))
 }
 </script>
diff --git a/app/views/issue_templates/_template_pulldown.html.erb b/app/views/issue_templates/_template_pulldown.html.erb
index f04b553e..46d78525 100644
--- a/app/views/issue_templates/_template_pulldown.html.erb
+++ b/app/views/issue_templates/_template_pulldown.html.erb
@@ -1,33 +1,5 @@
-<script type="text/javascript">
-    var length = $('#issue_template > optgroup > option').length;
-    if (length < 1) {
-        $('#template_area').hide();
-        <% if is_triggered_by.blank? || (is_triggered_by.present? && is_triggered_by == 'issue_tracker_id') %>
-        if ($('#issue-form.new_issue').length > 0 && <%= should_replaced %> === true) {
-          // Uncaught ReferenceError: templateNS is not defined
-          if (typeof templateNS !== 'undefined') {
-            templateNS.eraseSubjectAndDescription();
-          }
-        }
-        <% end %>
-    } else {
-        $('#template_area').show();
-    }
-</script>
-<option value="">---</option>
-<optgroup label="<%=h @tracker.name %>">
+<option value=''>---</option>
+<optgroup label='<%=h @tracker.name %>'>
   <%= options_for_template_pulldown(grouped_options) %>
 </optgroup>
-<% if is_triggered_by.blank? || (is_triggered_by.present? && is_triggered_by == 'issue_tracker_id') %>
-    <script type="text/javascript">
-        let load_url = '<%= url_for(controller: 'issue_templates', action: 'load', project_id: @project) %>';
-        let should_replaced = '<%= should_replaced %>';
-        let confirm_msg = "<%=h escape_javascript((l(:defaulf_template_loaded, tracker: @tracker))) %>";
-        let confirmation = '<%=h l(:label_confirmation) %>';
-        let general_text_Yes = '<%=h l(:general_text_Yes) %>';
-        let general_text_No = '<%=h l(:general_text_No) %>';
 
-        var templateNS = templateNS || new ISSUE_TEMPLATE();
-        templateNS.load_template(load_url, confirm_msg, should_replaced, false, confirmation, general_text_Yes, general_text_No);
-    </script>
-<% end %>
diff --git a/app/views/issue_templates/index.html.erb b/app/views/issue_templates/index.html.erb
index cdc8da1d..ebb6ffca 100644
--- a/app/views/issue_templates/index.html.erb
+++ b/app/views/issue_templates/index.html.erb
@@ -1,29 +1,29 @@
-<h2 class="issue_template"><%=h "#{l(:issue_template)}" %></h2>
-<%= render partial: "common/nodata", locals: { trackers: tracker_ids } %>
-<div class="contextual issue_templates">
+<h2 class='issue_template'><%=h "#{l(:issue_template)}" %></h2>
+<%= render partial: 'common/nodata', locals: { trackers: tracker_ids } %>
+<div class='contextual issue_templates'>
   <%= link_to_if_authorized(l(:label_new_templates),
                             { controller: 'issue_templates', action: 'new', project_id: @project },
                               class: 'icon icon-add') %>
 </div>
-<div style="clear:both;"></div>
+<div style='clear: both;'></div>
 
 <% if @notice -%>
-  <div class="flash notice"><%= @notice -%></div>
+  <div class='flash notice'><%= @notice -%></div>
 <% end -%>
 
 
 <% if @template_map.empty? %>
-    <div class="template_box">
+    <div class='template_box'>
       <%= l(:no_issue_templates_for_this_project) %>
     </div>
 <% end %>
 
 <% @template_map.each_key do |tracker| %>
-    <div class="template_box">
-      <h3 class="template_tracker"><%= tracker.name %></h3>
+    <div class='template_box'>
+      <h3 class='template_tracker'><%= tracker.name %></h3>
       <%= non_project_tracker_msg(project_tracker?(tracker, @project)) %>
 
-      <table class="list issues table-sortable">
+      <table class='list issues table-sortable'>
         <thead>
         <tr>
           <th>#</th>
@@ -41,7 +41,7 @@
         </thead>
         <tbody>
         <% @template_map[tracker].each do |issue_template| %>
-            <tr class="<%= cycle('odd', 'even') %> issue_template issue">
+            <tr class='<%= cycle('odd', 'even') %> issue_template issue'>
               <td>
                 <%= link_to h(issue_template.id),
                             { controller: :issue_templates, action: 'show',
@@ -49,29 +49,34 @@
                             },
                             { title: issue_template.note } %>
               </td>
-              <td class="hideable template_title">
+              <td class='hideable template_title'>
                 <%= link_to h(issue_template.title),
                             { controller: 'issue_templates',
                               id: issue_template.id, action: 'show' },
                             { title: "#{html_escape(issue_template.note) }"} %>
               </td>
               <td>
-                <div class="template_tooltip_wrapper">
-                  <a class="icon template_tooltip" title="<%= l(:label_preview) %>"></a>
-                  <div class="wiki template_tooltip_body">
+                <div class='template_tooltip_wrapper'>
+                  <a class='icon template_tooltip' title='<%= l(:label_preview) %>'></a>
+                  <div class='wiki template_tooltip_body'>
                     <span class="title"><%= issue_template.title %></span>
                     <%= textilizable(issue_template.description) %>
+                    <% if issue_template.related_link.present? %>
+                      <hr/>
+                      <%= link_to issue_template.link_title.present? ? issue_template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                          issue_template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+                    <% end %>
                   </div>
                 </div>
               </td>
               <td class='hideable'><%=h issue_template.tracker.name %></td>
               <td class='hideable'><%=h issue_template.author %></td>
               <td class='hideable'><%= format_time(issue_template.updated_on)%> </td>
-              <td class="center"><%= checked_image issue_template.is_default? %></td>
-              <td class="center"><%= checked_image issue_template.enabled? %></td>
+              <td class='center'><%= checked_image issue_template.is_default? %></td>
+              <td class='center'><%= checked_image issue_template.enabled? %></td>
 
               <% if authorize_for('issue_templates', 'edit') %>
-                <td class="buttons">
+                <td class='buttons'>
                   <%= reorder_handle(issue_template,
                                       url: url_for(:controller => 'issue_templates',
                                                   :action => 'update', :id => issue_template.id,
@@ -84,16 +89,17 @@
       </table>
     </div>
     <%= javascript_tag do %>
-        $(function() { $("table.table-sortable tbody").positionedItems(); });
+      // NOTE: Sortable feature depends on Redmine's sorting jQuery plugin.
+      $(function() { $('table.table-sortable tbody').positionedItems() })
     <% end %>
 <% end %>
 
 
 <% unless @inherit_templates.blank? %>
-<h2 class="issue_template"><%=h "#{l(:label_inherited_templates)}" %></h2>
-  <div class="template_box">
+<h2 class='issue_template'><%=h "#{l(:label_inherited_templates)}" %></h2>
+  <div class='template_box'>
 
-        <table class="list issues">
+        <table class='list issues'>
           <thead>
           <tr>
             <th>#</th>
@@ -108,7 +114,7 @@
           </thead>
           <tbody>
           <% @inherit_templates.each do |issue_template| %>
-              <tr class="<%= cycle('odd', 'even') %> issue_template issue">
+              <tr class='<%= cycle('odd', 'even') %> issue_template issue'>
                 <td>
                   <%= link_to h(issue_template.id),
                               { controller: 'issue_templates',
@@ -116,7 +122,7 @@
                                 project_id: issue_template.project_id },
                               { title: issue_template.note } %>
                 </td>
-                <td class="hideable template_title">
+                <td class='hideable template_title'>
                   <%= link_to h(issue_template.title),
                               { controller: 'issue_templates',
                                 project_id: issue_template.project_id,
@@ -124,23 +130,34 @@
                               { title: "#{html_escape(issue_template.note)}" } %>
                 </td>
                 <td>
-                  <div class="template_tooltip_wrapper">
-                    <a class="icon template_tooltip" title="<%= l(:label_preview) %>"></a>
-                    <div class="wiki template_tooltip_body">
-                      <span class="title"><%=h issue_template.title %></span>
+                  <div class='template_tooltip_wrapper'>
+                    <a class='icon template_tooltip' title='<%= l(:label_preview) %>'></a>
+                    <div class='wiki template_tooltip_body'>
+                      <span class='title'><%=h issue_template.title %></span>
                       <%=h textilizable(issue_template.description) %>
+                      <% if issue_template.related_link.present? %>
+                        <hr/>
+                        <%= link_to issue_template.link_title.present? ? issue_template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                            issue_template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+                      <% end %>
                     </div>
                   </div>
                 </td>
                 <td class='hideable'><%=h issue_template.tracker.name %></td>
                 <td class='hideable'><%=h issue_template.author %></td>
                 <td class='hideable'><%=h format_time(issue_template.updated_on)%> </td>
-                <td class="center"><%= checked_image issue_template.is_default? %></td>
-                <td class="center"><%= checked_image issue_template.enabled? %></td>
+                <td class='center'><%= checked_image issue_template.is_default? %></td>
+                <td class='center'><%= checked_image issue_template.enabled? %></td>
               </tr>
-              <tr class="<%= current_cycle %>" style="display: none;" id="template_description-<%= issue_template.id %>">
+              <tr class='<%= current_cycle %>' style='display: none;' id='template_description-<%= issue_template.id %>'>
                 <td class="description" colspan="8">
-                  <div class="wiki"><%=h textilizable(issue_template.description) %></div></td>
+                  <div class="wiki"><%=h textilizable(issue_template.description) %>
+                  <hr/>
+                  <%= link_to_if issue_template.related_link.present?,
+                    issue_template.link_title.present? ? issue_template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                    issue_template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+                  </div>
+                </td>
               </tr>
           <% end %>
           </tbody>
@@ -149,12 +166,12 @@
  <% end %>
 
 <% unless  @global_issue_templates.blank? %>
-    <h2 class="issue_template"><%=h "#{l(:global_issue_templates)}" %></h2>
-    <div class="template_box">
+    <h2 class='issue_template'><%=h "#{l(:global_issue_templates)}" %></h2>
+    <div class='template_box'>
 
       <% if apply_all_projects %>
           <p>
-            <i class="issue_template icon settings"></i>
+            <i class='issue_template icon settings'></i>
             <span class="issue_template help_content">
               <%= l(:note_apply_global_template_to_all_projects_setting_enabled) %><br/>
               <%= l(:note_project_local_template_override_global_template) %>
@@ -163,7 +180,7 @@
       <% end %>
 
       <%= l(:only_admin_can_associate_global_template) %>
-      <table class="list issues">
+      <table class='list issues'>
         <thead>
         <tr>
           <th>#</th>
@@ -177,7 +194,7 @@
         </thead>
         <tbody>
         <% @global_issue_templates.each do |issue_template| %>
-            <tr class="<%= cycle('odd', 'even') %> issue_template issue">
+            <tr class='<%= cycle('odd', 'even') %> issue_template issue'>
               <td>
                 <% if User.current.admin? %>
                     <%= link_to h(issue_template.id),
@@ -189,18 +206,23 @@
                 <% end %>
                </td>
 
-              <td class="hideable template_title">
+              <td class='hideable template_title'>
                 <%= link_to h(issue_template.title),
                             { controller: 'global_issue_templates',
                               id: issue_template.id, action: 'show' },
                             { title: "#{html_escape(issue_template.note)}" } %>
               </td>
               <td>
-                <div class="template_tooltip_wrapper">
-                  <a class="icon template_tooltip" title="<%= l(:label_preview) %>"></a>
-                  <div class="wiki template_tooltip_body">
-                    <span class="title"><%=h issue_template.title %></span>
+                <div class='template_tooltip_wrapper'>
+                  <a class='icon template_tooltip' title='<%= l(:label_preview) %>'></a>
+                  <div class='wiki template_tooltip_body'>
+                    <span class='title'><%=h issue_template.title %></span>
                     <%=h textilizable(issue_template.description) %>
+                    <% if issue_template.related_link.present? %>
+                      <hr/>
+                      <%= link_to issue_template.link_title.present? ? issue_template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                          issue_template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+                    <% end %>
                   </div>
                 </div>
               </td>
@@ -215,11 +237,18 @@
               </td>
               <td class='hideable'><%=h issue_template.author %></td>
               <td class='hideable'><%=h format_time(issue_template.updated_on)%> </td>
-              <td class="center"><%= checked_image issue_template.is_default? %></td>
+              <td class='center'><%= checked_image issue_template.is_default? %></td>
             </tr>
-            <tr class="<%= current_cycle %>" style="display: none;" id="global_template_description-<%= issue_template.id %>">
-              <td class="description" colspan="8">
-                <div class="wiki"><%=h textilizable(issue_template.description) %></div></td>
+            <tr class='<%= current_cycle %>' style='display: none;' id='global_template_description-<%= issue_template.id %>'>
+              <td class='description' colspan='8'>
+                <div class="wiki"><%=h textilizable(issue_template.description) %>
+                <% if issue_template.related_link.present? %>
+                  <hr/>
+                  <%= link_to issue_template.link_title.present? ? issue_template.link_title : l(:issue_template_related_link, default: 'Related link'),
+                      issue_template.related_link, target: '_blank', rel: 'nofollow noopener', class: 'external' %>
+                <% end %>
+                </div>
+              </td>
             </tr>
         <% end %>
         </tbody>
@@ -228,11 +257,13 @@
     </div>
 <% end %>
 
-<%= link_to l(:orphaned_templates, default: 'Orphaned Templates'),
-            orphaned_templates_project_issue_templates_path, remote: true,
-            id: 'orphaned_template_link', class: 'collapsible collapsed template_tooltip'
-%>
+<a id='orphaned_template_link' class='icon template_tooltip orphaned_template_link template-help collapsible collapsed'
+  title='<%= l(:orphaned_templates) %>'
+  data-template-help-target='orphaned_templates'
+  data-url='<%= orphaned_templates_project_issue_templates_path %>'>
+  <%= l(:orphaned_templates, default: 'Orphaned Templates') %>
+</a>
 
-<div id="orphaned_templates" style="display: none"></div>
+<div id='orphaned_templates' style='display: none'></div>
 
-<%= render partial: "common/template_links" %>
+<%= render partial: 'common/template_links' %>
diff --git a/app/views/issue_templates/new.html.erb b/app/views/issue_templates/new.html.erb
index c2d8f987..45f862ea 100644
--- a/app/views/issue_templates/new.html.erb
+++ b/app/views/issue_templates/new.html.erb
@@ -1,21 +1,22 @@
-<div class="contextual">
+<div class='contextual'>
   <%= link_to(l(:label_list_templates),
               { controller: 'issue_templates',
                 action: 'index', project_id: project }, class: 'icon icon-template') %>
 </div>
-<h2 class="issue_template"><%=h "#{l(:issue_templates)} / #{l(:button_add)}" %></h2>
-<%= render partial: "common/nodata", locals: { trackers: project.trackers } %>
+<h2 class='issue_template'><%=h "#{l(:issue_templates)} / #{l(:button_add)}" %></h2>
+<%= render partial: 'common/nodata', locals: { trackers: project.trackers } %>
 <% if project.trackers.any? %>
   <%= labelled_form_for :issue_template,  @issue_template,
                         url: { controller: 'issue_templates', action: 'create', project_id: project },
                         html: { id: 'issue_template-form', class: nil, multipart: false } do |f| %>
 
       <%= render 'form', { f: f, checklist_enabled: checklist_enabled,
-                            issue_template: issue_template, project: project } %>
-      <div id="preview" class="wiki"></div>
+                            issue_template: issue_template, project: project, custom_fields: custom_fields,
+                            builtin_fields_enable: builtin_fields_enable } %>
+      <div id='preview' class='wiki'></div>
       <%= submit_tag l(:button_create) %>
       <%= link_to l(:button_cancel), { action: 'index'}, data: { confirm: l(:text_are_you_sure) } %>
   <% end %>
 <% end %>
 
-<div style="float: right;"><%= render partial: "common/template_links" %></div>
\ No newline at end of file
+<div style='float: right;'><%= render partial: 'common/template_links' %></div>
\ No newline at end of file
diff --git a/app/views/issue_templates/show.html.erb b/app/views/issue_templates/show.html.erb
index d23d963f..1df405c8 100644
--- a/app/views/issue_templates/show.html.erb
+++ b/app/views/issue_templates/show.html.erb
@@ -1,58 +1,62 @@
-<div class="contextual">
+<div class='contextual'>
   <%= link_to_if_authorized l(:button_edit),
                             { controller: 'issue_templates', action: 'update', id: issue_template,
                               project_id: project },
+                            title: l(:button_edit),
                             class: 'icon icon-edit', accesskey: accesskey(:edit),
-                            onclick: "$('#edit-issue_template').show(); return false;" %>
+                            onclick: "document.getElementById('edit-issue_template').style.display = 'block'; return false;" %>
   <%= link_to l(:button_copy),
               { controller: 'issue_templates',
                 action: 'new', project_id: project, copy_from: issue_template.id },
-                class: 'icon icon-copy' %>
+                class: 'icon icon-copy', title: 'copy!' %>
   <%= link_to_if_authorized l(:button_delete),
                             { controller: 'issue_templates', action: 'destroy',
                               id: issue_template, project_id: project },
-                              data: {confirm: l(:template_remove_confirm,
-                              default: "Are you sure to remove this template? %{count} subprojects use this template.")},
                               title: l(:enabled_template_cannot_destroy, default: 'Only disabled template can be destroyed.'),
-                            method: 'delete', class: 'icon icon-del template-disabled-link', disabled: issue_template.enabled? %>
+                              data: { confirm: l(:template_remove_confirm,
+                              { count: child_project_used_count, default: 'Are you sure to remove this template? %{count} subprojects use this template.' }) },
+                            method: 'delete', class: 'icon icon-del template-disabled-link',
+                            disabled: issue_template.enabled?
+                            %>
   <%= link_to(l(:label_list_templates),
               { controller: 'issue_templates',
                 action: 'index',
                 project_id: project }, class: 'icon icon-template') %>
 </div>
 
-<h2 class="issue_template">
+<h2 class='issue_template'>
   <%= l(:issue_templates) %>: #<%= issue_template.id %> <%= issue_template.title %>
   <%= avatar(issue_template.author, size: '24') %>
 </h2>
 
-<%= render partial: "common/nodata", locals: { trackers: project.trackers } %>
+<%= render partial: 'common/nodata', locals: { trackers: project.trackers } %>
 <% if authorize_for('issue_templates', 'update') %>
-  <div id="edit-issue_template" style="<%= 'display:none;' if issue_template.valid? %>">
+  <div id='edit-issue_template'>
     <%= labelled_form_for :issue_template, issue_template,
                           url: { controller: 'issue_templates', action: 'update',
                                   project_id: project, id: issue_template },
                           html: { id: 'issue_template-form', class: nil, multipart: false } do |f| %>
 
         <%= render 'form', { f: f, checklist_enabled: checklist_enabled,
-                              issue_template: issue_template, project: project } %>
-        <div id="preview" class="wiki"></div>
+                              issue_template: issue_template, project: project,
+                              custom_fields: custom_fields, builtin_fields_enable: builtin_fields_enable } %>
+        <div id='preview' class='wiki'></div>
         <%= submit_tag l(:button_save) %>
         <%= link_to l(:button_cancel), { action: 'index' },
                       onclick: 'Element.hide("edit-issue_template"); return false;' %>
     <% end %>
     <hr/>
   </div>
-<% end %>
+<% else %>
 
 
-<div class="box tabular box-white">
+<div class='box tabular box-white'>
   <p>
     <label><%= l(:issue_template_name) %></label>
     <%= h issue_template.title %>
   </p>
-  <fieldset class="issue">
-    <legend class="issue"><%= l(:label_applied_for_issue) %></legend>
+  <fieldset class='issue'>
+    <legend class='issue'><%= l(:label_applied_for_issue) %></legend>
     <p><label><%= l(:label_tracker) %></label>
       <%= h issue_template.tracker.present? ? issue_template.tracker.name :
                 l(:orphaned_template, default: 'Orphaned template from tracker') %>
@@ -66,20 +70,20 @@
     </p>
 
     <p>
-      <strong style="margin-left: -100px;"><%= l(:issue_description) %></strong>
+      <strong style='margin-left: -100px;'><%= l(:issue_description) %></strong>
     </p>
 
-    <div class="wiki issue_template"><%= textilizable(issue_template.description) %></div>
+    <div class='wiki issue_template'><%= textilizable(issue_template.description) %></div>
     <!-- for Checklist -->
     <% if checklist_enabled %>
-        <p id="checklist_form">
+        <p id='checklist_form'>
           <label>Checklist</label>
           <ul class='checklist' style='padding-left: 180px;'>
           <% issue_template.checklist.each do |content| %>
               <li>
-                <span class="text"><%= content %></span>
-                <input type="hidden" name="issue_template[checklists][]"
-                       id="issue_template_checklist" value="<%= content %>">
+                <span class='text'><%= content %></span>
+                <input type='hidden' name='issue_template[checklists][]'
+                       id='issue_template_checklist' value='<%= content %>'>
               </li>
           <% end %>
           </ul>
@@ -92,6 +96,10 @@
     <%= issue_template.note.blank? ? l(:label_none) : issue_template.note %>
   </p>
 
+  <p><label><%= l(:issue_template_related_link, default: 'Related Link') %></label>
+    <%= issue_template.related_link.blank? ? l(:label_none) : issue_template.related_link %>
+  </p>
+
   <p><label><%= l(:field_is_default) %></label>
     <%= checked_image issue_template.is_default? %>
   </p>
@@ -102,8 +110,8 @@
 
   <p><label><%= l(:label_enabled_sharing) %></label>
     <%= checked_image issue_template.enabled_sharing? %>
-    <%= l(:label_number_of_projects_use_this_template, count: issue_template.used_projects.count,
-            default: "%{count} subprojects use this template.") unless issue_template.used_projects.count.zero? || !issue_template.enabled? %>
+    <%= l(:label_number_of_subprojects_use_this_template, {
+      count: child_project_used_count, default:  '%{count} subprojects use this template.....' }) %>
   </p>
 
   <p><label><%= l(:field_author) %></label>
@@ -114,5 +122,5 @@
   </p>
 
 </div>
-
-<%= render partial: "common/template_links" %>
\ No newline at end of file
+<% end %>
+<%= render partial: 'common/template_links' %>
diff --git a/app/views/issue_templates_settings/index.html.erb b/app/views/issue_templates_settings/index.html.erb
index 25007f64..f7cf7ca8 100644
--- a/app/views/issue_templates_settings/index.html.erb
+++ b/app/views/issue_templates_settings/index.html.erb
@@ -1,9 +1,9 @@
-<div id="issue_templates_settings">
-  <%= render partial: "common/nodata", locals: { trackers: @project.trackers } %>
+<div id='issue_templates_settings'>
+  <%= render partial: 'common/nodata', locals: { trackers: @project.trackers } %>
 
-  <h2 class="issue_template_setting"><%= l(:issue_templates_settings, default: 'Issue Templates Setting') %></h2>
+  <h2 class='issue_template_setting'><%= l(:issue_templates_settings, default: 'Issue Templates Setting') %></h2>
   <p></p>
-  <div class="template_box">
+  <div class='template_box'>
     <h2><%= l(:issue_templates_optional_settings, default: 'Templates Optional Settings') %></h2>
     <p><%= l(:about_help_message) %></p>
     <%= labelled_form_for :settings, @issue_templates_setting,
@@ -12,25 +12,25 @@
                                  setting_id: @issue_templates_setting.id },
                           html: { id: 'issue_templates_settings' } do |f| %>
         <%= error_messages_for 'issue_templates_setting' %>
-        <div class="box tabular">
+        <div class='box tabular'>
 
           <p><%= f.check_box :inherit_templates, label: l(:label_inherit_templates) %>
-            <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-               data-tooltip-area="#inherit_templates_help_area"
-               data-tooltip-content="#inherit_templates_help_content">
+            <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+               data-tooltip-area='inherit_templates_help_area'
+               data-tooltip-content='inherit_templates_help_content'>
               <%= l(:help_for_this_field) %>
-              <span class="tooltip-area" id="inherit_templates_help_area"></span>
+              <span class='tooltip-area' id='inherit_templates_help_area'></span>
             </a>
           </p>
 
           <p>
             <%= f.check_box :should_replaced, label: l(:label_should_replaced) %>
-            <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-               data-template-help-target="#should_replaced_help_content"
-               data-tooltip-area="#should_replaced_help_area"
-               data-tooltip-content="#should_replaced_help_content">
+            <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+               data-template-help-target='should_replaced_help_content'
+               data-tooltip-area='should_replaced_help_area'
+               data-tooltip-content='should_replaced_help_content'>
               <%= l(:help_for_this_field) %>
-              <span class="tooltip-area" id="should_replaced_help_area"></span>
+              <span class='tooltip-area' id='should_replaced_help_area'></span>
             </a>
           </p>
 
@@ -51,13 +51,13 @@
   </div>
 
   <!--- help content -->
-  <div id="inherit_templates_help_content" class="wiki" style="display: none;">
+  <div id='inherit_templates_help_content' class='wiki' style='display: none;'>
     <%= l(:label_inherit_templates_help_message) %>
   </div>
-  <div id="should_replaced_help_content" class="wiki" style="display: none;">
+  <div id='should_replaced_help_content' class='wiki' style='display: none;'>
     <%= l(:label_should_replaced_help_message) %>
   </div>
   <!--- help content -->
 </div>
 
-<div style="float: right;"><%= render partial: "common/template_links" %></div>
+<div style='float: right;'><%= render partial: 'common/template_links' %></div>
diff --git a/app/views/note_templates/_form.html.erb b/app/views/note_templates/_form.html.erb
index 7e7e9832..ddec555c 100644
--- a/app/views/note_templates/_form.html.erb
+++ b/app/views/note_templates/_form.html.erb
@@ -1,9 +1,9 @@
 <%= error_messages_for 'note_template' %>
-<div class="box tabular box-white">
+<div class='box tabular box-white'>
   <p><%= f.text_field :name, required: true, size: 80, label: l(:issue_template_name) %></p>
 
-  <fieldset class="issue">
-    <legend class="issue"><%= l(:label_applied_for_issue) %></legend>
+  <fieldset class='issue'>
+    <legend class='issue'><%= l(:label_applied_for_issue) %></legend>
     <p>
       <% if note_template.tracker.blank? %>
           <%= f.select :tracker_id, template_target_trackers(project, note_template),
@@ -30,9 +30,9 @@
             selected: note_template.visibility,
             required: true, label: l(:field_template_visibility) %>
     </p>
-    <p id="visible_roles_checkbox"
-      style="display: <%= note_template.visibility == 'roles' ? 'block;' : 'none;' %>">
-      <label for="note_visible_roles[role_ids]"><%= l(:label_role) %></label>
+    <p id='visible_roles_checkbox'
+      style='display: <%= note_template.visibility == 'roles' ? 'block;' : 'none;' %>'>
+      <label for='note_visible_roles[role_ids]'><%= l(:label_role) %></label>
          <% Role.givable.each do |role| %>
           <%= check_box_tag('note_template[role_ids][]',
                         role.id,
@@ -45,21 +45,21 @@
     <%= f.text_area :memo, cols: 70, rows: 3,
                     required: false,
                     label: l(:issue_template_note) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-tooltip-area="#memo_help_area"
-       data-tooltip-content="#memo_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='memo_help_area'
+       data-tooltip-content='memo_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="memo_help_area"></span>
+      <span class='tooltip-area' id='memo_help_area'></span>
     </a>
   </p>
 
   <p>
     <%= f.check_box :enabled, label: l(:label_enabled) %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-tooltip-area="#enabled_help_area"
-       data-tooltip-content="#enabled_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='enabled_help_area'
+       data-tooltip-content='enabled_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="enabled_help_area"></span>
+      <span class='tooltip-area' id='enabled_help_area'></span>
     </a>
   </p>
 </div>
@@ -67,28 +67,28 @@
 <%= wikitoolbar_for 'note_template_description' %>
 
 <!-- help content -->
-<div id="issue_title_help_content" class="wiki" style="display: none;">
+<div id='issue_title_help_content' class='wiki' style='display: none;'>
   <%= l(:help_for_issue_title) %>
 </div>
 
-<div id="enabled_help_content" class="wiki" style="display: none;">
+<div id='enabled_help_content' class='wiki' style='display: none;'>
   <%= l(:label_enabled_help_message) %>
 </div>
 
-<div id="memo_help_content" class="wiki" style="display: none;">
-  <%= l(:label_memo_help_message, default: "Please set up a note explaining when applying this template.") %>
+<div id='memo_help_content' class='wiki' style='display: none;'>
+  <%= l(:label_memo_help_message, default: 'Please set up a note explaining when applying this template.') %>
 </div>
 <!-- help content -->
 
-<script type="text/javascript">
-  const visibility_select = document.getElementById('note_template_visibility');
-  const roles_checkbox = document.getElementById('visible_roles_checkbox');
+<script type='text/javascript'>
+  const visibility_select = document.getElementById('note_template_visibility')
+  const roles_checkbox = document.getElementById('visible_roles_checkbox')
 
   visibility_select.addEventListener('change', (e) => {
     if (e.target.value == 'roles') {
-      roles_checkbox.style.display = 'block';
+      roles_checkbox.style.display = 'block'
     } else {
-      roles_checkbox.style.display = 'none';
+      roles_checkbox.style.display = 'none'
     }
-  });
+  })
 </script>
diff --git a/app/views/note_templates/_list_note_templates.html.erb b/app/views/note_templates/_list_note_templates.html.erb
index b85656f7..d53fe2db 100644
--- a/app/views/note_templates/_list_note_templates.html.erb
+++ b/app/views/note_templates/_list_note_templates.html.erb
@@ -1,4 +1,4 @@
-<table class="list template_list">
+<table class='list template_list'>
   <thead>
   <tr>
     <th><%=h l(:note_template_name, default: "Name") %></th>
@@ -12,25 +12,22 @@
           <%= template.name %>
         </td>
         <td>
-          <div class="template_tooltip_wrapper">
-            <a class="icon template_tooltip" href="#" title="<%= l(:label_preview) %>"></a>
-            <div class="wiki template_tooltip_body">
-              <span class="title"><%= template.name %></span>
+          <div class='template_tooltip_wrapper'>
+            <a class='icon template_tooltip' href='#' title='<%= l(:label_preview) %>'></a>
+            <div class='wiki template_tooltip_body'>
+              <span class='title'><%= template.name %></span>
               <%= textilizable(template.description) %>
               <hr/>
-              <span class="title"><%= l(:issue_template_note) %></span>
+              <span class='title'><%= l(:issue_template_note) %></span>
               <%= textilizable(template.try(:memo)) %>
             </div>
           </div>
         </td>
         <td>
-          <a data-note-template-id="<%= template.id %>"
-             href="#" onclick="applyNoteTemplate(this, <%= template.id %>);"
-             class="icon icon-test template-update-link"></a>
+          <a data-note-template-id='<%= template.id %>'
+             href='#' onclick='applyNoteTemplate(this, <%= template.id %>)'
+             class='icon icon-test template-update-link'></a>
         </td>
       </tr>
 <% end %>
 </table>
-<script type="text/javascript">
-
-</script>
diff --git a/app/views/note_templates/index.html.erb b/app/views/note_templates/index.html.erb
index 96f4b193..82c83028 100644
--- a/app/views/note_templates/index.html.erb
+++ b/app/views/note_templates/index.html.erb
@@ -1,28 +1,28 @@
-<h2 class="note_template"><%=h "#{l(:note_template)}" %></h2>
-<%= render partial: "common/nodata", locals: { trackers: tracker_ids } %>
-<div class="contextual note_templates">
+<h2 class='note_template'><%=h "#{l(:note_template)}" %></h2>
+<%= render partial: 'common/nodata', locals: { trackers: tracker_ids } %>
+<div class='contextual note_templates'>
   <%= link_to_if_authorized(l(:label_new_templates),
                             { controller: 'note_templates', action: 'new', project_id: @project },
                               class: 'icon icon-add') %>
 </div>
-<div style="clear:both;"></div>
+<div style='clear: both;'></div>
 
 <% if @notice -%>
-  <div class="flash notice"><%= @notice -%></div>
+  <div class='flash notice'><%= @notice -%></div>
 <% end -%>
 
 
 <% if @template_map.empty? %>
-    <div class="template_box">
+    <div class='template_box'>
       <%= l(:no_note_templates_for_this_project) %>
     </div>
 <% end %>
 
 <% @template_map.each_key do |tracker| %>
-    <div class="template_box">
-      <h3 class="template_tracker"><%= tracker.name %></h3>
+    <div class='template_box'>
+      <h3 class='template_tracker'><%= tracker.name %></h3>
 
-      <table class="list issues table-sortable">
+      <table class='list issues table-sortable'>
         <thead>
         <tr>
           <th>#</th>
@@ -39,7 +39,7 @@
         </thead>
         <tbody>
         <% @template_map[tracker].each do |note_template| %>
-            <tr class="<%= cycle('odd', 'even') %> note_template issue">
+            <tr class='<%= cycle('odd', 'even') %> note_template issue'>
               <td>
                 <%= link_to h(note_template.id),
                             { controller: :note_templates, action: 'show',
@@ -47,17 +47,17 @@
                             },
                             { title: note_template.memo } %>
               </td>
-              <td class="hideable template_title">
+              <td class='hideable template_title'>
                 <%= link_to h(note_template.name),
                             { controller: 'note_templates',
                               id: note_template.id, action: 'show' },
-                            { title: "#{html_escape(note_template.memo) }"} %>
+                            { title: "#{html_escape(note_template.memo)}" } %>
               </td>
               <td>
-                <div class="template_tooltip_wrapper">
-                  <a class="icon template_tooltip" title="<%= l(:label_preview) %>"></a>
-                  <div class="wiki template_tooltip_body">
-                    <span class="title"><%= note_template.name %></span>
+                <div class='template_tooltip_wrapper'>
+                  <a class='icon template_tooltip' title='<%= l(:label_preview) %>'></a>
+                  <div class='wiki template_tooltip_body'>
+                    <span class='title'><%= note_template.name %></span>
                     <%= textilizable(note_template.description) %>
                   </div>
                 </div>
@@ -65,10 +65,10 @@
               <td class='hideable'><%=h note_template.tracker.name %></td>
               <td class='hideable'><%=h note_template.author %></td>
               <td class='hideable'><%= format_time(note_template.updated_at)%> </td>
-              <td class="center"><%= checked_image note_template.enabled? %></td>
+              <td class='center'><%= checked_image note_template.enabled? %></td>
 
               <% if authorize_for('note_templates', 'edit') %>
-                <td class="buttons">
+                <td class='buttons'>
                   <%= reorder_handle(note_template,
                                       url: url_for(:controller => 'note_templates',
                                                   :action => 'update', :id => note_template.id,
@@ -81,8 +81,9 @@
       </table>
     </div>
     <%= javascript_tag do %>
-        $(function() { $("table.table-sortable tbody").positionedItems(); });
+      // NOTE: Sortable feature depends on Redmine's sorting jQuery plugin.
+      $(function() { $('table.table-sortable tbody').positionedItems() })
     <% end %>
 <% end %>
-<%= render partial: "common/template_links" %>
+<%= render partial: 'common/template_links' %>
 
diff --git a/app/views/note_templates/new.html.erb b/app/views/note_templates/new.html.erb
index 008d9b13..879ad8f3 100644
--- a/app/views/note_templates/new.html.erb
+++ b/app/views/note_templates/new.html.erb
@@ -1,19 +1,19 @@
-<div class="contextual">
+<div class='contextual'>
   <%= link_to(l(:label_list_templates),
               { controller: 'note_templates',
                 action: 'index', project_id: project }, class: 'icon icon-template') %>
 </div>
-<h2 class="note_template"><%=h "#{l(:note_template)} / #{l(:button_add)}" %></h2>
+<h2 class='note_template'><%=h "#{l(:note_template)} / #{l(:button_add)}" %></h2>
 <% if project.trackers.any? %>
   <%= labelled_form_for :note_template,  @note_template,
                         url: { controller: 'note_templates', action: 'create', project_id: project },
                         html: { id: 'issue_template-form', class: nil, multipart: false } do |f| %>
 
       <%= render 'form', { f: f, note_template: note_template, project: project } %>
-      <div id="preview" class="wiki"></div>
+      <div id='preview' class='wiki'></div>
       <%= submit_tag l(:button_create) %>
       <%= link_to l(:button_cancel), { action: 'index'}, data: { confirm: l(:text_are_you_sure) } %>
   <% end %>
 <% end %>
 
-<%= render partial: "common/template_links" %>
\ No newline at end of file
+<%= render partial: 'common/template_links' %>
\ No newline at end of file
diff --git a/app/views/note_templates/show.html.erb b/app/views/note_templates/show.html.erb
index 5edee1a1..0b254510 100644
--- a/app/views/note_templates/show.html.erb
+++ b/app/views/note_templates/show.html.erb
@@ -1,14 +1,14 @@
-<div class="contextual">
+<div class='contextual'>
   <%= link_to_if_authorized l(:button_edit),
                             { controller: 'note_templates', action: 'update', id: note_template,
                               project_id: project },
                             class: 'icon icon-edit', accesskey: accesskey(:edit),
-                            onclick: "$('#edit-note_template').show(); return false;" %>
+                            onclick: "document.getElementById('edit-note_template').style.display = 'inline'; return false;" %>
   <%= link_to_if_authorized l(:button_delete),
                             { controller: 'note_templates', action: 'destroy',
                               id: note_template, project_id: project },
-                              data: {confirm: l(:template_remove_confirm,
-                              default: "Are you sure to remove this template? %{count} subprojects use this template.")},
+                              data: { confirm: l(:template_remove_confirm,
+                              default: "Are you sure to remove this template? %{count} subprojects use this template.") },
                               title: l(:enabled_template_cannot_destroy, default: 'Only disabled template can be destroyed.'),
                             method: 'delete', class: 'icon icon-del template-disabled-link', disabled: note_template.enabled? %>
   <%= link_to(l(:label_list_templates),
@@ -20,37 +20,37 @@
                               class: 'icon icon-add') %>
 </div>
 
-<h2 class="note_template">
+<h2 class='note_template'>
   <%= l(:note_template) %>: #<%= note_template.id %> <%= note_template.name %>
   <%= avatar(note_template.author, size: '24') %>
 </h2>
 
-<%= render partial: "common/nodata", locals: { trackers: project.trackers } %>
+<%= render partial: 'common/nodata', locals: { trackers: project.trackers } %>
 <% if authorize_for('note_templates', 'update') %>
-  <div id="edit-note_template">
+  <div id='edit-note_template'>
     <%= labelled_form_for :note_template, note_template,
                           url: { controller: 'note_templates', action: 'update',
                                   project_id: project, id: note_template },
                           html: { id: 'note_template-form', class: nil, multipart: false } do |f| %>
 
         <%= render 'form', { f: f, note_template: note_template, project: project } %>
-        <div id="preview" class="wiki"></div>
+        <div id='preview' class='wiki'></div>
         <%= submit_tag l(:button_save) %>
         <%= link_to l(:button_cancel), { action: 'index' },
-                      onclick: 'Element.hide("edit-note_template"); return false;' %>
+                      onclick: 'Element.hide("edit-note_template"); return false' %>
     <% end %>
     <hr/>
   </div>
 <% end %>
 
 
-<div class="box tabular box-white">
+<div class='box tabular box-white'>
   <p>
     <label><%= l(:issue_template_name) %></label>
     <%= h note_template.name %>
   </p>
-  <fieldset class="issue">
-    <legend class="issue"><%= l(:label_applied_for_issue) %></legend>
+  <fieldset class='issue'>
+    <legend class='issue'><%= l(:label_applied_for_issue) %></legend>
     <p>
       <label><%= l(:label_tracker) %></label>
       <%= h note_template.tracker.name %>
@@ -62,10 +62,10 @@
     </p>
 
     <p>
-      <strong style="margin-left: -100px;"><%= l(:issue_description) %></strong>
+      <strong style='margin-left: -100px;'><%= l(:issue_description) %></strong>
     </p>
 
-    <div class="wiki note_template"><%= textilizable(note_template.description) %></div>
+    <div class='wiki note_template'><%= textilizable(note_template.description) %></div>
 
   </fieldset>
 
@@ -86,4 +86,5 @@
 
 </div>
 
-<%= render partial: "common/template_links" %>
+<%= render partial: 'common/template_links' %>
+
diff --git a/app/views/settings/_redmine_issue_templates.html.erb b/app/views/settings/_redmine_issue_templates.html.erb
index 81bc6b0f..e79e7008 100644
--- a/app/views/settings/_redmine_issue_templates.html.erb
+++ b/app/views/settings/_redmine_issue_templates.html.erb
@@ -1,30 +1,51 @@
-<div class="form-inline issue_templates">
+<div class='form-inline issue_templates'>
   <p>
-    <label for="settings_apply_global_template_to_all_projects"><%= l(:label_apply_global_template_to_all_projects) %></label>
+    <label for='settings_apply_global_template_to_all_projects'><%= l(:label_apply_global_template_to_all_projects) %></label>
     <%= hidden_field_tag("settings[apply_global_template_to_all_projects]", 0, :id => nil).html_safe %>
     <%= check_box_tag 'settings[apply_global_template_to_all_projects]', true, @settings['apply_global_template_to_all_projects'] == "true" %>
-    <a class="icon icon-help template-help" title="<%= l(:help_for_this_field) %>"
-       data-tooltip-area="#enabled__help_area"
-       data-tooltip-content="#enabled_help_content">
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='enabled_help_area'
+       data-tooltip-content='enabled_help_content'>
       <%= l(:help_for_this_field) %>
-      <span class="tooltip-area" id="enabled__help_area"></span>
+      <span class='tooltip-area' id='enabled_help_area'></span>
     </a>
   </p>
   <p>
-    <label for="settings_apply_template_when_edit_issue"><%= l(:label_use_template_when_edit) %></label>
-    <%= hidden_field_tag("settings[apply_template_when_edit_issue]", 0, :id => nil).html_safe %>
-    <%= check_box_tag 'settings[apply_template_when_edit_issue]', true, @settings['apply_template_when_edit_issue'] == "true" %>
+    <label for='settings_apply_template_when_edit_issue'><%= l(:label_use_template_when_edit) %></label>
+    <%= hidden_field_tag('settings[apply_template_when_edit_issue]', 0, :id => nil).html_safe %>
+    <%= check_box_tag 'settings[apply_template_when_edit_issue]', true, @settings['apply_template_when_edit_issue'] == 'true' %>
   </p>
   <p>
     <%= link_to(l(:link_to_index_edit_template),
               { controller: 'global_issue_templates', action: 'index' },
               class: 'icon icon-template pull-right') %>
   </p>
+
+  <p>
+    <label for='settings_enable_builtin_fields'>
+      <%= l(:label_enable_builtin_fields, default: 'Enable Builtin Field support') %>
+    </label>
+    <%= hidden_field_tag('settings[enable_builtin_fields]', 0, :id => nil).html_safe %>
+    <%= check_box_tag 'settings[enable_builtin_fields]', true, @settings['enable_builtin_fields'] == 'true' %>
+    <a class='icon icon-help template-help' title='<%= l(:help_for_this_field) %>'
+       data-tooltip-area='enable_builtin_fields_help_area'
+       data-tooltip-content='enable_builtin_fields_help_content'>
+      <%= l(:help_for_this_field) %>
+      <span class='tooltip-area' id='enable_builtin_fields_help_area'></span>
+    </a>
+  </p>
 </div>
 
-<div id="enabled_help_content" class="wiki" style="display: none;">
+<div id='enabled_help_content' class='wiki' style='display: none;'>
   <%= l(:help_project_local_template_override_global_template) %>
   <br>
-  <span class="icon icon-warning"></span>
+  <span class='icon icon-warning'></span>
   <%= l(:warning_project_local_template_override_global_template) %>
+</div>
+
+<div id='enable_builtin_fields_help_content' class='wiki' style='display: none;'>
+  <%= l(:help_enable_builtin_fields) %>
+  <br>
+  <span class='icon icon-warning'></span>
+  <%= l(:warning_enable_builtin_fields) %>
 </div>
\ No newline at end of file
diff --git a/assets/javascripts/issue_templates.js b/assets/javascripts/issue_templates.js
index 6c9355cc..0abeeafa 100644
--- a/assets/javascripts/issue_templates.js
+++ b/assets/javascripts/issue_templates.js
@@ -4,376 +4,528 @@
  */
 
 // For namespace setting.
-var ISSUE_TEMPLATE = ISSUE_TEMPLATE || function () {};
+// var ISSUE_TEMPLATE = ISSUE_TEMPLATE || function () {}
+function ISSUE_TEMPLATE(pulldownUrl, loadUrl, confirmMsg, shouldReplaced, confirmToReplace,
+  confirmation, generalTextYes, generalTextNo, isTriggeredBy) {
+  this.pulldownUrl = pulldownUrl
+  this.loadUrl = loadUrl
+  this.confirmMsg = confirmMsg
+  this.shouldReplaced = shouldReplaced
+  this.confirmToReplace = confirmToReplace
+  this.confirmation = confirmation
+  this.generalTextYes = generalTextYes
+  this.generalTextNo = generalTextNo
+  this.isTriggeredBy = isTriggeredBy
+}
 
 ISSUE_TEMPLATE.prototype = {
-    eraseSubjectAndDescription: function () {
-        $('#issue_description').val('');
-        $('#issue_subject').val('');
+  clearValue: (id) => {
+    let target = document.getElementById(id)
+    if (target === null) {
+      return
+    }
+    target.value = ''
+  },
+  eraseSubjectAndDescription: function () {
+    this.clearValue('issue_description')
+    this.clearValue('issue_subject')
 
-        try {
-            if (CKEDITOR.instances.issue_description)
-                CKEDITOR.instances.issue_description.setData('');
-        } catch (e) {
-            // do nothing.
-        }
-    },
-    openDialog: function (url, title) {
-        // Open dialog (modal window) to display selectable templates list.
-        $.ajax({
-            url: url,
-            success: function (data) {
-                $("#filtered_templates_list").html(data);
-                $("#issue_template_dialog").dialog({
-                    modal: true,
-                    dialogClass: "modal overflow_dialog",
-                    draggable: true,
-                    title: title,
-                    minWidth: 400,
-                    width: 'auto',
-                    maxWidth: 'auto'
-                });
+    try {
+      if (CKEDITOR.instances.issue_description) {
+        CKEDITOR.instances.issue_description.setData('')
+      }
+    } catch (e) {
+      // do nothing.
+    }
+  },
+  openDialog: function (url, title) {
+    // Open dialog (modal window) to display selectable templates list.
+    fetch(url)
+      .then((response) => {
+        return response.text()
+      })
+      .then((data) => {
+        document.getElementById('filtered_templates_list').innerHTML = data
+        let titleElement = document.getElementById('issue_template_dialog_title')
+        titleElement.textContent = title
+
+        const templateElements = document.querySelectorAll('i.template-update-link')
+        Array.from(templateElements).forEach(el => {
+          el.addEventListener('click', (event) => {
+            this.updateTemplateSelect(event)
+          })
+        })
+      })
+  },
+  revertAppliedTemplate: function () {
+    let issueSubject = document.getElementById('issue_subject')
+    let oldSubject = document.getElementById('original_subject')
+
+    let issueDescription = document.getElementById('issue_description')
+    let oldDescription = document.getElementById('original_description')
+    let templateNS = this
+
+    issueSubject.value = templateNS.escapeHTML(oldSubject.textContent)
+
+    if (issueDescription !== null) {
+      issueDescription.value = templateNS.escapeHTML(oldDescription.textContent)
+    }
+
+    try {
+      if (CKEDITOR.instances.issue_description) {
+        CKEDITOR.instances.issue_description.setData(templateNS.escapeHTML(oldDescription.text()))
+      }
+    } catch (e) {
+      // do nothing.
+    }
+    oldDescription.textContent = ''
+    oldDescription.textContent = ''
+    document.getElementById('revert_template').classList.add('disabled')
+  },
+  load_template: (confirm_flg) => {
+    let confirmFlg = true
+    if (confirm_flg != null) {
+      confirmFlg = confirm_flg
+    }
+
+    let ns = templateNS
+    let selectedTemplate = document.getElementById('issue_template')
+
+    if (selectedTemplate.value === '') return
+
+    let templateType = ''
+    let selectedOption = selectedTemplate.options[selectedTemplate.selectedIndex]
+    if (selectedOption.classList.contains('global')) {
+      templateType = 'global'
+    }
+
+    fetch(ns.loadUrl,
+      {
+        method: 'POST',
+        credentials: 'same-origin',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-CSRF-Token': ns.getCsrfToken()
+        },
+        body: JSON.stringify({
+          template_id: selectedTemplate.value,
+          template_type: templateType
+        })
+      })
+      .then((response) => {
+        return response.text()
+      })
+      .then((data) => {
+        // NOTE: Workaround for GiHub Issue, to prevent overwrite with default template
+        // when operator submits new issue form without required field and returns
+        // with error message. If flash message #errorExplanation exists, not overwrited.
+        // (https://github.com/akiko-pusu/redmine_issue_templates/issues/50)
+        if (document.querySelector('#errorExplanation') && document.querySelector('#errorExplanation')[0]) return
+
+        // Returned JSON may have the key named 'global_template' or 'issue_template'
+        let parsedData = JSON.parse(data)
+        let templateKey = Object.keys(parsedData)[0]
+        let obj = parsedData[templateKey]
+
+        obj.description = (obj.description === null) ? '' : obj.description
+        obj.issue_title = (obj.issue_title === null) ? '' : obj.issue_title
+
+        let oldSubj = ''
+        let oldVal = ''
+        let issueSubject = document.getElementById('issue_subject')
+        let issueDescription = document.getElementById('issue_description')
+
+        if (confirmFlg === true && ns.confirmToReplace === true && ns.shouldReplaced === 'true' && (issueSubject.value !== '')) {
+          if (oldSubj !== obj.issue_title) {
+            let hideConfirmFlag = ns.hideOverwiteConfirm()
+            if (hideConfirmFlag === false) {
+              return ns.confirmToReplaceMsg()
             }
-        });
-    },
-    revertAppliedTemplate: function () {
-        var issue_subject = $('#issue_subject');
-        var issue_description = $('#issue_description');
-        var old_subject = $('#original_subject');
-        var old_description = $('#original_description');
-        var templateNS = this;
-
-        issue_subject.val(templateNS.unescapeHTML(old_subject.text()));
-        issue_description.val(templateNS.unescapeHTML(old_description.text()));
+          }
+        }
+
+        // for description
+        if (issueDescription !== null) {
+          let originalDescription = document.getElementById('original_description')
+          if (issueDescription.value !== '' && ns.shouldReplaced === 'false') {
+            oldVal = issueDescription.value + '\n\n'
+          }
+
+          originalDescription.textContent = issueDescription.value
+
+          issueDescription.getAttribute('original_description', issueDescription.value)
+          if (oldVal.replace(/(?:\r\n|\r|\n)/g, '').trim() !== obj.description.replace(/(?:\r\n|\r|\n)/g, '').trim()) {
+            issueDescription.value = oldVal + obj.description
+          }
+        }
+
+        let originalSubject = document.getElementById('original_subject')
+        if (issueSubject.value !== '' && ns.shouldReplaced === 'false') {
+          oldSubj = issueSubject.value + ' '
+        }
+        originalSubject.textContent = issueSubject.value
+
+        issueSubject.setAttribute('original_title', issueSubject.value)
+        if (oldSubj.trim() !== obj.issue_title.trim()) {
+          issueSubject.value = oldSubj + obj.issue_title
+        }
 
         try {
-            if (CKEDITOR.instances.issue_description)
-                CKEDITOR.instances.issue_description.setData(templateNS.unescapeHTML(old_description.text()));
+          if (CKEDITOR.instances.issue_description) {
+            CKEDITOR.instances.issue_description.setData(oldVal + obj.description)
+          }
         } catch (e) {
-            // do nothing.
-        }
-        old_description.text = '';
-        old_description.text = '';
-        $('#revert_template').addClass('disabled');
-    },
-    load_template: function (target_url, confirm_msg, should_replaced,
-        confirm_to_replace, confirmation, general_text_Yes, general_text_No) {
-        var selected_template = $('#issue_template');
-        var ns = this;
-        if (selected_template.val() !== '') {
-            var template_type = '';
-            if (selected_template.find('option:selected').hasClass('global')) {
-                template_type = 'global';
-            }
-            $.ajax({
-                url: target_url,
-                async: true,
-                type: 'post',
-                data: $.param({
-                    template_id: selected_template.val(),
-                    template_type: template_type
-                })
-            }).done(function (data) {
-                // NOTE: Workaround for GiHub Issue, to prevent overwrite with default template
-                // when operator submits new issue form without required field and returns
-                // with error message. If flash message #errorExplanation exists, not overwrited.
-                // (https://github.com/akiko-pusu/redmine_issue_templates/issues/50)
-                if ($('#errorExplanation')[0]) return;
-
-                var oldSubj = '';
-                var oldVal = '';
-                var issue_subject = $('#issue_subject');
-                var issue_description = $('#issue_description');
-
-                var template = JSON.parse(data);
-
-                if (issue_description.val() !== '' && should_replaced === 'false') {
-                    oldVal = issue_description.val() + '\n\n';
-                }
-
-                if (issue_subject.val() !== '' && should_replaced === 'false') {
-                    oldSubj = issue_subject.val() + ' ';
-                }
-                $('#original_subject').text(ns.escapeHTML(issue_subject.val()));
-                $('#original_description').text(ns.escapeHTML(issue_description.val()));
-
-                for (var issue_template in template) {
-                    if ({}.hasOwnProperty.call(template, issue_template)) {
-
-                        var obj = template[issue_template];
-                        obj.description = (obj.description === null) ? '' : obj.description;
-                        obj.issue_title = (obj.issue_title === null) ? '' : obj.issue_title;
-
-                        if (confirm_to_replace !== true && should_replaced === 'true' && (issue_description.val() !== '' || issue_subject.val() !== '')) {
-                            if (oldVal !== obj.description || oldSubj !== obj.issue_title) {
-                                var hide_confirm_flag = ns.hideOverwiteConfirm();
-                                if (hide_confirm_flag == false) {
-                                    ns.confirmToReplace(target_url, confirm_msg, should_replaced, confirmation, general_text_Yes, general_text_No);
-                                    return;
-                                }
-                            }
-                        }
-
-                        issue_description.attr('original_description', $('<div />').text(issue_description.val()).html());
-                        issue_subject.attr('original_title', $('<div />').text(issue_subject.val()).html());
-
-                        if (oldVal.replace(/(?:\r\n|\r|\n)/g, '').trim() != obj.description.replace(/(?:\r\n|\r|\n)/g, '').trim())
-                            issue_description.val(oldVal + obj.description);
-                        if (oldSubj.trim() != obj.issue_title.trim())
-                            issue_subject.val(oldSubj + obj.issue_title);
-
-                        try {
-                            if (CKEDITOR.instances.issue_description)
-                                CKEDITOR.instances.issue_description.setData(oldVal + template[issue_template].description);
-                        } catch (e) {
-                            // do nothing.
-                        }
-                        // show message just after default template loaded.
-                        if (confirm_msg)
-                            ns.show_loaded_message(confirm_msg, issue_description);
-                        ns.addCheckList(obj);
-
-                        if ($('#original_subject').text().length > 0 || $('#original_description').text().length > 0) {
-                            $('#revert_template').removeClass('disabled');
-                        }
-                    }
-                }
-            });
+          // do nothing.
         }
-    },
-    confirmToReplace: function (target_url, confirm_msg, should_replaced,
-                                confirmation, general_text_Yes, general_text_No) {
-        var ns = this;
-        $("#issue_template_confirm_to_replace_dialog").dialog({
-            modal: true,
-            dialogClass: "modal overflow_dialog",
-            draggable: true,
-            title: confirmation,
-            width: 400,
-            buttons: [{
-                text: general_text_Yes,
-                click: function () {
-                    $(this).dialog("close");
-                    ns.load_template(target_url, confirm_msg, should_replaced, true, confirmation, general_text_Yes, general_text_No)
-                }
-            },
-                {
-                    text: general_text_No,
-                    click: function () {
-                        $(this).dialog("close");
-                    }
-                }
-            ]
-        });
-    },
-    show_loaded_message: function (confirm_msg, target) {
-        var template_status_area = $('#template_status-area');
-        template_status_area.insertBefore(target);
-        template_status_area.issueTemplate('flash_message', {
-            text: confirm_msg,
-            how: 'append'
-        });
-    },
-    set_pulldown: function (tracker, target_url) {
-        var allow_overwrite = $('#allow_overwrite_description').prop('checked');
-        $.ajax({
-            url: target_url,
-            async: true,
-            type: 'post',
-            data: $.param({
-                issue_tracker_id: tracker
-            })
-        }).done(function (data) {
-            $('#issue_template').html(data);
-            $('#allow_overwrite_description').attr('checked', allow_overwrite);
-        });
-    },
-    addCheckList: function (obj) {
-        var list = obj.checklist;
-        if (list === undefined) return false;
-        if ($('#checklist_form').length === 0) return;
-
-        // remove exists checklist items
-        var oldList = $('span.checklist-item.show:visible span.checklist-show-only.checklist-remove > a.icon.icon-del');
-        oldList.each(function () {
-            oldList.click();
-        });
-
-        for (var i = 0; i < list.length; i++) {
-            $('span.checklist-new.checklist-edit-box > input.edit-box').val(list[i]);
-            $("span.checklist-item.new > span.icon.icon-add.save-new-by-button").click();
+        // show message just after default template loaded.
+        if (ns.confirmMsg) {
+          ns.show_loaded_message(ns.confirmMsg, issueSubject)
         }
-    },
-    escapeHTML: function (val) {
-        return $('<div>').text(val).html();
-    },
-    unescapeHTML: function (val) {
-        return $('<div>').html(val).text();
-    },
-    replaceCkeContent: function () {
-        return CKEDITOR.instances.issue_description.setData($('#issue_description').val());
-    },
-    hideOverwiteConfirm: function () {
-        var cookie_array = [];
-        if (document.cookie != '') {
-            var tmp = document.cookie.split('; ');
-            for (var i = 0; i < tmp.length; i++) {
-                var data = tmp[i].split('=');
-                cookie_array[data[0]] = decodeURIComponent(data[1]);
-            }
+
+        if (originalSubject.textContent.length > 0) {
+          document.getElementById('revert_template').classList.remove('disabled')
         }
-        var confirmation_cookie = cookie_array['issue_template_confirm_to_replace_hide_dialog'];
-        if (confirmation_cookie == undefined || parseInt(confirmation_cookie) == 0) {
-            return false;
+
+        if (obj.related_link !== '') {
+          let relatedLink = document.getElementById('issue_template_related_link')
+
+          relatedLink.setAttribute('href', obj.related_link)
+          relatedLink.style.display = 'inline'
+          relatedLink.textContent = obj.link_title
+        } else {
+          let relatedLink = document.getElementById('issue_template_related_link')
+          relatedLink.style.display = 'none'
         }
-        return true;
+
+        ns.addCheckList(obj)
+        ns.builtin_fields(obj)
+      })
+  },
+  confirmToReplaceMsg: () => {
+    let ns = templateNS
+    let dialog = document.getElementById('issue_template_confirm_to_replace_dialog')
+    dialog.style.visibility = 'visible'
+    dialog.classList.add('active')
+
+    document.getElementById('overwrite_yes').addEventListener('click', () => {
+      if (document.getElementById('issue_template_confirm_to_replace_hide_dialog').checked) {
+        // NOTE: Use document.cookie because Redmine itself does not use jquery.cookie.js.
+        document.cookie = 'issue_template_confirm_to_replace_hide_dialog=1'
+      } else {
+        document.cookie = 'issue_template_confirm_to_replace_hide_dialog=0'
+      }
+      dialog.classList.remove('active')
+      ns.load_template(false)
+    })
+
+    document.getElementById('overwrite_no').addEventListener('click', () => {
+      if (document.getElementById('issue_template_confirm_to_replace_hide_dialog').checked) {
+        // NOTE: Use document.cookie because Redmine itself does not use jquery.cookie.js.
+        document.cookie = 'issue_template_confirm_to_replace_hide_dialog=1'
+      } else {
+        document.cookie = 'issue_template_confirm_to_replace_hide_dialog=0'
+      }
+      dialog.classList.remove('active')
+    })
+
+    document.getElementById('issue_template_confirm_to_replace_dialog_cancel')
+      .addEventListener('click', () => {
+        dialog.classList.remove('active')
+      })
+  },
+  show_loaded_message: (confirmMsg, target) => {
+    // in app/views/issue_templates/_issue_select_form.html.erb
+    let templateStatusArea = document.getElementById('template_status-area')
+    if (templateStatusArea === null) return false
+    if (document.querySelector('div.flash_message')) {
+      document.querySelector('div.flash_message').remove()
     }
-};
-
-// jQuery plugin for issue template
-(function ($) {
-    var methods = {
-        init: function (options) {},
-        updateTemplateSelect: function (options) {
-            options = $.extend({
-                target: '#issue_template',
-                template_id: 'data-issue-template-id'
-            }, options);
-            return $(this).each(function () {
-                $(this).click(function () {
-                    var obj = $(options.target);
-                    var id = $(this).attr(options.template_id);
-                    obj.attr("selected", false);
-                    // has template-global class?
-                    if ($(this).hasClass('template-global')) {
-                        obj.find('option[value="' + id + '"][class="global"]').prop('selected', true);
-                    } else {
-                        obj.val(id);
-                    }
-                    obj.trigger('change');
-                });
-            });
-        },
-        displayTooltip: function (options) {
-            options = $.extend({
-                tooltip_body_id: 'data-tooltip-content',
-                tooltip_target_id: 'data-tooltip-area'
-            }, options);
-            return $(this).each(function () {
-                $(this).hover(function () {
-                    var content = $(this).attr(options.tooltip_body_id);
-                    var target = $(this).attr(options.tooltip_target_id);
-                    var obj = $(content);
-                    if (obj.length)
-                        $(target).html(obj);
-                    obj.toggle();
-                });
-            });
-        },
-        expandHelp: function (options) {
-            options = $.extend({
-                attr_name: 'data-template-help-target'
-            }, options);
-            return $(this).each(function () {
-                $(this).click(function () {
-                    var target = $(this).attr(options.attr_name);
-                    var obj = $(target);
-                    if (obj.length)
-                        obj.toggle();
-                });
-            });
-        },
-        flash_message: function (options) {
-            // default
-            options = $.extend({
-                text: 'Done',
-                time: 3000,
-                how: 'before',
-                class_name: ''
-            }, options);
-
-            return $(this).each(function () {
-                if ($(this).parent().find('.flash_message').get(0)) return;
-
-                var message = $('<div></div>', {
-                    'class': 'flash_message ' + options.class_name,
-                    html: options.text
-                    // display with fade in
-                }).hide().fadeIn('fast');
-
-                $(this)[options.how](message);
-                //delay and fadeout
-                message.delay(options.time).fadeOut('normal', function () {
-                    $(this).remove();
-                });
-
-            });
+
+    let messageElement = document.createElement('div')
+    messageElement.innerHTML = confirmMsg
+    messageElement.classList.add('flash_message')
+    messageElement.classList.add('fadeout')
+
+    templateStatusArea.appendChild(messageElement)
+  },
+  getCsrfToken: () => {
+    const metas = document.getElementsByTagName('meta')
+    for (let meta of metas) {
+      if (meta.getAttribute('name') === 'csrf-token') {
+        return meta.getAttribute('content')
+      }
+    }
+    return ''
+  },
+  set_pulldown: function (tracker) {
+    let ns = this
+    fetch(ns.pulldownUrl,
+      {
+        method: 'POST',
+        credentials: 'same-origin',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-CSRF-Token': ns.getCsrfToken()
         },
-        disabled_link: function (options) {
-            options = $.extend({}, options);
-            return $(this).each(function () {
-                $(this).click(function (event) {
-                    title = event.target.title;
-                    if (title.length && event.target.hasAttribute('disabled')) {
-                        event.stopPropagation();
-                        alert(title);
-                        return false;
-                    }
-                });
-            });
+        body: JSON.stringify({
+          issue_tracker_id: tracker
+        })
+      })
+      .then((response) => {
+        return response.text()
+      })
+      .then((data) => {
+        document.getElementById('issue_template').innerHTML = data
+        let length = document.querySelectorAll('#issue_template > optgroup > option').length
+        if (length < 1) {
+          document.getElementById('template_area').style.display = 'none'
+          if (ns.isTriggeredBy !== undefined && this.isTriggeredBy === 'issue_tracker_id') {
+            if (document.querySelectorAll('#issue-form.new_issue').length > 0 && ns.should_replaced === true) {
+              if (typeof templateNS !== 'undefined') {
+                ns.eraseSubjectAndDescription()
+              }
+            }
+          }
+        } else {
+          document.getElementById('template_area').style.display = 'inline'
         }
-    };
+        let changeEvent = new Event('change')
+        document.getElementById('issue_template').dispatchEvent(changeEvent)
+      })
+  },
+  addCheckList: function (obj) {
+    let list = obj.checklist
+    if (list === undefined) return false
+    let checklistForm = document.getElementById('checklist_form')
+    if (!checklistForm) return
 
-    $.fn.issueTemplate = function (method) {
+    // NOTE: If Checklist does not work fine, please confirm its version and the DOM element of
+    // checklist input field exists.
+    // If some difference, please report the issue or feedback to IssueTemplate's repository.
+    try {
+      for (let i = 0; i < list.length; i++) {
+        let node = document.querySelector('span.checklist-item.new > span.checklist-edit-box > input.edit-box')
+        if (node) {
+          node.value = list[i]
+          document.querySelector('span.checklist-item.new > span.icon.icon-add.checklist-new-only.save-new-by-button').click()
+        }
+      }
+    } catch (e) {
+      console.log(`NOTE: Checklist could not be applied due to this error. ${e.message} : ${e.message}`)
+    }
+  },
+  escapeHTML: (val) => {
+    const div = document.createElement('div')
+    div.textContent = val
+    return div.textContent
+  },
+  unescapeHTML: (val) => {
+    const div = document.createElement('div')
+    div.innerHTML = val
+    return div.innerHTML
+  },
+  replaceCkeContent: () => {
+    let element = document.getElementById('issue_description')
+    return CKEDITOR.instances.issue_description.setData(element.value)
+  },
+  hideOverwiteConfirm: () => {
+    let cookieArray = []
+    if (document.cookie !== '') {
+      let tmp = document.cookie.split('; ')
+      for (let i = 0; i < tmp.length; i++) {
+        let data = tmp[i].split('=')
+        cookieArray[data[0]] = decodeURIComponent(data[1])
+      }
+    }
+    let confirmationCookie = cookieArray['issue_template_confirm_to_replace_hide_dialog']
+    if (confirmationCookie === undefined || parseInt(confirmationCookie) === 0) {
+      return false
+    }
+    return true
+  },
+  // support built-in field update
+  builtin_fields: (template) => {
+    let ns = templateNS
+    let builtinFieldsJson = template.builtin_fields_json
+    if (builtinFieldsJson === undefined) return false
 
-        // Method dispatch logic
-        if (methods[method]) {
-            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
-        } else if (typeof method === 'object' || !method) {
-            return methods.init.apply(this, arguments);
+    try {
+      Object.keys(builtinFieldsJson).forEach(function (key) {
+        let value = builtinFieldsJson[key]
+        let element = document.getElementById(key)
+
+        if (/issue_custom_field_values/.test(key)) {
+          let name = key.replace(/(issue)_(\w+)_(\d+)/, '$1[$2][$3]')
+          let elements = document.querySelectorAll('[name^="' + name + '"]')
+          if (elements.length === 1) {
+            element = elements[0]
+          } else {
+            return ns.updateFieldValues(elements, value)
+          }
+        }
+        if (element === null) {
+          return
+        }
+        ns.updateFieldValue(element, value)
+      })
+    } catch (e) {
+      console.log(`NOTE: Builtin / custom fields could not be applied due to this error. ${e.message} : ${e.message}`)
+    }
+  },
+  updateFieldValue: (element, value) => {
+    // In case field is a select element, scans its option values and marked 'selected'.
+    if (element.tagName.toLowerCase() === 'select') {
+      let options = document.querySelectorAll('#' + element.id + ' option')
+      let filteredOptions = Array.from(options).filter(option => option.text === value)
+      if (filteredOptions.length > 0) {
+        filteredOptions[0].selected = true
+      }
+    } else {
+      element.value = value
+    }
+  },
+  updateFieldValues: (elements, value) => {
+    for (let i = 0; i < elements.length; i++) {
+      let element = elements[i]
+      if (element.tagName.toLowerCase() === 'select') {
+        return templateNS.updateFieldValue(element, value)
+      }
+      if (element.value === value) {
+        if (element.tagName.toLowerCase() === 'input') {
+          element.checked = true
         } else {
-            $.error('Method ' + method + ' does not exist on jQuery.issueTemplate');
+          element.selected = true
         }
-    };
-})(jQuery);
-
-$(function () {
-    // set plugin
-    $('a.template-help').issueTemplate('displayTooltip');
-    $('a.template-help.collapsible').issueTemplate('expandHelp');
-    $('a.template-help.collapsible').click(function () {
-        $(this).toggleClass('collapsed');
-    });
-
-    $('a.template-disabled-link').issueTemplate('disabled_link');
-
-    // display orphaned template list
-    $('#orphaned_template_link').on({
-        'ajax:success': (function (_this) {
-            return function (e, data) {
-                $('#orphaned_templates').toggle();
-                return $('#orphaned_templates').html(data);
-            };
-        })(this)
-    });
-});
+      }
+    }
+  },
+  updateTemplateSelect: (event) => {
+    let link = event.target
+    let optionId = link.getAttribute('data-issue-template-id')
+    let optionSelector = '#issue_template > optgroup > option[value="' + optionId + '"]'
+    if (link.classList.contains('template-global')) {
+      optionSelector = optionSelector + '[class="global"]'
+    }
+    let targetOption = document.querySelector(optionSelector)
+    targetOption['selected'] = true
+
+    let changeEvent = new Event('change')
+    document.getElementById('issue_template').dispatchEvent(changeEvent)
+  },
+  filterTemplate: (event) => {
+    let cols = document.getElementsByClassName('template_data')
+    let searchWord = event.target.value
+    let reg = new RegExp(searchWord, 'gi')
+    for (let i = 0; i < cols.length; i++) {
+      let val = cols[i]
+      if (val.textContent.match(reg)) {
+        val.style.display = 'table-row'
+      } else {
+        val.style.display = 'none'
+      }
+    }
+  },
+  changeTemplatePlace: () => {
+    if (document.querySelector('div.flash_message')) {
+      document.querySelector('div.flash_message').remove()
+    }
+    const subjectParentNode = document.getElementById('issue_subject').parentNode
+    subjectParentNode.parentNode.insertBefore(document.getElementById('template_area'), subjectParentNode)
+  }
+}
 
 // for IE11 compatibility (IE11 does not support native Element.closest)
 // Ref. https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
 // Ref. https://github.com/akiko-pusu/redmine_issue_templates/issues/270
 if (!Element.prototype.matches) {
-    Element.prototype.matches = Element.prototype.msMatchesSelector ||
-        Element.prototype.webkitMatchesSelector;
+  Element.prototype.matches = Element.prototype.msMatchesSelector ||
+    Element.prototype.webkitMatchesSelector
 }
 
 if (!Element.prototype.closest) {
-    Element.prototype.closest = function(s) {
-        var el = this;
-
-        do {
-            if (el.matches(s)) return el;
-            el = el.parentElement || el.parentNode;
-        } while (el !== null && el.nodeType === 1);
-        return null;
-    };
+  Element.prototype.closest = function (s) {
+    let el = this
+
+    do {
+      if (el.matches(s)) return el
+      el = el.parentElement || el.parentNode
+    } while (el !== null && el.nodeType === 1)
+    return null
+  }
+}
+
+// --------- Add event listeners -------------- //
+document.onreadystatechange = () => {
+  if (document.readyState === 'complete') {
+    let templateDisabledLink = document.querySelector('a.template-disabled-link')
+    if (templateDisabledLink) {
+      templateDisabledLink.addEventListener('click', (event) => {
+        let title = event.target.title
+        if (title.length && event.target.hasAttribute('disabled')) {
+          event.preventDefault()
+          window.alert(title)
+          event.stopPropagation()
+          return false
+        }
+      })
+    }
+
+    let templateHelps = document.querySelectorAll('a.template-help')
+    for (let i = 0; i < templateHelps.length; i++) {
+      let element = templateHelps[i]
+      element.addEventListener('mouseenter', (event) => {
+        let contentId = event.target.getAttribute('data-tooltip-content')
+        if (contentId === null) return
+
+        let target = event.target.getAttribute('data-tooltip-area')
+        let obj = document.getElementById(target)
+        if (obj) {
+          obj.innerHTML = document.getElementById(contentId).innerHTML
+          obj.style.display = 'inline'
+        }
+      })
+      element.addEventListener('mouseleave', (event) => {
+        let contentId = event.target.getAttribute('data-tooltip-content')
+        if (contentId === null) return
+
+        let target = event.target.getAttribute('data-tooltip-area')
+        let obj = document.getElementById(target)
+        if (obj) {
+          obj.style.display = 'none'
+        }
+      })
+    }
+
+    let orphanedTemplateLink = document.getElementById('orphaned_template_link')
+    if (orphanedTemplateLink) {
+      orphanedTemplateLink.addEventListener('click', (event) => {
+        const url = orphanedTemplateLink.getAttribute('data-url')
+        fetch(url)
+          .then((response) => {
+            return response.text()
+          })
+          .then((data) => {
+            let orphanedTemplate = document.getElementById('orphaned_templates')
+            if (orphanedTemplate) {
+              orphanedTemplate.innerHTML = data
+            }
+          })
+      })
+    }
+
+    let collapsibleHelps = document.querySelectorAll('a.template-help.collapsible')
+    if (collapsibleHelps) {
+      for (let i = 0; i < collapsibleHelps.length; i++) {
+        let element = collapsibleHelps[i]
+        element.addEventListener('click', (event) => {
+          let targetName = event.target.getAttribute('data-template-help-target')
+          let target = document.getElementById(targetName)
+          if (target) {
+            let style = target.style.display
+            target.style.display = (style === 'none' ? 'inline' : 'none')
+          }
+        })
+      }
+    }
+  }
 }
diff --git a/assets/javascripts/vue.min.js b/assets/javascripts/vue.min.js
new file mode 100644
index 00000000..05e21102
--- /dev/null
+++ b/assets/javascripts/vue.min.js
@@ -0,0 +1,6 @@
+/*!
+ * Vue.js v2.6.11
+ * (c) 2014-2019 Evan You
+ * Released under the MIT License.
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vue=t()}(this,function(){"use strict";var e=Object.freeze({});function t(e){return null==e}function n(e){return null!=e}function r(e){return!0===e}function i(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function o(e){return null!==e&&"object"==typeof e}var a=Object.prototype.toString;function s(e){return"[object Object]"===a.call(e)}function c(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function u(e){return n(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function l(e){return null==e?"":Array.isArray(e)||s(e)&&e.toString===a?JSON.stringify(e,null,2):String(e)}function f(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}var d=p("slot,component",!0),v=p("key,ref,slot,slot-scope,is");function h(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}var m=Object.prototype.hasOwnProperty;function y(e,t){return m.call(e,t)}function g(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var _=/-(\w)/g,b=g(function(e){return e.replace(_,function(e,t){return t?t.toUpperCase():""})}),$=g(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),w=/\B([A-Z])/g,C=g(function(e){return e.replace(w,"-$1").toLowerCase()});var x=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n};function k(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function A(e,t){for(var n in t)e[n]=t[n];return e}function O(e){for(var t={},n=0;n<e.length;n++)e[n]&&A(t,e[n]);return t}function S(e,t,n){}var T=function(e,t,n){return!1},E=function(e){return e};function N(e,t){if(e===t)return!0;var n=o(e),r=o(t);if(!n||!r)return!n&&!r&&String(e)===String(t);try{var i=Array.isArray(e),a=Array.isArray(t);if(i&&a)return e.length===t.length&&e.every(function(e,n){return N(e,t[n])});if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(i||a)return!1;var s=Object.keys(e),c=Object.keys(t);return s.length===c.length&&s.every(function(n){return N(e[n],t[n])})}catch(e){return!1}}function j(e,t){for(var n=0;n<e.length;n++)if(N(e[n],t))return n;return-1}function D(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}var L="data-server-rendered",M=["component","directive","filter"],I=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch"],F={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:T,isReservedAttr:T,isUnknownElement:T,getTagNamespace:S,parsePlatformTagName:E,mustUseProp:T,async:!0,_lifecycleHooks:I},P=/a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;function R(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var H=new RegExp("[^"+P.source+".$_\\d]");var B,U="__proto__"in{},z="undefined"!=typeof window,V="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,K=V&&WXEnvironment.platform.toLowerCase(),J=z&&window.navigator.userAgent.toLowerCase(),q=J&&/msie|trident/.test(J),W=J&&J.indexOf("msie 9.0")>0,Z=J&&J.indexOf("edge/")>0,G=(J&&J.indexOf("android"),J&&/iphone|ipad|ipod|ios/.test(J)||"ios"===K),X=(J&&/chrome\/\d+/.test(J),J&&/phantomjs/.test(J),J&&J.match(/firefox\/(\d+)/)),Y={}.watch,Q=!1;if(z)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){Q=!0}}),window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===B&&(B=!z&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),B},ne=z&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function re(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,oe="undefined"!=typeof Symbol&&re(Symbol)&&"undefined"!=typeof Reflect&&re(Reflect.ownKeys);ie="undefined"!=typeof Set&&re(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var ae=S,se=0,ce=function(){this.id=se++,this.subs=[]};ce.prototype.addSub=function(e){this.subs.push(e)},ce.prototype.removeSub=function(e){h(this.subs,e)},ce.prototype.depend=function(){ce.target&&ce.target.addDep(this)},ce.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},ce.target=null;var ue=[];function le(e){ue.push(e),ce.target=e}function fe(){ue.pop(),ce.target=ue[ue.length-1]}var pe=function(e,t,n,r,i,o,a,s){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=o,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},de={child:{configurable:!0}};de.child.get=function(){return this.componentInstance},Object.defineProperties(pe.prototype,de);var ve=function(e){void 0===e&&(e="");var t=new pe;return t.text=e,t.isComment=!0,t};function he(e){return new pe(void 0,void 0,void 0,String(e))}function me(e){var t=new pe(e.tag,e.data,e.children&&e.children.slice(),e.text,e.elm,e.context,e.componentOptions,e.asyncFactory);return t.ns=e.ns,t.isStatic=e.isStatic,t.key=e.key,t.isComment=e.isComment,t.fnContext=e.fnContext,t.fnOptions=e.fnOptions,t.fnScopeId=e.fnScopeId,t.asyncMeta=e.asyncMeta,t.isCloned=!0,t}var ye=Array.prototype,ge=Object.create(ye);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(e){var t=ye[e];R(ge,e,function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];var i,o=t.apply(this,n),a=this.__ob__;switch(e){case"push":case"unshift":i=n;break;case"splice":i=n.slice(2)}return i&&a.observeArray(i),a.dep.notify(),o})});var _e=Object.getOwnPropertyNames(ge),be=!0;function $e(e){be=e}var we=function(e){var t;this.value=e,this.dep=new ce,this.vmCount=0,R(e,"__ob__",this),Array.isArray(e)?(U?(t=ge,e.__proto__=t):function(e,t,n){for(var r=0,i=n.length;r<i;r++){var o=n[r];R(e,o,t[o])}}(e,ge,_e),this.observeArray(e)):this.walk(e)};function Ce(e,t){var n;if(o(e)&&!(e instanceof pe))return y(e,"__ob__")&&e.__ob__ instanceof we?n=e.__ob__:be&&!te()&&(Array.isArray(e)||s(e))&&Object.isExtensible(e)&&!e._isVue&&(n=new we(e)),t&&n&&n.vmCount++,n}function xe(e,t,n,r,i){var o=new ce,a=Object.getOwnPropertyDescriptor(e,t);if(!a||!1!==a.configurable){var s=a&&a.get,c=a&&a.set;s&&!c||2!==arguments.length||(n=e[t]);var u=!i&&Ce(n);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=s?s.call(e):n;return ce.target&&(o.depend(),u&&(u.dep.depend(),Array.isArray(t)&&function e(t){for(var n=void 0,r=0,i=t.length;r<i;r++)(n=t[r])&&n.__ob__&&n.__ob__.dep.depend(),Array.isArray(n)&&e(n)}(t))),t},set:function(t){var r=s?s.call(e):n;t===r||t!=t&&r!=r||s&&!c||(c?c.call(e,t):n=t,u=!i&&Ce(t),o.notify())}})}}function ke(e,t,n){if(Array.isArray(e)&&c(t))return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(t in e&&!(t in Object.prototype))return e[t]=n,n;var r=e.__ob__;return e._isVue||r&&r.vmCount?n:r?(xe(r.value,t,n),r.dep.notify(),n):(e[t]=n,n)}function Ae(e,t){if(Array.isArray(e)&&c(t))e.splice(t,1);else{var n=e.__ob__;e._isVue||n&&n.vmCount||y(e,t)&&(delete e[t],n&&n.dep.notify())}}we.prototype.walk=function(e){for(var t=Object.keys(e),n=0;n<t.length;n++)xe(e,t[n])},we.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)Ce(e[t])};var Oe=F.optionMergeStrategies;function Se(e,t){if(!t)return e;for(var n,r,i,o=oe?Reflect.ownKeys(t):Object.keys(t),a=0;a<o.length;a++)"__ob__"!==(n=o[a])&&(r=e[n],i=t[n],y(e,n)?r!==i&&s(r)&&s(i)&&Se(r,i):ke(e,n,i));return e}function Te(e,t,n){return n?function(){var r="function"==typeof t?t.call(n,n):t,i="function"==typeof e?e.call(n,n):e;return r?Se(r,i):i}:t?e?function(){return Se("function"==typeof t?t.call(this,this):t,"function"==typeof e?e.call(this,this):e)}:t:e}function Ee(e,t){var n=t?e?e.concat(t):Array.isArray(t)?t:[t]:e;return n?function(e){for(var t=[],n=0;n<e.length;n++)-1===t.indexOf(e[n])&&t.push(e[n]);return t}(n):n}function Ne(e,t,n,r){var i=Object.create(e||null);return t?A(i,t):i}Oe.data=function(e,t,n){return n?Te(e,t,n):t&&"function"!=typeof t?e:Te(e,t)},I.forEach(function(e){Oe[e]=Ee}),M.forEach(function(e){Oe[e+"s"]=Ne}),Oe.watch=function(e,t,n,r){if(e===Y&&(e=void 0),t===Y&&(t=void 0),!t)return Object.create(e||null);if(!e)return t;var i={};for(var o in A(i,e),t){var a=i[o],s=t[o];a&&!Array.isArray(a)&&(a=[a]),i[o]=a?a.concat(s):Array.isArray(s)?s:[s]}return i},Oe.props=Oe.methods=Oe.inject=Oe.computed=function(e,t,n,r){if(!e)return t;var i=Object.create(null);return A(i,e),t&&A(i,t),i},Oe.provide=Te;var je=function(e,t){return void 0===t?e:t};function De(e,t,n){if("function"==typeof t&&(t=t.options),function(e,t){var n=e.props;if(n){var r,i,o={};if(Array.isArray(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(o[b(i)]={type:null});else if(s(n))for(var a in n)i=n[a],o[b(a)]=s(i)?i:{type:i};e.props=o}}(t),function(e,t){var n=e.inject;if(n){var r=e.inject={};if(Array.isArray(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(s(n))for(var o in n){var a=n[o];r[o]=s(a)?A({from:o},a):{from:a}}}}(t),function(e){var t=e.directives;if(t)for(var n in t){var r=t[n];"function"==typeof r&&(t[n]={bind:r,update:r})}}(t),!t._base&&(t.extends&&(e=De(e,t.extends,n)),t.mixins))for(var r=0,i=t.mixins.length;r<i;r++)e=De(e,t.mixins[r],n);var o,a={};for(o in e)c(o);for(o in t)y(e,o)||c(o);function c(r){var i=Oe[r]||je;a[r]=i(e[r],t[r],n,r)}return a}function Le(e,t,n,r){if("string"==typeof n){var i=e[t];if(y(i,n))return i[n];var o=b(n);if(y(i,o))return i[o];var a=$(o);return y(i,a)?i[a]:i[n]||i[o]||i[a]}}function Me(e,t,n,r){var i=t[e],o=!y(n,e),a=n[e],s=Pe(Boolean,i.type);if(s>-1)if(o&&!y(i,"default"))a=!1;else if(""===a||a===C(e)){var c=Pe(String,i.type);(c<0||s<c)&&(a=!0)}if(void 0===a){a=function(e,t,n){if(!y(t,"default"))return;var r=t.default;if(e&&e.$options.propsData&&void 0===e.$options.propsData[n]&&void 0!==e._props[n])return e._props[n];return"function"==typeof r&&"Function"!==Ie(t.type)?r.call(e):r}(r,i,e);var u=be;$e(!0),Ce(a),$e(u)}return a}function Ie(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function Fe(e,t){return Ie(e)===Ie(t)}function Pe(e,t){if(!Array.isArray(t))return Fe(t,e)?0:-1;for(var n=0,r=t.length;n<r;n++)if(Fe(t[n],e))return n;return-1}function Re(e,t,n){le();try{if(t)for(var r=t;r=r.$parent;){var i=r.$options.errorCaptured;if(i)for(var o=0;o<i.length;o++)try{if(!1===i[o].call(r,e,t,n))return}catch(e){Be(e,r,"errorCaptured hook")}}Be(e,t,n)}finally{fe()}}function He(e,t,n,r,i){var o;try{(o=n?e.apply(t,n):e.call(t))&&!o._isVue&&u(o)&&!o._handled&&(o.catch(function(e){return Re(e,r,i+" (Promise/async)")}),o._handled=!0)}catch(e){Re(e,r,i)}return o}function Be(e,t,n){if(F.errorHandler)try{return F.errorHandler.call(null,e,t,n)}catch(t){t!==e&&Ue(t,null,"config.errorHandler")}Ue(e,t,n)}function Ue(e,t,n){if(!z&&!V||"undefined"==typeof console)throw e;console.error(e)}var ze,Ve=!1,Ke=[],Je=!1;function qe(){Je=!1;var e=Ke.slice(0);Ke.length=0;for(var t=0;t<e.length;t++)e[t]()}if("undefined"!=typeof Promise&&re(Promise)){var We=Promise.resolve();ze=function(){We.then(qe),G&&setTimeout(S)},Ve=!0}else if(q||"undefined"==typeof MutationObserver||!re(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())ze="undefined"!=typeof setImmediate&&re(setImmediate)?function(){setImmediate(qe)}:function(){setTimeout(qe,0)};else{var Ze=1,Ge=new MutationObserver(qe),Xe=document.createTextNode(String(Ze));Ge.observe(Xe,{characterData:!0}),ze=function(){Ze=(Ze+1)%2,Xe.data=String(Ze)},Ve=!0}function Ye(e,t){var n;if(Ke.push(function(){if(e)try{e.call(t)}catch(e){Re(e,t,"nextTick")}else n&&n(t)}),Je||(Je=!0,ze()),!e&&"undefined"!=typeof Promise)return new Promise(function(e){n=e})}var Qe=new ie;function et(e){!function e(t,n){var r,i;var a=Array.isArray(t);if(!a&&!o(t)||Object.isFrozen(t)||t instanceof pe)return;if(t.__ob__){var s=t.__ob__.dep.id;if(n.has(s))return;n.add(s)}if(a)for(r=t.length;r--;)e(t[r],n);else for(i=Object.keys(t),r=i.length;r--;)e(t[i[r]],n)}(e,Qe),Qe.clear()}var tt=g(function(e){var t="&"===e.charAt(0),n="~"===(e=t?e.slice(1):e).charAt(0),r="!"===(e=n?e.slice(1):e).charAt(0);return{name:e=r?e.slice(1):e,once:n,capture:r,passive:t}});function nt(e,t){function n(){var e=arguments,r=n.fns;if(!Array.isArray(r))return He(r,null,arguments,t,"v-on handler");for(var i=r.slice(),o=0;o<i.length;o++)He(i[o],null,e,t,"v-on handler")}return n.fns=e,n}function rt(e,n,i,o,a,s){var c,u,l,f;for(c in e)u=e[c],l=n[c],f=tt(c),t(u)||(t(l)?(t(u.fns)&&(u=e[c]=nt(u,s)),r(f.once)&&(u=e[c]=a(f.name,u,f.capture)),i(f.name,u,f.capture,f.passive,f.params)):u!==l&&(l.fns=u,e[c]=l));for(c in n)t(e[c])&&o((f=tt(c)).name,n[c],f.capture)}function it(e,i,o){var a;e instanceof pe&&(e=e.data.hook||(e.data.hook={}));var s=e[i];function c(){o.apply(this,arguments),h(a.fns,c)}t(s)?a=nt([c]):n(s.fns)&&r(s.merged)?(a=s).fns.push(c):a=nt([s,c]),a.merged=!0,e[i]=a}function ot(e,t,r,i,o){if(n(t)){if(y(t,r))return e[r]=t[r],o||delete t[r],!0;if(y(t,i))return e[r]=t[i],o||delete t[i],!0}return!1}function at(e){return i(e)?[he(e)]:Array.isArray(e)?function e(o,a){var s=[];var c,u,l,f;for(c=0;c<o.length;c++)t(u=o[c])||"boolean"==typeof u||(l=s.length-1,f=s[l],Array.isArray(u)?u.length>0&&(st((u=e(u,(a||"")+"_"+c))[0])&&st(f)&&(s[l]=he(f.text+u[0].text),u.shift()),s.push.apply(s,u)):i(u)?st(f)?s[l]=he(f.text+u):""!==u&&s.push(he(u)):st(u)&&st(f)?s[l]=he(f.text+u.text):(r(o._isVList)&&n(u.tag)&&t(u.key)&&n(a)&&(u.key="__vlist"+a+"_"+c+"__"),s.push(u)));return s}(e):void 0}function st(e){return n(e)&&n(e.text)&&!1===e.isComment}function ct(e,t){if(e){for(var n=Object.create(null),r=oe?Reflect.ownKeys(e):Object.keys(e),i=0;i<r.length;i++){var o=r[i];if("__ob__"!==o){for(var a=e[o].from,s=t;s;){if(s._provided&&y(s._provided,a)){n[o]=s._provided[a];break}s=s.$parent}if(!s&&"default"in e[o]){var c=e[o].default;n[o]="function"==typeof c?c.call(t):c}}}return n}}function ut(e,t){if(!e||!e.length)return{};for(var n={},r=0,i=e.length;r<i;r++){var o=e[r],a=o.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,o.context!==t&&o.fnContext!==t||!a||null==a.slot)(n.default||(n.default=[])).push(o);else{var s=a.slot,c=n[s]||(n[s]=[]);"template"===o.tag?c.push.apply(c,o.children||[]):c.push(o)}}for(var u in n)n[u].every(lt)&&delete n[u];return n}function lt(e){return e.isComment&&!e.asyncFactory||" "===e.text}function ft(t,n,r){var i,o=Object.keys(n).length>0,a=t?!!t.$stable:!o,s=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(a&&r&&r!==e&&s===r.$key&&!o&&!r.$hasNormal)return r;for(var c in i={},t)t[c]&&"$"!==c[0]&&(i[c]=pt(n,c,t[c]))}else i={};for(var u in n)u in i||(i[u]=dt(n,u));return t&&Object.isExtensible(t)&&(t._normalized=i),R(i,"$stable",a),R(i,"$key",s),R(i,"$hasNormal",o),i}function pt(e,t,n){var r=function(){var e=arguments.length?n.apply(null,arguments):n({});return(e=e&&"object"==typeof e&&!Array.isArray(e)?[e]:at(e))&&(0===e.length||1===e.length&&e[0].isComment)?void 0:e};return n.proxy&&Object.defineProperty(e,t,{get:r,enumerable:!0,configurable:!0}),r}function dt(e,t){return function(){return e[t]}}function vt(e,t){var r,i,a,s,c;if(Array.isArray(e)||"string"==typeof e)for(r=new Array(e.length),i=0,a=e.length;i<a;i++)r[i]=t(e[i],i);else if("number"==typeof e)for(r=new Array(e),i=0;i<e;i++)r[i]=t(i+1,i);else if(o(e))if(oe&&e[Symbol.iterator]){r=[];for(var u=e[Symbol.iterator](),l=u.next();!l.done;)r.push(t(l.value,r.length)),l=u.next()}else for(s=Object.keys(e),r=new Array(s.length),i=0,a=s.length;i<a;i++)c=s[i],r[i]=t(e[c],c,i);return n(r)||(r=[]),r._isVList=!0,r}function ht(e,t,n,r){var i,o=this.$scopedSlots[e];o?(n=n||{},r&&(n=A(A({},r),n)),i=o(n)||t):i=this.$slots[e]||t;var a=n&&n.slot;return a?this.$createElement("template",{slot:a},i):i}function mt(e){return Le(this.$options,"filters",e)||E}function yt(e,t){return Array.isArray(e)?-1===e.indexOf(t):e!==t}function gt(e,t,n,r,i){var o=F.keyCodes[t]||n;return i&&r&&!F.keyCodes[t]?yt(i,r):o?yt(o,e):r?C(r)!==t:void 0}function _t(e,t,n,r,i){if(n)if(o(n)){var a;Array.isArray(n)&&(n=O(n));var s=function(o){if("class"===o||"style"===o||v(o))a=e;else{var s=e.attrs&&e.attrs.type;a=r||F.mustUseProp(t,s,o)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}var c=b(o),u=C(o);c in a||u in a||(a[o]=n[o],i&&((e.on||(e.on={}))["update:"+o]=function(e){n[o]=e}))};for(var c in n)s(c)}else;return e}function bt(e,t){var n=this._staticTrees||(this._staticTrees=[]),r=n[e];return r&&!t?r:(wt(r=n[e]=this.$options.staticRenderFns[e].call(this._renderProxy,null,this),"__static__"+e,!1),r)}function $t(e,t,n){return wt(e,"__once__"+t+(n?"_"+n:""),!0),e}function wt(e,t,n){if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r]&&"string"!=typeof e[r]&&Ct(e[r],t+"_"+r,n);else Ct(e,t,n)}function Ct(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}function xt(e,t){if(t)if(s(t)){var n=e.on=e.on?A({},e.on):{};for(var r in t){var i=n[r],o=t[r];n[r]=i?[].concat(i,o):o}}else;return e}function kt(e,t,n,r){t=t||{$stable:!n};for(var i=0;i<e.length;i++){var o=e[i];Array.isArray(o)?kt(o,t,n):o&&(o.proxy&&(o.fn.proxy=!0),t[o.key]=o.fn)}return r&&(t.$key=r),t}function At(e,t){for(var n=0;n<t.length;n+=2){var r=t[n];"string"==typeof r&&r&&(e[t[n]]=t[n+1])}return e}function Ot(e,t){return"string"==typeof e?t+e:e}function St(e){e._o=$t,e._n=f,e._s=l,e._l=vt,e._t=ht,e._q=N,e._i=j,e._m=bt,e._f=mt,e._k=gt,e._b=_t,e._v=he,e._e=ve,e._u=kt,e._g=xt,e._d=At,e._p=Ot}function Tt(t,n,i,o,a){var s,c=this,u=a.options;y(o,"_uid")?(s=Object.create(o))._original=o:(s=o,o=o._original);var l=r(u._compiled),f=!l;this.data=t,this.props=n,this.children=i,this.parent=o,this.listeners=t.on||e,this.injections=ct(u.inject,o),this.slots=function(){return c.$slots||ft(t.scopedSlots,c.$slots=ut(i,o)),c.$slots},Object.defineProperty(this,"scopedSlots",{enumerable:!0,get:function(){return ft(t.scopedSlots,this.slots())}}),l&&(this.$options=u,this.$slots=this.slots(),this.$scopedSlots=ft(t.scopedSlots,this.$slots)),u._scopeId?this._c=function(e,t,n,r){var i=Pt(s,e,t,n,r,f);return i&&!Array.isArray(i)&&(i.fnScopeId=u._scopeId,i.fnContext=o),i}:this._c=function(e,t,n,r){return Pt(s,e,t,n,r,f)}}function Et(e,t,n,r,i){var o=me(e);return o.fnContext=n,o.fnOptions=r,t.slot&&((o.data||(o.data={})).slot=t.slot),o}function Nt(e,t){for(var n in t)e[b(n)]=t[n]}St(Tt.prototype);var jt={init:function(e,t){if(e.componentInstance&&!e.componentInstance._isDestroyed&&e.data.keepAlive){var r=e;jt.prepatch(r,r)}else{(e.componentInstance=function(e,t){var r={_isComponent:!0,_parentVnode:e,parent:t},i=e.data.inlineTemplate;n(i)&&(r.render=i.render,r.staticRenderFns=i.staticRenderFns);return new e.componentOptions.Ctor(r)}(e,Wt)).$mount(t?e.elm:void 0,t)}},prepatch:function(t,n){var r=n.componentOptions;!function(t,n,r,i,o){var a=i.data.scopedSlots,s=t.$scopedSlots,c=!!(a&&!a.$stable||s!==e&&!s.$stable||a&&t.$scopedSlots.$key!==a.$key),u=!!(o||t.$options._renderChildren||c);t.$options._parentVnode=i,t.$vnode=i,t._vnode&&(t._vnode.parent=i);if(t.$options._renderChildren=o,t.$attrs=i.data.attrs||e,t.$listeners=r||e,n&&t.$options.props){$e(!1);for(var l=t._props,f=t.$options._propKeys||[],p=0;p<f.length;p++){var d=f[p],v=t.$options.props;l[d]=Me(d,v,n,t)}$e(!0),t.$options.propsData=n}r=r||e;var h=t.$options._parentListeners;t.$options._parentListeners=r,qt(t,r,h),u&&(t.$slots=ut(o,i.context),t.$forceUpdate())}(n.componentInstance=t.componentInstance,r.propsData,r.listeners,n,r.children)},insert:function(e){var t,n=e.context,r=e.componentInstance;r._isMounted||(r._isMounted=!0,Yt(r,"mounted")),e.data.keepAlive&&(n._isMounted?((t=r)._inactive=!1,en.push(t)):Xt(r,!0))},destroy:function(e){var t=e.componentInstance;t._isDestroyed||(e.data.keepAlive?function e(t,n){if(n&&(t._directInactive=!0,Gt(t)))return;if(!t._inactive){t._inactive=!0;for(var r=0;r<t.$children.length;r++)e(t.$children[r]);Yt(t,"deactivated")}}(t,!0):t.$destroy())}},Dt=Object.keys(jt);function Lt(i,a,s,c,l){if(!t(i)){var f=s.$options._base;if(o(i)&&(i=f.extend(i)),"function"==typeof i){var p;if(t(i.cid)&&void 0===(i=function(e,i){if(r(e.error)&&n(e.errorComp))return e.errorComp;if(n(e.resolved))return e.resolved;var a=Ht;a&&n(e.owners)&&-1===e.owners.indexOf(a)&&e.owners.push(a);if(r(e.loading)&&n(e.loadingComp))return e.loadingComp;if(a&&!n(e.owners)){var s=e.owners=[a],c=!0,l=null,f=null;a.$on("hook:destroyed",function(){return h(s,a)});var p=function(e){for(var t=0,n=s.length;t<n;t++)s[t].$forceUpdate();e&&(s.length=0,null!==l&&(clearTimeout(l),l=null),null!==f&&(clearTimeout(f),f=null))},d=D(function(t){e.resolved=Bt(t,i),c?s.length=0:p(!0)}),v=D(function(t){n(e.errorComp)&&(e.error=!0,p(!0))}),m=e(d,v);return o(m)&&(u(m)?t(e.resolved)&&m.then(d,v):u(m.component)&&(m.component.then(d,v),n(m.error)&&(e.errorComp=Bt(m.error,i)),n(m.loading)&&(e.loadingComp=Bt(m.loading,i),0===m.delay?e.loading=!0:l=setTimeout(function(){l=null,t(e.resolved)&&t(e.error)&&(e.loading=!0,p(!1))},m.delay||200)),n(m.timeout)&&(f=setTimeout(function(){f=null,t(e.resolved)&&v(null)},m.timeout)))),c=!1,e.loading?e.loadingComp:e.resolved}}(p=i,f)))return function(e,t,n,r,i){var o=ve();return o.asyncFactory=e,o.asyncMeta={data:t,context:n,children:r,tag:i},o}(p,a,s,c,l);a=a||{},$n(i),n(a.model)&&function(e,t){var r=e.model&&e.model.prop||"value",i=e.model&&e.model.event||"input";(t.attrs||(t.attrs={}))[r]=t.model.value;var o=t.on||(t.on={}),a=o[i],s=t.model.callback;n(a)?(Array.isArray(a)?-1===a.indexOf(s):a!==s)&&(o[i]=[s].concat(a)):o[i]=s}(i.options,a);var d=function(e,r,i){var o=r.options.props;if(!t(o)){var a={},s=e.attrs,c=e.props;if(n(s)||n(c))for(var u in o){var l=C(u);ot(a,c,u,l,!0)||ot(a,s,u,l,!1)}return a}}(a,i);if(r(i.options.functional))return function(t,r,i,o,a){var s=t.options,c={},u=s.props;if(n(u))for(var l in u)c[l]=Me(l,u,r||e);else n(i.attrs)&&Nt(c,i.attrs),n(i.props)&&Nt(c,i.props);var f=new Tt(i,c,a,o,t),p=s.render.call(null,f._c,f);if(p instanceof pe)return Et(p,i,f.parent,s);if(Array.isArray(p)){for(var d=at(p)||[],v=new Array(d.length),h=0;h<d.length;h++)v[h]=Et(d[h],i,f.parent,s);return v}}(i,d,a,s,c);var v=a.on;if(a.on=a.nativeOn,r(i.options.abstract)){var m=a.slot;a={},m&&(a.slot=m)}!function(e){for(var t=e.hook||(e.hook={}),n=0;n<Dt.length;n++){var r=Dt[n],i=t[r],o=jt[r];i===o||i&&i._merged||(t[r]=i?Mt(o,i):o)}}(a);var y=i.options.name||l;return new pe("vue-component-"+i.cid+(y?"-"+y:""),a,void 0,void 0,void 0,s,{Ctor:i,propsData:d,listeners:v,tag:l,children:c},p)}}}function Mt(e,t){var n=function(n,r){e(n,r),t(n,r)};return n._merged=!0,n}var It=1,Ft=2;function Pt(e,a,s,c,u,l){return(Array.isArray(s)||i(s))&&(u=c,c=s,s=void 0),r(l)&&(u=Ft),function(e,i,a,s,c){if(n(a)&&n(a.__ob__))return ve();n(a)&&n(a.is)&&(i=a.is);if(!i)return ve();Array.isArray(s)&&"function"==typeof s[0]&&((a=a||{}).scopedSlots={default:s[0]},s.length=0);c===Ft?s=at(s):c===It&&(s=function(e){for(var t=0;t<e.length;t++)if(Array.isArray(e[t]))return Array.prototype.concat.apply([],e);return e}(s));var u,l;if("string"==typeof i){var f;l=e.$vnode&&e.$vnode.ns||F.getTagNamespace(i),u=F.isReservedTag(i)?new pe(F.parsePlatformTagName(i),a,s,void 0,void 0,e):a&&a.pre||!n(f=Le(e.$options,"components",i))?new pe(i,a,s,void 0,void 0,e):Lt(f,a,e,s,i)}else u=Lt(i,a,e,s);return Array.isArray(u)?u:n(u)?(n(l)&&function e(i,o,a){i.ns=o;"foreignObject"===i.tag&&(o=void 0,a=!0);if(n(i.children))for(var s=0,c=i.children.length;s<c;s++){var u=i.children[s];n(u.tag)&&(t(u.ns)||r(a)&&"svg"!==u.tag)&&e(u,o,a)}}(u,l),n(a)&&function(e){o(e.style)&&et(e.style);o(e.class)&&et(e.class)}(a),u):ve()}(e,a,s,c,u)}var Rt,Ht=null;function Bt(e,t){return(e.__esModule||oe&&"Module"===e[Symbol.toStringTag])&&(e=e.default),o(e)?t.extend(e):e}function Ut(e){return e.isComment&&e.asyncFactory}function zt(e){if(Array.isArray(e))for(var t=0;t<e.length;t++){var r=e[t];if(n(r)&&(n(r.componentOptions)||Ut(r)))return r}}function Vt(e,t){Rt.$on(e,t)}function Kt(e,t){Rt.$off(e,t)}function Jt(e,t){var n=Rt;return function r(){null!==t.apply(null,arguments)&&n.$off(e,r)}}function qt(e,t,n){Rt=e,rt(t,n||{},Vt,Kt,Jt,e),Rt=void 0}var Wt=null;function Zt(e){var t=Wt;return Wt=e,function(){Wt=t}}function Gt(e){for(;e&&(e=e.$parent);)if(e._inactive)return!0;return!1}function Xt(e,t){if(t){if(e._directInactive=!1,Gt(e))return}else if(e._directInactive)return;if(e._inactive||null===e._inactive){e._inactive=!1;for(var n=0;n<e.$children.length;n++)Xt(e.$children[n]);Yt(e,"activated")}}function Yt(e,t){le();var n=e.$options[t],r=t+" hook";if(n)for(var i=0,o=n.length;i<o;i++)He(n[i],e,null,e,r);e._hasHookEvent&&e.$emit("hook:"+t),fe()}var Qt=[],en=[],tn={},nn=!1,rn=!1,on=0;var an=0,sn=Date.now;if(z&&!q){var cn=window.performance;cn&&"function"==typeof cn.now&&sn()>document.createEvent("Event").timeStamp&&(sn=function(){return cn.now()})}function un(){var e,t;for(an=sn(),rn=!0,Qt.sort(function(e,t){return e.id-t.id}),on=0;on<Qt.length;on++)(e=Qt[on]).before&&e.before(),t=e.id,tn[t]=null,e.run();var n=en.slice(),r=Qt.slice();on=Qt.length=en.length=0,tn={},nn=rn=!1,function(e){for(var t=0;t<e.length;t++)e[t]._inactive=!0,Xt(e[t],!0)}(n),function(e){var t=e.length;for(;t--;){var n=e[t],r=n.vm;r._watcher===n&&r._isMounted&&!r._isDestroyed&&Yt(r,"updated")}}(r),ne&&F.devtools&&ne.emit("flush")}var ln=0,fn=function(e,t,n,r,i){this.vm=e,i&&(e._watcher=this),e._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.before=r.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++ln,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new ie,this.newDepIds=new ie,this.expression="","function"==typeof t?this.getter=t:(this.getter=function(e){if(!H.test(e)){var t=e.split(".");return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}(t),this.getter||(this.getter=S)),this.value=this.lazy?void 0:this.get()};fn.prototype.get=function(){var e;le(this);var t=this.vm;try{e=this.getter.call(t,t)}catch(e){if(!this.user)throw e;Re(e,t,'getter for watcher "'+this.expression+'"')}finally{this.deep&&et(e),fe(),this.cleanupDeps()}return e},fn.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),this.depIds.has(t)||e.addSub(this))},fn.prototype.cleanupDeps=function(){for(var e=this.deps.length;e--;){var t=this.deps[e];this.newDepIds.has(t.id)||t.removeSub(this)}var n=this.depIds;this.depIds=this.newDepIds,this.newDepIds=n,this.newDepIds.clear(),n=this.deps,this.deps=this.newDeps,this.newDeps=n,this.newDeps.length=0},fn.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():function(e){var t=e.id;if(null==tn[t]){if(tn[t]=!0,rn){for(var n=Qt.length-1;n>on&&Qt[n].id>e.id;)n--;Qt.splice(n+1,0,e)}else Qt.push(e);nn||(nn=!0,Ye(un))}}(this)},fn.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||o(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){Re(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},fn.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},fn.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},fn.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||h(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var pn={enumerable:!0,configurable:!0,get:S,set:S};function dn(e,t,n){pn.get=function(){return this[t][n]},pn.set=function(e){this[t][n]=e},Object.defineProperty(e,n,pn)}function vn(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var n=e.$options.propsData||{},r=e._props={},i=e.$options._propKeys=[];e.$parent&&$e(!1);var o=function(o){i.push(o);var a=Me(o,t,n,e);xe(r,o,a),o in e||dn(e,"_props",o)};for(var a in t)o(a);$e(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?S:x(t[n],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;s(t=e._data="function"==typeof t?function(e,t){le();try{return e.call(t,t)}catch(e){return Re(e,t,"data()"),{}}finally{fe()}}(t,e):t||{})||(t={});var n=Object.keys(t),r=e.$options.props,i=(e.$options.methods,n.length);for(;i--;){var o=n[i];r&&y(r,o)||(a=void 0,36!==(a=(o+"").charCodeAt(0))&&95!==a&&dn(e,"_data",o))}var a;Ce(t,!0)}(e):Ce(e._data={},!0),t.computed&&function(e,t){var n=e._computedWatchers=Object.create(null),r=te();for(var i in t){var o=t[i],a="function"==typeof o?o:o.get;r||(n[i]=new fn(e,a||S,S,hn)),i in e||mn(e,i,o)}}(e,t.computed),t.watch&&t.watch!==Y&&function(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i<r.length;i++)_n(e,n,r[i]);else _n(e,n,r)}}(e,t.watch)}var hn={lazy:!0};function mn(e,t,n){var r=!te();"function"==typeof n?(pn.get=r?yn(t):gn(n),pn.set=S):(pn.get=n.get?r&&!1!==n.cache?yn(t):gn(n.get):S,pn.set=n.set||S),Object.defineProperty(e,t,pn)}function yn(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),ce.target&&t.depend(),t.value}}function gn(e){return function(){return e.call(this,this)}}function _n(e,t,n,r){return s(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}var bn=0;function $n(e){var t=e.options;if(e.super){var n=$n(e.super);if(n!==e.superOptions){e.superOptions=n;var r=function(e){var t,n=e.options,r=e.sealedOptions;for(var i in n)n[i]!==r[i]&&(t||(t={}),t[i]=n[i]);return t}(e);r&&A(e.extendOptions,r),(t=e.options=De(n,e.extendOptions)).name&&(t.components[t.name]=e)}}return t}function wn(e){this._init(e)}function Cn(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var o=e.name||n.options.name,a=function(e){this._init(e)};return(a.prototype=Object.create(n.prototype)).constructor=a,a.cid=t++,a.options=De(n.options,e),a.super=n,a.options.props&&function(e){var t=e.options.props;for(var n in t)dn(e.prototype,"_props",n)}(a),a.options.computed&&function(e){var t=e.options.computed;for(var n in t)mn(e.prototype,n,t[n])}(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,M.forEach(function(e){a[e]=n[e]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=e,a.sealedOptions=A({},a.options),i[r]=a,a}}function xn(e){return e&&(e.Ctor.options.name||e.tag)}function kn(e,t){return Array.isArray(e)?e.indexOf(t)>-1:"string"==typeof e?e.split(",").indexOf(t)>-1:(n=e,"[object RegExp]"===a.call(n)&&e.test(t));var n}function An(e,t){var n=e.cache,r=e.keys,i=e._vnode;for(var o in n){var a=n[o];if(a){var s=xn(a.componentOptions);s&&!t(s)&&On(n,o,r,i)}}}function On(e,t,n,r){var i=e[t];!i||r&&i.tag===r.tag||i.componentInstance.$destroy(),e[t]=null,h(n,t)}!function(t){t.prototype._init=function(t){var n=this;n._uid=bn++,n._isVue=!0,t&&t._isComponent?function(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var i=r.componentOptions;n.propsData=i.propsData,n._parentListeners=i.listeners,n._renderChildren=i.children,n._componentTag=i.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}(n,t):n.$options=De($n(n.constructor),t||{},n),n._renderProxy=n,n._self=n,function(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(n),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&qt(e,t)}(n),function(t){t._vnode=null,t._staticTrees=null;var n=t.$options,r=t.$vnode=n._parentVnode,i=r&&r.context;t.$slots=ut(n._renderChildren,i),t.$scopedSlots=e,t._c=function(e,n,r,i){return Pt(t,e,n,r,i,!1)},t.$createElement=function(e,n,r,i){return Pt(t,e,n,r,i,!0)};var o=r&&r.data;xe(t,"$attrs",o&&o.attrs||e,null,!0),xe(t,"$listeners",n._parentListeners||e,null,!0)}(n),Yt(n,"beforeCreate"),function(e){var t=ct(e.$options.inject,e);t&&($e(!1),Object.keys(t).forEach(function(n){xe(e,n,t[n])}),$e(!0))}(n),vn(n),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(n),Yt(n,"created"),n.$options.el&&n.$mount(n.$options.el)}}(wn),function(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=ke,e.prototype.$delete=Ae,e.prototype.$watch=function(e,t,n){if(s(t))return _n(this,e,t,n);(n=n||{}).user=!0;var r=new fn(this,e,t,n);if(n.immediate)try{t.call(this,r.value)}catch(e){Re(e,this,'callback for immediate watcher "'+r.expression+'"')}return function(){r.teardown()}}}(wn),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(Array.isArray(e))for(var i=0,o=e.length;i<o;i++)r.$on(e[i],n);else(r._events[e]||(r._events[e]=[])).push(n),t.test(e)&&(r._hasHookEvent=!0);return r},e.prototype.$once=function(e,t){var n=this;function r(){n.$off(e,r),t.apply(n,arguments)}return r.fn=t,n.$on(e,r),n},e.prototype.$off=function(e,t){var n=this;if(!arguments.length)return n._events=Object.create(null),n;if(Array.isArray(e)){for(var r=0,i=e.length;r<i;r++)n.$off(e[r],t);return n}var o,a=n._events[e];if(!a)return n;if(!t)return n._events[e]=null,n;for(var s=a.length;s--;)if((o=a[s])===t||o.fn===t){a.splice(s,1);break}return n},e.prototype.$emit=function(e){var t=this._events[e];if(t){t=t.length>1?k(t):t;for(var n=k(arguments,1),r='event handler for "'+e+'"',i=0,o=t.length;i<o;i++)He(t[i],this,n,this,r)}return this}}(wn),function(e){e.prototype._update=function(e,t){var n=this,r=n.$el,i=n._vnode,o=Zt(n);n._vnode=e,n.$el=i?n.__patch__(i,e):n.__patch__(n.$el,e,t,!1),o(),r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},e.prototype.$forceUpdate=function(){this._watcher&&this._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){Yt(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||h(t.$children,e),e._watcher&&e._watcher.teardown();for(var n=e._watchers.length;n--;)e._watchers[n].teardown();e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,e.__patch__(e._vnode,null),Yt(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null),e.$vnode&&(e.$vnode.parent=null)}}}(wn),function(e){St(e.prototype),e.prototype.$nextTick=function(e){return Ye(e,this)},e.prototype._render=function(){var e,t=this,n=t.$options,r=n.render,i=n._parentVnode;i&&(t.$scopedSlots=ft(i.data.scopedSlots,t.$slots,t.$scopedSlots)),t.$vnode=i;try{Ht=t,e=r.call(t._renderProxy,t.$createElement)}catch(n){Re(n,t,"render"),e=t._vnode}finally{Ht=null}return Array.isArray(e)&&1===e.length&&(e=e[0]),e instanceof pe||(e=ve()),e.parent=i,e}}(wn);var Sn=[String,RegExp,Array],Tn={KeepAlive:{name:"keep-alive",abstract:!0,props:{include:Sn,exclude:Sn,max:[String,Number]},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var e in this.cache)On(this.cache,e,this.keys)},mounted:function(){var e=this;this.$watch("include",function(t){An(e,function(e){return kn(t,e)})}),this.$watch("exclude",function(t){An(e,function(e){return!kn(t,e)})})},render:function(){var e=this.$slots.default,t=zt(e),n=t&&t.componentOptions;if(n){var r=xn(n),i=this.include,o=this.exclude;if(i&&(!r||!kn(i,r))||o&&r&&kn(o,r))return t;var a=this.cache,s=this.keys,c=null==t.key?n.Ctor.cid+(n.tag?"::"+n.tag:""):t.key;a[c]?(t.componentInstance=a[c].componentInstance,h(s,c),s.push(c)):(a[c]=t,s.push(c),this.max&&s.length>parseInt(this.max)&&On(a,s[0],s,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return F}};Object.defineProperty(e,"config",t),e.util={warn:ae,extend:A,mergeOptions:De,defineReactive:xe},e.set=ke,e.delete=Ae,e.nextTick=Ye,e.observable=function(e){return Ce(e),e},e.options=Object.create(null),M.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,A(e.options.components,Tn),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=k(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=De(this.options,e),this}}(e),Cn(e),function(e){M.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&s(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}(e)}(wn),Object.defineProperty(wn.prototype,"$isServer",{get:te}),Object.defineProperty(wn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(wn,"FunctionalRenderContext",{value:Tt}),wn.version="2.6.11";var En=p("style,class"),Nn=p("input,textarea,option,select,progress"),jn=function(e,t,n){return"value"===n&&Nn(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},Dn=p("contenteditable,draggable,spellcheck"),Ln=p("events,caret,typing,plaintext-only"),Mn=function(e,t){return Hn(t)||"false"===t?"false":"contenteditable"===e&&Ln(t)?t:"true"},In=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Fn="http://www.w3.org/1999/xlink",Pn=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Rn=function(e){return Pn(e)?e.slice(6,e.length):""},Hn=function(e){return null==e||!1===e};function Bn(e){for(var t=e.data,r=e,i=e;n(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(t=Un(i.data,t));for(;n(r=r.parent);)r&&r.data&&(t=Un(t,r.data));return function(e,t){if(n(e)||n(t))return zn(e,Vn(t));return""}(t.staticClass,t.class)}function Un(e,t){return{staticClass:zn(e.staticClass,t.staticClass),class:n(e.class)?[e.class,t.class]:t.class}}function zn(e,t){return e?t?e+" "+t:e:t||""}function Vn(e){return Array.isArray(e)?function(e){for(var t,r="",i=0,o=e.length;i<o;i++)n(t=Vn(e[i]))&&""!==t&&(r&&(r+=" "),r+=t);return r}(e):o(e)?function(e){var t="";for(var n in e)e[n]&&(t&&(t+=" "),t+=n);return t}(e):"string"==typeof e?e:""}var Kn={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Jn=p("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),qn=p("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Wn=function(e){return Jn(e)||qn(e)};function Zn(e){return qn(e)?"svg":"math"===e?"math":void 0}var Gn=Object.create(null);var Xn=p("text,number,password,search,email,tel,url");function Yn(e){if("string"==typeof e){var t=document.querySelector(e);return t||document.createElement("div")}return e}var Qn=Object.freeze({createElement:function(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)},createElementNS:function(e,t){return document.createElementNS(Kn[e],t)},createTextNode:function(e){return document.createTextNode(e)},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){e.appendChild(t)},parentNode:function(e){return e.parentNode},nextSibling:function(e){return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},setStyleScope:function(e,t){e.setAttribute(t,"")}}),er={create:function(e,t){tr(t)},update:function(e,t){e.data.ref!==t.data.ref&&(tr(e,!0),tr(t))},destroy:function(e){tr(e,!0)}};function tr(e,t){var r=e.data.ref;if(n(r)){var i=e.context,o=e.componentInstance||e.elm,a=i.$refs;t?Array.isArray(a[r])?h(a[r],o):a[r]===o&&(a[r]=void 0):e.data.refInFor?Array.isArray(a[r])?a[r].indexOf(o)<0&&a[r].push(o):a[r]=[o]:a[r]=o}}var nr=new pe("",{},[]),rr=["create","activate","update","remove","destroy"];function ir(e,i){return e.key===i.key&&(e.tag===i.tag&&e.isComment===i.isComment&&n(e.data)===n(i.data)&&function(e,t){if("input"!==e.tag)return!0;var r,i=n(r=e.data)&&n(r=r.attrs)&&r.type,o=n(r=t.data)&&n(r=r.attrs)&&r.type;return i===o||Xn(i)&&Xn(o)}(e,i)||r(e.isAsyncPlaceholder)&&e.asyncFactory===i.asyncFactory&&t(i.asyncFactory.error))}function or(e,t,r){var i,o,a={};for(i=t;i<=r;++i)n(o=e[i].key)&&(a[o]=i);return a}var ar={create:sr,update:sr,destroy:function(e){sr(e,nr)}};function sr(e,t){(e.data.directives||t.data.directives)&&function(e,t){var n,r,i,o=e===nr,a=t===nr,s=ur(e.data.directives,e.context),c=ur(t.data.directives,t.context),u=[],l=[];for(n in c)r=s[n],i=c[n],r?(i.oldValue=r.value,i.oldArg=r.arg,fr(i,"update",t,e),i.def&&i.def.componentUpdated&&l.push(i)):(fr(i,"bind",t,e),i.def&&i.def.inserted&&u.push(i));if(u.length){var f=function(){for(var n=0;n<u.length;n++)fr(u[n],"inserted",t,e)};o?it(t,"insert",f):f()}l.length&&it(t,"postpatch",function(){for(var n=0;n<l.length;n++)fr(l[n],"componentUpdated",t,e)});if(!o)for(n in s)c[n]||fr(s[n],"unbind",e,e,a)}(e,t)}var cr=Object.create(null);function ur(e,t){var n,r,i=Object.create(null);if(!e)return i;for(n=0;n<e.length;n++)(r=e[n]).modifiers||(r.modifiers=cr),i[lr(r)]=r,r.def=Le(t.$options,"directives",r.name);return i}function lr(e){return e.rawName||e.name+"."+Object.keys(e.modifiers||{}).join(".")}function fr(e,t,n,r,i){var o=e.def&&e.def[t];if(o)try{o(n.elm,e,n,r,i)}catch(r){Re(r,n.context,"directive "+e.name+" "+t+" hook")}}var pr=[er,ar];function dr(e,r){var i=r.componentOptions;if(!(n(i)&&!1===i.Ctor.options.inheritAttrs||t(e.data.attrs)&&t(r.data.attrs))){var o,a,s=r.elm,c=e.data.attrs||{},u=r.data.attrs||{};for(o in n(u.__ob__)&&(u=r.data.attrs=A({},u)),u)a=u[o],c[o]!==a&&vr(s,o,a);for(o in(q||Z)&&u.value!==c.value&&vr(s,"value",u.value),c)t(u[o])&&(Pn(o)?s.removeAttributeNS(Fn,Rn(o)):Dn(o)||s.removeAttribute(o))}}function vr(e,t,n){e.tagName.indexOf("-")>-1?hr(e,t,n):In(t)?Hn(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):Dn(t)?e.setAttribute(t,Mn(t,n)):Pn(t)?Hn(n)?e.removeAttributeNS(Fn,Rn(t)):e.setAttributeNS(Fn,t,n):hr(e,t,n)}function hr(e,t,n){if(Hn(n))e.removeAttribute(t);else{if(q&&!W&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==n&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var mr={create:dr,update:dr};function yr(e,r){var i=r.elm,o=r.data,a=e.data;if(!(t(o.staticClass)&&t(o.class)&&(t(a)||t(a.staticClass)&&t(a.class)))){var s=Bn(r),c=i._transitionClasses;n(c)&&(s=zn(s,Vn(c))),s!==i._prevClass&&(i.setAttribute("class",s),i._prevClass=s)}}var gr,_r,br,$r,wr,Cr,xr={create:yr,update:yr},kr=/[\w).+\-_$\]]/;function Ar(e){var t,n,r,i,o,a=!1,s=!1,c=!1,u=!1,l=0,f=0,p=0,d=0;for(r=0;r<e.length;r++)if(n=t,t=e.charCodeAt(r),a)39===t&&92!==n&&(a=!1);else if(s)34===t&&92!==n&&(s=!1);else if(c)96===t&&92!==n&&(c=!1);else if(u)47===t&&92!==n&&(u=!1);else if(124!==t||124===e.charCodeAt(r+1)||124===e.charCodeAt(r-1)||l||f||p){switch(t){case 34:s=!0;break;case 39:a=!0;break;case 96:c=!0;break;case 40:p++;break;case 41:p--;break;case 91:f++;break;case 93:f--;break;case 123:l++;break;case 125:l--}if(47===t){for(var v=r-1,h=void 0;v>=0&&" "===(h=e.charAt(v));v--);h&&kr.test(h)||(u=!0)}}else void 0===i?(d=r+1,i=e.slice(0,r).trim()):m();function m(){(o||(o=[])).push(e.slice(d,r).trim()),d=r+1}if(void 0===i?i=e.slice(0,r).trim():0!==d&&m(),o)for(r=0;r<o.length;r++)i=Or(i,o[r]);return i}function Or(e,t){var n=t.indexOf("(");if(n<0)return'_f("'+t+'")('+e+")";var r=t.slice(0,n),i=t.slice(n+1);return'_f("'+r+'")('+e+(")"!==i?","+i:i)}function Sr(e,t){console.error("[Vue compiler]: "+e)}function Tr(e,t){return e?e.map(function(e){return e[t]}).filter(function(e){return e}):[]}function Er(e,t,n,r,i){(e.props||(e.props=[])).push(Rr({name:t,value:n,dynamic:i},r)),e.plain=!1}function Nr(e,t,n,r,i){(i?e.dynamicAttrs||(e.dynamicAttrs=[]):e.attrs||(e.attrs=[])).push(Rr({name:t,value:n,dynamic:i},r)),e.plain=!1}function jr(e,t,n,r){e.attrsMap[t]=n,e.attrsList.push(Rr({name:t,value:n},r))}function Dr(e,t,n,r,i,o,a,s){(e.directives||(e.directives=[])).push(Rr({name:t,rawName:n,value:r,arg:i,isDynamicArg:o,modifiers:a},s)),e.plain=!1}function Lr(e,t,n){return n?"_p("+t+',"'+e+'")':e+t}function Mr(t,n,r,i,o,a,s,c){var u;(i=i||e).right?c?n="("+n+")==='click'?'contextmenu':("+n+")":"click"===n&&(n="contextmenu",delete i.right):i.middle&&(c?n="("+n+")==='click'?'mouseup':("+n+")":"click"===n&&(n="mouseup")),i.capture&&(delete i.capture,n=Lr("!",n,c)),i.once&&(delete i.once,n=Lr("~",n,c)),i.passive&&(delete i.passive,n=Lr("&",n,c)),i.native?(delete i.native,u=t.nativeEvents||(t.nativeEvents={})):u=t.events||(t.events={});var l=Rr({value:r.trim(),dynamic:c},s);i!==e&&(l.modifiers=i);var f=u[n];Array.isArray(f)?o?f.unshift(l):f.push(l):u[n]=f?o?[l,f]:[f,l]:l,t.plain=!1}function Ir(e,t,n){var r=Fr(e,":"+t)||Fr(e,"v-bind:"+t);if(null!=r)return Ar(r);if(!1!==n){var i=Fr(e,t);if(null!=i)return JSON.stringify(i)}}function Fr(e,t,n){var r;if(null!=(r=e.attrsMap[t]))for(var i=e.attrsList,o=0,a=i.length;o<a;o++)if(i[o].name===t){i.splice(o,1);break}return n&&delete e.attrsMap[t],r}function Pr(e,t){for(var n=e.attrsList,r=0,i=n.length;r<i;r++){var o=n[r];if(t.test(o.name))return n.splice(r,1),o}}function Rr(e,t){return t&&(null!=t.start&&(e.start=t.start),null!=t.end&&(e.end=t.end)),e}function Hr(e,t,n){var r=n||{},i=r.number,o="$$v";r.trim&&(o="(typeof $$v === 'string'? $$v.trim(): $$v)"),i&&(o="_n("+o+")");var a=Br(t,o);e.model={value:"("+t+")",expression:JSON.stringify(t),callback:"function ($$v) {"+a+"}"}}function Br(e,t){var n=function(e){if(e=e.trim(),gr=e.length,e.indexOf("[")<0||e.lastIndexOf("]")<gr-1)return($r=e.lastIndexOf("."))>-1?{exp:e.slice(0,$r),key:'"'+e.slice($r+1)+'"'}:{exp:e,key:null};_r=e,$r=wr=Cr=0;for(;!zr();)Vr(br=Ur())?Jr(br):91===br&&Kr(br);return{exp:e.slice(0,wr),key:e.slice(wr+1,Cr)}}(e);return null===n.key?e+"="+t:"$set("+n.exp+", "+n.key+", "+t+")"}function Ur(){return _r.charCodeAt(++$r)}function zr(){return $r>=gr}function Vr(e){return 34===e||39===e}function Kr(e){var t=1;for(wr=$r;!zr();)if(Vr(e=Ur()))Jr(e);else if(91===e&&t++,93===e&&t--,0===t){Cr=$r;break}}function Jr(e){for(var t=e;!zr()&&(e=Ur())!==t;);}var qr,Wr="__r",Zr="__c";function Gr(e,t,n){var r=qr;return function i(){null!==t.apply(null,arguments)&&Qr(e,i,n,r)}}var Xr=Ve&&!(X&&Number(X[1])<=53);function Yr(e,t,n,r){if(Xr){var i=an,o=t;t=o._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=i||e.timeStamp<=0||e.target.ownerDocument!==document)return o.apply(this,arguments)}}qr.addEventListener(e,t,Q?{capture:n,passive:r}:n)}function Qr(e,t,n,r){(r||qr).removeEventListener(e,t._wrapper||t,n)}function ei(e,r){if(!t(e.data.on)||!t(r.data.on)){var i=r.data.on||{},o=e.data.on||{};qr=r.elm,function(e){if(n(e[Wr])){var t=q?"change":"input";e[t]=[].concat(e[Wr],e[t]||[]),delete e[Wr]}n(e[Zr])&&(e.change=[].concat(e[Zr],e.change||[]),delete e[Zr])}(i),rt(i,o,Yr,Qr,Gr,r.context),qr=void 0}}var ti,ni={create:ei,update:ei};function ri(e,r){if(!t(e.data.domProps)||!t(r.data.domProps)){var i,o,a=r.elm,s=e.data.domProps||{},c=r.data.domProps||{};for(i in n(c.__ob__)&&(c=r.data.domProps=A({},c)),s)i in c||(a[i]="");for(i in c){if(o=c[i],"textContent"===i||"innerHTML"===i){if(r.children&&(r.children.length=0),o===s[i])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===i&&"PROGRESS"!==a.tagName){a._value=o;var u=t(o)?"":String(o);ii(a,u)&&(a.value=u)}else if("innerHTML"===i&&qn(a.tagName)&&t(a.innerHTML)){(ti=ti||document.createElement("div")).innerHTML="<svg>"+o+"</svg>";for(var l=ti.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;l.firstChild;)a.appendChild(l.firstChild)}else if(o!==s[i])try{a[i]=o}catch(e){}}}}function ii(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}(e,t)||function(e,t){var r=e.value,i=e._vModifiers;if(n(i)){if(i.number)return f(r)!==f(t);if(i.trim)return r.trim()!==t.trim()}return r!==t}(e,t))}var oi={create:ri,update:ri},ai=g(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function si(e){var t=ci(e.style);return e.staticStyle?A(e.staticStyle,t):t}function ci(e){return Array.isArray(e)?O(e):"string"==typeof e?ai(e):e}var ui,li=/^--/,fi=/\s*!important$/,pi=function(e,t,n){if(li.test(t))e.style.setProperty(t,n);else if(fi.test(n))e.style.setProperty(C(t),n.replace(fi,""),"important");else{var r=vi(t);if(Array.isArray(n))for(var i=0,o=n.length;i<o;i++)e.style[r]=n[i];else e.style[r]=n}},di=["Webkit","Moz","ms"],vi=g(function(e){if(ui=ui||document.createElement("div").style,"filter"!==(e=b(e))&&e in ui)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<di.length;n++){var r=di[n]+t;if(r in ui)return r}});function hi(e,r){var i=r.data,o=e.data;if(!(t(i.staticStyle)&&t(i.style)&&t(o.staticStyle)&&t(o.style))){var a,s,c=r.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},f=u||l,p=ci(r.data.style)||{};r.data.normalizedStyle=n(p.__ob__)?A({},p):p;var d=function(e,t){var n,r={};if(t)for(var i=e;i.componentInstance;)(i=i.componentInstance._vnode)&&i.data&&(n=si(i.data))&&A(r,n);(n=si(e.data))&&A(r,n);for(var o=e;o=o.parent;)o.data&&(n=si(o.data))&&A(r,n);return r}(r,!0);for(s in f)t(d[s])&&pi(c,s,"");for(s in d)(a=d[s])!==f[s]&&pi(c,s,null==a?"":a)}}var mi={create:hi,update:hi},yi=/\s+/;function gi(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(yi).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function _i(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(yi).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function bi(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&A(t,$i(e.name||"v")),A(t,e),t}return"string"==typeof e?$i(e):void 0}}var $i=g(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),wi=z&&!W,Ci="transition",xi="animation",ki="transition",Ai="transitionend",Oi="animation",Si="animationend";wi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(ki="WebkitTransition",Ai="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Oi="WebkitAnimation",Si="webkitAnimationEnd"));var Ti=z?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function Ei(e){Ti(function(){Ti(e)})}function Ni(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),gi(e,t))}function ji(e,t){e._transitionClasses&&h(e._transitionClasses,t),_i(e,t)}function Di(e,t,n){var r=Mi(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===Ci?Ai:Si,c=0,u=function(){e.removeEventListener(s,l),n()},l=function(t){t.target===e&&++c>=a&&u()};setTimeout(function(){c<a&&u()},o+1),e.addEventListener(s,l)}var Li=/\b(transform|all)(,|$)/;function Mi(e,t){var n,r=window.getComputedStyle(e),i=(r[ki+"Delay"]||"").split(", "),o=(r[ki+"Duration"]||"").split(", "),a=Ii(i,o),s=(r[Oi+"Delay"]||"").split(", "),c=(r[Oi+"Duration"]||"").split(", "),u=Ii(s,c),l=0,f=0;return t===Ci?a>0&&(n=Ci,l=a,f=o.length):t===xi?u>0&&(n=xi,l=u,f=c.length):f=(n=(l=Math.max(a,u))>0?a>u?Ci:xi:null)?n===Ci?o.length:c.length:0,{type:n,timeout:l,propCount:f,hasTransform:n===Ci&&Li.test(r[ki+"Property"])}}function Ii(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max.apply(null,t.map(function(t,n){return Fi(t)+Fi(e[n])}))}function Fi(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Pi(e,r){var i=e.elm;n(i._leaveCb)&&(i._leaveCb.cancelled=!0,i._leaveCb());var a=bi(e.data.transition);if(!t(a)&&!n(i._enterCb)&&1===i.nodeType){for(var s=a.css,c=a.type,u=a.enterClass,l=a.enterToClass,p=a.enterActiveClass,d=a.appearClass,v=a.appearToClass,h=a.appearActiveClass,m=a.beforeEnter,y=a.enter,g=a.afterEnter,_=a.enterCancelled,b=a.beforeAppear,$=a.appear,w=a.afterAppear,C=a.appearCancelled,x=a.duration,k=Wt,A=Wt.$vnode;A&&A.parent;)k=A.context,A=A.parent;var O=!k._isMounted||!e.isRootInsert;if(!O||$||""===$){var S=O&&d?d:u,T=O&&h?h:p,E=O&&v?v:l,N=O&&b||m,j=O&&"function"==typeof $?$:y,L=O&&w||g,M=O&&C||_,I=f(o(x)?x.enter:x),F=!1!==s&&!W,P=Bi(j),R=i._enterCb=D(function(){F&&(ji(i,E),ji(i,T)),R.cancelled?(F&&ji(i,S),M&&M(i)):L&&L(i),i._enterCb=null});e.data.show||it(e,"insert",function(){var t=i.parentNode,n=t&&t._pending&&t._pending[e.key];n&&n.tag===e.tag&&n.elm._leaveCb&&n.elm._leaveCb(),j&&j(i,R)}),N&&N(i),F&&(Ni(i,S),Ni(i,T),Ei(function(){ji(i,S),R.cancelled||(Ni(i,E),P||(Hi(I)?setTimeout(R,I):Di(i,c,R)))})),e.data.show&&(r&&r(),j&&j(i,R)),F||P||R()}}}function Ri(e,r){var i=e.elm;n(i._enterCb)&&(i._enterCb.cancelled=!0,i._enterCb());var a=bi(e.data.transition);if(t(a)||1!==i.nodeType)return r();if(!n(i._leaveCb)){var s=a.css,c=a.type,u=a.leaveClass,l=a.leaveToClass,p=a.leaveActiveClass,d=a.beforeLeave,v=a.leave,h=a.afterLeave,m=a.leaveCancelled,y=a.delayLeave,g=a.duration,_=!1!==s&&!W,b=Bi(v),$=f(o(g)?g.leave:g),w=i._leaveCb=D(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[e.key]=null),_&&(ji(i,l),ji(i,p)),w.cancelled?(_&&ji(i,u),m&&m(i)):(r(),h&&h(i)),i._leaveCb=null});y?y(C):C()}function C(){w.cancelled||(!e.data.show&&i.parentNode&&((i.parentNode._pending||(i.parentNode._pending={}))[e.key]=e),d&&d(i),_&&(Ni(i,u),Ni(i,p),Ei(function(){ji(i,u),w.cancelled||(Ni(i,l),b||(Hi($)?setTimeout(w,$):Di(i,c,w)))})),v&&v(i,w),_||b||w())}}function Hi(e){return"number"==typeof e&&!isNaN(e)}function Bi(e){if(t(e))return!1;var r=e.fns;return n(r)?Bi(Array.isArray(r)?r[0]:r):(e._length||e.length)>1}function Ui(e,t){!0!==t.data.show&&Pi(t)}var zi=function(e){var o,a,s={},c=e.modules,u=e.nodeOps;for(o=0;o<rr.length;++o)for(s[rr[o]]=[],a=0;a<c.length;++a)n(c[a][rr[o]])&&s[rr[o]].push(c[a][rr[o]]);function l(e){var t=u.parentNode(e);n(t)&&u.removeChild(t,e)}function f(e,t,i,o,a,c,l){if(n(e.elm)&&n(c)&&(e=c[l]=me(e)),e.isRootInsert=!a,!function(e,t,i,o){var a=e.data;if(n(a)){var c=n(e.componentInstance)&&a.keepAlive;if(n(a=a.hook)&&n(a=a.init)&&a(e,!1),n(e.componentInstance))return d(e,t),v(i,e.elm,o),r(c)&&function(e,t,r,i){for(var o,a=e;a.componentInstance;)if(a=a.componentInstance._vnode,n(o=a.data)&&n(o=o.transition)){for(o=0;o<s.activate.length;++o)s.activate[o](nr,a);t.push(a);break}v(r,e.elm,i)}(e,t,i,o),!0}}(e,t,i,o)){var f=e.data,p=e.children,m=e.tag;n(m)?(e.elm=e.ns?u.createElementNS(e.ns,m):u.createElement(m,e),g(e),h(e,p,t),n(f)&&y(e,t),v(i,e.elm,o)):r(e.isComment)?(e.elm=u.createComment(e.text),v(i,e.elm,o)):(e.elm=u.createTextNode(e.text),v(i,e.elm,o))}}function d(e,t){n(e.data.pendingInsert)&&(t.push.apply(t,e.data.pendingInsert),e.data.pendingInsert=null),e.elm=e.componentInstance.$el,m(e)?(y(e,t),g(e)):(tr(e),t.push(e))}function v(e,t,r){n(e)&&(n(r)?u.parentNode(r)===e&&u.insertBefore(e,t,r):u.appendChild(e,t))}function h(e,t,n){if(Array.isArray(t))for(var r=0;r<t.length;++r)f(t[r],n,e.elm,null,!0,t,r);else i(e.text)&&u.appendChild(e.elm,u.createTextNode(String(e.text)))}function m(e){for(;e.componentInstance;)e=e.componentInstance._vnode;return n(e.tag)}function y(e,t){for(var r=0;r<s.create.length;++r)s.create[r](nr,e);n(o=e.data.hook)&&(n(o.create)&&o.create(nr,e),n(o.insert)&&t.push(e))}function g(e){var t;if(n(t=e.fnScopeId))u.setStyleScope(e.elm,t);else for(var r=e;r;)n(t=r.context)&&n(t=t.$options._scopeId)&&u.setStyleScope(e.elm,t),r=r.parent;n(t=Wt)&&t!==e.context&&t!==e.fnContext&&n(t=t.$options._scopeId)&&u.setStyleScope(e.elm,t)}function _(e,t,n,r,i,o){for(;r<=i;++r)f(n[r],o,e,t,!1,n,r)}function b(e){var t,r,i=e.data;if(n(i))for(n(t=i.hook)&&n(t=t.destroy)&&t(e),t=0;t<s.destroy.length;++t)s.destroy[t](e);if(n(t=e.children))for(r=0;r<e.children.length;++r)b(e.children[r])}function $(e,t,r){for(;t<=r;++t){var i=e[t];n(i)&&(n(i.tag)?(w(i),b(i)):l(i.elm))}}function w(e,t){if(n(t)||n(e.data)){var r,i=s.remove.length+1;for(n(t)?t.listeners+=i:t=function(e,t){function n(){0==--n.listeners&&l(e)}return n.listeners=t,n}(e.elm,i),n(r=e.componentInstance)&&n(r=r._vnode)&&n(r.data)&&w(r,t),r=0;r<s.remove.length;++r)s.remove[r](e,t);n(r=e.data.hook)&&n(r=r.remove)?r(e,t):t()}else l(e.elm)}function C(e,t,r,i){for(var o=r;o<i;o++){var a=t[o];if(n(a)&&ir(e,a))return o}}function x(e,i,o,a,c,l){if(e!==i){n(i.elm)&&n(a)&&(i=a[c]=me(i));var p=i.elm=e.elm;if(r(e.isAsyncPlaceholder))n(i.asyncFactory.resolved)?O(e.elm,i,o):i.isAsyncPlaceholder=!0;else if(r(i.isStatic)&&r(e.isStatic)&&i.key===e.key&&(r(i.isCloned)||r(i.isOnce)))i.componentInstance=e.componentInstance;else{var d,v=i.data;n(v)&&n(d=v.hook)&&n(d=d.prepatch)&&d(e,i);var h=e.children,y=i.children;if(n(v)&&m(i)){for(d=0;d<s.update.length;++d)s.update[d](e,i);n(d=v.hook)&&n(d=d.update)&&d(e,i)}t(i.text)?n(h)&&n(y)?h!==y&&function(e,r,i,o,a){for(var s,c,l,p=0,d=0,v=r.length-1,h=r[0],m=r[v],y=i.length-1,g=i[0],b=i[y],w=!a;p<=v&&d<=y;)t(h)?h=r[++p]:t(m)?m=r[--v]:ir(h,g)?(x(h,g,o,i,d),h=r[++p],g=i[++d]):ir(m,b)?(x(m,b,o,i,y),m=r[--v],b=i[--y]):ir(h,b)?(x(h,b,o,i,y),w&&u.insertBefore(e,h.elm,u.nextSibling(m.elm)),h=r[++p],b=i[--y]):ir(m,g)?(x(m,g,o,i,d),w&&u.insertBefore(e,m.elm,h.elm),m=r[--v],g=i[++d]):(t(s)&&(s=or(r,p,v)),t(c=n(g.key)?s[g.key]:C(g,r,p,v))?f(g,o,e,h.elm,!1,i,d):ir(l=r[c],g)?(x(l,g,o,i,d),r[c]=void 0,w&&u.insertBefore(e,l.elm,h.elm)):f(g,o,e,h.elm,!1,i,d),g=i[++d]);p>v?_(e,t(i[y+1])?null:i[y+1].elm,i,d,y,o):d>y&&$(r,p,v)}(p,h,y,o,l):n(y)?(n(e.text)&&u.setTextContent(p,""),_(p,null,y,0,y.length-1,o)):n(h)?$(h,0,h.length-1):n(e.text)&&u.setTextContent(p,""):e.text!==i.text&&u.setTextContent(p,i.text),n(v)&&n(d=v.hook)&&n(d=d.postpatch)&&d(e,i)}}}function k(e,t,i){if(r(i)&&n(e.parent))e.parent.data.pendingInsert=t;else for(var o=0;o<t.length;++o)t[o].data.hook.insert(t[o])}var A=p("attrs,class,staticClass,staticStyle,key");function O(e,t,i,o){var a,s=t.tag,c=t.data,u=t.children;if(o=o||c&&c.pre,t.elm=e,r(t.isComment)&&n(t.asyncFactory))return t.isAsyncPlaceholder=!0,!0;if(n(c)&&(n(a=c.hook)&&n(a=a.init)&&a(t,!0),n(a=t.componentInstance)))return d(t,i),!0;if(n(s)){if(n(u))if(e.hasChildNodes())if(n(a=c)&&n(a=a.domProps)&&n(a=a.innerHTML)){if(a!==e.innerHTML)return!1}else{for(var l=!0,f=e.firstChild,p=0;p<u.length;p++){if(!f||!O(f,u[p],i,o)){l=!1;break}f=f.nextSibling}if(!l||f)return!1}else h(t,u,i);if(n(c)){var v=!1;for(var m in c)if(!A(m)){v=!0,y(t,i);break}!v&&c.class&&et(c.class)}}else e.data!==t.text&&(e.data=t.text);return!0}return function(e,i,o,a){if(!t(i)){var c,l=!1,p=[];if(t(e))l=!0,f(i,p);else{var d=n(e.nodeType);if(!d&&ir(e,i))x(e,i,p,null,null,a);else{if(d){if(1===e.nodeType&&e.hasAttribute(L)&&(e.removeAttribute(L),o=!0),r(o)&&O(e,i,p))return k(i,p,!0),e;c=e,e=new pe(u.tagName(c).toLowerCase(),{},[],void 0,c)}var v=e.elm,h=u.parentNode(v);if(f(i,p,v._leaveCb?null:h,u.nextSibling(v)),n(i.parent))for(var y=i.parent,g=m(i);y;){for(var _=0;_<s.destroy.length;++_)s.destroy[_](y);if(y.elm=i.elm,g){for(var w=0;w<s.create.length;++w)s.create[w](nr,y);var C=y.data.hook.insert;if(C.merged)for(var A=1;A<C.fns.length;A++)C.fns[A]()}else tr(y);y=y.parent}n(h)?$([e],0,0):n(e.tag)&&b(e)}}return k(i,p,l),i.elm}n(e)&&b(e)}}({nodeOps:Qn,modules:[mr,xr,ni,oi,mi,z?{create:Ui,activate:Ui,remove:function(e,t){!0!==e.data.show?Ri(e,t):t()}}:{}].concat(pr)});W&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&Xi(e,"input")});var Vi={inserted:function(e,t,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?it(n,"postpatch",function(){Vi.componentUpdated(e,t,n)}):Ki(e,t,n.context),e._vOptions=[].map.call(e.options,Wi)):("textarea"===n.tag||Xn(e.type))&&(e._vModifiers=t.modifiers,t.modifiers.lazy||(e.addEventListener("compositionstart",Zi),e.addEventListener("compositionend",Gi),e.addEventListener("change",Gi),W&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if("select"===n.tag){Ki(e,t,n.context);var r=e._vOptions,i=e._vOptions=[].map.call(e.options,Wi);if(i.some(function(e,t){return!N(e,r[t])}))(e.multiple?t.value.some(function(e){return qi(e,i)}):t.value!==t.oldValue&&qi(t.value,i))&&Xi(e,"change")}}};function Ki(e,t,n){Ji(e,t,n),(q||Z)&&setTimeout(function(){Ji(e,t,n)},0)}function Ji(e,t,n){var r=t.value,i=e.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,c=e.options.length;s<c;s++)if(a=e.options[s],i)o=j(r,Wi(a))>-1,a.selected!==o&&(a.selected=o);else if(N(Wi(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}}function qi(e,t){return t.every(function(t){return!N(t,e)})}function Wi(e){return"_value"in e?e._value:e.value}function Zi(e){e.target.composing=!0}function Gi(e){e.target.composing&&(e.target.composing=!1,Xi(e.target,"input"))}function Xi(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Yi(e){return!e.componentInstance||e.data&&e.data.transition?e:Yi(e.componentInstance._vnode)}var Qi={model:Vi,show:{bind:function(e,t,n){var r=t.value,i=(n=Yi(n)).data&&n.data.transition,o=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i?(n.data.show=!0,Pi(n,function(){e.style.display=o})):e.style.display=r?o:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=Yi(n)).data&&n.data.transition?(n.data.show=!0,r?Pi(n,function(){e.style.display=e.__vOriginalDisplay}):Ri(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}}},eo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function to(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?to(zt(t.children)):e}function no(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var o in i)t[b(o)]=i[o];return t}function ro(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var io=function(e){return e.tag||Ut(e)},oo=function(e){return"show"===e.name},ao={name:"transition",props:eo,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(io)).length){var r=this.mode,o=n[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return o;var a=to(o);if(!a)return o;if(this._leaving)return ro(e,o);var s="__transition-"+this._uid+"-";a.key=null==a.key?a.isComment?s+"comment":s+a.tag:i(a.key)?0===String(a.key).indexOf(s)?a.key:s+a.key:a.key;var c=(a.data||(a.data={})).transition=no(this),u=this._vnode,l=to(u);if(a.data.directives&&a.data.directives.some(oo)&&(a.data.show=!0),l&&l.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(a,l)&&!Ut(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){var f=l.data.transition=A({},c);if("out-in"===r)return this._leaving=!0,it(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),ro(e,o);if("in-out"===r){if(Ut(a))return u;var p,d=function(){p()};it(c,"afterEnter",d),it(c,"enterCancelled",d),it(f,"delayLeave",function(e){p=e})}}return o}}},so=A({tag:String,moveClass:String},eo);function co(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function uo(e){e.data.newPos=e.elm.getBoundingClientRect()}function lo(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}delete so.mode;var fo={Transition:ao,TransitionGroup:{props:so,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var i=Zt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=no(this),s=0;s<i.length;s++){var c=i[s];c.tag&&null!=c.key&&0!==String(c.key).indexOf("__vlist")&&(o.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a)}if(r){for(var u=[],l=[],f=0;f<r.length;f++){var p=r[f];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?u.push(p):l.push(p)}this.kept=e(t,null,u),this.removed=l}return e(t,null,o)},updated:function(){var e=this.prevChildren,t=this.moveClass||(this.name||"v")+"-move";e.length&&this.hasMove(e[0].elm,t)&&(e.forEach(co),e.forEach(uo),e.forEach(lo),this._reflow=document.body.offsetHeight,e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;Ni(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(Ai,n._moveCb=function e(r){r&&r.target!==n||r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(Ai,e),n._moveCb=null,ji(n,t))})}}))},methods:{hasMove:function(e,t){if(!wi)return!1;if(this._hasMove)return this._hasMove;var n=e.cloneNode();e._transitionClasses&&e._transitionClasses.forEach(function(e){_i(n,e)}),gi(n,t),n.style.display="none",this.$el.appendChild(n);var r=Mi(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}}};wn.config.mustUseProp=jn,wn.config.isReservedTag=Wn,wn.config.isReservedAttr=En,wn.config.getTagNamespace=Zn,wn.config.isUnknownElement=function(e){if(!z)return!0;if(Wn(e))return!1;if(e=e.toLowerCase(),null!=Gn[e])return Gn[e];var t=document.createElement(e);return e.indexOf("-")>-1?Gn[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Gn[e]=/HTMLUnknownElement/.test(t.toString())},A(wn.options.directives,Qi),A(wn.options.components,fo),wn.prototype.__patch__=z?zi:S,wn.prototype.$mount=function(e,t){return function(e,t,n){var r;return e.$el=t,e.$options.render||(e.$options.render=ve),Yt(e,"beforeMount"),r=function(){e._update(e._render(),n)},new fn(e,r,S,{before:function(){e._isMounted&&!e._isDestroyed&&Yt(e,"beforeUpdate")}},!0),n=!1,null==e.$vnode&&(e._isMounted=!0,Yt(e,"mounted")),e}(this,e=e&&z?Yn(e):void 0,t)},z&&setTimeout(function(){F.devtools&&ne&&ne.emit("init",wn)},0);var po=/\{\{((?:.|\r?\n)+?)\}\}/g,vo=/[-.*+?^${}()|[\]\/\\]/g,ho=g(function(e){var t=e[0].replace(vo,"\\$&"),n=e[1].replace(vo,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")});var mo={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var n=Fr(e,"class");n&&(e.staticClass=JSON.stringify(n));var r=Ir(e,"class",!1);r&&(e.classBinding=r)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var yo,go={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var n=Fr(e,"style");n&&(e.staticStyle=JSON.stringify(ai(n)));var r=Ir(e,"style",!1);r&&(e.styleBinding=r)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},_o=function(e){return(yo=yo||document.createElement("div")).innerHTML=e,yo.textContent},bo=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),$o=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),wo=p("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),Co=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,xo=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ko="[a-zA-Z_][\\-\\.0-9_a-zA-Z"+P.source+"]*",Ao="((?:"+ko+"\\:)?"+ko+")",Oo=new RegExp("^<"+Ao),So=/^\s*(\/?)>/,To=new RegExp("^<\\/"+Ao+"[^>]*>"),Eo=/^<!DOCTYPE [^>]+>/i,No=/^<!\--/,jo=/^<!\[/,Do=p("script,style,textarea",!0),Lo={},Mo={"&lt;":"<","&gt;":">","&quot;":'"',"&amp;":"&","&#10;":"\n","&#9;":"\t","&#39;":"'"},Io=/&(?:lt|gt|quot|amp|#39);/g,Fo=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,Po=p("pre,textarea",!0),Ro=function(e,t){return e&&Po(e)&&"\n"===t[0]};function Ho(e,t){var n=t?Fo:Io;return e.replace(n,function(e){return Mo[e]})}var Bo,Uo,zo,Vo,Ko,Jo,qo,Wo,Zo=/^@|^v-on:/,Go=/^v-|^@|^:|^#/,Xo=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Yo=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Qo=/^\(|\)$/g,ea=/^\[.*\]$/,ta=/:(.*)$/,na=/^:|^\.|^v-bind:/,ra=/\.[^.\]]+(?=[^\]]*$)/g,ia=/^v-slot(:|$)|^#/,oa=/[\r\n]/,aa=/\s+/g,sa=g(_o),ca="_empty_";function ua(e,t,n){return{type:1,tag:e,attrsList:t,attrsMap:ma(t),rawAttrsMap:{},parent:n,children:[]}}function la(e,t){Bo=t.warn||Sr,Jo=t.isPreTag||T,qo=t.mustUseProp||T,Wo=t.getTagNamespace||T;t.isReservedTag;zo=Tr(t.modules,"transformNode"),Vo=Tr(t.modules,"preTransformNode"),Ko=Tr(t.modules,"postTransformNode"),Uo=t.delimiters;var n,r,i=[],o=!1!==t.preserveWhitespace,a=t.whitespace,s=!1,c=!1;function u(e){if(l(e),s||e.processed||(e=fa(e,t)),i.length||e===n||n.if&&(e.elseif||e.else)&&da(n,{exp:e.elseif,block:e}),r&&!e.forbidden)if(e.elseif||e.else)a=e,(u=function(e){var t=e.length;for(;t--;){if(1===e[t].type)return e[t];e.pop()}}(r.children))&&u.if&&da(u,{exp:a.elseif,block:a});else{if(e.slotScope){var o=e.slotTarget||'"default"';(r.scopedSlots||(r.scopedSlots={}))[o]=e}r.children.push(e),e.parent=r}var a,u;e.children=e.children.filter(function(e){return!e.slotScope}),l(e),e.pre&&(s=!1),Jo(e.tag)&&(c=!1);for(var f=0;f<Ko.length;f++)Ko[f](e,t)}function l(e){if(!c)for(var t;(t=e.children[e.children.length-1])&&3===t.type&&" "===t.text;)e.children.pop()}return function(e,t){for(var n,r,i=[],o=t.expectHTML,a=t.isUnaryTag||T,s=t.canBeLeftOpenTag||T,c=0;e;){if(n=e,r&&Do(r)){var u=0,l=r.toLowerCase(),f=Lo[l]||(Lo[l]=new RegExp("([\\s\\S]*?)(</"+l+"[^>]*>)","i")),p=e.replace(f,function(e,n,r){return u=r.length,Do(l)||"noscript"===l||(n=n.replace(/<!\--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),Ro(l,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});c+=e.length-p.length,e=p,A(l,c-u,c)}else{var d=e.indexOf("<");if(0===d){if(No.test(e)){var v=e.indexOf("--\x3e");if(v>=0){t.shouldKeepComment&&t.comment(e.substring(4,v),c,c+v+3),C(v+3);continue}}if(jo.test(e)){var h=e.indexOf("]>");if(h>=0){C(h+2);continue}}var m=e.match(Eo);if(m){C(m[0].length);continue}var y=e.match(To);if(y){var g=c;C(y[0].length),A(y[1],g,c);continue}var _=x();if(_){k(_),Ro(_.tagName,e)&&C(1);continue}}var b=void 0,$=void 0,w=void 0;if(d>=0){for($=e.slice(d);!(To.test($)||Oo.test($)||No.test($)||jo.test($)||(w=$.indexOf("<",1))<0);)d+=w,$=e.slice(d);b=e.substring(0,d)}d<0&&(b=e),b&&C(b.length),t.chars&&b&&t.chars(b,c-b.length,c)}if(e===n){t.chars&&t.chars(e);break}}function C(t){c+=t,e=e.substring(t)}function x(){var t=e.match(Oo);if(t){var n,r,i={tagName:t[1],attrs:[],start:c};for(C(t[0].length);!(n=e.match(So))&&(r=e.match(xo)||e.match(Co));)r.start=c,C(r[0].length),r.end=c,i.attrs.push(r);if(n)return i.unarySlash=n[1],C(n[0].length),i.end=c,i}}function k(e){var n=e.tagName,c=e.unarySlash;o&&("p"===r&&wo(n)&&A(r),s(n)&&r===n&&A(n));for(var u=a(n)||!!c,l=e.attrs.length,f=new Array(l),p=0;p<l;p++){var d=e.attrs[p],v=d[3]||d[4]||d[5]||"",h="a"===n&&"href"===d[1]?t.shouldDecodeNewlinesForHref:t.shouldDecodeNewlines;f[p]={name:d[1],value:Ho(v,h)}}u||(i.push({tag:n,lowerCasedTag:n.toLowerCase(),attrs:f,start:e.start,end:e.end}),r=n),t.start&&t.start(n,f,u,e.start,e.end)}function A(e,n,o){var a,s;if(null==n&&(n=c),null==o&&(o=c),e)for(s=e.toLowerCase(),a=i.length-1;a>=0&&i[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var u=i.length-1;u>=a;u--)t.end&&t.end(i[u].tag,n,o);i.length=a,r=a&&i[a-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,o):"p"===s&&(t.start&&t.start(e,[],!1,n,o),t.end&&t.end(e,n,o))}A()}(e,{warn:Bo,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,outputSourceRange:t.outputSourceRange,start:function(e,o,a,l,f){var p=r&&r.ns||Wo(e);q&&"svg"===p&&(o=function(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];ya.test(r.name)||(r.name=r.name.replace(ga,""),t.push(r))}return t}(o));var d,v=ua(e,o,r);p&&(v.ns=p),"style"!==(d=v).tag&&("script"!==d.tag||d.attrsMap.type&&"text/javascript"!==d.attrsMap.type)||te()||(v.forbidden=!0);for(var h=0;h<Vo.length;h++)v=Vo[h](v,t)||v;s||(!function(e){null!=Fr(e,"v-pre")&&(e.pre=!0)}(v),v.pre&&(s=!0)),Jo(v.tag)&&(c=!0),s?function(e){var t=e.attrsList,n=t.length;if(n)for(var r=e.attrs=new Array(n),i=0;i<n;i++)r[i]={name:t[i].name,value:JSON.stringify(t[i].value)},null!=t[i].start&&(r[i].start=t[i].start,r[i].end=t[i].end);else e.pre||(e.plain=!0)}(v):v.processed||(pa(v),function(e){var t=Fr(e,"v-if");if(t)e.if=t,da(e,{exp:t,block:e});else{null!=Fr(e,"v-else")&&(e.else=!0);var n=Fr(e,"v-else-if");n&&(e.elseif=n)}}(v),function(e){null!=Fr(e,"v-once")&&(e.once=!0)}(v)),n||(n=v),a?u(v):(r=v,i.push(v))},end:function(e,t,n){var o=i[i.length-1];i.length-=1,r=i[i.length-1],u(o)},chars:function(e,t,n){if(r&&(!q||"textarea"!==r.tag||r.attrsMap.placeholder!==e)){var i,u,l,f=r.children;if(e=c||e.trim()?"script"===(i=r).tag||"style"===i.tag?e:sa(e):f.length?a?"condense"===a&&oa.test(e)?"":" ":o?" ":"":"")c||"condense"!==a||(e=e.replace(aa," ")),!s&&" "!==e&&(u=function(e,t){var n=t?ho(t):po;if(n.test(e)){for(var r,i,o,a=[],s=[],c=n.lastIndex=0;r=n.exec(e);){(i=r.index)>c&&(s.push(o=e.slice(c,i)),a.push(JSON.stringify(o)));var u=Ar(r[1].trim());a.push("_s("+u+")"),s.push({"@binding":u}),c=i+r[0].length}return c<e.length&&(s.push(o=e.slice(c)),a.push(JSON.stringify(o))),{expression:a.join("+"),tokens:s}}}(e,Uo))?l={type:2,expression:u.expression,tokens:u.tokens,text:e}:" "===e&&f.length&&" "===f[f.length-1].text||(l={type:3,text:e}),l&&f.push(l)}},comment:function(e,t,n){if(r){var i={type:3,text:e,isComment:!0};r.children.push(i)}}}),n}function fa(e,t){var n,r;(r=Ir(n=e,"key"))&&(n.key=r),e.plain=!e.key&&!e.scopedSlots&&!e.attrsList.length,function(e){var t=Ir(e,"ref");t&&(e.ref=t,e.refInFor=function(e){var t=e;for(;t;){if(void 0!==t.for)return!0;t=t.parent}return!1}(e))}(e),function(e){var t;"template"===e.tag?(t=Fr(e,"scope"),e.slotScope=t||Fr(e,"slot-scope")):(t=Fr(e,"slot-scope"))&&(e.slotScope=t);var n=Ir(e,"slot");n&&(e.slotTarget='""'===n?'"default"':n,e.slotTargetDynamic=!(!e.attrsMap[":slot"]&&!e.attrsMap["v-bind:slot"]),"template"===e.tag||e.slotScope||Nr(e,"slot",n,function(e,t){return e.rawAttrsMap[":"+t]||e.rawAttrsMap["v-bind:"+t]||e.rawAttrsMap[t]}(e,"slot")));if("template"===e.tag){var r=Pr(e,ia);if(r){var i=va(r),o=i.name,a=i.dynamic;e.slotTarget=o,e.slotTargetDynamic=a,e.slotScope=r.value||ca}}else{var s=Pr(e,ia);if(s){var c=e.scopedSlots||(e.scopedSlots={}),u=va(s),l=u.name,f=u.dynamic,p=c[l]=ua("template",[],e);p.slotTarget=l,p.slotTargetDynamic=f,p.children=e.children.filter(function(e){if(!e.slotScope)return e.parent=p,!0}),p.slotScope=s.value||ca,e.children=[],e.plain=!1}}}(e),function(e){"slot"===e.tag&&(e.slotName=Ir(e,"name"))}(e),function(e){var t;(t=Ir(e,"is"))&&(e.component=t);null!=Fr(e,"inline-template")&&(e.inlineTemplate=!0)}(e);for(var i=0;i<zo.length;i++)e=zo[i](e,t)||e;return function(e){var t,n,r,i,o,a,s,c,u=e.attrsList;for(t=0,n=u.length;t<n;t++)if(r=i=u[t].name,o=u[t].value,Go.test(r))if(e.hasBindings=!0,(a=ha(r.replace(Go,"")))&&(r=r.replace(ra,"")),na.test(r))r=r.replace(na,""),o=Ar(o),(c=ea.test(r))&&(r=r.slice(1,-1)),a&&(a.prop&&!c&&"innerHtml"===(r=b(r))&&(r="innerHTML"),a.camel&&!c&&(r=b(r)),a.sync&&(s=Br(o,"$event"),c?Mr(e,'"update:"+('+r+")",s,null,!1,0,u[t],!0):(Mr(e,"update:"+b(r),s,null,!1,0,u[t]),C(r)!==b(r)&&Mr(e,"update:"+C(r),s,null,!1,0,u[t])))),a&&a.prop||!e.component&&qo(e.tag,e.attrsMap.type,r)?Er(e,r,o,u[t],c):Nr(e,r,o,u[t],c);else if(Zo.test(r))r=r.replace(Zo,""),(c=ea.test(r))&&(r=r.slice(1,-1)),Mr(e,r,o,a,!1,0,u[t],c);else{var l=(r=r.replace(Go,"")).match(ta),f=l&&l[1];c=!1,f&&(r=r.slice(0,-(f.length+1)),ea.test(f)&&(f=f.slice(1,-1),c=!0)),Dr(e,r,i,o,f,c,a,u[t])}else Nr(e,r,JSON.stringify(o),u[t]),!e.component&&"muted"===r&&qo(e.tag,e.attrsMap.type,r)&&Er(e,r,"true",u[t])}(e),e}function pa(e){var t;if(t=Fr(e,"v-for")){var n=function(e){var t=e.match(Xo);if(!t)return;var n={};n.for=t[2].trim();var r=t[1].trim().replace(Qo,""),i=r.match(Yo);i?(n.alias=r.replace(Yo,"").trim(),n.iterator1=i[1].trim(),i[2]&&(n.iterator2=i[2].trim())):n.alias=r;return n}(t);n&&A(e,n)}}function da(e,t){e.ifConditions||(e.ifConditions=[]),e.ifConditions.push(t)}function va(e){var t=e.name.replace(ia,"");return t||"#"!==e.name[0]&&(t="default"),ea.test(t)?{name:t.slice(1,-1),dynamic:!0}:{name:'"'+t+'"',dynamic:!1}}function ha(e){var t=e.match(ra);if(t){var n={};return t.forEach(function(e){n[e.slice(1)]=!0}),n}}function ma(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n].name]=e[n].value;return t}var ya=/^xmlns:NS\d+/,ga=/^NS\d+:/;function _a(e){return ua(e.tag,e.attrsList.slice(),e.parent)}var ba=[mo,go,{preTransformNode:function(e,t){if("input"===e.tag){var n,r=e.attrsMap;if(!r["v-model"])return;if((r[":type"]||r["v-bind:type"])&&(n=Ir(e,"type")),r.type||n||!r["v-bind"]||(n="("+r["v-bind"]+").type"),n){var i=Fr(e,"v-if",!0),o=i?"&&("+i+")":"",a=null!=Fr(e,"v-else",!0),s=Fr(e,"v-else-if",!0),c=_a(e);pa(c),jr(c,"type","checkbox"),fa(c,t),c.processed=!0,c.if="("+n+")==='checkbox'"+o,da(c,{exp:c.if,block:c});var u=_a(e);Fr(u,"v-for",!0),jr(u,"type","radio"),fa(u,t),da(c,{exp:"("+n+")==='radio'"+o,block:u});var l=_a(e);return Fr(l,"v-for",!0),jr(l,":type",n),fa(l,t),da(c,{exp:i,block:l}),a?c.else=!0:s&&(c.elseif=s),c}}}}];var $a,wa,Ca={expectHTML:!0,modules:ba,directives:{model:function(e,t,n){var r=t.value,i=t.modifiers,o=e.tag,a=e.attrsMap.type;if(e.component)return Hr(e,r,i),!1;if("select"===o)!function(e,t,n){var r='var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(n&&n.number?"_n(val)":"val")+"});";r=r+" "+Br(t,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]"),Mr(e,"change",r,null,!0)}(e,r,i);else if("input"===o&&"checkbox"===a)!function(e,t,n){var r=n&&n.number,i=Ir(e,"value")||"null",o=Ir(e,"true-value")||"true",a=Ir(e,"false-value")||"false";Er(e,"checked","Array.isArray("+t+")?_i("+t+","+i+")>-1"+("true"===o?":("+t+")":":_q("+t+","+o+")")),Mr(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Br(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Br(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Br(t,"$$c")+"}",null,!0)}(e,r,i);else if("input"===o&&"radio"===a)!function(e,t,n){var r=n&&n.number,i=Ir(e,"value")||"null";Er(e,"checked","_q("+t+","+(i=r?"_n("+i+")":i)+")"),Mr(e,"change",Br(t,i),null,!0)}(e,r,i);else if("input"===o||"textarea"===o)!function(e,t,n){var r=e.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,c=!o&&"range"!==r,u=o?"change":"range"===r?Wr:"input",l="$event.target.value";s&&(l="$event.target.value.trim()"),a&&(l="_n("+l+")");var f=Br(t,l);c&&(f="if($event.target.composing)return;"+f),Er(e,"value","("+t+")"),Mr(e,u,f,null,!0),(s||a)&&Mr(e,"blur","$forceUpdate()")}(e,r,i);else if(!F.isReservedTag(o))return Hr(e,r,i),!1;return!0},text:function(e,t){t.value&&Er(e,"textContent","_s("+t.value+")",t)},html:function(e,t){t.value&&Er(e,"innerHTML","_s("+t.value+")",t)}},isPreTag:function(e){return"pre"===e},isUnaryTag:bo,mustUseProp:jn,canBeLeftOpenTag:$o,isReservedTag:Wn,getTagNamespace:Zn,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(ba)},xa=g(function(e){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(e?","+e:""))});function ka(e,t){e&&($a=xa(t.staticKeys||""),wa=t.isReservedTag||T,function e(t){t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||d(e.tag)||!wa(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every($a)))}(t);if(1===t.type){if(!wa(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var n=0,r=t.children.length;n<r;n++){var i=t.children[n];e(i),i.static||(t.static=!1)}if(t.ifConditions)for(var o=1,a=t.ifConditions.length;o<a;o++){var s=t.ifConditions[o].block;e(s),s.static||(t.static=!1)}}}(e),function e(t,n){if(1===t.type){if((t.static||t.once)&&(t.staticInFor=n),t.static&&t.children.length&&(1!==t.children.length||3!==t.children[0].type))return void(t.staticRoot=!0);if(t.staticRoot=!1,t.children)for(var r=0,i=t.children.length;r<i;r++)e(t.children[r],n||!!t.for);if(t.ifConditions)for(var o=1,a=t.ifConditions.length;o<a;o++)e(t.ifConditions[o].block,n)}}(e,!1))}var Aa=/^([\w$_]+|\([^)]*?\))\s*=>|^function(?:\s+[\w$]+)?\s*\(/,Oa=/\([^)]*?\);*$/,Sa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,Ta={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},Ea={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},Na=function(e){return"if("+e+")return null;"},ja={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:Na("$event.target !== $event.currentTarget"),ctrl:Na("!$event.ctrlKey"),shift:Na("!$event.shiftKey"),alt:Na("!$event.altKey"),meta:Na("!$event.metaKey"),left:Na("'button' in $event && $event.button !== 0"),middle:Na("'button' in $event && $event.button !== 1"),right:Na("'button' in $event && $event.button !== 2")};function Da(e,t){var n=t?"nativeOn:":"on:",r="",i="";for(var o in e){var a=La(e[o]);e[o]&&e[o].dynamic?i+=o+","+a+",":r+='"'+o+'":'+a+","}return r="{"+r.slice(0,-1)+"}",i?n+"_d("+r+",["+i.slice(0,-1)+"])":n+r}function La(e){if(!e)return"function(){}";if(Array.isArray(e))return"["+e.map(function(e){return La(e)}).join(",")+"]";var t=Sa.test(e.value),n=Aa.test(e.value),r=Sa.test(e.value.replace(Oa,""));if(e.modifiers){var i="",o="",a=[];for(var s in e.modifiers)if(ja[s])o+=ja[s],Ta[s]&&a.push(s);else if("exact"===s){var c=e.modifiers;o+=Na(["ctrl","shift","alt","meta"].filter(function(e){return!c[e]}).map(function(e){return"$event."+e+"Key"}).join("||"))}else a.push(s);return a.length&&(i+=function(e){return"if(!$event.type.indexOf('key')&&"+e.map(Ma).join("&&")+")return null;"}(a)),o&&(i+=o),"function($event){"+i+(t?"return "+e.value+"($event)":n?"return ("+e.value+")($event)":r?"return "+e.value:e.value)+"}"}return t||n?e.value:"function($event){"+(r?"return "+e.value:e.value)+"}"}function Ma(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=Ta[e],r=Ea[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(n)+",$event.key,"+JSON.stringify(r)+")"}var Ia={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:S},Fa=function(e){this.options=e,this.warn=e.warn||Sr,this.transforms=Tr(e.modules,"transformCode"),this.dataGenFns=Tr(e.modules,"genData"),this.directives=A(A({},Ia),e.directives);var t=e.isReservedTag||T;this.maybeComponent=function(e){return!!e.component||!t(e.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Pa(e,t){var n=new Fa(t);return{render:"with(this){return "+(e?Ra(e,n):'_c("div")')+"}",staticRenderFns:n.staticRenderFns}}function Ra(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return Ha(e,t);if(e.once&&!e.onceProcessed)return Ba(e,t);if(e.for&&!e.forProcessed)return za(e,t);if(e.if&&!e.ifProcessed)return Ua(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var n=e.slotName||'"default"',r=qa(e,t),i="_t("+n+(r?","+r:""),o=e.attrs||e.dynamicAttrs?Ga((e.attrs||[]).concat(e.dynamicAttrs||[]).map(function(e){return{name:b(e.name),value:e.value,dynamic:e.dynamic}})):null,a=e.attrsMap["v-bind"];!o&&!a||r||(i+=",null");o&&(i+=","+o);a&&(i+=(o?"":",null")+","+a);return i+")"}(e,t);var n;if(e.component)n=function(e,t,n){var r=t.inlineTemplate?null:qa(t,n,!0);return"_c("+e+","+Va(t,n)+(r?","+r:"")+")"}(e.component,e,t);else{var r;(!e.plain||e.pre&&t.maybeComponent(e))&&(r=Va(e,t));var i=e.inlineTemplate?null:qa(e,t,!0);n="_c('"+e.tag+"'"+(r?","+r:"")+(i?","+i:"")+")"}for(var o=0;o<t.transforms.length;o++)n=t.transforms[o](e,n);return n}return qa(e,t)||"void 0"}function Ha(e,t){e.staticProcessed=!0;var n=t.pre;return e.pre&&(t.pre=e.pre),t.staticRenderFns.push("with(this){return "+Ra(e,t)+"}"),t.pre=n,"_m("+(t.staticRenderFns.length-1)+(e.staticInFor?",true":"")+")"}function Ba(e,t){if(e.onceProcessed=!0,e.if&&!e.ifProcessed)return Ua(e,t);if(e.staticInFor){for(var n="",r=e.parent;r;){if(r.for){n=r.key;break}r=r.parent}return n?"_o("+Ra(e,t)+","+t.onceId+++","+n+")":Ra(e,t)}return Ha(e,t)}function Ua(e,t,n,r){return e.ifProcessed=!0,function e(t,n,r,i){if(!t.length)return i||"_e()";var o=t.shift();return o.exp?"("+o.exp+")?"+a(o.block)+":"+e(t,n,r,i):""+a(o.block);function a(e){return r?r(e,n):e.once?Ba(e,n):Ra(e,n)}}(e.ifConditions.slice(),t,n,r)}function za(e,t,n,r){var i=e.for,o=e.alias,a=e.iterator1?","+e.iterator1:"",s=e.iterator2?","+e.iterator2:"";return e.forProcessed=!0,(r||"_l")+"(("+i+"),function("+o+a+s+"){return "+(n||Ra)(e,t)+"})"}function Va(e,t){var n="{",r=function(e,t){var n=e.directives;if(!n)return;var r,i,o,a,s="directives:[",c=!1;for(r=0,i=n.length;r<i;r++){o=n[r],a=!0;var u=t.directives[o.name];u&&(a=!!u(e,o,t.warn)),a&&(c=!0,s+='{name:"'+o.name+'",rawName:"'+o.rawName+'"'+(o.value?",value:("+o.value+"),expression:"+JSON.stringify(o.value):"")+(o.arg?",arg:"+(o.isDynamicArg?o.arg:'"'+o.arg+'"'):"")+(o.modifiers?",modifiers:"+JSON.stringify(o.modifiers):"")+"},")}if(c)return s.slice(0,-1)+"]"}(e,t);r&&(n+=r+","),e.key&&(n+="key:"+e.key+","),e.ref&&(n+="ref:"+e.ref+","),e.refInFor&&(n+="refInFor:true,"),e.pre&&(n+="pre:true,"),e.component&&(n+='tag:"'+e.tag+'",');for(var i=0;i<t.dataGenFns.length;i++)n+=t.dataGenFns[i](e);if(e.attrs&&(n+="attrs:"+Ga(e.attrs)+","),e.props&&(n+="domProps:"+Ga(e.props)+","),e.events&&(n+=Da(e.events,!1)+","),e.nativeEvents&&(n+=Da(e.nativeEvents,!0)+","),e.slotTarget&&!e.slotScope&&(n+="slot:"+e.slotTarget+","),e.scopedSlots&&(n+=function(e,t,n){var r=e.for||Object.keys(t).some(function(e){var n=t[e];return n.slotTargetDynamic||n.if||n.for||Ka(n)}),i=!!e.if;if(!r)for(var o=e.parent;o;){if(o.slotScope&&o.slotScope!==ca||o.for){r=!0;break}o.if&&(i=!0),o=o.parent}var a=Object.keys(t).map(function(e){return Ja(t[e],n)}).join(",");return"scopedSlots:_u(["+a+"]"+(r?",null,true":"")+(!r&&i?",null,false,"+function(e){var t=5381,n=e.length;for(;n;)t=33*t^e.charCodeAt(--n);return t>>>0}(a):"")+")"}(e,e.scopedSlots,t)+","),e.model&&(n+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var o=function(e,t){var n=e.children[0];if(n&&1===n.type){var r=Pa(n,t.options);return"inlineTemplate:{render:function(){"+r.render+"},staticRenderFns:["+r.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}(e,t);o&&(n+=o+",")}return n=n.replace(/,$/,"")+"}",e.dynamicAttrs&&(n="_b("+n+',"'+e.tag+'",'+Ga(e.dynamicAttrs)+")"),e.wrapData&&(n=e.wrapData(n)),e.wrapListeners&&(n=e.wrapListeners(n)),n}function Ka(e){return 1===e.type&&("slot"===e.tag||e.children.some(Ka))}function Ja(e,t){var n=e.attrsMap["slot-scope"];if(e.if&&!e.ifProcessed&&!n)return Ua(e,t,Ja,"null");if(e.for&&!e.forProcessed)return za(e,t,Ja);var r=e.slotScope===ca?"":String(e.slotScope),i="function("+r+"){return "+("template"===e.tag?e.if&&n?"("+e.if+")?"+(qa(e,t)||"undefined")+":undefined":qa(e,t)||"undefined":Ra(e,t))+"}",o=r?"":",proxy:true";return"{key:"+(e.slotTarget||'"default"')+",fn:"+i+o+"}"}function qa(e,t,n,r,i){var o=e.children;if(o.length){var a=o[0];if(1===o.length&&a.for&&"template"!==a.tag&&"slot"!==a.tag){var s=n?t.maybeComponent(a)?",1":",0":"";return""+(r||Ra)(a,t)+s}var c=n?function(e,t){for(var n=0,r=0;r<e.length;r++){var i=e[r];if(1===i.type){if(Wa(i)||i.ifConditions&&i.ifConditions.some(function(e){return Wa(e.block)})){n=2;break}(t(i)||i.ifConditions&&i.ifConditions.some(function(e){return t(e.block)}))&&(n=1)}}return n}(o,t.maybeComponent):0,u=i||Za;return"["+o.map(function(e){return u(e,t)}).join(",")+"]"+(c?","+c:"")}}function Wa(e){return void 0!==e.for||"template"===e.tag||"slot"===e.tag}function Za(e,t){return 1===e.type?Ra(e,t):3===e.type&&e.isComment?(r=e,"_e("+JSON.stringify(r.text)+")"):"_v("+(2===(n=e).type?n.expression:Xa(JSON.stringify(n.text)))+")";var n,r}function Ga(e){for(var t="",n="",r=0;r<e.length;r++){var i=e[r],o=Xa(i.value);i.dynamic?n+=i.name+","+o+",":t+='"'+i.name+'":'+o+","}return t="{"+t.slice(0,-1)+"}",n?"_d("+t+",["+n.slice(0,-1)+"])":t}function Xa(e){return e.replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b");function Ya(e,t){try{return new Function(e)}catch(n){return t.push({err:n,code:e}),S}}function Qa(e){var t=Object.create(null);return function(n,r,i){(r=A({},r)).warn;delete r.warn;var o=r.delimiters?String(r.delimiters)+n:n;if(t[o])return t[o];var a=e(n,r),s={},c=[];return s.render=Ya(a.render,c),s.staticRenderFns=a.staticRenderFns.map(function(e){return Ya(e,c)}),t[o]=s}}var es,ts,ns=(es=function(e,t){var n=la(e.trim(),t);!1!==t.optimize&&ka(n,t);var r=Pa(n,t);return{ast:n,render:r.render,staticRenderFns:r.staticRenderFns}},function(e){function t(t,n){var r=Object.create(e),i=[],o=[];if(n)for(var a in n.modules&&(r.modules=(e.modules||[]).concat(n.modules)),n.directives&&(r.directives=A(Object.create(e.directives||null),n.directives)),n)"modules"!==a&&"directives"!==a&&(r[a]=n[a]);r.warn=function(e,t,n){(n?o:i).push(e)};var s=es(t.trim(),r);return s.errors=i,s.tips=o,s}return{compile:t,compileToFunctions:Qa(t)}})(Ca),rs=(ns.compile,ns.compileToFunctions);function is(e){return(ts=ts||document.createElement("div")).innerHTML=e?'<a href="\n"/>':'<div a="\n"/>',ts.innerHTML.indexOf("&#10;")>0}var os=!!z&&is(!1),as=!!z&&is(!0),ss=g(function(e){var t=Yn(e);return t&&t.innerHTML}),cs=wn.prototype.$mount;return wn.prototype.$mount=function(e,t){if((e=e&&Yn(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=ss(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(r){var i=rs(r,{outputSourceRange:!1,shouldDecodeNewlines:os,shouldDecodeNewlinesForHref:as,delimiters:n.delimiters,comments:n.comments},this),o=i.render,a=i.staticRenderFns;n.render=o,n.staticRenderFns=a}}return cs.call(this,e,t)},wn.compile=rs,wn});
\ No newline at end of file
diff --git a/assets/stylesheets/issue_templates.css b/assets/stylesheets/issue_templates.css
index 33f1a8a2..5857d691 100644
--- a/assets/stylesheets/issue_templates.css
+++ b/assets/stylesheets/issue_templates.css
@@ -1,18 +1,3 @@
-#template_area a {
-    display: inline-block;
-    margin-right: .85em;
-}
-
-#template_help_content {
-    position: relative;
-    text-align: left;
-    margin-left: .5em;
-}
-
-#template_help_content p {
-    padding-left: 5px;
-}
-
 fieldset.issue {
     padding-top: 5px;
     padding-bottom: 5px;
@@ -33,13 +18,17 @@ div.issue_template {
     padding: 6px;
 }
 
+#issue_template_builtin_fields, #issue_template_json_setting_field {
+    width: 60%;
+}
+
 #template_status-area .flash_message {
     position: fixed;
     bottom: 0;
     right: 10px;
     margin-left: 10px;
     margin-top: 5pt;
-    margin-bottom: 12pt;
+    margin-bottom: 20pt;
     display: block;
     font-style: italic;
     padding: 8px 10px 8px 20px;
@@ -48,6 +37,12 @@ div.issue_template {
     border: solid #a7e4fd 1px;
 }
 
+#field_information {
+    margin-left: 240px;
+    margin-right: 300px;
+    color: grey;
+}
+
 option.inherited {
     background-color: #FCFD8D;
     font-style: oblique;
@@ -94,6 +89,10 @@ option.global {
     background: url("../images/issue_templates.png") no-repeat 3px center;
 }
 
+.icon-hint {
+    background: url("../images/ticket.png") no-repeat 3px center;
+}
+
 a.template_tooltip {
     background-image: url("../images/preview.png");
     background-repeat: no-repeat;
@@ -156,15 +155,14 @@ a.template_tooltip {
 }
 
 table.list {
-    overflow: overlay;
-    border: 2px solid #e4e4e4;
+  overflow: overlay;
+  border: 2px solid #e4e4e4;
 }
 
 table.list.template_list {
-    width: 480px;
-    margin: 8px 0;
-    border: 2px solid #e4e4e4;
-    overflow: overlay;
+  margin: 8px 0;
+  border: 2px solid #e4e4e4;
+  overflow: overlay;
 }
 
 td.template_title {
@@ -207,6 +205,11 @@ select.issue_template {
     margin-bottom: 5px;
 }
 
+.popup p {
+    margin-left: 0;
+    padding-left: 0;
+}
+
 #revert_template {
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
@@ -239,6 +242,14 @@ a.icon.icon-del[disabled=disabled] {
     opacity: .5;
 }
 
+#fields_setting_display_area {
+    margin-left: 180px;
+}
+
+#template-help-message-area > p {
+    padding-left: 4px;
+}
+
 /*------------ for responsive -----------------*/
 
 @media (max-width: 899px) {
@@ -254,6 +265,13 @@ a.icon.icon-del[disabled=disabled] {
     #content>div.template_box>table>tbody>tr>td.hideable {
         display: none;
     }
+    #fields_setting_display_area {
+        margin-left: 0;
+    }
+    #field_information {
+        margin-left: 0;
+        margin-right: 0;
+    }
 }
 
 /*---- help tooltip --*/
@@ -278,79 +296,203 @@ a.icon-help:hover .tooltip-area {
     display: inline;
 }
 
-#template-help-wiki > p {
-    padding-left: 5px;
-}
-
-/*--------- Note for Template ------------*/
+/*--------- Note Template / Issue Template popup --------*/
 .overlay {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.7);
-  transition: opacity 500ms;
-  visibility: hidden;
-  opacity: 0;
-}
-.overlay:target {
-  visibility: visible;
-  opacity: 1;
-  z-index: 10;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: rgba(87, 87, 87, 0.311);
+    transition: opacity 500ms;
+    visibility: hidden;
+    opacity: 0;
+    overflow: visible;
+    width:100%;
+    height:100%;
+    z-index: -1;
+}
+.overlay:target, .overlay.active {
+    visibility: visible;
+    opacity: 1;
+    z-index: 10;
 }
 
 .popup {
-  margin: 70px auto;
-  padding: 20px;
-  background: #fff;
-  border-radius: 5px;
-  width: 50%;
-  position: relative;
-  transition: all 5s ease-in-out;
+    margin: 100px auto;
+    padding: 20px;
+    background: #fff;
+    border-radius: 5px;
+    width: 60%;
+    max-width: 860px;
+    min-width: 520px;
+    position: relative;
+    transition: all 5s ease-in-out;
 }
 
 .popup h2 {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding: 10px;
-  color: #333;
-  background-color: #c6d9ec;
-  font-family: Tahoma, Arial, sans-serif;
+    margin-top: 0;
+    margin-bottom: 0;
+    color: #333;
+    background-color: #c6d9ec;
+    font-family: Tahoma, Arial, sans-serif;
 }
+
 .popup .close {
-  position: absolute;
-  top: 20px;
-  right: 30px;
-  transition: all 200ms;
-  /* font-size: 30px; */
-  font-weight: bold;
-  text-decoration: none;
-  color: #333;
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    top: 20px;
+    right: 20px;
+    opacity: 0.8;
+    transition: all 200ms;
+    font-size: 24px;
+    font-weight: bold;
+    text-decoration: none;
+    color: #666;
+    line-height: initial;
 }
+
 .popup .close:hover {
-  color: #06D85F;
+    color: #06D85F;
+    opacity: 1;
 }
+
 .popup .content {
   max-height:50%;
   overflow: auto;
 }
 
+.popup.small {
+    width: 500px;
+    text-align: center;
+}
+
 #note_template_memo {
-  width: 50%;
+    width: 50%;
+}
+
+.light .popup {
+    border-color: #aaa;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
+}
+
+.popup label {
+    margin-left: 0;
+    text-align: left;
 }
 
+.popup_header a.close {
+    margin-right: 8px;
+}
+
+.popup_header h2 {
+    font-size: 12pt;
+}
+
+.overlay .header_wrapper {
+    width: auto;
+    background-color: #c6d9ec;
+    padding: 6px;
+    margin-bottom: 20px;
+}
+
+.overlay .cancel {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    cursor: default;
+}
+
+/*--------- for Flash message --------*/
+.fadeout {
+    animation : fadeOut 5s;
+    animation-fill-mode: both;
+}
+
+@keyframes fadeOut {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+}
+/*--------- for Flash message --------*/
+
+/*--------- for Template related Link --------*/
 div.template_link_area {
-  margin-right: 10px;
-  border: rgb(202, 200, 197);
-  border-width: 1px;
-  border-style: solid;
-  padding-left: 10px;
-  padding-right: 40px;
-  padding-top: 4px;
-  padding-bottom: 4px;
+    margin-right: 10px;
+    border: rgb(202, 200, 197);
+    border-width: 1px;
+    border-style: solid;
+    padding-left: 10px;
+    padding-right: 40px;
+    padding-top: 4px;
+    padding-bottom: 4px;
 }
 
 div.template_link_area label {
-  font-weight: bold;
+    font-weight: bold;
+}
+
+.template-update-link {
+    cursor: pointer;
+}
+/*--------- for Template related Link --------*/
+
+.overwrite_confirm_btn {
+    margin-top: 10px;
+    display: inline-block;
+    position: relative;
+    width: 100px;
+    padding: 0.8em;
+    text-align: center;
+    text-decoration: none;
+    color: #1B1B1B;
+    background: #fff;
+    border:1px solid rgb(165, 164, 164);
+    border-radius: 6px;
+}
+
+/*--------- for Overwrite Confirmation --------*/
+.overwrite_confirm_btn:hover {
+     background: rgb(190, 187, 187);
+     color: #fff;
+     cursor: pointer;
+     text-decoration: none;
+}
+
+#template_area > p a {
+    display: inline-block;
+    margin-right: .85em;
+}
+
+#template_help_content {
+    position: relative;
+    text-align: left;
+    margin-left: .5em;
+}
+
+#template_help_content p {
+    padding-left: 5px;
+}
+
+#template-help-wiki > p {
+    padding-left: 5px;
+}
+
+#filtered_templates_list > table div.wiki.template_tooltip_body p {
+    padding-left: 0;
+}
+
+ul.json-list {
+    width: 70%;
+    padding: 10px;
+    background-color: white;
+}
+
+ul.json-list li {
+    list-style: none;
+    line-height: 1.6em;
+    padding: 0.5em 0;
 }
diff --git a/config/locales/en.yml b/config/locales/en.yml
index eb4fb9ed..416c8cc6 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -74,3 +74,16 @@ en:
   please_select_at_least_one_role: "Please select at least one role."
   issue_templates_settings: Issue Templates Setting
   issue_templates_optional_settings: Templates Optional Settings
+  issue_template_related_link: Related Link
+  issue_template_link_title: Related Link Title
+  label_related_link_help_message: "If there are some example pages or sample issues which using issue template, please specify the link. So operator can see them as an usage or example for template."
+  label_link_title_help_message: "You can customize the title of the related link. (Default: Related Link)"
+  enter_value: Please enter a value.
+  label_select_field: Selet a field
+  label_builtin_fields_help_message: Enter builtin filds or custom fields default values with JSON format. Please select fields and set values. Then click "Apply" and you can generate JSON format data.
+  label_builtin_fields_json: JSON for fields
+  label_enable_builtin_fields: Enable Builtin Field support
+  help_enable_builtin_fields: If this flag is enabled, a form will be displayed that allows you to set templates for built-in or custom fields. Please register the settings in JSON format.
+  warning_enable_builtin_fields: Please be careful to activate this flag. Now this feature is an experimental one. Since I have not provided enough UI and functions yet to support all the field types. It may not work depending on the browser. Use caution when applying in a production environment.
+  label_field_information: Field information
+  unavailable_fields_for_this_tracker: Unavailable field for this tarcker
diff --git a/config/locales/ja.yml b/config/locales/ja.yml
index aa3d2e88..fd1002fc 100644
--- a/config/locales/ja.yml
+++ b/config/locales/ja.yml
@@ -1,77 +1,90 @@
-# Japanese translation
-ja:
-  issue_templates: チケットテンプレート
-  issue_template: チケットテンプレート
-  issue_template_note: メモ
-  label_enabled: "有効"
-  label_disabled: "無効"
-  label_help_message: "テンプレートについて"
-  label_show_help_message: "ヘルプメッセージを有効にする"
-  about_help_message: "プロジェクト毎にテンプレートに関するヘルプを設定できます。"
-  close_help: "ヘルプメッセージを閉じます。"
-  about_template_help_message: "プロジェクト毎のテンプレートに関するヘルプを表示します。"
-  label_enabled_help_message: "有効にチェックを入れると、選択できるようになります。ドラフト状態の場合は、チェックを外して下さい。"
-  label_list_templates: "一覧"
-  label_new_templates: "新規作成"
-  issue_template_name: "テンプレート名"
-  issue_description: "チケット本文"
-  issue_title: "チケットタイトル"
-  label_applied_for_issue: "チケットへの適用項目: "
-  help_for_issue_title: "チケットタイトルを設定すると、テンプレート選択時に、タイトルもテンプレート化されたものをセットできます。"
-  help_for_this_field: "この項目のヘルプ"
-  permission_manage_issue_templates: "テンプレートの管理"
-  permission_edit_issue_templates: "テンプレートの編集"
-  permission_show_issue_templates: "テンプレートの表示"
-  project_module_issue_templates: "チケットテンプレート"
-  label_isdefault_help_message: "デフォルト値にチェックすると、チケットの新規登録時に、該当するトラッカーのテンプレートとして読み込まれます。"
-  defaulf_template_loaded: "デフォルトテンプレートが「詳細」テキストエリアにロードされました。(トラッカー: %{tracker})"
-  text_no_tracker_enabled: "テンプレートはトラッカー毎に設定します。\nプロジェクトが利用するトラッカーの設定が必要です。"
-  label_enabled_sharing: "プロジェクトツリーでの共有を許可"
-  label_inherit_templates: "親プロジェクトのテンプレートを継承"
-  label_inherit_templates_help_message: "親プロジェクトのテンプレートを継承します。ただし、親プロジェクトのテンプレートで、プロジェクトツリーでの利用を許可しているものに限られます。"
-  label_inherited_templates: "継承されたテンプレート"
-  no_issue_templates_for_this_project: "このプロジェクト用のテンプレートは未だ登録されていません。"
-  link_to_index_edit_template: "テンプレート一覧 / 編集"
-  erase_issue_subject_and_description: "タイトルと詳細をクリア"
-  unused_tracker_at_this_project: "このプロジェクトでは利用されていないトラッカーです。必要に応じて、トラッカーとテンプレートの関連付けを修正して下さい。"
-  label_enabledshaing_help_message: "オプションをチェックすると、子プロジェクトでの利用を許可します。（子プロジェクト側での『テンプレートの継承』を設定した場合）"
-  label_should_replaced: "テンプレート読み込みの際に本文とタイトルを上書き"
-  label_should_replaced_help_message: "オプションをチェックすると、テンプレートを適用する際に、入力済みの本文とタイトルを上書きします。（デフォルトはOFFです）"
-  global_issue_templates: "グローバル チケットテンプレート"
-  no_issue_templates_for_this_redmine: "このRedmineにはグローバルチケットテンプレートは定義されていません。"
-  only_admin_can_associate_global_template: "このプロジェクトでグローバルチケットテンプレートを利用するには、Redmine管理者権限が必要です。"
-  text_no_tracker_enabled_for_global: "テンプレートはトラッカー毎に設定します。\nトラッカーの設定をお願いします。"
-  display_and_filter_issue_templates_in_dialog: "テンプレートの内容を確認"
-  label_filter_template: "テンプレートの絞り込み"
-  label_msg_confirm_to_replace: "説明と題名を上書きしてもよろしいですか？"
-  label_apply_global_template_to_all_projects: "グローバルチケットテンプレートを全てのプロジェクトに適用"
-  note_apply_global_template_to_all_projects_setting_enabled: "プラグイン設定によって、グローバルチケットテンプレートは全てのプロジェクトに適用されます"
-  project_list_associated_this_template: "このテンプレートが利用可能なプロジェクト (全 %{all}プロジェクト中:  %{applied}プロジェクトが有効) "
-  note_project_local_template_override_global_template: "プロジェクト固有のテンプレートが設定されている場合は、プロジェクト固有のテンプレートが優先されます。また、グローバルテンプレートはチケットの新規作成画面では非表示になります。"
-  help_project_local_template_override_global_template: "このオプションが設定されている場合、グローバルチケットテンプレートは全てのプロジェクトに適用されます。
-  プロジェクト固有のテンプレートが設定されている場合は、プロジェクト固有のテンプレートが優先され、グローバルテンプレートはチケットの新規作成画面では非表示になります。"
-  warning_project_local_template_override_global_template: "このオプションを設定すると、全てのプロジェクトにグローバルテンプレートが適用されます。取り扱いに注意したい内容を含むグローバルテンプレートを登録する場合は、十分注意してください。"
-  revert_before_applying_template: "テンプレート適用前に戻す"
-  template_remove_confirm: "このテンプレートを削除してよろしいですか？ %{count}個のサブプロジェクトがこのテンプレートを利用しています。"
-  label_number_of_subprojects_use_this_template: "%{count}個のサブプロジェクトがこのテンプレートを利用しています "
-  enabled_template_cannot_destroy: "有効になっているテンプレートは削除できません。他に利用しているサブプロジェクトの有無を確認して、無効化してから削除を行なってください"
-  orphaned_templates: "トラッカーから孤立したテンプレート"
-  orphaned_template: "トラッカーから孤立したテンプレート"
-  label_template_applied: "テンプレートが適用されました。（元に戻す場合：「テンプレート適用前に戻す」をクリック）"
-  label_hide_confirm_dialog_in_the_future: "次回からは、この上書きの確認メッセージを表示しない"
-  label_template_for_note: "コメント用テンプレート"
-  label_use_template_when_edit: "チケットの編集時にもテンプレートを利用する"
-  note_template: "コメント用テンプレート"
-  no_note_templates_for_this_project: "このプロジェクトのコメント用テンプレートは未だ登録されていません。"
-  label_memo_help_message: "このテンプレートは、どのような場合に利用すればいいか説明を入力してください。"
-  note_template_name: "コメント用テンプレート名"
-  note_description: "コメント本文"
-  field_template_visibility: 表示できるユーザ
-  note_templates:
-    visibility:
-      mine: 自分のみ
-      roles: 次のロールのみ
-      open: すべてのユーザー
-  please_select_at_least_one_role: 1つ以上のロールを指定してください。
-  issue_templates_settings: チケットテンプレート設定
-  issue_templates_optional_settings: テンプレートオプション設定
+# Japanese translation
+ja:
+  issue_templates: チケットテンプレート
+  issue_template: チケットテンプレート
+  issue_template_note: メモ
+  label_enabled: "有効"
+  label_disabled: "無効"
+  label_help_message: "テンプレートについて"
+  label_show_help_message: "ヘルプメッセージを有効にする"
+  about_help_message: "プロジェクト毎にテンプレートに関するヘルプを設定できます。"
+  close_help: "ヘルプメッセージを閉じます。"
+  about_template_help_message: "プロジェクト毎のテンプレートに関するヘルプを表示します。"
+  label_enabled_help_message: "有効にチェックを入れると、選択できるようになります。ドラフト状態の場合は、チェックを外して下さい。"
+  label_list_templates: "一覧"
+  label_new_templates: "新規作成"
+  issue_template_name: "テンプレート名"
+  issue_description: "チケット本文"
+  issue_title: "チケットタイトル"
+  label_applied_for_issue: "チケットへの適用項目: "
+  help_for_issue_title: "チケットタイトルを設定すると、テンプレート選択時に、タイトルもテンプレート化されたものをセットできます。"
+  help_for_this_field: "この項目のヘルプ"
+  permission_manage_issue_templates: "テンプレートの管理"
+  permission_edit_issue_templates: "テンプレートの編集"
+  permission_show_issue_templates: "テンプレートの表示"
+  project_module_issue_templates: "チケットテンプレート"
+  label_isdefault_help_message: "デフォルト値にチェックすると、チケットの新規登録時に、該当するトラッカーのテンプレートとして読み込まれます。"
+  defaulf_template_loaded: "デフォルトテンプレートが「詳細」テキストエリアにロードされました。(トラッカー: %{tracker})"
+  text_no_tracker_enabled: "テンプレートはトラッカー毎に設定します。\nプロジェクトが利用するトラッカーの設定が必要です。"
+  label_enabled_sharing: "プロジェクトツリーでの共有を許可"
+  label_inherit_templates: "親プロジェクトのテンプレートを継承"
+  label_inherit_templates_help_message: "親プロジェクトのテンプレートを継承します。ただし、親プロジェクトのテンプレートで、プロジェクトツリーでの利用を許可しているものに限られます。"
+  label_inherited_templates: "継承されたテンプレート"
+  no_issue_templates_for_this_project: "このプロジェクト用のテンプレートは未だ登録されていません。"
+  link_to_index_edit_template: "テンプレート一覧 / 編集"
+  erase_issue_subject_and_description: "タイトルと詳細をクリア"
+  unused_tracker_at_this_project: "このプロジェクトでは利用されていないトラッカーです。必要に応じて、トラッカーとテンプレートの関連付けを修正して下さい。"
+  label_enabledshaing_help_message: "オプションをチェックすると、子プロジェクトでの利用を許可します。（子プロジェクト側での『テンプレートの継承』を設定した場合）"
+  label_should_replaced: "テンプレート読み込みの際に本文とタイトルを上書き"
+  label_should_replaced_help_message: "オプションをチェックすると、テンプレートを適用する際に、入力済みの本文とタイトルを上書きします。（デフォルトはOFFです）"
+  global_issue_templates: "グローバル チケットテンプレート"
+  no_issue_templates_for_this_redmine: "このRedmineにはグローバルチケットテンプレートは定義されていません。"
+  only_admin_can_associate_global_template: "このプロジェクトでグローバルチケットテンプレートを利用するには、Redmine管理者権限が必要です。"
+  text_no_tracker_enabled_for_global: "テンプレートはトラッカー毎に設定します。\nトラッカーの設定をお願いします。"
+  display_and_filter_issue_templates_in_dialog: "テンプレートの内容を確認"
+  label_filter_template: "テンプレートの絞り込み"
+  label_msg_confirm_to_replace: "説明と題名を上書きしてもよろしいですか？"
+  label_apply_global_template_to_all_projects: "グローバルチケットテンプレートを全てのプロジェクトに適用"
+  note_apply_global_template_to_all_projects_setting_enabled: "プラグイン設定によって、グローバルチケットテンプレートは全てのプロジェクトに適用されます"
+  project_list_associated_this_template: "このテンプレートが利用可能なプロジェクト (全 %{all}プロジェクト中:  %{applied}プロジェクトが有効) "
+  note_project_local_template_override_global_template: "プロジェクト固有のテンプレートが設定されている場合は、プロジェクト固有のテンプレートが優先されます。また、グローバルテンプレートはチケットの新規作成画面では非表示になります。"
+  help_project_local_template_override_global_template: "このオプションが設定されている場合、グローバルチケットテンプレートは全てのプロジェクトに適用されます。
+  プロジェクト固有のテンプレートが設定されている場合は、プロジェクト固有のテンプレートが優先され、グローバルテンプレートはチケットの新規作成画面では非表示になります。"
+  warning_project_local_template_override_global_template: "このオプションを設定すると、全てのプロジェクトにグローバルテンプレートが適用されます。取り扱いに注意したい内容を含むグローバルテンプレートを登録する場合は、十分注意してください。"
+  revert_before_applying_template: "テンプレート適用前に戻す"
+  template_remove_confirm: "このテンプレートを削除してよろしいですか？ %{count}個のサブプロジェクトがこのテンプレートを利用しています。"
+  label_number_of_subprojects_use_this_template: "%{count}個のサブプロジェクトがこのテンプレートを利用しています "
+  enabled_template_cannot_destroy: "有効になっているテンプレートは削除できません。他に利用しているサブプロジェクトの有無を確認して、無効化してから削除を行なってください"
+  orphaned_templates: "トラッカーから孤立したテンプレート"
+  orphaned_template: "トラッカーから孤立したテンプレート"
+  label_template_applied: "テンプレートが適用されました。（元に戻す場合：「テンプレート適用前に戻す」をクリック）"
+  label_hide_confirm_dialog_in_the_future: "次回からは、この上書きの確認メッセージを表示しない"
+  label_template_for_note: "コメント用テンプレート"
+  label_use_template_when_edit: "チケットの編集時にもテンプレートを利用する"
+  note_template: "コメント用テンプレート"
+  no_note_templates_for_this_project: "このプロジェクトのコメント用テンプレートは未だ登録されていません。"
+  label_memo_help_message: "このテンプレートは、どのような場合に利用すればいいか説明を入力してください。"
+  note_template_name: "コメント用テンプレート名"
+  note_description: "コメント本文"
+  field_template_visibility: 表示できるユーザ
+  note_templates:
+    visibility:
+      mine: 自分のみ
+      roles: 次のロールのみ
+      open: すべてのユーザー
+  please_select_at_least_one_role: 1つ以上のロールを指定してください。
+  issue_templates_settings: チケットテンプレート設定
+  issue_templates_optional_settings: テンプレートオプション設定
+  issue_template_related_link: 関連リンク
+  issue_template_link_title: 関連リンクのタイトル
+  label_related_link_help_message: "テンプレートの利用例や、説明のページがあれば、関連リンクを設定できます。"
+  label_link_title_help_message: "関連リンクのタイトルは任意で設定できます（デフォルト: 関連リンク）"
+  enter_value: 値を入力してください
+  label_select_field: フィールドの選択
+  label_builtin_fields_help_message: フィールドの設定はJSONフォーマットで登録します。フィールドを指定し、値を設定してください。「適用」を押すとJSONフォーマットのデータが作成されます。
+  label_builtin_fields_json: フィールド設定用JSON
+  label_enable_builtin_fields: 標準/カスタムフィールドの利用を可能にする
+  help_enable_builtin_fields: 設定を有効にすると、標準/カスタムフィールドのテンプレートを設定するためのフォームが表示されます。設定は「フィールドのID ＆ 値」のJSON形式で登録してください。
+  warning_enable_builtin_fields: 設定の有効化には十分注意してください。この機能は実験的なものです。入力のUIや値の適用のための十分な機能が提供できていません。また、ブラウザの互換性は保証されていません。本番環境への適用には十分注意してください。
+  label_field_information: このフィールドの情報
+  unusable_fields_for_this_tracker: このトラッカーでは利用できません
diff --git a/config/routes.rb b/config/routes.rb
index 3b05f86f..54d447be 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -28,8 +28,9 @@
     resources :note_templates, except: [:edit]
   end
 
-  resources :issue_templates, only: %i[load preview], concerns: [:previewable] do
+  resources :issue_templates, only: %i[load preview load_selectable_fields], concerns: [:previewable] do
     post 'load', on: :collection
+    get 'load_selectable_fields', on: :collection
   end
 
   # for note temlate
diff --git a/db/migrate/20200101204020_add_related_link_to_issue_templates.rb b/db/migrate/20200101204020_add_related_link_to_issue_templates.rb
new file mode 100644
index 00000000..034ffccf
--- /dev/null
+++ b/db/migrate/20200101204020_add_related_link_to_issue_templates.rb
@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class AddRelatedLinkToIssueTemplates < ActiveRecord::Migration[5.2]
+  def self.up
+    add_column :issue_templates, :related_link, :text
+  end
+
+  def self.down
+    remove_column :issue_templates, :related_link
+  end
+end
diff --git a/db/migrate/20200101204220_add_related_link_to_global_issue_templates.rb b/db/migrate/20200101204220_add_related_link_to_global_issue_templates.rb
new file mode 100644
index 00000000..9ae6b09a
--- /dev/null
+++ b/db/migrate/20200101204220_add_related_link_to_global_issue_templates.rb
@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class AddRelatedLinkToGlobalIssueTemplates < ActiveRecord::Migration[5.2]
+  def self.up
+    add_column :global_issue_templates, :related_link, :text
+  end
+
+  def self.down
+    remove_column :global_issue_templates, :related_link
+  end
+end
diff --git a/db/migrate/20200102204815_add_link_title_to_issue_templates.rb b/db/migrate/20200102204815_add_link_title_to_issue_templates.rb
new file mode 100644
index 00000000..97539e9b
--- /dev/null
+++ b/db/migrate/20200102204815_add_link_title_to_issue_templates.rb
@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class AddLinkTitleToIssueTemplates < ActiveRecord::Migration[5.2]
+  def self.up
+    add_column :issue_templates, :link_title, :text
+  end
+
+  def self.down
+    remove_column :issue_templates, :link_title
+  end
+end
diff --git a/db/migrate/20200102205044_add_link_title_to_global_issue_templates.rb b/db/migrate/20200102205044_add_link_title_to_global_issue_templates.rb
new file mode 100644
index 00000000..c5a34e8e
--- /dev/null
+++ b/db/migrate/20200102205044_add_link_title_to_global_issue_templates.rb
@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class AddLinkTitleToGlobalIssueTemplates < ActiveRecord::Migration[5.2]
+  def self.up
+    add_column :global_issue_templates, :link_title, :text
+  end
+
+  def self.down
+    remove_column :global_issue_templates, :link_title
+  end
+end
diff --git a/db/migrate/20200103213630_add_builtin_fields_json_to_issue_templates.rb b/db/migrate/20200103213630_add_builtin_fields_json_to_issue_templates.rb
new file mode 100644
index 00000000..b224ec69
--- /dev/null
+++ b/db/migrate/20200103213630_add_builtin_fields_json_to_issue_templates.rb
@@ -0,0 +1,9 @@
+class AddBuiltinFieldsJsonToIssueTemplates < ActiveRecord::Migration[5.2]
+  def self.up
+    add_column :issue_templates, :builtin_fields_json, :text
+  end
+
+  def self.down
+    remove_column :issue_templates, :builtin_fields_json
+  end
+end
diff --git a/db/migrate/20200115073600_add_builtin_fields_json_to_global_issue_templates.rb b/db/migrate/20200115073600_add_builtin_fields_json_to_global_issue_templates.rb
new file mode 100644
index 00000000..3bd3007c
--- /dev/null
+++ b/db/migrate/20200115073600_add_builtin_fields_json_to_global_issue_templates.rb
@@ -0,0 +1,9 @@
+class AddBuiltinFieldsJsonToGlobalIssueTemplates < ActiveRecord::Migration[5.2]
+  def self.up
+    add_column :global_issue_templates, :builtin_fields_json, :text
+  end
+
+  def self.down
+    remove_column :global_issue_templates, :builtin_fields_json
+  end
+end
diff --git a/init.rb b/init.rb
index 77f82f09..0e3c403d 100644
--- a/init.rb
+++ b/init.rb
@@ -47,7 +47,7 @@ def template_menu_allowed?
     name 'Redmine Issue Templates plugin'
     author 'Akiko Takano'
     description 'Plugin to generate and use issue templates for each project to assist issue creation.'
-    version '0.3.7'
+    version '1.0.0'
     author_url 'http://twitter.com/akiko_pusu'
     requires_redmine version_or_higher: '4.0'
     url 'https://github.com/akiko-pusu/redmine_issue_templates'
@@ -55,7 +55,8 @@ def template_menu_allowed?
     settings partial: 'settings/redmine_issue_templates',
              default: {
                apply_global_template_to_all_projects: 'false',
-               apply_template_when_edit_issue: 'false'
+               apply_template_when_edit_issue: 'false',
+               enable_builtin_fields: 'false'
              }
 
     menu :admin_menu, :redmine_issue_templates, { controller: 'global_issue_templates', action: 'index' },
diff --git a/lib/issue_templates/issues_hook.rb b/lib/issue_templates/issues_hook.rb
index 2b588a64..b4723e35 100644
--- a/lib/issue_templates/issues_hook.rb
+++ b/lib/issue_templates/issues_hook.rb
@@ -5,7 +5,7 @@ class IssuesHook < Redmine::Hook::ViewListener
     include IssuesHelper
 
     CONTROLLERS = %(
-      'IssuesController' 'IssueTemplatesController' 'ProjectsController'
+      'IssuesController' 'IssueTemplatesController' 'ProjectsController' 'IssueTemplatesSettingsController'
       'GlobalIssueTemplatesController' 'SettingsController' 'NoteTemplatesController'
     ).freeze
 
diff --git a/spec/controllers/global_issue_templates_controller_spec.rb b/spec/controllers/global_issue_templates_controller_spec.rb
index 64342129..00b99734 100644
--- a/spec/controllers/global_issue_templates_controller_spec.rb
+++ b/spec/controllers/global_issue_templates_controller_spec.rb
@@ -71,6 +71,44 @@
         expect(global_issue_template.projects.count).to eq projects.count
       end
     end
+
+    context 'POST with invalid url' do
+      let(:project_ids) { [] }
+      let(:create_params) do
+        { global_issue_template:
+          { title: 'Global Template newtitle for creation test',
+            note: 'Global note for creation test',
+            description: 'Global Template description for creation test',
+            tracker_id: tracker.id,
+            enabled: 1,
+            author_id: user.id,
+            project_ids: project_ids }.merge(related_link: 'bad format url') }
+      end
+
+      include_examples 'Right response', 200
+      it do
+        expect(global_issue_template.present?).to be_falsy
+      end
+
+      context 'POST with valid url' do
+        let(:project_ids) { [] }
+        let(:create_params) do
+          { global_issue_template:
+            { title: 'Global Template newtitle for creation test',
+              note: 'Global note for creation test',
+              description: 'Global Template description for creation test',
+              tracker_id: tracker.id,
+              enabled: 1,
+              author_id: user.id,
+              project_ids: project_ids }.merge(related_link: 'http://example.com/sample/index.html') }
+        end
+
+        include_examples 'Right response', 302
+        it do
+          expect(global_issue_template.present?).to be_truthy
+        end
+      end
+    end
   end
 
   # PATCH GlobalIssueTemplatesController#edit
@@ -90,5 +128,38 @@
       put :update, params: { id: global_issue_template.id, global_issue_template: edit_params }
       expect(global_issue_template.projects.count).to eq 0
     end
+
+    context 'PUT with builtin_fields param' do
+      let(:update_params) do
+        edit_params.merge(builtin_fields: builtin_fields)
+      end
+
+      before do
+        Setting.send 'plugin_redmine_issue_templates=', 'enable_builtin_fields' => 'true'
+        put :update, params: { id: global_issue_template.id, global_issue_template: update_params }
+      end
+
+      context 'invalid format' do
+        let(:builtin_fields) { '12345' }
+
+        include_examples 'Right response', 200
+
+        it do
+          msg = flash[:error]
+          expect(msg.present?).to be_truthy
+          expect(msg).to eq 'Please enter a valid JSON fotmat string.'
+        end
+      end
+
+      context 'PUT with valid builtin_fields param' do
+        let(:builtin_fields) { '{ "foo": "bar" }' }
+        include_examples 'Right response', 302
+
+        it do
+          expect(flash[:error].present?).to be_falsy
+          expect(global_issue_template.reload.builtin_fields_json).to eq JSON.parse(builtin_fields)
+        end
+      end
+    end
   end
 end
diff --git a/spec/controllers/issue_templates_controller_spec.rb b/spec/controllers/issue_templates_controller_spec.rb
index 4ed05a4b..62b3908d 100644
--- a/spec/controllers/issue_templates_controller_spec.rb
+++ b/spec/controllers/issue_templates_controller_spec.rb
@@ -137,10 +137,116 @@
     include_examples 'Right response', 200
     #
     # TODO: This example should be request spec.
-    #it 'Render new form filled with copied template values' do
+    # it 'Render new form filled with copied template values' do
     #  issue_template = assigns(:issue_template)
     #  expect(issue_template.id).to be_nil
     #  expect(issue_template.title).to eq "copy_of_#{original_template.title}"
-    #end
+    # end
+  end
+
+  describe 'POST #create' do
+    render_views
+    let(:template_params) do
+      { title: 'Issue Template newtitle for creation test',
+        note: 'Note for creation test',
+        description: 'Issue Template description for creation test',
+        tracker_id: tracker.id, enabled: 1, author_id: user.id }
+    end
+
+    let(:create_params) do
+      { issue_template: template_params }
+    end
+
+    let(:issue_template) { IssueTemplate.last }
+
+    context 'POST with valid param' do
+      before do
+        post :create, params: create_params.merge(project_id: project.id)
+      end
+
+      include_examples 'Right response', 302
+      it do
+        expect(issue_template.project.id).to eq project.id
+      end
+    end
+
+    context 'POST with valid builtin_fields param when enable_builtin_fields = true' do
+      let(:builtin_fields) { '{ "foo": "bar" }' }
+      let(:create_params) do
+        { issue_template: template_params.merge(builtin_fields: builtin_fields) }
+      end
+
+      before do
+        Setting.send 'plugin_redmine_issue_templates=', 'enable_builtin_fields' => 'true'
+        post :create, params: create_params.merge(project_id: project.id)
+      end
+      include_examples 'Right response', 302
+      it do
+        expect(issue_template.builtin_fields_json).to eq JSON.parse(builtin_fields)
+      end
+    end
+
+    context 'POST with invalid builtin_fields param when enable_builtin_fields = falsewhen enable_builtin_fields = false' do
+      let(:builtin_fields) { '12345' }
+      let(:create_params) do
+        { issue_template: template_params.merge(builtin_fields: builtin_fields) }
+      end
+
+      before do
+        Setting.send 'plugin_redmine_issue_templates=', 'enable_builtin_fields' => 'false'
+        post :create, params: create_params.merge(project_id: project.id)
+      end
+      include_examples 'Right response', 302
+
+      it do
+        msg = flash[:error]
+        expect(msg.present?).to be_falsy
+      end
+    end
+  end
+
+  describe 'PUT #update' do
+    render_views
+    let(:template_params) do
+      { title: 'Issue Template updated title for update test',
+        description: 'Issue Template description for update test',
+        tracker_id: tracker.id, enabled: 1, author_id: user.id }
+    end
+
+    let(:issue_template) { IssueTemplate.last }
+
+    before do
+      Setting.send 'plugin_redmine_issue_templates=', 'enable_builtin_fields' => 'true'
+      put :update, params: update_params.merge(id: issue_template.id, project_id: project.id)
+    end
+
+    context 'PUT with invalid builtin_fields param' do
+      let(:builtin_fields) { '12345' }
+      let(:update_params) do
+        { issue_template: template_params.merge(builtin_fields: builtin_fields) }
+      end
+
+      include_examples 'Right response', 200
+
+      it do
+        msg = flash[:error]
+        expect(msg.present?).to be_truthy
+        expect(msg).to eq 'Please enter a valid JSON fotmat string.'
+      end
+    end
+
+    context 'PUT with valid builtin_fields param' do
+      let(:builtin_fields) { '{ "foo": "bar" }' }
+      let(:update_params) do
+        { issue_template: template_params.merge(builtin_fields: builtin_fields) }
+      end
+
+      include_examples 'Right response', 302
+
+      it do
+        expect(flash[:error].present?).to be_falsy
+        expect(issue_template.reload.title).to eq 'Issue Template updated title for update test'
+      end
+    end
   end
 end
diff --git a/spec/features/issue_template_popup_spec.rb b/spec/features/issue_template_popup_spec.rb
index 17561db6..9c0c5627 100644
--- a/spec/features/issue_template_popup_spec.rb
+++ b/spec/features/issue_template_popup_spec.rb
@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require_relative '../spec_helper'
 require_relative '../rails_helper'
 require_relative '../support/login_helper'
@@ -26,8 +28,11 @@
   given(:first_template) { IssueTemplate.first }
   given(:second_template) { IssueTemplate.second }
 
+  given(:related_link) { page.find('#issue_template_related_link') }
+
   background do
-    FactoryBot.create_list(:issue_template, 2, project_id: project.id, tracker_id: tracker.id)
+    FactoryBot.create_list(:issue_template, 2, project_id: project.id, tracker_id: tracker.id,
+                                               related_link: 'http://example.com/template/wiki#usage')
 
     project.trackers << tracker
     assign_template_priv(role, add_permission: :show_issue_templates)
@@ -50,6 +55,9 @@
     expect(issue_description.value).not_to eq ''
     expect(issue_description.value).to eq first_template.description
     expect(issue_subject.value).to eq first_template.issue_title
+
+    expect(related_link.text).to eq 'Related Link'
+    expect(related_link['href']).to eq 'http://example.com/template/wiki#usage'
   end
 
   context 'Has default template' do
diff --git a/spec/features/issue_template_spec.rb b/spec/features/issue_template_spec.rb
index 46d7cd5c..13bbe676 100644
--- a/spec/features/issue_template_spec.rb
+++ b/spec/features/issue_template_spec.rb
@@ -127,7 +127,7 @@
 
     context 'Click Template filter popup' do
       given(:table) { page.find('div#filtered_templates_list table') }
-      given(:titlebar) { page.find('div.ui-dialog-titlebar') }
+      given(:titlebar) { page.find('#issue_template_dialog_title') }
       background do
         page.find('#link_template_dialog').click
         sleep(0.2)
@@ -153,7 +153,7 @@
         end
 
         scenario 'Click filtered link and applied template' do
-          table.find('tbody > tr > td:nth-child(5) > a').click
+          table.find('tbody > tr > td:nth-child(5) > i').click
           sleep(0.2)
           description = page.find('#issue_description')
           expect(description.value).to match 'Sample description for rspec'
@@ -203,7 +203,9 @@
     given(:issue_description) { page.find('#issue_description') }
     given(:issue_subject) { page.find('#issue_subject') }
     given(:table) { page.find('div#filtered_templates_list table') }
-    given(:modal_close) { page.find('span.ui-icon-closethick') }
+
+    # visible template dialog
+    given(:template_dialog) { page.find('#issue_template_dialog', visible: false) }
 
     background do
       assign_template_priv(role, add_permission: :show_issue_templates)
@@ -217,14 +219,16 @@
         issue_description.set(expected_description)
         page.find('#link_template_dialog').click
         sleep(0.2)
-        table.find('tbody > tr > td:nth-child(5) > a').click
+        table.find('tbody > tr > td:nth-child(5) > i').click
         sleep(0.2)
-        modal_close.click
       end
 
       scenario 'Title and Description should not be modified' do
         expect(issue_description.value).to eq expected_description
         expect(issue_subject.value).to eq expected_title
+
+        # dialog should be closed
+        expect(template_dialog).not_to be_visible
       end
     end
 
@@ -234,14 +238,16 @@
         issue_description.set('different description')
         page.find('#link_template_dialog').click
         sleep(0.2)
-        table.find('tbody > tr > td:nth-child(5) > a').click
+        table.find('tbody > tr > td:nth-child(5) > i').click
         sleep(0.2)
-        modal_close.click
       end
 
       scenario 'Title and Description should be appended text' do
         expect(issue_description.value).to eq "different description\n\n#{expected_description}"
         expect(issue_subject.value).to eq "different subject #{expected_title}"
+
+        # dialog should be closed
+        expect(template_dialog).not_to be_visible
       end
     end
   end
diff --git a/spec/models/global_issue_template_spec.rb b/spec/models/global_issue_template_spec.rb
new file mode 100644
index 00000000..ff2becc2
--- /dev/null
+++ b/spec/models/global_issue_template_spec.rb
@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+require_relative '../spec_helper'
+
+describe GlobalIssueTemplate do
+  describe '#valid?' do
+    let(:instance) { GlobalIssueTemplate.new(tracker_id: tracker.id, title: 'sample') }
+    let(:tracker) { FactoryBot.create(:tracker, :with_default_status) }
+    subject { instance.valid? }
+
+    it 'related_link in invalid format' do
+      instance.related_link = 'non url format string'
+      is_expected.to be_falsey
+      expect(instance.errors.messages.key?(:related_link)).to be_truthy
+    end
+
+    it 'related_link in valid format' do
+      instance.related_link = 'https://valid.example.com/links.html'
+      is_expected.to be_truthy
+    end
+  end
+
+  describe '#builtin_fields_json' do
+    let(:tracker) { FactoryBot.create(:tracker, :with_default_status) }
+    let(:global_issue_template) do
+      create(:global_issue_template, tracker_id: tracker.id)
+    end
+    subject { global_issue_template.update(builtin_fields_json: object) }
+
+    context 'Data is a valid hash' do
+      let(:object) { { 'key': 'value', 'foo': 'bar' } }
+      it { is_expected.to be_truthy }
+    end
+
+    context 'Data is not a valid hash' do
+      let(:object) { [1, 2, 3] }
+      it { expect { subject }.to raise_error(ActiveRecord::SerializationTypeMismatch) }
+    end
+  end
+end
diff --git a/spec/models/issue_template_spec.rb b/spec/models/issue_template_spec.rb
index 6e670dc8..eaf96343 100644
--- a/spec/models/issue_template_spec.rb
+++ b/spec/models/issue_template_spec.rb
@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require_relative '../spec_helper'
 
 describe IssueTemplate do
@@ -12,7 +14,8 @@
   describe 'scope .orphaned' do
     subject { IssueTemplate.orphaned.count }
     before do
-      issue_template.update_attribute(:tracker_id, 0)
+      # Remove related tracker
+      issue_template.tracker.delete
     end
     it { is_expected.to eq 1 }
   end
@@ -51,4 +54,34 @@
       end
     end
   end
+
+  describe '#valid?' do
+    let(:instance) { described_class.new(tracker_id: tracker.id, project_id: project.id, title: 'sample') }
+    subject { instance.valid? }
+
+    it 'related_link in invalid format' do
+      instance.related_link = 'non url format string'
+      is_expected.to be_falsey
+      expect(instance.errors.messages.key?(:related_link)).to be_truthy
+    end
+
+    it 'related_link in valid format' do
+      instance.related_link = 'https://valid.example.com/links.html'
+      is_expected.to be_truthy
+    end
+  end
+
+  describe '#builtin_fields_json' do
+    subject { issue_template.update(builtin_fields_json: object) }
+
+    context 'Data is a valid hash' do
+      let(:object) { { 'key': 'value', 'foo': 'bar' } }
+      it { is_expected.to be_truthy }
+    end
+
+    context 'Data is not a valid hash' do
+      let(:object) { [1, 2, 3] }
+      it { expect { subject }.to raise_error(ActiveRecord::SerializationTypeMismatch) }
+    end
+  end
 end