Changeset 3460:ab90fe0bd783 for admin

Timestamp:

12/19/16 11:49:04 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Add a javascript button to hide dotclear notice

Location:

admin

Files:

• images/close.png (added)
• js/common.js (modified) (2 diffs)
• style/default.css (modified) (1 diff)
• style/scss/partials/_messages.scss (modified) (1 diff)

admin/js/common.js

@@ -556 +556 @@
      $('#help').helpViewer();
 
+     // Notices
      $('.message').backgroundFade({sColor: dotclear.fadeColor.beginMessage, eColor: dotclear.fadeColor.endMessage, steps:20});
      $('.error').backgroundFade({sColor: dotclear.fadeColor.beginError, eColor: dotclear.fadeColor.endError, steps:20});
      $('.success').backgroundFade({sColor: dotclear.fadeColor.beginSuccess, eColor: dotclear.fadeColor.endSuccess, steps:20});
 
+     $('p.success,p.warning,p.error,div.error').each(function () {
+          $(this).append('<button class="close-notice" type="button"><img src="images/close.png" alt="'+dotclear.msg.close_notice+'" /></button>');
+     });
+     $('button.close-notice').click(function (e) {
+          e.preventDefault();
+          $(this).parent().hide();
+     });
+     $('p.success,p.warning,p.error,div.error').click(function(e) {
+         e.preventDefault();
+          $(this).hide();
+     });
+
+     // Password
      $('form:has(input[type=password][name=your_pwd])').submit(function() {
           var e = this.elements['your_pwd'];
@@ -572 +586 @@
      });
 
+     // Advanced users
      if (dotclear.hideMoreInfo) {
           $('.more-info,.form-note:not(.warn,.warning,.info)').addClass('no-more-info');

admin/style/default.css

@@ -1508 +1508 @@
 .info a {
   color: #333; }
+
+.close-notice {
+  float: right;
+  background: none;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  padding-left: 1em; }
+  .close-notice:hover, .close-notice:focus {
+    background: none; }
+
+div.error {
+  position: relative; }
+  div.error .close-notice {
+    display: block;
+    position: absolute;
+    top: 1em;
+    right: 1em; }
 
 .dc-update {

admin/style/scss/partials/_messages.scss

@@ -100 +100 @@
 }
 
+.close-notice {
+     float: right;
+     background: none;
+     border:   none;
+     border-radius: 0;
+     box-shadow: none;
+     padding-left: 1em;
+     &:hover, &:focus {
+          background: none;
+     }
+}
+div.error {
+     position: relative;
+     .close-notice {
+          display: block;
+          position: absolute;
+          top: 1em;
+          right: 1em;
+     }
+}
+
 .dc-update {
      padding: 1em 48px 0.5em 48px;