AO3-7515 i18n pseud icon comment, icon alt text and collection name help files

app/controllers/help_controller.rb

@@ -1,8 +1,11 @@
 class HelpController < ApplicationController
   HELP_ACTIONS = %i[
     collectibles_add_to_collection
+    collections_name
     first_login
     html
+    icon_alt_text
+    icon_comment_text
     preferences_collection
     preferences_comment
     preferences_display

app/views/collections/_form.html.erb

@@ -18,7 +18,7 @@
 
       <dt class="required">
         <%= collection_form.label :name, ts("Collection name" + "*") %>
-        <%= link_to_help "collection-name" %>
+        <%= link_to_help_modal(help_collections_name_path, t(".collections_name_help_title")) %>
       </dt>
       <dd>
         <%= collection_form.text_field :name, "aria-describedby" => "name-field-notes" %>
@@ -87,7 +87,7 @@
 
     <dt>
       <%= collection_form.label :icon_alt_text, ts("Icon alt text") %>
-      <%= link_to_help "icon-alt-text" %>
+      <%= link_to_help_modal(help_icon_alt_text_path, t(".icon_alt_text_help_title")) %>
     </dt>
     <dd>
       <%= collection_form.text_field :icon_alt_text, class: "observe_textlength" %>
@@ -96,7 +96,7 @@
 
     <dt>
       <%= collection_form.label :icon_comment_text, ts("Icon comment text") %>
-      <%= link_to_help "pseud-icon-comment" %>
+      <%= link_to_help_modal(help_icon_comment_text_path, t(".icon_comment_text_help_title")) %>
     </dt>
     <dd>
       <%= collection_form.text_field :icon_comment_text, class: "observe_textlength" %>

app/views/help/collections_name.html.erb

@@ -0,0 +1,4 @@
+<h4><%= t(".page_heading") %></h4>
+
+<p><%= t(".changing_collection_name") %></p>
+<p><%= t(".collection_name_rules") %></p>

app/views/help/icon_alt_text.html.erb

@@ -0,0 +1,5 @@
+<h4><%= t(".page_heading") %></h4>
+
+<p><%= t(".alt_text_explanation") %></p>
+
+<p><%= t(".alt_text_example") %></p>

app/views/help/icon_comment_text.html.erb

@@ -0,0 +1,3 @@
+<h4><%= t(".page_heading") %></h4>
+
+<p><%= t(".description") %></p>

app/views/pseuds/_pseuds_form.html.erb

@@ -42,7 +42,7 @@
 
   <dt>
     <%= f.label :icon_alt_text, t(".icon_alt") %>
-    <%= link_to_help "icon-alt-text" %>
+    <%= link_to_help_modal(help_icon_alt_text_path, t(".icon_alt_text_help_title")) %>
   </dt>
   <dd>
     <%= f.text_field :icon_alt_text, class: "observe_textlength", disabled: logged_in_as_admin? %>
@@ -51,7 +51,7 @@
 
   <dt>
     <%= f.label :icon_comment_text, t(".icon_comment") %>
-    <%= link_to_help("pseud-icon-comment") %>
+    <%= link_to_help_modal(help_icon_comment_text_path, t(".icon_comment_text_help_title")) %>
   </dt>
   <dd>
     <%= f.text_field :icon_comment_text, class: "observe_textlength", disabled: logged_in_as_admin? %>

config/locales/views/en.yml

@@ -858,11 +858,14 @@ en:
         no_challenge: No Challenge
         prompt_meme: Prompt Meme Challenge
     form:
+      collections_name_help_title: Collection name help
       header_image_url:
         footnote: PNG, JPEG, GIF
         label: Custom header URL
       icon:
         delete: Delete collection icon and revert to our default. This will also remove the icon alt text and comment text.
+      icon_alt_text_help_title: Icon alt text help
+      icon_comment_text_help_title: Icon comment text help
       multifandom:
         footnote: Use this if your collection is not fandom-specific.
         label: Multifandom
@@ -1212,6 +1215,10 @@ en:
       moderated_and_anonymous_collections: 'Also note: if the collection you are submitting to is moderated, and you aren''t a member, your story will not be added to the collection automatically - it will have to be approved by one of the collection''s moderators. If this is an anonymous and/or unrevealed collection your work will be anonymous and/or hidden as soon as you post it, including while it''s waiting for approval. If your work is rejected, it will remain anonymous and/or unrevealed until you edit it to remove it from the collection or until the moderator removes it.'
       page_heading: Adding To Collections
       removing_from_collection: If you change your mind about having an item in a collection, you can either edit the list of collections when editing it, or you can manage all your collected items under the "My Collections" page in your account.
+    collections_name:
+      changing_collection_name: The name of the collection can be changed at a later point, but that will break links to the collection.
+      collection_name_rules: The name can consist only of ASCII letters (a-z, A-Z), numbers and underscores, and cannot contain spaces.
+      page_heading: Collection Name
     first_login:
       additional_info:
         header: Additional Browsing Information
@@ -1349,6 +1356,13 @@ en:
         unwanted_larger_text: If one bit of your text shows up larger than the rest, probably our formatter couldn't figure out to put paragraph tags around it. You can fix this by manually putting in the paragraph tags around that one bit.
         unwilling_to_break: If you have put in some custom HTML (eg a list of items inside a <ul>) and you don't want break tags or paragraphs inserted, just put it all on one line (sorry, this is the inconvenient tradeoff for automatically doing the paragraph/break tags).
       page_heading: HTML on the Archive
+    icon_alt_text:
+      alt_text_example: 'For example, the AO3 logo has the following alt text: "Archive of Our Own".'
+      alt_text_explanation: The purpose of alt text is to explain the meaning of an image if the image isn't showing. This is used by people browsing with images turned off, or visually impaired people using screenreader technology. Please do not use alt text for attribution!
+      page_heading: Icon Alt Text
+    icon_comment_text:
+      description: You can put anything extra you have about your icon here, like credit for the maker of the icon.
+      page_heading: Icon Comment Text
     preferences_collection:
       allow_collection_invitation:
         changing: Changing this setting won't affect any existing works in collections.
@@ -2874,7 +2888,9 @@ en:
       description: Description
       icon: Icon
       icon_alt: Icon alt text
+      icon_alt_text_help_title: Icon alt text help
       icon_comment: Icon comment text
+      icon_comment_text_help_title: Icon comment text help
       icon_delete: Delete your icon and revert to our default. This will also remove your icon alt text and comment text.
       icon_notes:
         current: This is your icon.

config/routes.rb

@@ -691,6 +691,9 @@
   get "/help/choosing-series.html", to: redirect("/help/works_series")
   get "/help/work-skins.html", to: redirect("/help/works_skins")
   get "/help/translation-link.html", to: redirect("/help/works_translation_link")
+  get "help/pseud-icon-comment.html", to: redirect("help/icon_comment_text")
+  get "help/collection-name.html", to: redirect("help/collections_name")
+  get "help/icon-alt-text.html", to: redirect("help/icon_alt_text")
 
   get 'search' => 'works#search'
   post 'support' => 'feedbacks#create', as: 'feedbacks'