Feature/posting improvements

AndroidManifest.xml

@@ -101,7 +101,8 @@
         <activity
             android:name=".ui.posts.EditLinkActivity"
             android:label="@string/create_a_link"
-            android:theme="@style/WordPress.Dialog" />
+            android:theme="@style/WordPress.Dialog"
+            android:windowSoftInputMode="stateVisible" />
         <activity
             android:name=".ui.posts.EditPostActivity"
             android:configChanges="orientation|keyboardHidden|screenSize"

res/drawable/format_bar_bg.xml

@@ -1,34 +1,15 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-  <item>
-    <shape>
-      <padding
-        android:top="1dp"
-        android:bottom="1dp" />
-      <solid android:color="#e0e0e0" />
-    </shape>
-  </item>
+    <item>
+        <shape>
+            <padding android:top="1dp" />
+            <solid android:color="@color/grey_light" />
+        </shape>
+    </item>
 
-  <item>
-    <shape>
-      <padding
-        android:top="1dp" />
-      <solid android:color="#ffffff" />
-    </shape>
-  </item>
-  <item>
-    <shape>
-      <padding
-        android:top="1dp"
-        android:right="1dp"
-        android:bottom="1dp"
-        android:left="1dp" />
-      <gradient
-        android:startColor="#F0F0F0"
-        android:centerColor="#F0F0F0"
-        android:endColor="#FFFFFF"
-        android:height="1dp"
-        android:angle="90" />
-    </shape>
-  </item>
+    <item>
+        <shape>
+            <solid android:color="@color/grey_extra_light" />
+        </shape>
+    </item>
 </layer-list>

res/drawable/format_bar_bg_bottom.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape>
+            <padding android:bottom="1dp" />
+            <solid android:color="@color/grey_light" />
+        </shape>
+    </item>
+
+    <item>
+        <shape>
+            <solid android:color="@color/grey_extra_light" />
+        </shape>
+    </item>
+</layer-list>

res/drawable/format_bar_btn.xml

@@ -7,8 +7,8 @@
     android:top="4dp"
     android:bottom="4dp"/>
       <solid android:color="@android:color/transparent" />
-        <corners android:radius="1dp" android:bottomRightRadius="4dp" android:bottomLeftRadius="4dp" 
-     android:topLeftRadius="4dp" android:topRightRadius="4dp"/> 
+        <corners android:radius="1dp" android:bottomRightRadius="4dp" android:bottomLeftRadius="4dp"
+     android:topLeftRadius="4dp" android:topRightRadius="4dp"/>
     </shape>
   </item>
 </layer-list>

res/drawable/wp_button_toggle.xml

@@ -3,8 +3,8 @@
   xmlns:android="http://schemas.android.com/apk/res/android">
   <item
     android:state_checked="false"
-    android:drawable="@drawable/format_bar_btn" />
+    android:drawable="@android:color/transparent" />
   <item
     android:state_checked="true"
-    android:drawable="@drawable/format_bar_btn_toggled" />
+    android:drawable="@color/pressed_wordpress" />
 </selector>

res/layout/edit.xml → res/layout/activity_edit_post.xml

@@ -29,6 +29,7 @@
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:layout_marginTop="4dp"
+                    android:textSize="22sp"
                     android:hint="@string/title"
                     android:inputType="textCapSentences|textAutoCorrect" />
 
@@ -38,10 +39,13 @@
                     android:layout_height="wrap_content"
                     android:gravity="top"
                     android:hint="@string/post_content"
+                    android:lineSpacingExtra="4dp"
+                    android:textSize="18sp"
                     android:inputType="textMultiLine|textCapSentences|textAutoCorrect"
                     android:minLines="@integer/content_editor_min_lines"
                     android:paddingBottom="@dimen/content_edit_padding"
-                    android:textColorLink="#21759b" />
+                    android:textColorLink="#21759b"
+                    android:layerType="software" />
 
                 <EditText
                     android:id="@+id/postExcerpt"

res/layout/activity_new_edit_post.xml

@@ -0,0 +1,6 @@
+<org.wordpress.android.util.WPViewPager xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/pager"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".EditPostActivity" />

res/layout/fragment_edit_post_content.xml

