Add privacy page

* Added a privacy page menu item

Author: joe9663

assets/css/admin.css

@@ -1608,3 +1608,51 @@ ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .
   justify-content: space-between;
   align-items: center;
 }
+
+/* Premium CTA */
+.wpuf-premium-cta {
+    display: flex;
+    align-items: baseline;
+    font-size: 1.5em;
+    font-weight: 500;
+    flex-direction: column;
+    padding: 1em;
+    margin: 1em auto;
+    max-width: max-content;
+    box-shadow: 0px 1px 4px #8f8f8f;
+    border-radius: 0 2px 2px 0;
+    border-left: 5px solid #7ad376;
+}
+.wpuf-premium-cta img {
+    max-height: 30px;
+}
+.wpuf-premium-cta .button {
+    background-color: #7ad376;
+    color: #FFFFFF;
+    border-color: #7ad376;
+}
+.wpuf-premium-cta .button:hover {
+    background-color: #ffffff;
+    color: #7ad376;
+    border-color: #7ad376;
+}
+@media( min-width: 768px ) {
+    .wpuf-premium-cta * {
+        margin-right: 1em;
+    }
+    .wpuf-premium-cta {
+        flex-direction: row;
+        align-items: center;
+        margin: 1em 0;
+    }
+}
+
+/* Privacy Page */
+.wpuf-privacy-page {
+    max-width: 1200px;
+    margin: 0 auto 0 0;
+}
+.wpuf-privacy-page p,
+.wpuf-privacy-page li {
+    font-size: 1.2em;
+}

assets/images/weforms-logo.png

@@ -173,11 +173,18 @@
             <span style="color: #999;" class="form-name">
                 {{ form_title }}
             </span>
-
+            
             <select v-if="Object.keys(forms).length" v-model="selected" @change="status='publish'">
                 <option :value="form.id" v-for="form in forms">{{ form.name }}</option>
             </select>
         </h1>
+        <?php if ( ! class_exists( 'WeForms_Pro' ) ) {?>
+            <div class="wpuf-premium-cta">
+            <img src="<?php echo plugin_dir_url( dirname( __FILE__ ) ) . 'images/weforms-logo.png'?>">
+            <p><?php _e( 'You&#39;re using weForms Free. For more features, modules and more consider upgrading to Pro.' , 'weforms' ); ?></p>
+            <a href="https://weformspro.com/get-premium/?utm_source=Entries&utm_medium=Button&utm_campaign=Upgrade%20Now" target="_blank" class="button"><?php _e( 'UPGRADE NOW!' , 'weforms' ); ?></a>
+            </div>
+        <?php } ?>
     </div>
 
     <div>
@@ -779,15 +786,28 @@
 <div class="contact-form-list">
     <h1 class="wp-heading-inline"><?php _e( 'All Forms', 'weforms' ); ?></h1>
     <a class="page-title-action add-form" herf="#" v-on:click.prevent="displayModal()"><?php _e( 'Add Form', 'weforms' ); ?></a>
-
+    <?php if ( ! class_exists( 'WeForms_Pro' ) ) {?>
+            <div class="wpuf-premium-cta">
+            <img src="<?php echo plugin_dir_url( dirname( __FILE__ ) ) . 'images/weforms-logo.png'?>">
+            <p><?php _e( 'You&#39;re using weForms Free. For more features, modules and more consider upgrading to Pro.' , 'weforms' ); ?></p>
+            <a href="https://weformspro.com/upgrade-now/?utm_source=All%20Forms&utm_medium=Button&utm_campaign=Upgrade%20Now" target="_blank" class="button"><?php _e( 'UPGRADE NOW!' , 'weforms' ); ?></a>
+            </div>
+    <?php } ?>
     <wpuf-template-modal :show.sync="showTemplateModal" :onClose="closeModal"></wpuf-template-modal>
 
     <form-list-table></form-list-table>
 </div></script>
 
 <script type="text/x-template" id="tmpl-wpuf-tools">
 <div class="export-import-wrap">
