Add possibility to print contact information (of a single contact)

author: Aleksander Machniak <alec@alec.pl> 2015-02-17 11:54:04 +0100
committer: Aleksander Machniak <alec@alec.pl> 2015-02-17 11:54:04 +0100
commit: f7af22c7801afcc248b004c84d0f1fb45e1a1632 (patch)
tree: 54daab5a589f7f462aa82a608acd7b30a6178e85 /skins
parent: ae73c26f29aa230ba5ae3d86ef6d0c7886b7e657 (diff)
7 files changed, 179 insertions, 0 deletions
diff --git a/skins/classic/addressbook.css b/skins/classic/addressbook.css
index 90438aa70..b54f057c8 100644
--- a/skins/classic/addressbook.css
+++ b/skins/classic/addressbook.css
@@ -43,6 +43,16 @@
   background-position: -32px -32px;
 }
 
+#abooktoolbar a.print {
+  background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
+  background-position: -256px 0;
+}
+
+#abooktoolbar a.printSel {
+  background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
+  background-position: -256px -32px;
+}
+
 #abooktoolbar a.delete {
   background-position: -64px 0;
 }
diff --git a/skins/classic/print.css b/skins/classic/print.css
index 349b224cb..4d7fb246e 100644
--- a/skins/classic/print.css
+++ b/skins/classic/print.css
@@ -159,3 +159,67 @@ p.image-attachment .attachment-links
 {
   display: none;
 }
+
+/* contact print */
+#contact-details fieldset {
+	color: #666;
+	border: 1px solid #999;
+	margin-top: 5px;
+}
+
+#contact-details fieldset.contactfieldgroup {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+#contact-details div.row {
+	padding: 2px 0;
+}
+
+#contact-details .contactfieldlabel {
+	display: inline-block;
+	vertical-align: top;
+	width: 150px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+#contact-details .contactfieldcontent {
+	display: inline-block;
+	vertical-align: top;
+	font-weight: bold;
+}
+
+#contact-details #contactphoto {
+	float: left;
+	margin: 5px 15px 5px 3px;
+	width: 112px;
+	border: 0;
+	padding: 0;
+}
+
+#contact-details #contactpic {
+	width: 112px;
+	background: white;
+}
+
+#contact-details #contactpic img {
+	max-width: 112px;
+	visibility: inherit;
+}
+
+#contact-details #contacthead {
+	border: 0;
+	margin: 0 16em 0 0;
+	padding: 0;
+}
+
+#contact-details #contacthead > legend {
+	display: none;
+}
+
+#contact-details #contacthead .names span.namefield {
+	font-size: 140%;
+	font-weight: bold;
+}
diff --git a/skins/classic/templates/addressbook.html b/skins/classic/templates/addressbook.html
index 0af5e4317..6fb8bf599 100644
--- a/skins/classic/templates/addressbook.html
+++ b/skins/classic/templates/addressbook.html
@@ -21,6 +21,7 @@
 <div id="abooktoolbar">
 <roundcube:button command="add" type="link" class="buttonPas addcontact" classAct="button addcontact" classSel="button addcontactSel" title="newcontact" content=" " />
 <roundcube:button command="compose" type="link" class="buttonPas compose" classAct="button compose" classSel="button composeSel" title="composeto" content=" " />
+<roundcube:button command="print" type="link" class="buttonPas print" classAct="button print" classSel="button printSel" label="print" title="printcontact" content=" " />
 <roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletecontact" content=" " />
 <span class="separator">&nbsp;</span>
 <roundcube:button command="import" type="link" class="buttonPas import" classAct="button import" classSel="button importSel" title="importcontacts" content=" " />
