(css) Initial media print (for messages only)
This commit is contained in:
parent
dc338e2062
commit
699399f339
1
NEWS
1
NEWS
|
@ -20,6 +20,7 @@ Enhancements
|
||||||
- [web] list search now displays a warning regarding the minlength constraint
|
- [web] list search now displays a warning regarding the minlength constraint
|
||||||
- [web] loading an LDAP-based addressbook is now instantaneous when listRequiresDot is disabled (#438, #3464)
|
- [web] loading an LDAP-based addressbook is now instantaneous when listRequiresDot is disabled (#438, #3464)
|
||||||
- [web] improve display of messages with many recipients
|
- [web] improve display of messages with many recipients
|
||||||
|
- [web] initial stylesheet for printing
|
||||||
- [eas] now support EAS MIME truncation
|
- [eas] now support EAS MIME truncation
|
||||||
|
|
||||||
Bug fixes
|
Bug fixes
|
||||||
|
|
|
@ -87,6 +87,12 @@
|
||||||
<var:string label:value="View Message Source"/>
|
<var:string label:value="View Message Source"/>
|
||||||
</md-button>
|
</md-button>
|
||||||
</md-menu-item>
|
</md-menu-item>
|
||||||
|
<md-menu-item>
|
||||||
|
<md-button label:aria-label="Print..."
|
||||||
|
ng-click="viewer.print()">
|
||||||
|
<var:string label:value="Print..."/>
|
||||||
|
</md-button>
|
||||||
|
</md-menu-item>
|
||||||
<md-menu-divider><!-- divider --></md-menu-divider>
|
<md-menu-divider><!-- divider --></md-menu-divider>
|
||||||
<md-menu-item>
|
<md-menu-item>
|
||||||
<md-button label:aria-label="Convert To Event"
|
<md-button label:aria-label="Convert To Event"
|
||||||
|
@ -192,7 +198,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- S/MIME Signature -->
|
<!-- S/MIME Signature -->
|
||||||
<md-whiteframe class="md-whiteframe-z2" layout="row" layout-align="space-between center"
|
<md-whiteframe class="md-whiteframe-z2 sg-no-print" layout="row" layout-align="space-between center"
|
||||||
ng-show="::viewer.message.$smime.message">
|
ng-show="::viewer.message.$smime.message">
|
||||||
<div layout="row" layout-align="start center">
|
<div layout="row" layout-align="start center">
|
||||||
<div class="md-tile-left">
|
<div class="md-tile-left">
|
||||||
|
@ -204,7 +210,7 @@
|
||||||
</md-whiteframe>
|
</md-whiteframe>
|
||||||
|
|
||||||
<!-- Load external images -->
|
<!-- Load external images -->
|
||||||
<md-whiteframe class="md-whiteframe-z2" layout="row" layout-align="space-between center"
|
<md-whiteframe class="md-whiteframe-z2 sg-no-print" layout="row" layout-align="space-between center"
|
||||||
ng-show="viewer.message.$hasUnsafeContent">
|
ng-show="viewer.message.$hasUnsafeContent">
|
||||||
<div layout="row" layout-align="start center" class="layout-fill">
|
<div layout="row" layout-align="start center" class="layout-fill">
|
||||||
<div class="md-tile-left">
|
<div class="md-tile-left">
|
||||||
|
@ -220,7 +226,7 @@
|
||||||
</md-whiteframe>
|
</md-whiteframe>
|
||||||
|
|
||||||
<!-- Return Receipt / Send MDN -->
|
<!-- Return Receipt / Send MDN -->
|
||||||
<md-whiteframe class="md-whiteframe-z2" layout="column" layout-align="center start"
|
<md-whiteframe class="md-whiteframe-z2 sg-no-print" layout="column" layout-align="center start"
|
||||||
ng-show="viewer.message.shouldAskReceipt == 1">
|
ng-show="viewer.message.shouldAskReceipt == 1">
|
||||||
<div layout="row" layout-align="start center">
|
<div layout="row" layout-align="start center">
|
||||||
<div class="md-tile-left">
|
<div class="md-tile-left">
|
||||||
|
|
|
@ -35,6 +35,7 @@
|
||||||
vm.saveMessage = saveMessage;
|
vm.saveMessage = saveMessage;
|
||||||
vm.toggleRawSource = toggleRawSource;
|
vm.toggleRawSource = toggleRawSource;
|
||||||
vm.showRawSource = false;
|
vm.showRawSource = false;
|
||||||
|
vm.print = print;
|
||||||
vm.convertToEvent = convertToEvent;
|
vm.convertToEvent = convertToEvent;
|
||||||
vm.convertToTask = convertToTask;
|
vm.convertToTask = convertToTask;
|
||||||
|
|
||||||
|
@ -257,6 +258,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function print($event) {
|
||||||
|
$window.print();
|
||||||
|
}
|
||||||
|
|
||||||
function convertToEvent($event) {
|
function convertToEvent($event) {
|
||||||
return convertToComponent($event, 'appointment');
|
return convertToComponent($event, 'appointment');
|
||||||
}
|
}
|
||||||
|
|
39
UI/WebServerResources/scss/core/print.scss
Normal file
39
UI/WebServerResources/scss/core/print.scss
Normal file
|
@ -0,0 +1,39 @@
|
||||||
|
/// print.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
||||||
|
|
||||||
|
// Common print media stylesheet
|
||||||
|
// See https://github.com/angular/material/issues/1747
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
|
||||||
|
// Don't print some components
|
||||||
|
md-sidenav,
|
||||||
|
md-card-actions,
|
||||||
|
.toolbar-main,
|
||||||
|
.view-list,
|
||||||
|
.sg-reversible.sg-flip .sg-face,
|
||||||
|
.sg-reversible:not(.sg-flip) .sg-back,
|
||||||
|
.sg-no-print
|
||||||
|
{
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content must be visible to be printed on multiple pages
|
||||||
|
md-content,
|
||||||
|
md-card-content,
|
||||||
|
md-card-content pre,
|
||||||
|
.view-detail,
|
||||||
|
.sg-reversible:not(.sg-flip) .sg-face,
|
||||||
|
.sg-reversible.sg-flip .sg-back {
|
||||||
|
overflow: visible !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove shadow from Cards
|
||||||
|
md-card {
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ignore layout-fill style
|
||||||
|
.layout-fill {
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
}
|
|
@ -22,6 +22,7 @@
|
||||||
@import 'core/structure';
|
@import 'core/structure';
|
||||||
@import 'core/layout';
|
@import 'core/layout';
|
||||||
@import 'core/typography';
|
@import 'core/typography';
|
||||||
|
@import 'core/print';
|
||||||
|
|
||||||
// Original angular-material components
|
// Original angular-material components
|
||||||
// ------------------------------------------------------------------------------
|
// ------------------------------------------------------------------------------
|
||||||
|
|
Loading…
Reference in a new issue