From 809cbf6c0204fbbab4848f57cb8bbdc51924e6cf Mon Sep 17 00:00:00 2001
From: Jeroen Smeets <jeroen@jeroensmeets.net>
Date: Mon, 15 May 2017 10:10:08 +0200
Subject: [PATCH] fixed display of spoilers in timelines

---
 Classes/Class.Post.ux | 35 +++++++++++++++++++----------------
 Pages/WritePage.js    |  8 ++++++++
 Pages/WritePage.ux    | 10 ++++++----
 3 files changed, 33 insertions(+), 20 deletions(-)

diff --git a/Classes/Class.Post.ux b/Classes/Class.Post.ux
index 9a34806..6e5b720 100644
--- a/Classes/Class.Post.ux
+++ b/Classes/Class.Post.ux
@@ -4,7 +4,6 @@
 
 	<object ux:Property="status" />
 	<object ux:Property="account" />
-	<object ux:Property="spoilerText" />
 	<object ux:Property="cleanContent" />
 	<object ux:Property="clickableContent" />
 	<object ux:Property="mentions" />
@@ -153,25 +152,29 @@
 
 	</DockPanel>
 
-	<WhileString Value="{Property pc.spoilerText}" Test="IsNotEmpty">
-		<StackPanel Orientation="Vertical" Margin="24,8,16,0">
-			<Clicked>
-				<Set postcontent.Visibility="Visible" />
-				<Set showSpoilerButton.Visibility="Collapsed" />
-			</Clicked>
-			<Text Value="{Property pc.spoilerText}" TextWrapping="Wrap" FontSize="14" TextColor="palette.clrText" Font="Regular" />
-			<StackPanel ux:Name="showSpoilerButton" Orientation="Horizontal" Margin="0,8,0,8" HitTestMode="LocalBounds">
-				<FaView Color="palette.clrIcon" FontSize="15" Margin="0,0,4,0" Alignment="Center" />
-				<Text Value="show more" Color="palette.clrText" Font="Italic" FontSize="15" Alignment="Center" />
+	<With Data="{Property pc.status}">
+		<WhileString Value="{spoiler_text}" Test="IsNotEmpty">
+			<StackPanel Orientation="Vertical" Margin="24,8,16,0">
+				<Clicked>
+					<Set postcontent.Visibility="Visible" />
+					<Set showSpoilerButton.Visibility="Collapsed" />
+				</Clicked>
+				<Text Value="{spoiler_text}" TextWrapping="Wrap" FontSize="14" TextColor="palette.clrText" Font="Regular" />
+				<StackPanel ux:Name="showSpoilerButton" Orientation="Horizontal" Margin="0,8,0,16" HitTestMode="LocalBounds">
+					<FaView Color="palette.clrText" FontSize="15" Margin="0,0,8,0" Alignment="Center" />
+					<Text Value="show more" Color="palette.clrText" Font="Italic" FontSize="15" Alignment="Center" />
+				</StackPanel>
 			</StackPanel>
-		</StackPanel>
-	</WhileString>
+		</WhileString>
+	</With>
 
 	<StackPanel ux:Name="postcontent" Orientation="Vertical" Margin="24,8,16,0">
 
-		<WhileString Value="{Property pc.spoilerText}" Test="IsNotEmpty">
-			<Change postcontent.Visibility="Collapsed" />
-		</WhileString>
+		<With Data="{Property pc.status}">
+			<WhileString Value="{spoiler_text}" Test="IsNotEmpty">
+				<Change postcontent.Visibility="Collapsed" />
+			</WhileString>
+		</With>
 
 		<StackPanel Orientation="Vertical" Clicked="{gotoPost}">
 			<Each Items="{Property pc.cleanContent}">
diff --git a/Pages/WritePage.js b/Pages/WritePage.js
index 864950b..7cfde7f 100644
--- a/Pages/WritePage.js
+++ b/Pages/WritePage.js
@@ -58,11 +58,15 @@ function doToot() {
 		return;
 	}
 
+	console.log( 2 );
+
 	var _spoiler = '';
 	if ( showSpoilerText.value && ( '' != spoilerText.value.replace(/\s+/g, '') ) ) {
 		_spoiler = spoilerText.value;
 	}
 
+	console.log( 3 );
+
 	var _media_ids = [];
 	// console.log( 'media_attachments has length ' + media_attachments.length );
 	media_attachments.forEach( function( item ) {
@@ -70,6 +74,10 @@ function doToot() {
 		_media_ids.push( item.id );
 	});
 
+	console.log( 4 );
+
+	return;
+
 	api.sendPost(
 
 		txtToToot.value, inReplyToPostId.value, _media_ids, tootVisibility.value, isSensitive.value, _spoiler
diff --git a/Pages/WritePage.ux b/Pages/WritePage.ux
index 2a5e565..b93c794 100644
--- a/Pages/WritePage.ux
+++ b/Pages/WritePage.ux
@@ -73,9 +73,6 @@
 
 				</DockPanel>
 
-				<!-- attachments -->
-				<ImageGallery sensitive="false" attachments="{attachments}" />
-
 				<!-- error when too many images -->
 				<WhileTrue Value="{errorTooManyImages}">
 					<Text Value="You can attach a maximum of 4 images to one post." TextWrapping="Wrap" Color="palette.clrText" Font="Italic" Margin="0,12,0,0" />
@@ -84,9 +81,14 @@
 				<DockPanel Margin="16">
 					<MastodonButton Dock="Right" text="Share" Clicked="{doToot}" />
 				</DockPanel>
+
 				<WhileTrue Value="{errorInSending}">
-					<Text Value="Could not send your toot at this time. Sorry!" TextWrapping="Wrap" Color="palette.clrText" Font="Italic" Margin="0,12,0,0" />
+					<Text Value="Could not send your toot at this time. Sorry!" TextWrapping="Wrap" Color="palette.clrText" Font="Italic" Margin="0,8,0,16" />
 				</WhileTrue>
+
+				<!-- attachments -->
+				<ImageGallery sensitive="false" attachments="{attachments}" />
+
 			</StackPanel>
 		</Panel>
 	</ScrollView>