Merge pull request #570 from wordpress-mobile/feature/client-side-media-toolbar

Adding a media toolbar

Author: 0nko

app/src/main/kotlin/org/wordpress/aztec/demo/MainActivity.kt

@@ -0,0 +1,12 @@
+package org.wordpress.aztec.demo
+
+import org.wordpress.aztec.AztecTextFormat
+import org.wordpress.aztec.ITextFormat
+import org.wordpress.aztec.toolbar.IToolbarAction
+import org.wordpress.aztec.toolbar.ToolbarActionType
+
+enum class MediaToolbarAction constructor(override val buttonId: Int, override val actionType: ToolbarActionType,
+                                          override val textFormat: ITextFormat) : IToolbarAction {
+    GALLERY(R.id.media_bar_button_gallery, ToolbarActionType.OTHER, AztecTextFormat.FORMAT_NONE),
+    CAMERA(R.id.media_bar_button_camera, ToolbarActionType.OTHER, AztecTextFormat.FORMAT_NONE)
+}

app/src/main/kotlin/org/wordpress/aztec/demo/MediaToolbarAction.kt

@@ -0,0 +1,37 @@
+package org.wordpress.aztec.demo
+
+import android.view.KeyEvent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import org.wordpress.aztec.plugins.IMediaToolbarButton
+import org.wordpress.aztec.toolbar.AztecToolbar
+import org.wordpress.aztec.toolbar.IToolbarAction
+
+class MediaToolbarCameraButton(val toolbar: AztecToolbar) : IMediaToolbarButton {
+
+    private var clickListener: IMediaToolbarButton.IMediaToolbarClickListener? = null
+
+    override val action: IToolbarAction = MediaToolbarAction.CAMERA
+    override val context = toolbar.context!!
+
+    override fun setMediaToolbarButtonClickListener(clickListener: IMediaToolbarButton.IMediaToolbarClickListener) {
+        this.clickListener = clickListener
+    }
+
+    override fun toggle() {
+        clickListener?.onClick(toolbar.findViewById(action.buttonId))
+    }
+
+    override fun matchesKeyShortcut(keyCode: Int, event: KeyEvent): Boolean {
+        return false
+    }
+
+    override fun inflateButton(parent: ViewGroup) {
+        LayoutInflater.from(context).inflate(R.layout.media_toobar_camera_button, parent)
+    }
+
+    override fun toolbarStateAboutToChange(toolbar: AztecToolbar, enable: Boolean) {
+        toolbar.findViewById<View>(action.buttonId).isEnabled = enable
+    }
+}

app/src/main/kotlin/org/wordpress/aztec/demo/MediaToolbarCameraButton.kt

@@ -0,0 +1,37 @@
+package org.wordpress.aztec.demo
+
+import android.view.KeyEvent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import org.wordpress.aztec.plugins.IMediaToolbarButton
+import org.wordpress.aztec.toolbar.AztecToolbar
+import org.wordpress.aztec.toolbar.IToolbarAction
+
+class MediaToolbarGalleryButton(val toolbar: AztecToolbar) : IMediaToolbarButton {
+
+    private var clickListener: IMediaToolbarButton.IMediaToolbarClickListener? = null
+
+    override val action: IToolbarAction = MediaToolbarAction.GALLERY
+    override val context = toolbar.context!!
+
+    override fun setMediaToolbarButtonClickListener(clickListener: IMediaToolbarButton.IMediaToolbarClickListener) {
+        this.clickListener = clickListener
+    }
+
+    override fun toggle() {
+        clickListener?.onClick(toolbar.findViewById(action.buttonId))
+    }
+
+    override fun matchesKeyShortcut(keyCode: Int, event: KeyEvent): Boolean {
+        return false
+    }
+
+    override fun inflateButton(parent: ViewGroup) {
+        LayoutInflater.from(context).inflate(R.layout.media_toobar_gallery_button, parent)
+    }
+
+    override fun toolbarStateAboutToChange(toolbar: AztecToolbar, enable: Boolean) {
+        toolbar.findViewById<View>(action.buttonId).isEnabled = enable
+    }
+}

