Sort integrations in A-Z order. Rename "LineNotify" -> "LINE Notify". Update the LINE Notify icon.

CHANGELOG.md

@@ -9,6 +9,7 @@ All notable changes to this project will be documented in this file.
 - Removing unused /api/v1/notifications/{uuid}/bounce endpoint
 - Less verbose output in the `senddeletionnotices` command
 - Host a read-only dashboard (from github.com/healthchecks/dashboard/)
+- LINE Notify integration (#412)
 
 ## Bug Fixes
 - Handle excessively long email addresses in the signup form

hc/api/models.py

@@ -51,7 +51,7 @@ CHANNEL_KINDS = (
     ("zulip", "Zulip"),
     ("spike", "Spike"),
     ("call", "Phone Call"),
-    ("linenotify", "LineNotify"),
+    ("linenotify", "LINE Notify"),
 )
 
 PO_PRIORITIES = {-2: "lowest", -1: "low", 0: "normal", 1: "high", 2: "emergency"}
@@ -759,6 +759,7 @@ class Channel(models.Model):
         doc = json.loads(self.value)
         return doc["token"]
 
+
 class Notification(models.Model):
     class Meta:
         get_latest_by = "created"

templates/front/channels.html

@@ -227,6 +227,15 @@
         </li>
         {% endif %}
 
+        <li>
+            <img src="{% static 'img/integrations/linenotify.png' %}"
+                class="icon" alt="LINE Notify icon" />
+
+            <h2>LINE Notify</h2>
+            <p>Receive a notification on LINE when a check goes up or down.</p>
+            <a href="{% url 'hc-add-linenotify' project.code %}" class="btn btn-primary">Add Integration</a>
+        </li>
+
         {% if enable_matrix %}
         <li>
             <img src="{% static 'img/integrations/matrix.png' %}"
@@ -412,15 +421,6 @@
             <a href="{% url 'hc-add-zulip' project.code %}" class="btn btn-primary">Add Integration</a>
         </li>
 
-        <li>
-            <img src="{% static 'img/integrations/linenotify.png' %}"
-                class="icon" alt="LineNotify icon" />
-
-            <h2>LineNotify</h2>
-            <p>Get a LineNotify message when a check goes up or down.</p>
-            <a href="{% url 'hc-add-linenotify' project.code %}" class="btn btn-primary">Add Integration</a>
-        </li>
-
         <li class="link-to-github">
             <img src="{% static 'img/integrations/missing.png' %}"
                  class="icon" alt="Suggest New Integration" />

templates/front/welcome.html

@@ -435,6 +435,13 @@
         </div>
         {% endif %}
 
+        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
+            <div class="integration">
+                <img src="{% static 'img/integrations/linenotify.png' %}" class="icon" alt="" />
+                <h3>LINE Notify<br><small>Chat</small></h3>
+            </div>
+        </div>
+
         {% if enable_matrix %}
         <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
             <div class="integration">
@@ -642,13 +649,6 @@
                 </h3>
             </div>
         </div>
-
-        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
-            <div class="integration">
-                <img src="{% static 'img/integrations/linenotify.png' %}" class="icon" alt="" />
-                <h3>LineNotify<br><small>Chat</small></h3>
-            </div>
-        </div>
     </div>
 
     <div class="row tour-section">

templates/integrations/add_linenotify.html

@@ -7,13 +7,12 @@
 {% block content %}
 <div class="row">
   <div class="col-sm-12">
-      <h1>LineNotify</h1>
+      <h1>LINE Notify</h1>
 
-      <p><a href="https://notify-bot.line.me/en/">LineNotify</a>
-      allows you to send web notifications directly to your LINE chats.
-      If you use or plan on using LineNotify,
-      you can set up {% site_name %} to post status updates directly to an appropriate LineNotify channel.
-      Here are a few steps that can integrate it with your {% site_name %} account.</p>
+      <p><a href="https://notify-bot.line.me/en/">LINE Notify</a>
+      allows you to send notifications directly to your LINE chats.
+      You can set up {% site_name %} to post status updates directly to an
+      appropriate LINE chat. </p>
 
 
       <h2>Setup Guide</h2>
@@ -22,9 +21,9 @@
         <div class="col-sm-6">
             <span class="step-no"></span>
             <p>
-                Log into your Line account,
-                go to <strong>My Pages</strong> in the upper right corner.
-                In the <strong>My Pages</strong>, scroll to the bottom of the page,
+                Log into your LINE account,
+                go to <strong>My Page</strong> in the upper right corner.
+                In the <strong>My Page</strong>, scroll to the bottom of the page,
                 and click on <strong>Generate token</strong> button.
             </p>
         </div>