yvan/jira-card-printer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

no message

Browse Source
This commit is contained in:
Bengt Brodersen 2015-12-28 17:21:36 +01:00
parent 87295be414
commit b14710413b
2 changed files with 56 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
printPreview.css
View File

@ -2,17 +2,6 @@
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
color: #656565; color: #656565;
} }
#card-print-overlay {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
box-sizing: border-box;
word-wrap: break-word;
z-index: 99999;
}
#card-print-dialog { #card-print-dialog {
position: relative; position: relative;
top: 60px; top: 60px;

113
printPreview.html
View File

@ -1,62 +1,61 @@
<div id="card-print-overlay">
<div id="card-print-dialog">
<div id="card-print-dialog-header">
<div id="card-print-dialog-title">Card Printer</div>
<div id="info">
<label id="info-line"><b>Jira</b> - <b>Trello</b> - <b>YouTrack</b> - <b>PivotalTracker</b></label>
<div id="report-issue" class="ui-element button" >Report Issues</div>
<div id="about" class="ui-element button" >About</div>
</div>
</div>
<div id="card-print-dialog-content">
<iframe id="card-print-dialog-content-iframe"></iframe>
</div>
<div id="card-print-dialog-footer">
<div class="buttons">
<div class="ui-element" style="float: left;" >
<input id="columnCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 18px; padding: 2px;" value="1"/>
<div style="float: left; margin-left: 5px; margin-right: 5px;">x</div>
<input id="rowCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 18px; padding: 2px;" value="2"/>
<label style="float: left; margin-left:5px;">Page Grid</label>
</div>
<div class="ui-element" style="float: left;">
<form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
<input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 70px; position: relative;
top: -2px;" />
<label>Scale</label>
<output style="float: left; width: 22px; margin-left:2px;" name="amount" for="scaleRange"></output>
</form>
</div> <div id="card-print-dialog">
<div class="ui-element checkbox" style="float: left;"> <div id="card-print-dialog-header">
<input id="single-card-page-checkbox" type="checkbox"/> <div id="card-print-dialog-title">Card Printer</div>
<label for="single-card-page-checkbox"></label> <div id="info">
<label for="single-card-page-checkbox">Single Card Per Page</label> <label id="info-line"><b>Jira</b> - <b>Trello</b> - <b>YouTrack</b> - <b>PivotalTracker</b></label>
</div> <div id="report-issue" class="ui-element button" >Report Issues</div>
<div class="ui-element checkbox" style="float: left;"> <div id="about" class="ui-element button" >About</div>
<input id="description-checkbox" type="checkbox"/> </div>
<label for="description-checkbox"></label> </div>
<label for="description-checkbo">Description</label> <div id="card-print-dialog-content">
</div> <iframe id="card-print-dialog-content-iframe"></iframe>
<div class="ui-element checkbox" style="float: left;"> </div>
<input id="assignee-checkbox" type="checkbox"/> <div id="card-print-dialog-footer">
<label for="assignee-checkbox"></label> <div class="buttons">
<label for="assignee-checkbox">Assignee</label> <div class="ui-element" style="float: left;" >
</div> <input id="columnCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 18px; padding: 2px;" value="1"/>
<div class="ui-element checkbox" style="float: left;"> <div style="float: left; margin-left: 5px; margin-right: 5px;">x</div>
<input id="due-date-checkbox" type="checkbox"/> <input id="rowCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 18px; padding: 2px;" value="2"/>
<label for="due-date-checkbox"></label> <label style="float: left; margin-left:5px;">Page Grid</label>
<label for="due-date-checkbox">Due Date</label>
</div>
<div class="ui-element checkbox" style="float: left;">
<input id="qr-code-checkbox" type="checkbox"/>
<label for="qr-code-checkbox"></label>
<label for="qr-code-checkbox">QR Code</label>
</div>
<div id="card-print-dialog-cancel" class="ui-element button" >Cancel</div>
<div id="card-print-dialog-print" class="ui-element button button-primary" >Print</div>
</div> </div>
<div class="ui-element" style="float: left;">
<form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
<input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 70px; position: relative;
top: -2px;" />
<label>Scale</label>
<output style="float: left; width: 22px; margin-left:2px;" name="amount" for="scaleRange"></output>
</form>
</div>
<div class="ui-element checkbox" style="float: left;">
<input id="single-card-page-checkbox" type="checkbox"/>
<label for="single-card-page-checkbox"></label>
<label for="single-card-page-checkbox">Single Card Per Page</label>
</div>
<div class="ui-element checkbox" style="float: left;">
<input id="description-checkbox" type="checkbox"/>
<label for="description-checkbox"></label>
<label for="description-checkbo">Description</label>
</div>
<div class="ui-element checkbox" style="float: left;">
<input id="assignee-checkbox" type="checkbox"/>
<label for="assignee-checkbox"></label>
<label for="assignee-checkbox">Assignee</label>
</div>
<div class="ui-element checkbox" style="float: left;">
<input id="due-date-checkbox" type="checkbox"/>
<label for="due-date-checkbox"></label>
<label for="due-date-checkbox">Due Date</label>
</div>
<div class="ui-element checkbox" style="float: left;">
<input id="qr-code-checkbox" type="checkbox"/>
<label for="qr-code-checkbox"></label>
<label for="qr-code-checkbox">QR Code</label>
</div>
<div id="card-print-dialog-cancel" class="ui-element button" >Cancel</div>
<div id="card-print-dialog-print" class="ui-element button button-primary" >Print</div>
</div> </div>
</div> </div>
</div> </div>