meteor/client/incidentTable.html

<!--
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
Copyright (c) 2014 Mozilla Corporation
-->

<!--a striped table of incidents-->
<template name="incidents">
    <div class="incidents container">
        <div class="fluid center">
            <table class="table table-striped table-hover table-condensed">
                <caption><p class="lead">Incidents</p>
                    <div class="pull-left">
                            <input autofocus type="text" id="search" name="search" class="form-control"  placeholder="search..." value="{{query}}">
                    </div>
                </caption>
                {{ #if isReady }}
                    <thead>
                        <tr>
                            <td><button class="btn btn-xs btn-default incidentadd">add</button></td>
                            <td>Summary</td>
                            <td>Phase</td>
                            <td>Opened</td>
                            <td>By</td>
                            <td>Closed</td>
                            <td></td>
                        </tr>
                    </thead>
                    <tbody>
                        {{#each documents}}
                            {{>each_incident}}
                        {{else}}
                            {{#if query}}
                                <tr><td colspan="7"><p class="alert alert-warning">Nothing found for {{query}}..</p></td></tr>
                            {{/if}}
                        {{/each}}
                    </tbody>
                {{else}}
                    {{>loading}}
                {{/if}}
            </table>
            {{> defaultBootstrapPaginator pagination=templatePagination limit=5 containerClass="text-center"}}
            </div>
    </div>
</template>

<!--each individual incident -->
<template name="each_incident">

			<tr class="info-row tooltip-wrapper" title="{{creator}} at {{dateOpened}}" data-toggle="tooltip" data-placement="top">
                <td><button class="btn btn-xs btn-default incidentedit" data-incidentid={{_id}}>edit</button></td>
				<td>{{summary}}</td>
                <td>{{phase}}</td>
                <td>{{dateOpened}}</td>
                <td>{{creator}}</td>
				<td>{{dateClosed}}</td>
                <td><button class="btn btn-xs btn-warning" data-toggle="collapse" data-target="#delete{{_id}}">arm delete</button>
                    <div id="delete{{_id}}" class="collapse">
                        <button class="btn btn-xs btn-danger incidentdelete" data-incidentid={{_id}}>delete</button>
                    </div>
                </td>
			</tr>

</template>