Add a "we've moved" banner

Show error if new topic can't be created
Send notifications for people involved in thread that it's continuing elsewhere

Author: nul800sebastiaan

OurUmbraco.Site/Views/Forum.cshtml

@@ -4,6 +4,17 @@
 }
 
 <!-- FORUM OVERVIEW START -->
+@if (System.Configuration.ConfigurationManager.AppSettings["DiscourseEnabled"] == "true")
+{
+    <div style="width: 100%;" class="alertbar__red">
+        <h2 style="color: black; font-size: 50px; text-align: center; line-height: 50px; text-decoration: underline;">We have moved!</h2>
+        <p style="font-size:20px; text-align: center; line-height: 50px; color: black; margin: 0 auto;max-width: 1000px;">
+            The forum has a new home. Go to <a href="https://forum.umbraco.com">forum.umbraco.com</a> for the new forum.<br />
+            You can continue any existing topic by scrolling to the last reply and tapping the "Continue discussion button.
+        </p>
+    </div>
+}
+
 <section class="forum-overview">
     <div class="forum-archive">
         @Html.Partial("~/Views/Partials/Forum/Forum.cshtml")

OurUmbraco.Site/Views/Partials/Forum/ForumActions.cshtml

@@ -3,7 +3,7 @@
 @inherits OurUmbraco.Our.Models.OurUmbracoTemplatePage
 
 <div class="utility-actions">
-    @if (MemberData != null)
+    @if (MemberData != null && System.Configuration.ConfigurationManager.AppSettings["DiscourseEnabled"] == "false")
     {
         if (Model.Content.AncestorOrSelfIsArchived() == false && Model.Content.NewTopicsAllowed())
         {
@@ -28,9 +28,12 @@
     }
     else
     {
-        <a href="/member/login?redirectUrl=@(Server.UrlEncode(Request.Url.AbsoluteUri))" class="button login">
-            <i class="icon-Add"></i><span>Sign in to ask a question</span>
-        </a>
+        if (System.Configuration.ConfigurationManager.AppSettings["DiscourseEnabled"] == "false")
+        {
+            <a href="/member/login?redirectUrl=@(Server.UrlEncode(Request.Url.AbsoluteUri))" class="button login">
+                <i class="icon-Add"></i><span>Sign in to ask a question</span>
+            </a>
+        }
     }
 
 </div>

OurUmbraco.Site/Views/Partials/Forum/Thread.cshtml

@@ -115,11 +115,13 @@
 
     @if (System.Configuration.ConfigurationManager.AppSettings["DiscourseEnabled"] == "true")
     {
+        var discourseBlogPostUrl = System.Configuration.ConfigurationManager.AppSettings["DiscourseBlogPostUrl"];
+
         <li class="comment" data-parent="0">
             <div class="comment-inner">
                 <div class="body">
                     <div>
-                        <p style="font-size: 1.2em; font-weight: bold;">This forum is in read-only mode [LINK TO EXPLANATION].</p>
+                        <p style="font-size: 1.2em; font-weight: bold;"><a href="@discourseBlogPostUrl" target="_blank">This forum is in read-only mode</a> while we transition to the new forum.</p>
                     </div>
                     @if (Model.DiscourseTopic != null)
                     {
@@ -144,11 +146,11 @@
                     {
                         <p style="font-size: 1.2em; font-weight: bold;">You can continue this topic on the <a href="https://forum.umbraco.com">new forum</a> by tapping the "Continue discussion" link below.</p>
                         <p>
-                            <a href="#" id="create-topic">Continue Discussion</a>
+                            <a href="#" id="create-topic" class="continue">Continue discussion</a>
                         </p>
 
                         <style type="text/css">
-                            .ready {
+                            .ready, .continue {
                                 background-color: #4CAF50;
                                 color: white;
                                 padding: 10px 24px;
@@ -160,6 +162,9 @@
                                 cursor: pointer;
                                 border-radius: 8px;
                             }
+                            .continue {
+                                background-color: #3544b1;
+                            }
                         </style>
                         <script type="text/javascript">
                             $('#create-topic').click(function() {
@@ -173,12 +178,18 @@
                                         body: JSON.stringify({ "TopicId": @Model.Id })
                                     });
                                     const content = await rawResponse.json();
-                                    const linkElement = $('#create-topic');
-                                    linkElement.attr('href', content);
-                                    linkElement.attr('id', '');
-                                    linkElement.html('Continue to the new topic');
-                                    linkElement.addClass('ready')
-                                    linkElement.unbind('click');
+                                    if (content == null) {
+                                        alert('An error occurred while creating the topic. Please try again later.');
+                                        return;
+                                    } else {
+                                        const linkElement = $('#create-topic');
+                                        linkElement.attr('href', content);
+                                        linkElement.attr('id', '');
+                                        linkElement.html('Continue to the new topic');
+                                        linkElement.addClass('ready')
+                                        linkElement.removeClass('continue')
+                                        linkElement.unbind('click');
+                                    }
                                 })();
                             });                            
                         </script>

OurUmbraco.Site/web.vsts.config

@@ -169,6 +169,8 @@
 		<add key="DiscourseApiBaseUrl" value="https://forum.umbraco.com/" />
 		<add key="DiscourseApiUsername" value="system" />
 		<add key="DiscourseApiKey" value="#{DiscourseApiKey}#" />
+		<add key="DiscourseWebhookSecret" value="#{DiscourseWebhookSecret}" />
+		<add key="DiscourseBlogPostUrl" value="https://community.umbraco.com/blog/something" />
 		<add key="OurUmbracoUrl" value="https://our.umbraco.com/" />
     </appSettings>
     <connectionStrings>

OurUmbraco/Forum/Controllers/DiscourseController.cs

@@ -8,6 +8,7 @@
 using Umbraco.Web.WebApi;
 using System.Collections.Generic;
 using System.Linq;
+using System.Web;
 
 namespace OurUmbraco.Forum.Controllers
 {
@@ -36,6 +37,26 @@ public IHttpActionResult Post(TopicModel topicModel)
             return Ok(redirectUrl);
         }
 
+        [HttpPost]
+        public IHttpActionResult TopicCreated(DiscourseTopicModel topicModel)
+        {
+            var secret = HttpContext.Current.Request.QueryString["secret"];
+            if (secret == System.Configuration.ConfigurationManager.AppSettings["DiscourseWebhookSecret"])
+            {
+                // this is called as a webhook from Discourse to Our - it contains any newly created topic.
+                // If it has an external id that matches a forum post on Our, we notify the people involved in the thread.
+                var newUrl = "https://forum.umbraco.com/t/" + topicModel.Topic.Slug + "/" + topicModel.Topic.Id;
+
+                if (int.TryParse(topicModel.Topic.ExternalId, out int externalId))
+                {
+                    var newForumCommentNotification = new NotificationsCore.Notifications.NewForumComment();
+                    newForumCommentNotification.SendNewForumTopicCreatedNotification(externalId, newUrl);
+                }
+            }
+
+            return Ok();
+        }
+
         private string CreateTopicOnDiscourse(DiscourseCreateTopic createTopic)
         {
             var forumBaseUrl = System.Configuration.ConfigurationManager.AppSettings["DiscourseApiBaseUrl"];
@@ -132,5 +153,28 @@ internal class DiscoursePost
             [JsonProperty("post_url")]
             public string PostUrl { get; set; }
         }
+
+        // the model that the webhook sends us
+        public class DiscourseTopicModel
+        {
+            [JsonProperty("topic")]
+            public Topic Topic { get; set; }
+        }
+
+        public class Topic
+        {
+            [JsonProperty("id")]
+            public int Id { get; set; }
+
+            [JsonProperty("title")]
+            public string Title { get; set; }
+
+            [JsonProperty("slug")]
+            public string Slug { get; set; }
+
+            [JsonProperty("external_id")]
+            public string ExternalId { get; set; }
+        }
+
     }
 }

