brozzler/webconsole/static/partials/site.html

<ol class="breadcrumb">
    <li><a href="/jobs">Jobs</a></li>
    <li><a href="/jobs/{{site.job_id}}">{{site.job_id}}</a></li>
    <li class="active">{{site.seed}}</li>
</ol>

<div class="page-header">
    <h1>Brozzler
        <a href="/"><img src="/static/brozzler.svg" style="height:1.5em;float:right"></a>
    </h1>
</div>

<div>
    <h2>Site {{site.seed}} (Job <a href="/jobs/{{site.job_id}}">{{site.job_id}}</a>)</h2>

    <div class="row bigstats">
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-file-text"></span> <strong>{{site.page_count}}</strong> pages crawled
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-clone"></span> <strong>{{site.stats.total.urls}}</strong> urls crawled
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-archive"></span> <strong>{{site.stats.total.wire_bytes | byteformat}}</strong> crawled
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-ellipsis-h"></span> <strong>{{site.queued_count}}</strong> pages queued
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <h2>Pages</h2>
            <div class="col-sm-6 col-md-4" ng-repeat="page in pages">
                <div class="thumbnail">
                    <img width="300" height="190" src="http://wbgrp-svc107.us.archive.org:8091/web/3/thumbnail:{{page.url}}" alt="thumb">
                    <div class="caption">
                        <h3>Thumbnail label</h3>
                        {{page}}
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>