From 60c43af0b561849f010fbe00d25098fc641abad0 Mon Sep 17 00:00:00 2001
From: alextrs <alxtrs@gmail.com>
Date: Wed, 29 Oct 2014 23:05:43 -0400
Subject: [PATCH 1/2] Allow to add custom CSS class to popup

---
 js/angular/service/popup.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/js/angular/service/popup.js b/js/angular/service/popup.js
index 1e10265d7f..1ff53917fe 100644
--- a/js/angular/service/popup.js
+++ b/js/angular/service/popup.js
@@ -1,6 +1,6 @@
 
 var POPUP_TPL =
-  '<div class="popup-container">' +
+  '<div class="popup-container" ng-class="class">' +
     '<div class="popup">' +
       '<div class="popup-head">' +
         '<h3 class="popup-title" ng-bind-html="title"></h3>' +
@@ -138,6 +138,7 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
      * ```
      * {
      *   title: '', // String. The title of the popup.
+     *   class: '', // String, The custom CSS class name
      *   subTitle: '', // String (optional). The sub-title of the popup.
      *   template: '', // String (optional). The html template to place in the popup body.
      *   templateUrl: '', // String (optional). The URL of an html template to place in the popup   body.
@@ -176,6 +177,7 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
      * ```
      * {
      *   title: '', // String. The title of the popup.
+     *   class: '', // String, The custom CSS class name
      *   subTitle: '', // String (optional). The sub-title of the popup.
      *   template: '', // String (optional). The html template to place in the popup body.
      *   templateUrl: '', // String (optional). The URL of an html template to place in the popup   body.
@@ -204,6 +206,7 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
      * ```
      * {
      *   title: '', // String. The title of the popup.
+     *   class: '', // String, The custom CSS class name
      *   subTitle: '', // String (optional). The sub-title of the popup.
      *   template: '', // String (optional). The html template to place in the popup body.
      *   templateUrl: '', // String (optional). The URL of an html template to place in the popup   body.
@@ -242,6 +245,7 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
      * ```
      * {
      *   title: '', // String. The title of the popup.
+     *   class: '', // String, The custom CSS class name
      *   subTitle: '', // String (optional). The sub-title of the popup.
      *   template: '', // String (optional). The html template to place in the popup body.
      *   templateUrl: '', // String (optional). The URL of an html template to place in the popup   body.
@@ -306,6 +310,7 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
         title: options.title,
         buttons: options.buttons,
         subTitle: options.subTitle,
+        class: options.class,
         $buttonTapped: function(button, event) {
           var result = (button.onTap || angular.noop)(event);
           event = event.originalEvent || event; //jquery events

From de118bc89fe335f83cfba79e2d0a9eea314a3fd8 Mon Sep 17 00:00:00 2001
From: alextrs <alxtrs@gmail.com>
Date: Fri, 21 Nov 2014 21:43:02 -0500
Subject: [PATCH 2/2] Added unit test

---
 test/unit/angular/service/popup.unit.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/test/unit/angular/service/popup.unit.js b/test/unit/angular/service/popup.unit.js
index d533752ff5..9e306fb24f 100644
--- a/test/unit/angular/service/popup.unit.js
+++ b/test/unit/angular/service/popup.unit.js
@@ -52,6 +52,13 @@ describe('$ionicPopup service', function() {
       var popupBody = popup.element[0].querySelector('.popup-body');
       expect(popupBody).toBe(null);
     });
+    it('should set the specified custom CSS class to popup container', function() {
+      var popup = TestUtil.unwrapPromise($ionicPopup._createPopup({
+        template: 'Hello, friend!',
+        class: 'mycustomclass'
+      }));
+      expect(popup.element.hasClass('mycustomclass')).toBe(true);
+    });
 
     describe('$buttonTapped', function() {
       var popup;