Skip to content

Instantly share code, notes, and snippets.

@green3g

green3g/filename.html

Created October 17, 2017 16:38
Show Gist options
  • Save green3g/eb94e2e59ae73047be5d263d94197349 to your computer and use it in GitHub Desktop.
Save green3g/eb94e2e59ae73047be5d263d94197349 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
filename.html
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
@media print {
.hidden-print {
display: none;
}
}
</style>
<style type="text/css">
.tap-report .tap-card-wrapper {
page-break-after: always;
}
</style>
</head>
<body>
<div id="app">
<tap-report type="parcel" ids="1832252011-1832252016-1832252012-1832252013-1832252014">
<div class="container tap-report">
<div class="form-group hidden-print float-right">
<label class="form-switch">
<input el:checked:bind="tapcards.toggled" checked="checked" type="checkbox">
<i class="form-icon"></i>
<i class="fa fa-print"></i> Select All </label>
<button class="btn btn-primary" type="button" on:el:click="print">
<i class="fa fa-print"></i> Print Selected</button>
</div>
<div class="clearfix"></div>
<h3 class="logo-title show-print"> Tap Card Report </h3>
<div class="text-italic">5 tapcards selected.</div>
<div class="divider"></div>
<div class="form-group hidden-print float-right">
<label class="form-switch">
<input el:checked:bind="row.print" checked="checked" type="checkbox">
<i class="form-icon"></i>
<i class="fa fa-print"></i> Select this card </label>
</div>
<div class="clearfix"></div>
<div class="tap-card-wrapper ">
<property-table vm:object:from="row" vm:fields:from="fields">
<div class="property-table">
<table class="table table-striped table-condensed">
<thead>
<tr>
<th>Field</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
</tbody>
</table>
</div>
</property-table>
</div>
<div class="form-group hidden-print float-right">
<label class="form-switch">
<input el:checked:bind="row.print" checked="checked" type="checkbox">
<i class="form-icon"></i>
<i class="fa fa-print"></i> Select this card </label>
</div>
<div class="clearfix"></div>
<div class="tap-card-wrapper ">
<property-table vm:object:from="row" vm:fields:from="fields">
<div class="property-table">
<table class="table table-striped table-condensed">
<thead>
<tr>
<th>Field</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
<tr>
<td>Field Name</td>
<td>Field Value</td>
</tr>
</tbody>
</table>
</div>
</property-table>
</div>
</div>
</tap-report>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment