1 files changed, 98 insertions, 0 deletions
diff --git a/app/views/shared/integrations/mattermost_slash_commands/_detailed_help.html.haml b/app/views/shared/integrations/mattermost_slash_commands/_detailed_help.html.haml
new file mode 100644
index 00000000000..fec443738c3
--- /dev/null
+++ b/app/views/shared/integrations/mattermost_slash_commands/_detailed_help.html.haml
@@ -0,0 +1,98 @@
+- pretty_name = @project&.full_name ? html_escape(@project&.full_name) : '<' + _('project name') + '>'
+- run_actions_text = html_escape(s_("ProjectService|Perform common operations on GitLab project: %{project_name}")) % { project_name: pretty_name }
+
+%p= s_("ProjectService|To configure this integration, you should:")
+%ul.list-unstyled.indent-list
+  %li
+    1.
+    = link_to 'https://docs.gitlab.com/ee/user/project/integrations/mattermost_slash_commands.html#enable-custom-slash-commands', target: '_blank', rel: 'noopener noreferrer nofollow' do
+      Enable custom slash commands
+      = sprite_icon('external-link')
+    on your Mattermost installation.
+  %li
+    2.
+    = link_to 'https://docs.gitlab.com/ee/user/project/integrations/mattermost_slash_commands.html#create-a-slash-command', target: '_blank', rel: 'noopener noreferrer nofollow' do
+      Add a slash command
+      = sprite_icon('external-link')
+    in your Mattermost team with the options listed below.
+  %li
+    3. Paste the token into the
+    %strong Token
+    field.
+  %li
+    4. Select the
+    %strong Active
+    check box, then select
+    %strong Save changes
+    to start using GitLab inside Mattermost!
+
+%hr
+
+.help-form
+  .form-group
+    = label_tag :display_name, _('Display name'), class: 'col-12 col-form-label label-bold'
+    .col-12.input-group
+      = text_field_tag :display_name, "GitLab / #{pretty_name}".html_safe, class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#display_name', class: 'gl-button btn-default btn-icon input-group-text')
+
+  .form-group
+    = label_tag :description, _('Description'), class: 'col-12 col-form-label  label-bold'
+    .col-12.input-group
+      = text_field_tag :description, run_actions_text, class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#description', class: 'gl-button btn-default btn-icon input-group-text')
+
+  .form-group
+    = label_tag nil, s_('MattermostService|Command trigger word'), class: 'col-12 col-form-label label-bold'
+    .col-12
+      %p= s_('MattermostService|Fill in the word that works best for your team.')
+      %p
+        = s_('MattermostService|Suggestions:')
+        %code= 'gitlab'
+        - if @project
+          %code= @project.path # Path contains no spaces, but dashes
+          %code= @project.full_path
+
+  .form-group
+    = label_tag :request_url, s_('MattermostService|Request URL'), class: 'col-12 col-form-label label-bold'
+    .col-12.input-group
+      = text_field_tag :request_url, service_trigger_url(integration), class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#request_url', class: 'gl-button btn-default btn-icon input-group-text')
+
+  .form-group
+    = label_tag nil, s_('MattermostService|Request method'), class: 'col-12 col-form-label label-bold'
+    .col-12 POST
+
+  .form-group
+    = label_tag :response_username, s_('MattermostService|Response username'), class: 'col-12 col-form-label label-bold'
+    .col-12.input-group
+      = text_field_tag :response_username, 'GitLab', class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#response_username', class: 'gl-button btn-default btn-icon input-group-text')
+
+  .form-group
+    = label_tag :response_icon, s_('MattermostService|Response icon'), class: 'col-12 col-form-label label-bold'
+    .col-12.input-group
+      = text_field_tag :response_icon, asset_url('gitlab_logo.png'), class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#response_icon', class: 'gl-button btn-default btn-icon input-group-text')
+
+  .form-group
+    = label_tag nil, _('Autocomplete'), class: 'col-12 col-form-label label-bold'
+    .col-12 Yes
+
+  .form-group
+    = label_tag :autocomplete_hint, _('Autocomplete hint'), class: 'col-12 col-12 col-form-label label-bold'
+    .col-12.input-group
+      = text_field_tag :autocomplete_hint, '[help]', class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#autocomplete_hint', class: 'gl-button btn-default btn-icon input-group-text')
+
+  .form-group
+    = label_tag :autocomplete_description, _('Autocomplete description'), class: 'col-12 col-form-label label-bold'
+    .col-12.input-group
+      = text_field_tag :autocomplete_description, run_actions_text, class: 'form-control form-control-sm', readonly: 'readonly'
+      .input-group-append
+        = clipboard_button(target: '#autocomplete_description', class: 'gl-button btn-default btn-icon input-group-text')