-
+    <h1><?php _e( 'Tools', 'weforms' ); ?></h1>
+    <?php if ( ! class_exists( 'WeForms_Pro' ) ) {?>
+            <div class="wpuf-premium-cta">
+            <img src="<?php echo plugin_dir_url( dirname( __FILE__ ) ) . 'images/weforms-logo.png'?>">
+            <p><?php _e( 'You&#39;re using weForms Free. For more features, modules and more consider upgrading to Pro.' , 'weforms' ); ?></p>
+            <a href="https://weformspro.com/get-premium-weforms/?utm_source=Tools&utm_medium=Button&utm_campaign=Upgrade%20Now" target="_blank" class="button"><?php _e( 'UPGRADE NOW!' , 'weforms' ); ?></a>
+            </div>
+    <?php } ?>
     <h2 class="nav-tab-wrapper">
         <a :class="['nav-tab', isActiveTab( 'export' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('export')"><?php _e( 'Export', 'wpuf' ); ?></a>
         <a :class="['nav-tab', isActiveTab( 'import' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('import')"><?php _e( 'Import', 'wpuf' ); ?></a>
@@ -1063,6 +1083,36 @@
 </div>
 </script>
 
+<script type="text/x-template" id="tmpl-wpuf-weforms-page-privacy">
+<div class="wpuf-privacy-page">
+
+<h1><?php _e('Privacy' , 'weforms'); ?></h1>
+
+<h2><?php _e( 'Your website may need a Privacy Policy by law' , 'weforms' ); ?></h2>
+
+<p><?php _e( 'We at weForms take privacy law compliance seriously, and we want our customers to know just how important it is for them as well.', 'weforms' ); ?></p>
+
+<p><?php _e( 'Because you are implementing a contact form, that means you may be collecting the Personally Identifiable Information (PII) of individuals. This means that there may be privacy laws that apply to your website that require you to have a Privacy Policy. It is important to understand that if your website collects PII from users outside of your jurisdiction, you still may need to comply with the privacy laws of other states and countries. Please note that non-compliance may put you in danger of significant privacy related fines and lawsuits.' , 'weforms' ); ?></p>
+
+<p><?php _e( 'If you do not have a Privacy Policy or are unsure if yours is up to date and compliant, we encourage you to generate one with our partner, Termageddon. Termageddon is a generator of Privacy Policies, Terms &amp; Conditions and more. They monitor privacy laws for you and update your Privacy Policy when new disclosures are required.' , 'weforms' ); ?></p>
+
+<p><?php _e( 'If you decide Termageddon is a good solution for your website, use the promo code <strong>WEFORMS</strong> for 10&#37; off your first purchase at checkout. More information on Termageddon can be found <a href="https://app.termageddon.com/?fp_ref=weforms" target="_blank">here</a>.' , 'weforms' ); ?></p>
+
+<p><?php _e( 'If you own a web design, web development or digital marketing company, check out <a href="https://termageddon.com/agency-partners/" target="_blank">Termageddon&#39;s agency partner program</a>, where you can offer Termageddon licenses to your clients, helping them stay compliant with privacy laws.' , 'weforms' ); ?></p>
+
+<h2><?php _e( 'How to add Privacy Policy consent to your forms' , 'weforms' ); ?></h2>
+
+<p><?php _e( 'Adding a Privacy Policy consent checkbox is your forms is simple. All you will need is the weForms plugin and an existing /privacy-policy page.' , 'weforms' ); ?></p>
+
+<ol>
+    <li><?php _e( '"Edit" the respective form that you&#39;d like to add a consent checkbox to.' , 'weforms' ); ?></li>
+    <li><?php _e( 'Click &#39;checkbox&#39; so that it is added to the bottom of your form.' , 'weforms' ); ?></li>
+    <li><?php _e( '"Edit" the consent checkbox, remove the &#39;Field Label&#39;, and replace &#39;Option&#39; with &#39;INSERT YOUR "I AGREE" LANGUAGE HERE AND PROVIDE A LINK TO YOUR PRIVACY POLICY&#39;.' , 'weforms' ); ?></li>
+</ol>
+
+</div>
+</script>
+
 <script type="text/x-template" id="tmpl-wpuf-weforms-premium">
 <div class="weforms-premium">
     <?php
