fix network promoted message set up

css/style.css

@@ -652,6 +652,7 @@ textarea.splited-post {
     background-color: #F2FFBA;
     border: solid 1px #B4C669;
     font-size: 11px;
+    line-height: normal;
     margin: 4px 0;
     padding: 4px;
     word-wrap: break-word;
@@ -1294,10 +1295,7 @@ ol.toptrends-list {
     font-size: 13px;
     list-style: circle;
 }
-.network.singleBlock button
-{
-    padding: 3px 10px;
-}
+
 .network.singleBlock ul li > span
 {
     font-weight: bold;
@@ -1335,10 +1333,9 @@ ol.toptrends-list {
 {
     border: 2px solid green;
 }
-.character-limit
-{
-    float: right;
-    margin-right: 18px;
+
+.network .post-area-extras {
+    margin-right: 20px;
 }
 
 /*************************************

js/twister_network.js

@@ -244,17 +244,20 @@ function getSpamMsg() {
                }, {});
 }
 
-function setSpamMsg() {
-    var $postArea = $(".spam-msg");
-    var $localUsersList = $("select.local-usernames.spam-user");
-    var params = [$localUsersList.val(), $postArea.val()]
+function setSpamMsg(event) {
+    event.stopPropagation();
+    event.preventDefault();
+
+    var btnUpdate = $(event.target);
+    $.MAL.disableButton(btnUpdate);
+
+    var params = [$("select.local-usernames.spam-user").val(),
+        btnUpdate.closest('.post-area-new').find('textarea.spam-msg').val().trim()];
+
     twisterRpc("setspammsg", params,
-               function(args, ret) {
-                   console.log("setspammsg updated");
-               }, {},
-               function(args, ret) {
-                   console.log("setspammsg error");
-               }, {});
+        function(args, ret) {console.log("setspammsg updated");}, {},
+        function(args, ret) {console.log("setspammsg error");}, {}
+    );
 }
 
 function exitDaemon() {
@@ -286,7 +289,9 @@ function interfaceNetworkHandlers() {
     $( ".add-dns").bind( "click", addDNSClick );
     $( "select.genblock").change( setGenerate );
     $( ".genproclimit").change( setGenerate );
-    $( ".update-spam-msg").bind( "click", setSpamMsg );
+    $('.network .post-area-new').off('click').on('click',
+        function (e) {e.stopPropagation(); $(this).addClass('open'); usePostSpliting = false;});
+    $('.post-submit.update-spam-msg').off('click').on('click', setSpamMsg);
     $( ".terminate-daemon").bind( "click", exitDaemon )
 }
 

network.html

@@ -191,17 +191,22 @@
           </li>
           <li>
               <label> Post to promote: </label>
+            <div class="post-area">
+              <form class="post-area-new open">
                 <textarea class="spam-msg" placeholder="Type message here"></textarea>
+                <div class="post-area-extras">
+                  <span class="post-area-remaining">140</span>
+                  <button class="undo-unicode disabled" disabled="true">undo</button>
+                  <button class="post-submit update-spam-msg disabled" disabled="true">Update</button>
+                </div>
+              </form>
+            </div>
           </li>
           <li>
               <label> Send post with username </label>
               <select class="local-usernames spam-user">
                   <option value="nobody">nobody</option>
               </select>
-              <div class="character-limit">
-                <span class="post-area-remaining">140</span>
-                <button class="update-spam-msg enabled">Update</button>
-              </div>
           </li>
         </ul>
 
@@ -218,6 +223,20 @@
 
   </div>
 
+  <div id="templates" style="display:none;">
+    <div id="post-preview-template">
+        <div id="post-preview" class="post-text">
+        </div>
+    </div>
+
+    <!-- template for user links in message (open profile modal) -->
+    <a id="msg-user-link-template" class="open-profile-modal"></a>
+    <!-- template for user links in message (open profile modal) -->
+    <a id="external-page-link-template" rel="nofollow" target="_blank"></a>
+    <!-- template for user links in message (open profile modal) -->
+    <a id="hashtag-link-template" class="open-hashtag-modal"></a>
+  </div>
+
   <audio id="player"></audio>
   <audio id="playerSec"></audio>
   </body>

theme_calm/css/style.css

@@ -781,6 +781,7 @@ textarea.splited-post {
     background-color: #F2FFBA;
     border: solid 1px #B4C669;
     font-size: 11px;
+    line-height: normal;
     margin: 4px 0;
     padding: 4px;
     word-wrap: break-word;
@@ -1659,10 +1660,7 @@ textarea.splited-post {
     font-size: 13px;
     list-style: circle;
 }
-.network.singleBlock button
-{
-    padding: 3px 10px;
-}
+
 .network.singleBlock ul li > span
 {
     font-weight: bold;
@@ -1699,10 +1697,9 @@ textarea.splited-post {
 {
     border: 2px solid #b2d67b;
 }
-.character-limit
-{
-    float: right;
-    margin-right: 18px;
+
+.network .post-area-extras {
+    margin-right: 20px;
 }
 
 /*************************************

theme_nin/css/style.css

@@ -1501,10 +1501,8 @@ span.connection-status.connected:before {
   background: #B4C669;
 }
 
-/* line 61, ../sass/_network.sass */
-.character-limit {
-  float: right;
-  margin-right: 18px;
+.network .post-area-extras {
+    margin-right: 20px;
 }
 
 /* line 65, ../sass/_network.sass */
@@ -2275,6 +2273,7 @@ textarea.splited-post {
     background-color: #FCFFF3;
     border: solid 1px #ECEFE3;
     font-size: 12px;
+    line-height: normal;
     margin: 4px 0;
     padding: 4px;
     word-wrap: break-word;

theme_nin/sass/_network.sass

@@ -58,9 +58,8 @@ span.connection-status
   &.connected:before
     background: $main-color-color
 
-.character-limit
-  float: right
-  margin-right: 18px
+.network .post-area-extras
+  margin-right: 20px
 
 .connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty
   color: #333

theme_nin/sass/style.sass

@@ -358,6 +358,7 @@ ul.userMenu-search-profiles
   background-color: #FCFFF3
   border: solid 1px #ECEFE3
   font-size: 12px
+  line-height: normal
   margin: 4px 0
   padding: 4px
   word-wrap: break-word