Activity Log

The activity log shows recent logs and events for a particular entity.

The log lines can be expandable to show more detail.

<ul class="activity_log">
    <li class="activity_log-item activity_log-item-warning">
        <div class="activity_log-item_line">
            <div class="elastic_line">
                <div class="elastic_line-item elastic_line-item-start">
                    <span class="activity_log-item_text"><span>user.ian updated the app.</span></span>
                </div>
                <div class="elastic_line-item elastic_line-item-end">
                    <span class="activity_log-item_timestamp">Feb 10 2017 12:58:43 PST</span>
                </div>
            </div>
        </div>
    </li>
    <li class="activity_log-item activity_log-item-error">
        <div class="activity_log-item_line">
            <div class="elastic_line">
                <div class="elastic_line-item elastic_line-item-start">
                    <span class="activity_log-item_text"><span>The app has crased because it failed to start.</span></span>
                </div>
                <div class="elastic_line-item elastic_line-item-end">
                    <span class="activity_log-item_timestamp">Feb 10 2017 12:58:43 PST</span>
                </div>
            </div>
        </div>
    </li>
    <li class="activity_log-item">
        <div class="activity_log-item_line">
            <div class="elastic_line">
                <div class="elastic_line-item elastic_line-item-start">
                    <span class="activity_log-item_text">
            <span>user.ian mapped <a href="//node-app.apps.cloud.gov">node-app.apps.cloud.gov</a> to the app.</span>
                    </span>
                </div>
                <div class="elastic_line-item elastic_line-item-end">
                    <span class="activity_log-item_timestamp">Jan 30 2017 13:56:44 PST</span>
                </div>
            </div>
        </div>
    </li>
</ul>
<ul class="activity_log">
  <li class="activity_log-item activity_log-item-warning">
    <div class="activity_log-item_line">
      <div class="elastic_line">
	<div class="elastic_line-item elastic_line-item-start">
	  <span class="activity_log-item_text"><span>user.ian updated the app.</span></span>
	</div>
	<div class="elastic_line-item elastic_line-item-end">
	  <span class="activity_log-item_timestamp">Feb 10 2017 12:58:43 PST</span>
	</div>
      </div>
    </div>
  </li>
  <li class="activity_log-item activity_log-item-error">
    <div class="activity_log-item_line">
      <div class="elastic_line">
	<div class="elastic_line-item elastic_line-item-start">
	  <span class="activity_log-item_text"><span>The app has crased because it failed to start.</span></span>
	</div>
	<div class="elastic_line-item elastic_line-item-end">
	  <span class="activity_log-item_timestamp">Feb 10 2017 12:58:43 PST</span>
	</div>
      </div>
    </div>
  </li>
  <li class="activity_log-item">
    <div class="activity_log-item_line">
      <div class="elastic_line">
        <div class="elastic_line-item elastic_line-item-start">
          <span class="activity_log-item_text">
            <span>user.ian mapped <a href="//node-app.apps.cloud.gov">node-app.apps.cloud.gov</a> to the app.</span>
          </span>
        </div>
        <div class="elastic_line-item elastic_line-item-end">
          <span class="activity_log-item_timestamp">Jan 30 2017 13:56:44 PST</span>
        </div>
      </div>
    </div>
  </li>
</ul>
/* No context defined for this component. */
  • Handle: @activity-log
  • Preview:
  • Filesystem Path: docs/src/components/features/activity-log/activity-log.html