diff --git a/skins/classic/templates/contactprint.html b/skins/classic/templates/contactprint.html
new file mode 100644
index 000000000..81794f5a1
--- /dev/null
+++ b/skins/classic/templates/contactprint.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<link rel="shortcut icon" href="/images/favicon.ico"/>
+<link rel="stylesheet" type="text/css" href="/print.css" />
+</head>
+<body>
+
+<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" />
+
+<div id="contact-details">
+  <div id="contactphoto"><roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" placeholderGroup="/images/contactgroup.png" /></div>
+  <roundcube:object name="contacthead" id="contacthead" />
+  <div style="clear:both"></div>
+  <roundcube:object name="contactdetails" />
+</div>
+
+</body>
+</html>
diff --git a/skins/larry/print.css b/skins/larry/print.css
index d3a6cd802..4b67bcc07 100644
--- a/skins/larry/print.css
+++ b/skins/larry/print.css
@@ -143,3 +143,66 @@ p.image-attachment .attachment-links {
 	display: none;
 }
 
+/* contact print */
+#contact-details fieldset {
+	color: #666;
+	border: 1px solid #999;
+	margin-top: 5px;
+}
+
+#contact-details fieldset.contactfieldgroup {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+#contact-details div.row {
+	padding: 2px 0;
+}
+
+#contact-details .contactfieldlabel {
+	display: inline-block;
+	vertical-align: top;
+	width: 150px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+#contact-details .contactfieldcontent {
+	display: inline-block;
+	vertical-align: top;
+	font-weight: bold;
+}
+
+#contact-details #contactphoto {
+	float: left;
+	margin: 5px 15px 5px 3px;
+	width: 112px;
+	border: 0;
+	padding: 0;
+}
+
+#contact-details #contactpic {
+	width: 112px;
+	background: white;
+}
+
+#contact-details #contactpic img {
+	max-width: 112px;
+	visibility: inherit;
+}
+
+#contact-details #contacthead {
+	border: 0;
+	margin: 0 16em 0 0;
+	padding: 0;
+}
+
+#contact-details #contacthead > legend {
+	display: none;
+}
+
+#contact-details #contacthead .names span.namefield {
+	font-size: 140%;
+	font-weight: bold;
+}
diff --git a/skins/larry/templates/addressbook.html b/skins/larry/templates/addressbook.html
index 62bca3c84..7f358f51d 100644
--- a/skins/larry/templates/addressbook.html
+++ b/skins/larry/templates/addressbook.html
@@ -23,6 +23,7 @@
 
 	<span class="spacer"></span>
 	<roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="compose" title="writenewmessage" />
+	<roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" title="printcontact" />
 	<roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advanced" title="advsearch" />
 	<roundcube:container name="toolbar" id="addressbooktoolbar" />
 
diff --git a/skins/larry/templates/contactprint.html b/skins/larry/templates/contactprint.html
new file mode 100644
index 000000000..f3f169ec2
--- /dev/null
+++ b/skins/larry/templates/contactprint.html
@@ -0,0 +1,20 @@
+<roundcube:object name="doctype" value="html5" />
+<html>
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<link rel="shortcut icon" href="/images/favicon.ico"/>
+<link rel="stylesheet" type="text/css" href="/print.css" />
+</head>
+<body>
+
+<div id="header"><roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" /></div>
+
+<div id="contact-details" class="boxcontent">
+	<div id="contactphoto"><roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" placeholderGroup="/images/contactgroup.png" /></div>
+	<roundcube:object name="contacthead" id="contacthead" />
+	<br style="clear:both" />
+	<roundcube:object name="contactdetails" />
+</div>
+
+</body>
+</html>
author	Aleksander Machniak <alec@alec.pl>	2015-02-17 11:54:04 +0100
committer	Aleksander Machniak <alec@alec.pl>	2015-02-17 11:54:04 +0100
commit	f7af22c7801afcc248b004c84d0f1fb45e1a1632 (patch)
tree	54daab5a589f7f462aa82a608acd7b30a6178e85 /skins
parent	ae73c26f29aa230ba5ae3d86ef6d0c7886b7e657 (diff)