@@ -1092,7 +1142,7 @@
                 <p><?php _e( 'Upgrade to the premium versions of weForms and <br>unlock even more useful features.' ); ?></p>
             </div>
             <div class="banner-buttons">
-                <a href="https://weformspro.com/pricing" class="wf-btn wf-btn-primary" target="_blank"><?php _e( 'Buy Now', 'weforms' ); ?></a>
+                <a href="https://weformspro.com/premium/?utm_source=Premium%20Page&utm_medium=Top%20Button&utm_campaign=Buy%20Now" class="wf-btn wf-btn-primary" target="_blank"><?php _e( 'Buy Now', 'weforms' ); ?></a>
                 <a href="https://weformspro.com/docs/" class="wf-btn wf-btn-default" target="_blank"><?php _e( 'Read Full Guide', 'weforms' ); ?></a>
             </div>
         </div><!-- end banner left column -->
@@ -1318,7 +1368,7 @@
                 </div>
             </div>
             <div class="import-right">
-                <a href="https://weformspro.com/pricing" target="_blank" class="wf-btn wf-btn-primary wf-btn-lg"><?php _e( 'Upgrade Now', 'weforms' ); ?></a>
+                <a href="https://weformspro.com/upgrade/?utm_source=Premium%20Page&utm_medium=Bottom%20Button&utm_campaign=Upgrade%20Now" target="_blank" class="wf-btn wf-btn-primary wf-btn-lg"><?php _e( 'Upgrade Now', 'weforms' ); ?></a>
             </div>
         </div>
     </section><!-- end footer section -->
@@ -1330,6 +1380,13 @@
 <div class="weforms-settings clearfix" id="weforms-settings">
 
     <h1><?php _e( 'Settings', 'weforms' ); ?></h1>
+    <?php if ( ! class_exists( 'WeForms_Pro' ) ) {?>
+            <div class="wpuf-premium-cta">
+            <img src="<?php echo plugin_dir_url( dirname( __FILE__ ) ) . 'images/weforms-logo.png'?>">
+            <p><?php _e( 'You&#39;re using weForms Free. For more features, modules and more consider upgrading to Pro.' , 'weforms' ); ?></p>
+            <a href="https://weformspro.com/premium-weforms/?utm_source=Settings&utm_medium=Button&utm_campaign=Upgrade%20Now" target="_blank" class="button"><?php _e( 'UPGRADE NOW!' , 'weforms' ); ?></a>
+            </div>
+        <?php } ?>
     <div id="weforms-settings-tabs-warp" class="<?php echo !function_exists( 'weforms_pro' ) ? 'weforms-pro-deactivate' : ''; ?>">
         <div id="weforms-settings-tabs">
             <ul>

assets/js-templates/spa-components.php

@@ -1186,6 +1186,12 @@ Generated: 2020-03-06 (1583433044699)
     weForms.routeComponents.Help = {
         template: '#tmpl-wpuf-weforms-page-help'
     };
