Display a log file in dashboard

Wow, there's a blast from the past...

There are lots of html tricks for displaying plain text with line breaks in a browser. I like to put a bit of CSS styling into my ui_template node, like so:

<style>
    #mylog {
        min-height: 300px;
        padding: 0;
        white-space: pre;
    }
</style>

<div id="mylog" ng-bind="msg.payload" contenteditable="true">
    <!-- file contents will go here -->
</div>

which works well if you just want to show some multi-line text. I've also used Angular syntax to render a payload array into separate <li> elements or table rows, for instance. It really depends on whether your data is unstructured text, or columns of data.

5 Likes