From: Manoj K <manoj.k@zyxware.com>
Date: Fri, 10 Oct 2014 06:01:57 +0000 (+0530)
Subject: #29759 - Created default widget template file.
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=e8067c08494f57a6f08270243c349f05b0a95c9a;p=com.zyxware.civiwci.git

#29759 - Created default widget template file.
---

diff --git a/CRM/Wci/Form/CreateWidget.php b/CRM/Wci/Form/CreateWidget.php
index ccc5b7e..50743b7 100644
--- a/CRM/Wci/Form/CreateWidget.php
+++ b/CRM/Wci/Form/CreateWidget.php
@@ -197,7 +197,7 @@ where w.id=" . $this->_id;
     }
     else {
       /** Keep template in civicrm-wci/templates folder*/
-      $output = file_get_contents('sites/all/modules/civicrm/extensions/civicrm-wci/templates/Widget.tpl');
+      $output = file_get_contents('templates/CRM/Wci/Page/Widget.tpl',FILE_USE_INCLUDE_PATH);
       $elem = $this->getElement('custom_template');
       $elem->setValue($output); 
     }
diff --git a/templates/CRM/Wci/Page/Widget.tpl b/templates/CRM/Wci/Page/Widget.tpl
new file mode 100644
index 0000000..a2e57ef
--- /dev/null
+++ b/templates/CRM/Wci/Page/Widget.tpl
@@ -0,0 +1,164 @@
+{literal}
+<style>
+    .crm-contribute-widget {
+        font-size:12px;
+        font-family:Helvetica, Arial, sans;
+        padding:6px;
+        -moz-border-radius:       4px;
+        -webkit-border-radius:   4px;
+        -khtml-border-radius:   4px;
+        border-radius:      4px;
+        border:1px solid #96C0E7;
+        width:200px;
+    }
+    .crm-contribute-widget h5 {
+        font-size:14px;
+        padding:3px;
+        margin: 0px;
+        text-align:center;
+        -moz-border-radius:   4px;
+        -webkit-border-radius:   4px;
+        -khtml-border-radius:   4px;
+        border-radius:      4px;
+    }
+
+    .crm-contribute-widget .crm-amounts {
+        height:1em;
+        margin:.8em 0px;
+        font-size:13px;
+    }
+    .crm-contribute-widget .crm-amount-low {
+        float:left;
+    }
+    .crm-contribute-widget .crm-amount-high {
+        float:right;
+    }
+    .crm-contribute-widget .crm-percentage {
+        margin:0px 30%;
+        text-align:center;
+    }
+    .crm-contribute-widget .crm-amount-bar {
+        background-color:#FFF;
+        width:100%;
+        display:block;
+        border:1px solid #CECECE;
+        -moz-border-radius:   4px;
+        -webkit-border-radius:   4px;
+        -khtml-border-radius:   4px;
+        border-radius:      4px;
+        margin-bottom:.8em;
+        text-align:left;
+    }
+    .crm-contribute-widget .crm-amount-fill {
+        background-color:#2786C2;
+        height:1em;
+        display:block;
+        -moz-border-radius:   4px 0px 0px 4px;
+        -webkit-border-radius:   4px 0px 0px 4px;
+        -khtml-border-radius:   4px 0px 0px 4px;
+        border-radius:      4px 0px 0px 4px;
+        text-align:left;
+    }
+    .crm-contribute-widget .crm-amount-raised-wrapper {
+        margin-bottom:.8em;
+    }
+    .crm-contribute-widget .crm-amount-raised {
+        font-weight:bold;
+    }
+
+    .crm-contribute-widget .crm-logo {
+        text-align:center;
+    }
+
+    .crm-contribute-widget .crm-comments,
+    .crm-contribute-widget .crm-donors,
+    .crm-contribute-widget .crm-campaign {
+        font-size:11px;
+        margin-bottom:.8em;
+    }
+
+    .crm-contribute-widget .crm-contribute-button {
+        display:block;
+        background-color:#CECECE;
+        -moz-border-radius:       4px;
+        -webkit-border-radius:   4px;
+        -khtml-border-radius:   4px;
+        border-radius:      4px;
+        text-align:center;
+        margin:0px 10% .8em 10%;
+        text-decoration:none;
+        color:#556C82;
+        padding:2px;
+        font-size:13px;
+    }
+
+    .crm-contribute-widget .crm-home-url {
+        text-decoration:none;
+        border:0px;
+    }
+
+</style>
+<style>
+    .crm-contribute-widget {
+        background-color: {/literal}{$form.color_main.value}{literal}; /* background color */
+        border-color:{/literal}{$form.color_bg.value}{literal}; /* border color */
+    }
+
+    .crm-contribute-widget h5 {
+        color: {/literal}{$form.color_title.value}{literal};
+        background-color: {/literal}{$form.color_main_bg.value}{literal};
+    } /* title */
+
+    .crm-contribute-widget .crm-amount-raised { color:#000; }
+    .crm-contribute-widget .crm-amount-bar  /* progress bar */
+        background-color:{/literal}{$form.color_bar.value}{literal};
+        border-color:#CECECE;
+    }
+    .crm-contribute-widget .crm-amount-fill { background-color:#2786C2; }
+
+    .crm-contribute-widget a.crm-contribute-button { /* button color */
+        background-color:{/literal}{$form.color_button.value}{literal};
+    }
+
+    .crm-contribute-widget .crm-contribute-button-inner { /* button text color */
+        padding:2px;
+        display:block;
+        color:{/literal}{$form.color_about_link.value}{literal};
+    }
+
+    .crm-contribute-widget .crm-comments,
+    .crm-contribute-widget .crm-donors,
+    .crm-contribute-widget .crm-campaign {
+        color:{/literal}{$form.color_main_text.value}{literal} /* other color*/
+    }
+
+    .crm-contribute-widget .crm-home-url {
+        color:{/literal}{$form.color_homepage_link.value}{literal} /* home page link color*/
+    }
+
+</style>
+{/literal}
+
+<div id="crm_cpid_{$cpageId}" class="crm-contribute-widget">
+    <h5 id="crm_cpid_{$cpageId}_title"></h5>
+    <div class="crm-amounts">
+        <div id="crm_cpid_{$cpageId}_amt_hi" class="crm-amount-high"></div>
+        <div id="crm_cpid_{$cpageId}_amt_low" class="crm-amount-low"></div>
+        <div id="crm_cpid_{$cpageId}_percentage" class="crm-percentage"></div>
+    </div>
+    <div class="crm-amount-bar">
+        <div class="crm-amount-fill" id="crm_cpid_{$cpageId}_amt_fill"></div>
+    </div>
+    <div class="crm-amount-raised-wrapper">
+        <span id="crm_cpid_{$cpageId}_amt_raised" class="crm-amount-raised"> -- placeholder -- </span>
+    </div>
+    {if $form.url_logo.value}
+        <div class="crm-logo"><img src="{$form.url_logo.value}" alt={ts}Logo{/ts}></div>
+    {/if}
+    <div id="crm_cpid_{$cpageId}_donors" class="crm-donors"></div>
+    <div id="crm_cpid_{$cpageId}_comments" class="crm-comments"></div>
+    <div id="crm_cpid_{$cpageId}_campaign" class="crm-campaign"></div>
+    <div class="crm-contribute-button-wrapper" id="crm_cpid_{$cpageId}_button">
+        <a href='{crmURL p="civicrm/contribute/transact" q="reset=1&id=$cpageId" h=0 a=1 fe=1}' class="crm-contribute-button"><span class="crm-contribute-button-inner" id="crm_cpid_{$cpageId}_btn_txt"> -- placeholder -- </span></a>
+    </div>
+</div>
\ No newline at end of file