Further refinements and refactoring of QR code display based on feedback from Rebecca

This commit is contained in:
cappadona 2011-06-24 18:30:17 +00:00
parent 38811be868
commit fceaaf8aa3
3 changed files with 26 additions and 29 deletions

View file

@ -3,7 +3,7 @@
<#-- Individual profile page template for foaf:Person individuals --> <#-- Individual profile page template for foaf:Person individuals -->
<#include "individual-setup.ftl"> <#include "individual-setup.ftl">
<#include "individual-qrCodeFoafPerson.ftl"> <#import "individual-qrCodeGenerator.ftl" as qr>
<section id="individual-intro" class="vcard person" role="region"> <section id="individual-intro" class="vcard person" role="region">
@ -34,7 +34,7 @@
<li role="listitem"><a title="View this individual in RDF format" class="icon-rdf" href="${rdfUrl}">RDF</a></li> <li role="listitem"><a title="View this individual in RDF format" class="icon-rdf" href="${rdfUrl}">RDF</a></li>
</#if> </#if>
<@qrCode /> <@qr.renderCode />
</ul> </ul>
</nav> </nav>

View file

@ -1,27 +0,0 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#include "individual-qrCodeGenerator.ftl">
<#-- This macro will display a vCard QR code (includes email, phone number, URI, etc)
* default display is a small icon that reveals the full QR code when clicked
* setting the display to "full" will render a full-size QR code (<@qrCode display="full" />)
* the size can be set using the width parameter (default is 125px)
-->
<#macro qrCode display="icon" width="125">
<#if hasValidVCard()>
<#assign qrCodeLinkedImage><a title="Export QR codes" href="${individual.doQrData().exportQrCodeUrl}"><@qrCodeVCard qrCodeWidth=width /></a></#assign>
<#if (display == "full")>
<h5 class="qrCode">vCard QR</h5>
${qrCodeLinkedImage}
<#elseif (display == "icon")>
<li role="listitem">
<a id="qrIcon" title="vCard QR Code" href="${individual.doQrData().exportQrCodeUrl}"><img class="middle" src="${urls.images}/individual/qr_icon.png" alt="qr icon" /></a>
<span id="qrCodeImage" class="hide">${qrCodeLinkedImage} <a class="qrCloseLink" href="#">Close</a></span>
</li>
<#else>
<p class="notice">You have passed an invalid value for the qrCode display parameter.</p>
</#if>
</#if>
</#macro>

View file

@ -20,6 +20,30 @@
</#if> </#if>
</#macro> </#macro>
<#-- This macro will display a vCard QR code (includes email, phone number, URI, etc)
* default display is a small icon that reveals the full QR code when clicked
* setting the display to "full" will render a full-size QR code (<@renderCode display="full" />)
* the size can be set using the width parameter (default is 125px)
-->
<#macro renderCode display="icon" width="125">
<#if hasValidVCard()>
<#assign qrCodeLinkedImage><a title="Export QR codes" href="${individual.doQrData().exportQrCodeUrl}"><@qrCodeVCard qrCodeWidth=width /></a></#assign>
<#if (display == "full")>
<h5 class="qrCode">vCard QR</h5>
${qrCodeLinkedImage}
<#elseif (display == "icon")>
<li role="listitem">
<a id="qrIcon" title="vCard QR Code" href="${individual.doQrData().exportQrCodeUrl}"><img class="middle" src="${urls.images}/individual/qr_icon.png" alt="qr icon" /></a>
<span id="qrCodeImage" class="hide">${qrCodeLinkedImage} <a class="qrCloseLink" href="#">Close</a></span>
</li>
<#else>
<p class="notice">You have passed an invalid value for the qrCode display parameter.</p>
</#if>
</#if>
</#macro>
<#function getQrCodeUrlForVCard qrCodeWidth> <#function getQrCodeUrlForVCard qrCodeWidth>