Issue #244

Updated style to match our new error style.

Author: Md. Alimuzzaman Alim

static/scripts/wp-stateless.js

@@ -207,6 +207,8 @@ var wpStatelessApp = angular.module('wpStatelessApp', [])
   $scope.processStart = function(e) {
 
     $scope.error = false;
+    $scope.status = '';
+    $scope.extraStatus = '';
     $scope.objectsCounter = 0;
     $scope.objectsTotal = 0;
     $scope.objectIDs = [];

static/styles/error-notice.css

@@ -4,8 +4,8 @@
     background-image: url('../images/stateless.svg');
     background-repeat: no-repeat;
     background-size: 40px 40px;
-    background-position: 5px center;
-    padding: 11px 15px 11px 55px;
+    background-position: 10px center;
+    padding: 11px 15px 11px 70px;
     border-left-color: #FC5922 !important;
 
 }

static/views/regenerate_interface.php

@@ -90,10 +90,10 @@
 
     </div>
 
-    <div class="status {{error?'error':'success'}}" ng-show="status">
+    <div class="status ud-admin-notice {{error?'error':'notice'}}" ng-show="status">
       <p>
         <?php _e( 'Status:', ud_get_stateless_media()->domain ); ?> {{status}}
-        <span class="button button-secondary" ng-show="extraStatus" ng-click="showErrorDetails = !showErrorDetails">Details</span>
+        <span class="button button-secondary" ng-show="extraStatus" ng-click="showErrorDetails = !showErrorDetails"><?php _e( 'Details', ud_get_stateless_media()->domain ); ?></span>
       </p>
       <div id="sm-error-details" class="extra-info" ng-show="extraStatus && showErrorDetails" ng-bind-html="extraStatus | trust"></div>
     </div>