JSFiddle - React, Tailwind, and code Playground

by flexin

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<h1>Backup Status</h1>
<div class="row">
<div class="col-md-12">
    <table class="table">
        <tr>
            <th colspan="5">server1.cpanel.net
                <div class="label label-success pull-right">
                    2015-06-12 01:00:02 - 2015-06-12 07:32:21
                </div>
            </th>
        </tr>
        <tr>
            <th>Account</th>
            
            <th>Size</th>
            <th>Backup Started</th>
            <th>Backup Ended</th>
            <th>Transported</th>
        </tr>
        <tr>
            <td><div class="label label-success pull-right">OK</div>
                account1
            </td>
            <td>
                37.25 MB
            </td>
            <td>
                2015-06-12 01:00:02
            </td>
            <td>
                2015-06-12 01:32:02
            </td>
             <td>
                2015-06-12 01:33:35
            </td>  
        </tr>
         <tr>
            <td><div class="label label-warning pull-right">WARNINGS</div>
                account2
            </td>
            <td>
                15.25 MB
            </td>
            <td>
                2015-06-12 01:32:02
            </td>
            <td>
                2015-06-12 01:33:02
            </td>
             <td>
                2015-06-12 01:35:35
            </td>  
        </tr>
         <tr>
            <td><div class="label label-danger pull-right">ERROR</div>
                account3
            </td>
            <td>
                15.25 MB
            </td>
            <td>
                2015-06-12 01:32:02
            </td>
            <td>
                2015-06-12 01:33:02
            </td>
        ...