OurUmbraco/NotificationsCore/Notifications/NewForumComment.cs

@@ -92,5 +92,76 @@ public void SendNotification(Comment comment, string memberName, string url)
                 }
             }
         }
+        
+        public void SendNewForumTopicCreatedNotification(int topicId, string newUrl)
+        {
+            var topicService = new TopicService(ApplicationContext.Current.DatabaseContext);
+            var topic = topicService.GetById(topicId);
+
+            var db = ApplicationContext.Current.DatabaseContext.Database;
+            var sql = new Sql().Select("memberId")
+                .From("forumTopicSubscribers")
+                .Where("topicId = @topicId", new { topicId = topic.Id });
+
+            var results = db.Query<int>(sql).ToList();
+
+            using (ContextHelper.EnsureHttpContext())
+            {
+                var memberShipHelper = new MembershipHelper(UmbracoContext.Current);
+
+                foreach (var memberId in results)
+                {
+                    try
+                    {
+                        var member = memberShipHelper.GetById(memberId);
+                        if (member.GetPropertyValue<bool>("bugMeNot"))
+                            continue;
+
+                        var from = new MailAddress(_details.SelectSingleNode("//from/email").InnerText,
+                            _details.SelectSingleNode("//from/name").InnerText);
+
+                        //var subject = string.Format(_details.SelectSingleNode("//subject").InnerText, topic.Title);
+                        var subject = $"The forum topic '{topic.Title}' is continued on the new forum";
+
+                        var domain = _details.SelectSingleNode("//domain").InnerText;
+                        var discourseBlogPostUrl = System.Configuration.ConfigurationManager.AppSettings["DiscourseBlogPostUrl"];
+                        var body = $@"Someone is continuing a topic you were involved in.
+
+--------------------------------------------------
+
+The topic with title '{topic.Title}' has been moved from it's old URL (https://{domain}{topic.GetUrl()}) to the new forum.
+
+You can view the new topic here: 
+{newUrl}
+      
+The forum is moving to a new platform, and we invite you to join us there. You can read all about the new forum in the following blog post: {discourseBlogPostUrl}
+
+Thank You from the Umbraco Community!
+--------------------------------------------------
+You get this notification because you are subscribed to the topic's forum notifications. 
+You can unsubscribe from your profile on our.umbraco.com";
+
+                        var mailMessage = new MailMessage
+                        {
+                            Subject = subject,
+                            Body = body
+                        };
+
+                        mailMessage.To.Add(member.GetPropertyValue<string>("Email"));
+                        mailMessage.From = @from;
+
+                        using (var smtpClient = new SmtpClient())
+                        {
+                            smtpClient.Send(mailMessage);
+                        }
+                    }
+                    catch (Exception exception)
+                    {
+                        LogHelper.Error<NewForumComment>(
+                            string.Format("Error sending mail to member id {0}", memberId), exception);
+                    }
+                }
+            }
+        }
     }
 }