v0.2.11

Add customClass option

Author: Matteo Rossi

README.md

@@ -1,9 +1,9 @@
-# mrFeedback - 0.2.10
+# mrFeedback - 0.2.11
 
 `mrFeedback` - Create box feedback for your Angular App: simple, complete, personalized. With this plugin you can create and show a "box feedback" to the user. You can set "title" and "message" to show, add buttons that run connected functions when clicked, ecc... With new theme "notification" you could use it for real time notification too!
 
 ## Installation
-* Download the latest release: [v0.2.10](https://github.com/teorossi82/mrFeedback/archive/master.zip)
+* Download the latest release: [v0.2.11](https://github.com/teorossi82/mrFeedback/archive/master.zip)
 * Clone the repository: `git clone https://github.com/teorossi82/mrFeedback.git`
 * Install with [Bower](http://bower.io): `bower install mrFeedback`
 
@@ -18,6 +18,9 @@ The plugin requires
 Open site [http://teorossi82.github.io/mrFeedback](http://teorossi82.github.io/mrFeedback/)
 
 ## News
+v0.2.11
+* Add option `customClass`, utils to add a class to the box with you can customize your mrFeedback's style.
+
 v0.2.8
 * Box with notification theme have now position relative so they can be visible in same time.
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "mrFeedback",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "homepage": "http://teorossi82.github.io/mrFeedback/",
   "authors": [
     "Matteo Rossi <teorossi82@yahoo.it>"

build/mrFeedback.js

@@ -1,5 +1,5 @@
 /*
- mrFeedback v0.2.8
+ mrFeedback v0.2.11
  (c) 2010-2016 Matteo Rossi, https://it.linkedin.com/in/matteorossi2, 
  License: MIT
 */
@@ -72,7 +72,7 @@
             link:function(scope,elem,attrs){
                 var template =  '<div ng-if="mrFeedback.feedback.modal" class="mrFeedbackLayout"></div>' +
                                 '<div class="mrFeedback" ng-class="mrFeedback.theme">' +
-                                    '<div class="box-feedback {{mrFeedback.notificationType}}">' +
+                                    '<div class="box-feedback {{mrFeedback.notificationType}} {{mrFeedback.feedback.customClass}}">' +
                                         '<div class="box-left">' +
                                             '<i class="fa fa-exclamation-triangle"></i>' +
                                         '</div>' +

dist/mrFeedback.js

@@ -25,6 +25,7 @@ <h4>A simple component to create box feedback wich you can:</h4>
                         <ol>
                             <li>Show <mark>simple message</mark>;</li>
                             <li>Show message with <mark>personalized buttons</mark> and <mark>personalized function</mark> to trigger on click of the buttons;</li>
+                            <li>Show <mark>real time notifications</mark>;</li>
                         </ol>
                         <a class="btn btn-primary" href="https://github.com/teorossi82/mrFeedback">View on Github</a>
                         <a class="btn btn-primary" href="https://github.com/teorossi82/mrFeedback/archive/master.zip">Download zip</a>
@@ -198,6 +199,11 @@ <h3>Options Configuration <small>Here are the keys that you can use in the optio
                                             <td>bootstrap<br/>mac<br/>windows10<br/>ios<br/>android<br/>facebook<br/>post-it<br/>post-it-alert</td>
                                             <td>A string that represent the theme used to render the box. The default theme depends on the browser user agent: <ul><li>mac: for Mac computer</li><li>windows10: for Windows computer and devices</li><li>ios: for iOS devices</li><li>android: for Android devices</li></ul>You can overrides this default value in your module configuration doing: <mark>mrFeedbackConfigProvider.defaultTheme = "facebook"</mark></td>
                                         </tr>
+                                        <tr>
+                                            <td>customClass</td>
+                                            <td></td>
+                                            <td>A string that represent a class to add at the box with tou can cutomize your mrFeedback.</td>
+                                        </tr>
                                         <tr>
                                             <td>notificationType</td>
                                             <td>default<br/>warning<br/>danger<br/>info<br/>success<br/></td>

index.html

@@ -1,6 +1,6 @@
 {
   "name": "mr-feedback",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "description": "is a component which you can create and show a 'box feedback' to the user. You can set 'title' and 'message' to show, add button that clicked trigger function that you pass it, ecc...",
   "main": "dist/mrFeedback.js",
   "scripts": {