v0.2.7

v0.2.7 In notification theme hide header if close=false

Author: Matteo Rossi

README.md

@@ -1,9 +1,9 @@
-# mrFeedback - 0.2.6
+# mrFeedback - 0.2.7
 
 `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.6](https://github.com/teorossi82/mrFeedback/archive/master.zip)
+* Download the latest release: [v0.2.7](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`
 

bower.json

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

build/mrFeedback.js

@@ -1,5 +1,5 @@
 /*
- mrFeedback v0.2.4
+ mrFeedback v0.2.7
  (c) 2010-2016 Matteo Rossi, https://it.linkedin.com/in/matteorossi2, 
  License: MIT
 */
@@ -71,7 +71,7 @@
                                             '<i class="fa fa-exclamation-triangle"></i>' +
                                         '</div>' +
                                         '<div class="box-content">' +
-                                            '<div class="box-header">' +
+                                            '<div class="box-header" ng-if="mrFeedback.showHeader">' +
                                                 '<div class="title">' +
                                                     '{{mrFeedback.feedback.title}}' +
                                                 '</div>' +
@@ -191,6 +191,11 @@
         };
         var animation = vm.feedback && vm.feedback.animation ? "animation-" + vm.feedback.animation : "animation-fade";
         vm.notificationType = vm.feedback && vm.feedback.theme === "notification" ? vm.feedback.notificationType || "" : "";
+        var detectShowHeader = function(){
+            var show = vm.feedback && vm.feedback.theme === "notification" ? vm.feedback.close ? true : false : true;
+            return show;
+        };
+        vm.showHeader = detectShowHeader();
         vm.close = function(){
             if(vm.feedback.fnClose){
                 var params = vm.feedback.fnClose.params;
@@ -255,6 +260,11 @@
                 }
             //}
         });
+        $scope.$watch("mrFeedback.feedback.close",function(newVal,oldVal){
+            if(newVal!== oldVal){
+                vm.showHeader = detectShowHeader();
+            }
+        });
         render();
     }
 })();

build/mrFeedback.less

@@ -550,16 +550,16 @@
                 }
             }
             &.warning{
-                background: @warning-color;
+                background: fade(@warning-color,70%);
             }
             &.danger{
-                background: @danger-color;
+                background: fade(@danger-color,70%);
             }
             &.info{
-                background: @info-color;
+                background: fade(@info-color,70%);
             }
             &.success{
-                background: @success-color;
+                background: fade(@success-color,70%);
             }
         }
     }

dist/mrFeedback.css

@@ -1,6 +1,6 @@
 {
   "name": "mr-feedback",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "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": {