#14 Theming the dialog

README.md

@@ -121,6 +121,7 @@ or copy-paste some of the code below to replicate the ActionSheets of the screen
 
   function testShareSheet() {
     var options = {
+        'androidTheme': window.plugins.actionsheet.ANDROID_THEMES.THEME_HOLO_LIGHT, // default is THEME_TRADITIONAL
         'title': 'What do you want with this image?',
         'buttonLabels': ['Share via Facebook', 'Share via Twitter'],
         'androidEnableCancelButton' : true, // default false
@@ -155,10 +156,14 @@ or copy-paste some of the code below to replicate the ActionSheets of the screen
 ## 5. Credits
 iOS and WP8 code: [Eddy Verbruggen](https://github.com/EddyVerbruggen)
 
-Android code: [Brill Papping](https://github.com/bpappin)
+Android code: mostly [Brill Papping](https://github.com/bpappin)
 
 
-## 6. License
+## 6. Change history
+1.1.2 You can now select a theme for your Android popup, see the first example above
+
+
+## 7. License
 
 [The MIT License (MIT)](http://www.opensource.org/licenses/mit-license.html)
 

demo/index.html

@@ -34,6 +34,7 @@ <h1>ActionSheet demo</h1>
 
   function testShareSheet() {
     var options = {
+      'androidTheme' : window.plugins.actionsheet.ANDROID_THEMES.THEME_HOLO_LIGHT,
       'title': 'What do you want with this image?',
       'buttonLabels': ['Share via Facebook', 'Share via Twitter'],
       'addCancelButtonWithLabel': 'Cancel',

plugin.xml

@@ -2,7 +2,7 @@
 <plugin
     xmlns="http://apache.org/cordova/ns/plugins/1.0"
     id="nl.x-services.plugins.actionsheet"
-    version="1.1.1">
+    version="1.1.2">
 
 	<name>ActionSheet</name>
 

src/android/ActionSheet.java

@@ -3,6 +3,7 @@
 import android.app.AlertDialog;
 import android.content.DialogInterface;
 import android.content.DialogInterface.OnClickListener;
+import android.os.Build;
 import android.text.TextUtils;
 import org.apache.cordova.CallbackContext;
 import org.apache.cordova.CordovaInterface;
@@ -31,6 +32,7 @@ public boolean execute(String action, JSONArray args, CallbackContext callbackCo
       JSONObject options = args.optJSONObject(0);
 
       String title = options.optString("title");
+      int theme = options.optInt("androidTheme", 1);
       JSONArray buttons = options.optJSONArray("buttonLabels");
 
       boolean androidEnableCancelButton = options.optBoolean("androidEnableCancelButton", false);
@@ -40,6 +42,7 @@ public boolean execute(String action, JSONArray args, CallbackContext callbackCo
 
       this.show(title, buttons, addCancelButtonWithLabel,
           androidEnableCancelButton, addDestructiveButtonWithLabel,
+          theme,
           callbackContext);
       // need to return as this call is async.
       return true;
@@ -52,14 +55,20 @@ public synchronized void show(final String title,
                                 final String addCancelButtonWithLabel,
                                 final boolean androidEnableCancelButton,
                                 final String addDestructiveButtonWithLabel,
+                                final int theme,
                                 final CallbackContext callbackContext) {
 
     final CordovaInterface cordova = this.cordova;
 
     Runnable runnable = new Runnable() {
       public void run() {
 
-        final AlertDialog.Builder builder = new AlertDialog.Builder(cordova.getActivity());
+        final AlertDialog.Builder builder;
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+          builder = new AlertDialog.Builder(cordova.getActivity(), theme);
+        } else {
+          builder = new AlertDialog.Builder(cordova.getActivity());
+        }
 
         builder
             .setTitle(title)

www/ActionSheet.js

@@ -9,6 +9,14 @@ ActionSheet.prototype.hide = function () {
   cordova.exec(null, null, "ActionSheet", "hide", []);
 };
 
+ActionSheet.prototype.ANDROID_THEMES = {
+  THEME_TRADITIONAL          : 1, // default
+  THEME_HOLO_DARK            : 2,
+  THEME_HOLO_LIGHT           : 3,
+  THEME_DEVICE_DEFAULT_DARK  : 4,
+  THEME_DEVICE_DEFAULT_LIGHT : 5
+};
+
 ActionSheet.install = function () {
   if (!window.plugins) {
     window.plugins = {};