From 0547fcf799fd2860672f0080b2d4e08040bd8138 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Fri, 16 Oct 2015 14:57:17 -0400
Subject: [PATCH] UX: Show a loading spinner when loading an post you're
 editing.

cc @coding-horror
---
 app/assets/javascripts/discourse/templates/composer.hbs | 1 +
 app/assets/stylesheets/common/base/compose.scss         | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/app/assets/javascripts/discourse/templates/composer.hbs b/app/assets/javascripts/discourse/templates/composer.hbs
index 71a3657d8f..1ddddf852b 100644
--- a/app/assets/javascripts/discourse/templates/composer.hbs
+++ b/app/assets/javascripts/discourse/templates/composer.hbs
@@ -81,6 +81,7 @@
           <div class='textarea-wrapper'>
             <div class='wmd-button-bar'></div>
             <div class='wmd-preview-scroller'></div>
+            {{conditional-loading-spinner condition=model.loading}}
             {{composer-text-area tabindex="4" value=model.reply}}
             {{popup-input-tip validation=view.replyValidation shownAt=view.showReplyTip}}
           </div>
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index 883607e209..56bfa28076 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -38,6 +38,11 @@
   }
 }
 
+.textarea-wrapper .spinner {
+  z-index: 1000;
+  margin-top: 5em;
+}
+
 .saving-text .spinner {
   display: inline-block;
   left: 5px;