@@ -0,0 +1,159 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <ScrollView
+        android:layout_width="fill_parent"
+        android:layout_height="0dp"
+        android:orientation="vertical"
+        android:fillViewport="true"
+        android:layout_weight="1">
+
+        <LinearLayout
+            android:id="@+id/post_content_wrapper"
+            android:layout_width="fill_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <EditText
+                android:id="@+id/post_title"
+                android:layout_width="fill_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="8dp"
+                android:layout_marginRight="8dp"
+                android:layout_marginTop="8dp"
+                android:textSize="22sp"
+                android:hint="@string/title"
+                android:inputType="textCapSentences|textAutoCorrect" />
+
+            <org.wordpress.android.util.WPEditText
+                android:id="@+id/post_content"
+                android:layout_width="fill_parent"
+                android:layout_height="0dp"
+                android:layout_marginLeft="20dp"
+                android:layout_marginRight="20dp"
+                android:layout_marginTop="8dp"
+                android:gravity="top"
+                android:layout_weight="1"
+                android:hint="@string/post_content"
+                android:background="@null"
+                android:lineSpacingExtra="4dp"
+                android:textSize="18sp"
+                android:inputType="textMultiLine|textCapSentences|textAutoCorrect"
+                android:imeOptions="flagNoExtractUi"
+                android:textColorLink="#21759b" />
+        </LinearLayout>
+    </ScrollView>
+
+    <LinearLayout
+        android:id="@+id/post_settings_wrapper"
+        android:layout_width="fill_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical">
+
+        <View
+            android:layout_width="fill_parent"
+            android:layout_height="1dp"
+            android:background="@drawable/list_divider" />
+
+        <Button
+            android:id="@+id/post_settings_button"
+            android:layout_width="fill_parent"
+            android:layout_height="48dp"
+            android:gravity="center_vertical"
+            android:paddingLeft="16dp"
+            android:textSize="18sp"
+            android:drawableLeft="@drawable/ic_post_settings"
+            android:background="@drawable/selectable_background_wordpress"
+            android:text="@string/post_settings"
+            android:drawablePadding="6dp"
+            android:layout_gravity="bottom"/>
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/format_bar"
+        android:layout_width="fill_parent"
+        android:layout_height="@dimen/format_bar_height"
+        android:layout_gravity="bottom"
+        android:background="@drawable/format_bar_bg"
+        android:orientation="horizontal"
+        android:paddingTop="1dp"
+        android:visibility="gone">
+
+        <HorizontalScrollView
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1">
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+                <ToggleButton
+                    android:id="@+id/bold"
+                    style="@style/WordPress.ToggleButton"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:button="@drawable/icon_format_bold" />
+
+                <ToggleButton
+                    android:id="@+id/em"
+                    style="@style/WordPress.ToggleButton"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:button="@drawable/icon_format_italic" />
+
+                <ToggleButton
+                    android:id="@+id/underline"
+                    style="@style/WordPress.ToggleButton"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:button="@drawable/icon_format_underline" />
+
+                <ToggleButton
+                    android:id="@+id/strike"
+                    style="@style/WordPress.ToggleButton"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:button="@drawable/icon_format_strikethrough" />
+
+                <ToggleButton
+                    android:id="@+id/bquote"
+                    style="@style/WordPress.ToggleButton"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:button="@drawable/icon_format_quote" />
+
+                <ImageButton
+                    android:id="@+id/link"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:src="@drawable/icon_format_link"
+                    android:background="@drawable/selectable_background_wordpress"
+                    android:contentDescription="@string/create_a_link"/>
+
+                <ImageButton
+                    android:id="@+id/more"
+                    android:layout_width="wrap_content"
+                    android:layout_height="fill_parent"
+                    android:background="@drawable/selectable_background_wordpress"
+                    android:src="@drawable/icon_format_more"
+                    android:contentDescription="@string/more_tag"
+                    />
+            </LinearLayout>
+        </HorizontalScrollView>
+
+        <ImageButton
+            android:id="@+id/addPictureButton"
+            android:layout_width="wrap_content"
+            android:layout_height="fill_parent"
+            android:background="@drawable/selectable_background_wordpress"
+            android:contentDescription="@string/content_description_add_media"
+            android:src="@drawable/icon_format_media" />
+    </LinearLayout>
+
+</LinearLayout>

res/layout/fragment_edit_post_preview.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<FrameLayout
+xmlns:android="http://schemas.android.com/apk/res/android"
+android:layout_width="fill_parent"
+android:layout_height="wrap_content" >
+
+<WebView
+    android:id="@+id/post_preview_webview"
+    android:layout_width="fill_parent"
+    android:layout_height="fill_parent" />
+
+<TextView
+    android:id="@+id/post_preview_textview"
+    android:layout_width="fill_parent"
+    android:layout_height="fill_parent"
+    android:background="#FFFFFF"
+    android:padding="16dp"
+    android:textSize="18sp"
+    android:visibility="gone" />
+</FrameLayout>