app/src/main/kotlin/org/wordpress/aztec/demo/MediaToolbarGalleryButton.kt

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="48dp"
+        android:height="48dp"
+        android:viewportHeight="48"
+        android:viewportWidth="48">
+
+    <!-- @color/grey_darken_20 -->
+    <path
+        android:fillColor="#ff4f748e"
+        android:pathData="M29,24c0,1.7-1.3,3-3,3s-3-1.3-3-3s1.3-3,3-3S29,22.3,29,24zM34,19v11c0,1.1-0.9,2-2,2H16c-1.1,0-2-0.9-2-2V19c0-1.1,0.9-2,2-2v-1h4v1h2l1-2h6l1,2h2C33.1,17,34,17.9,34,19zM19.5,21c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S19.5,21.8,19.5,21z M31,24c0-2.8-2.2-5-5-5s-5,2.2-5,5s2.2,5,5,5S31,26.8,31,24z">
+    </path>
+
+</vector>

app/src/main/res/drawable/media_bar_button_camera.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="48dp"
+        android:height="48dp"
+        android:viewportHeight="48"
+        android:viewportWidth="48">
+
+    <!-- @color/grey_lighten_20 -->
+    <path
+        android:fillColor="#ffc8d7e1"
+        android:pathData="M29,24c0,1.7-1.3,3-3,3s-3-1.3-3-3s1.3-3,3-3S29,22.3,29,24zM34,19v11c0,1.1-0.9,2-2,2H16c-1.1,0-2-0.9-2-2V19c0-1.1,0.9-2,2-2v-1h4v1h2l1-2h6l1,2h2C33.1,17,34,17.9,34,19zM19.5,21c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S19.5,21.8,19.5,21z M31,24c0-2.8-2.2-5-5-5s-5,2.2-5,5s2.2,5,5,5S31,26.8,31,24z">
+    </path>
+
+</vector>

app/src/main/res/drawable/media_bar_button_camera_disabled.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="48dp"
+        android:height="48dp"
+        android:viewportHeight="48"
+        android:viewportWidth="48">
+
+    <!-- @color/almost_black -->
+    <path
+        android:fillColor="#ff11181D"
+        android:pathData="M29,24c0,1.7-1.3,3-3,3s-3-1.3-3-3s1.3-3,3-3S29,22.3,29,24zM34,19v11c0,1.1-0.9,2-2,2H16c-1.1,0-2-0.9-2-2V19c0-1.1,0.9-2,2-2v-1h4v1h2l1-2h6l1,2h2C33.1,17,34,17.9,34,19zM19.5,21c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S19.5,21.8,19.5,21z M31,24c0-2.8-2.2-5-5-5s-5,2.2-5,5s2.2,5,5,5S31,26.8,31,24z">
+    </path>
+
+</vector>

app/src/main/res/drawable/media_bar_button_camera_highlighted.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/media_bar_button_camera_disabled" android:state_enabled="false"/>
+    <item android:drawable="@drawable/media_bar_button_camera_highlighted" android:state_focused="true"/>
+    <item android:drawable="@drawable/media_bar_button_camera"/>
+
+</selector>

app/src/main/res/drawable/media_bar_button_camera_selector.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<vector
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:height="48dp"
+    android:width="48dp"
+    android:viewportHeight="48"
+    android:viewportWidth="48" >
+
+    <!-- @color/grey_darken_20 -->
+    <path
+        android:fillColor="#ff4f748e"
+        android:pathData="M27,19.5c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S29.3,21,28.5,21S27,20.3,27,19.5z M16,32h14c0,1.1-0.9,2-2,2H16 c-1.1,0-2-0.9-2-2V20c0-1.1,0.9-2,2-2V32z M34,16v12c0,1.1-0.9,2-2,2H20c-1.1,0-2-0.9-2-2V16c0-1.1,0.9-2,2-2h12 C33.1,14,34,14.9,34,16z M20,16v6.3l3-3.3l4.9,5.4l0.7-0.7c0.8-0.9,2.2-0.9,3,0l0.5,0.6V16H20z" >
+    </path>
+
+</vector>

app/src/main/res/drawable/media_bar_button_image_multiple.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="48dp"
+        android:height="48dp"
+        android:viewportHeight="48"
+        android:viewportWidth="48">
+
+    <!-- @color/grey_lighten_20 -->
+    <path
+        android:fillColor="#ffc8d7e1"
+        android:pathData="M27,19.5c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S29.3,21,28.5,21S27,20.3,27,19.5z M16,32h14c0,1.1-0.9,2-2,2H16 c-1.1,0-2-0.9-2-2V20c0-1.1,0.9-2,2-2V32z M34,16v12c0,1.1-0.9,2-2,2H20c-1.1,0-2-0.9-2-2V16c0-1.1,0.9-2,2-2h12 C33.1,14,34,14.9,34,16z M20,16v6.3l3-3.3l4.9,5.4l0.7-0.7c0.8-0.9,2.2-0.9,3,0l0.5,0.6V16H20z">
+    </path>
+
+</vector>