view full log on alerts

minor refactoring to pr

app/assets/javascripts/miq_flash.js

@@ -32,12 +32,17 @@ function add_flash(msg, level, options) {
   var textStrong = $('<strong></strong>');
   textStrong.text(msg);
 
-  var alertDiv = $('<div class="' + cls.alert + '"><button class="close" data-dismiss="alert"><span class="pficon pficon-close"></span></button></div>');
+  var alertDiv = $('<div class="' + cls.alert + '" style="height:70px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;"><button class="close" data-dismiss="alert"><span class="pficon pficon-close"></span></button></div>');
   alertDiv.append(iconSpan, textStrong);
 
   var textDiv = $('<div class="flash_text_div"></div>');
 
   textDiv.append(alertDiv);
+  // In case msg is too large we add a button to the alert to allow user to expand the alert and see the full error.
+  if (msg.length > 200) {
+    var detailsButton = $('<div style="padding-top: 4px"><button class="btn btn-default pull-right" onclick="expandAlert()" type="submit">Details</button></div>');
+    alertDiv.append(detailsButton);
+  }
 
   // if options.id is provided, only one flash message with that id may exist
   if (options.id) {
@@ -48,6 +53,10 @@ function add_flash(msg, level, options) {
   $('#flash_msg_div').append(textDiv).show();
 }
 
+function expandAlert() {
+  $(".alert").css({height: "auto", 'text-overflow': "initial", "white-space": "normal"});
+}
+
 function _miqFlashLoad() {
   return JSON.parse(sessionStorage.getItem('flash_msgs') || '[]');
 }