+
+    /* ./assets/spa/components/weforms-page-privacy/index.js */
+    weForms.routeComponents.Privacy = {
+        template: '#tmpl-wpuf-weforms-page-privacy'
+    };
+
     /* ./assets/spa/components/weforms-premium/index.js */
     weForms.routeComponents.Premium = {
         template: '#tmpl-wpuf-weforms-premium',

assets/js/spa-app.js

@@ -0,0 +1,3 @@
+weForms.routeComponents.Privacy = {
+    template: '#tmpl-wpuf-weforms-page-privacy'
+};

assets/js/spa-app.min.js

@@ -0,0 +1,27 @@
+<div class="wpuf-privacy-page">
+
+<h1><?php _e('Privacy' , 'weforms'); ?></h1>
+
+<h2><?php _e( 'Your website may need a Privacy Policy by law' , 'weforms' ); ?></h2>
+
+<p><?php _e( 'We at weForms take privacy law compliance seriously, and we want our customers to know just how important it is for them as well.', 'weforms' ); ?></p>
+
+<p><?php _e( 'Because you are implementing a contact form, that means you may be collecting the Personally Identifiable Information (PII) of individuals. This means that there may be privacy laws that apply to your website that require you to have a Privacy Policy. It is important to understand that if your website collects PII from users outside of your jurisdiction, you still may need to comply with the privacy laws of other states and countries. Please note that non-compliance may put you in danger of significant privacy related fines and lawsuits.' , 'weforms' ); ?></p>
+
+<p><?php _e( 'If you do not have a Privacy Policy or are unsure if yours is up to date and compliant, we encourage you to generate one with our partner, Termageddon. Termageddon is a generator of Privacy Policies, Terms &amp; Conditions and more. They monitor privacy laws for you and update your Privacy Policy when new disclosures are required.' , 'weforms' ); ?></p>
+
+<p><?php _e( 'If you decide Termageddon is a good solution for your website, use the promo code <strong>WEFORMS</strong> for 10&#37; off your first purchase at checkout. More information on Termageddon can be found <a href="https://app.termageddon.com/?fp_ref=weforms" target="_blank">here</a>.' , 'weforms' ); ?></p>
+
+<p><?php _e( 'If you own a web design, web development or digital marketing company, check out <a href="https://termageddon.com/agency-partners/" target="_blank">Termageddon&#39;s agency partner program</a>, where you can offer Termageddon licenses to your clients, helping them stay compliant with privacy laws.' , 'weforms' ); ?></p>
+
+<h2><?php _e( 'How to add Privacy Policy consent to your forms' , 'weforms' ); ?></h2>
+
+<p><?php _e( 'Adding a Privacy Policy consent checkbox is your forms is simple. All you will need is the weForms plugin and an existing /privacy-policy page.' , 'weforms' ); ?></p>
+
+<ol>
+    <li><?php _e( '"Edit" the respective form that you&#39;d like to add a consent checkbox to.' , 'weforms' ); ?></li>
+    <li><?php _e( 'Click &#39;checkbox&#39; so that it is added to the bottom of your form.' , 'weforms' ); ?></li>
+    <li><?php _e( '"Edit" the consent checkbox, remove the &#39;Field Label&#39;, and replace &#39;Option&#39; with &#39;INSERT YOUR "I AGREE" LANGUAGE HERE AND PROVIDE A LINK TO YOUR PRIVACY POLICY&#39;.' , 'weforms' ); ?></li>
+</ol>
+
+</div>

assets/spa/components/weforms-page-privacy/index.js

@@ -96,6 +96,7 @@ public function register_admin_menu() {
             do_action( 'weforms-admin-menu', $hook, $capability );
 
             $submenu['weforms'][] = [ __( '<span style="color:#f18500">Help</span>', 'weforms' ), $capability, 'admin.php?page=weforms#/help' ];
+            $submenu['weforms'][] = [ __( 'Privacy', 'weforms' ), $capability, 'admin.php?page=weforms#/privacy' ];
         }
 
         // only admins should see the settings page

assets/spa/components/weforms-page-privacy/template.php

@@ -193,6 +193,11 @@ public function get_vue_routes() {
                 'name'      => 'help',
                 'component' => 'Help',
             ],
+            [
+                'path'      => '/privacy',
+                'name'      => 'privacy',
+                'component' => 'Privacy',
+            ],
             [
                 'path'      => '/premium',
                 'name'      => 'premium',