templates/CRM/PCP/Page/PCPInfo.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | Copyright CiviCRM LLC. All rights reserved.                        |
   4  |                                                                    |
   5  | This work is published under the GNU AGPLv3 license with some      |
   6  | permitted exceptions and without any warranty. For full license    |
   7  | and copyright information, see https://civicrm.org/licensing       |
   8  +--------------------------------------------------------------------+
   9 *}
  10 {* this template is used for displaying PCP information *}
  11 {if $owner}
  12 <div class="messages status no-popup">
  13   {icon icon="fa-info-circle"}{/icon}
  14   <p><strong>{ts}Personal Campaign Preview{/ts}</strong> - {ts}This is a preview of your Personal Campaign Page in support of{/ts} <a href="{$parentURL}"><strong>{$pageName}</strong></a>.</p>
  15         {ts}The current status of your page is{/ts}: <strong {if $pcp.status_id NEQ 2}class=disabled {/if}>{$owner.status}</strong>.
  16         {if $pcp.status_id NEQ 2}<br /><span class="description">{ts}You will receive an email notification when your page is Approved and you can begin promoting your campaign.{/ts}</span>{/if}
  17         {if $pcp.page_type EQ 'event'}
  18             {if $owner.registration_start_date}<br />{ts}People can register for this event starting on {/ts} <strong>{$owner.registration_start_date|truncate:10:''|crmDate}</strong>{if $owner.registration_end_date} {ts}until{/ts} <strong>{$owner.registration_end_date|truncate:10:''|crmDate}</strong>{/if}.{/if}
  19         {else}
  20             {if $owner.start_date}<br />{ts}This campaign is active from{/ts} <strong>{$owner.start_date|truncate:10:''|crmDate}</strong> {ts}until{/ts} <strong>{$owner.end_date|truncate:10:''|crmDate}</strong>.{/if}
  21         {/if}
  22         <br /><br />
  23         <table class="form-layout-compressed">
  24         <tr><td colspan="2"><strong>{ts}You can{/ts}:</strong></td></tr>
  25     {foreach from = $links key = k item = v}
  26           <tr>
  27             <td>
  28                 <a href="{crmURL p=$v.url q=$v.qs|replace:'%%pcpId%%':$replace.id|replace:'%%pageComponent%%':$replace.pageComponent|replace:'%%pcpBlock%%':$replace.block}" title="{$v.title|escape:'html'}" {if $v.extra}{$v.extra}{/if}><strong><i class="crm-i fa-chevron-right" aria-hidden="true"></i> {$v.name}</strong></a>
  29        </td>
  30          <td>&nbsp;<cite>{$hints.$k}</cite></td>
  31       </tr>
  32         {/foreach}
  33        </table>
  34      <i class="crm-i fa-lightbulb-o" aria-hidden="true"></i>
  35      <strong>{ts}Tip{/ts}</strong> - <span class="description">{ts}You must be logged in to your account to access the editing options above. (If you visit this page without logging in, you will be viewing the page in "live" mode - as your visitors and friends see it.){/ts}</span>
  36 </div>
  37 {/if}
  38 <div class="campaign">
  39 {crmRegion name="pcp-page-pcpinfo"}
  40     <div class="pcp-intro-text">
  41       {$pcp.intro_text|purify}
  42   </div>
  43     {if $image}
  44     <div class="pcp-image">
  45        {$image}
  46      </div>
  47      {/if}
  48      {if $pcp.is_thermometer OR $pcp.is_honor_roll}
  49       <div class="pcp-widgets">
  50       {if $pcp.is_thermometer}
  51       <div class="thermometer-wrapper">
  52           <div class="pcp-amount-goal">
  53             {ts}Goal{/ts} <span class="goal-amount crmMoney">{$pcp.goal_amount|crmMoney:$currency}</span>
  54         </div>
  55         <div class="thermometer-fill-wrapper">
  56             <div style="height: {$achieved}%;" class="thermometer-fill">
  57               <div class="thermometer-pointer"><span class="pcp-percent-raised">{$achieved}%</span> towards our goal</div>
  58             </div><!-- /.thermometer-fill -->
  59         </div><!-- /.thermometer-fill-wrapper -->
  60         <div class="pcp-amount-raised">
  61              <span class="raised-amount crmMoney">{$total|crmMoney:$currency}</span> {ts}raised{/ts}
  62         </div>
  63     </div>
  64       {/if}
  65       {if $pcp.is_honor_roll}
  66       <div class="honor-roll-wrapper">
  67         <div class="honor-roll-title">{ts}HONOR ROLL{/ts}</div>
  68           <div class="honor_roll">
  69               <marquee behavior="scroll" direction="up" id="pcp_roll"  scrolldelay="200"  height="200" bgcolor="#fafafa">
  70                 {foreach from = $honor item = v}
  71                 <div class="pcp_honor_roll_entry">
  72                     <div class="pcp-honor_roll-nickname">{$v.nickname}</div>
  73                     <div class="pcp-honor_roll-total_amount">{$v.total_amount}</div>
  74                     <div class="pcp-honor_roll-personal_note">{$v.personal_note}</div>
  75           </div>
  76                 {/foreach}
  77               </marquee>
  78           </div>
  79           <div class="description">
  80               [<a href="#" onclick="roll_start_stop(); return false;" id="roll" title="{ts}Stop scrolling{/ts}">{ts}Stop{/ts}</a>]
  81           </div>
  82         </div>
  83      {/if}
  84
  85      </div>
  86       {/if}
  87
  88
  89     <div class="pcp-page-text">
  90       {$pcp.page_text}
  91     </div>
  92
  93     {if $validDate && $contributeURL}
  94       <div class="pcp-donate">
  95         {* Show link to PCP contribution if configured for online contribution *}
  96             <a href={$contributeURL} class="button contribute-button pcp-contribute-button"><span>{$contributionText}</span></a>
  97         </div>
  98     {/if}
  99
 100
 101
 102    {if $linkText}
 103    <div class="pcp-create-your-own">
 104         <a href={$linkTextUrl} class="pcp-create-link"><span>{$linkText}</span></a>
 105    </div>
 106    {/if}
 107 {/crmRegion}
 108 </div><!-- /.campaign -->
 109
 110
 111
 112
 113 {literal}
 114 <script language="JavaScript">
 115
 116
 117 var start=true;
 118 function roll_start_stop( ) {
 119   if ( start ) {
 120     document.getElementById('roll').innerHTML = "{/literal}{ts escape='js'}Start{/ts}{literal}";
 121     document.getElementById('roll').title = "{/literal}{ts escape='js'}Start scrolling{/ts}{literal}";
 122     document.getElementById('pcp_roll').stop();
 123     start=false;
 124          } else {
 125     document.getElementById('roll').innerHTML = "{/literal}{ts escape='js'}Stop{/ts}{literal}";
 126     document.getElementById('roll').title = "{/literal}{ts escape='js'}Stop scrolling{/ts}{literal}";
 127     document.getElementById('pcp_roll').start();
 128     start=true;
 129          }
 130 }
 131 </script>
 132 {/literal}