enhance: revamp post form list page

.gitignore

@@ -3,6 +3,7 @@ plugin-deploy.sh
 config.codekit
 export.sh
 .idea
+.vscode
 /.DS_Store
 nbproject
 node_modules
@@ -16,9 +17,6 @@ vendor
 phpcs-report.txt
 assets/css/admin/subscriptions.min.css
 assets/js/subscriptions.min.js
-assets/js/frontend-form.min.js
-languages
-!languages/readme.txt
 
 # Ignore the following directories and files for automation tests
 test-results
@@ -30,4 +28,3 @@ tests/e2e/playwright/.cache/
 tests/e2e/.DS_Store
 tests/e2e/.env
 tests/chrome_recordings
-

Gruntfile.js

@@ -3,6 +3,7 @@ module.exports = function( grunt) {
     const tailwindFileMap = {
         'admin/form-builder/views/form-builder-v4.1.php': 'admin/form-builder.css',
         'admin/form-builder/views/post-form-settings.php': 'admin/form-builder.css',
+        'assets/js/forms-list.js': 'admin/form-builder.css'
     }
 
     var formBuilderAssets = require('./admin/form-builder/assets/js/form-builder-assets.js');
@@ -110,6 +111,7 @@ module.exports = function( grunt) {
             vue: {
                 files: [
                     'assets/js/subscriptions.js',
+                    'assets/js/forms-list.js',
                     'assets/css/admin/subscriptions.css',
                     'assets/js/components/**/*.vue',
                     'assets/js/stores/**/*.js',
@@ -127,6 +129,7 @@ module.exports = function( grunt) {
                     'admin/form-builder/assets/js/**/*.js',
                     'includes/Admin/**/*.php',
                     'wpuf-functions.php',
+                    'assets/js/forms-list.js',
                 ],
                 tasks: ['shell:tailwind:src/css/admin/form-builder.css:assets/css/admin/form-builder.css'],
                 options: {

admin/form-builder/assets/js/components/builder-stage-v4-1/template.php

@@ -108,13 +108,7 @@ class="fa fa-clone control-button-disabled wpuf--ml-1"></i>
                                 :href="pro_link"
                                 target="_blank"
                                 class="wpuf-rounded-r-md hover:wpuf-bg-slate-500 hover:wpuf-cursor-pointer wpuf-transition wpuf-duration-150 wpuf-ease-out hover:wpuf-transition-all">
-                                <svg
-                                    width="15" height="15" viewBox="0 0 20 15" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M19.2131 4.11564C19.2161 4.16916 19.2121 4.22364 19.1983 4.27775L17.9646 10.5323C17.9024 10.7741 17.6796 10.9441 17.4235 10.9455L10.0216 10.9818H10.0188H2.61682C2.35933 10.9818 2.13495 10.8112 2.07275 10.5681L0.839103 4.29542C0.824897 4.23985 0.820785 4.18385 0.824374 4.12895C0.34714 3.98269 0 3.54829 0 3.03636C0 2.40473 0.528224 1.89091 1.17757 1.89091C1.82692 1.89091 2.35514 2.40473 2.35514 3.03636C2.35514 3.39207 2.18759 3.71033 1.92523 3.92058L3.46976 5.43433C3.86011 5.81695 4.40179 6.03629 4.95596 6.03629C5.61122 6.03629 6.23596 5.7336 6.62938 5.22647L9.1677 1.95491C8.95447 1.74764 8.82243 1.46124 8.82243 1.14545C8.82243 0.513818 9.35065 0 10 0C10.6493 0 11.1776 0.513818 11.1776 1.14545C11.1776 1.45178 11.0526 1.72982 10.8505 1.93556L10.8526 1.93811L13.3726 5.21869C13.7658 5.73069 14.3928 6.03636 15.0499 6.03636C15.6092 6.03636 16.1351 5.82451 16.5305 5.43978L18.0848 3.92793C17.8169 3.71775 17.6449 3.39644 17.6449 3.03636C17.6449 2.40473 18.1731 1.89091 18.8224 1.89091C19.4718 1.89091 20 2.40473 20 3.03636C20 3.53462 19.6707 3.9584 19.2131 4.11564ZM17.8443 12.6909C17.8443 12.3897 17.5932 12.1455 17.2835 12.1455H2.77884C2.46916 12.1455 2.21809 12.3897 2.21809 12.6909V14C2.21809 14.3012 2.46916 14.5455 2.77884 14.5455H17.2835C17.5932 14.5455 17.8443 14.3012 17.8443 14V12.6909Z"
-                                    fill="#FB9A28"/>
-                            </svg>
+                                <img src="<?php esc_attr_e( WPUF_ASSET_URI . '/images/pro-badge.svg' ); ?>" alt="">
                             </a>
                         </span>
                 </div>

admin/form-builder/assets/js/components/form-column_field/template.php

@@ -105,13 +105,7 @@ class="hover:wpuf-bg-green-700">
                                 :href="pro_link"
                                 target="_blank"
                                 class="wpuf-rounded-r-md hover:wpuf-bg-slate-500 hover:wpuf-cursor-pointer wpuf-transition wpuf-duration-150 wpuf-ease-out hover:wpuf-transition-all">
-                                <svg
-                                    width="15" height="15" viewBox="0 0 20 15" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M19.2131 4.11564C19.2161 4.16916 19.2121 4.22364 19.1983 4.27775L17.9646 10.5323C17.9024 10.7741 17.6796 10.9441 17.4235 10.9455L10.0216 10.9818H10.0188H2.61682C2.35933 10.9818 2.13495 10.8112 2.07275 10.5681L0.839103 4.29542C0.824897 4.23985 0.820785 4.18385 0.824374 4.12895C0.34714 3.98269 0 3.54829 0 3.03636C0 2.40473 0.528224 1.89091 1.17757 1.89091C1.82692 1.89091 2.35514 2.40473 2.35514 3.03636C2.35514 3.39207 2.18759 3.71033 1.92523 3.92058L3.46976 5.43433C3.86011 5.81695 4.40179 6.03629 4.95596 6.03629C5.61122 6.03629 6.23596 5.7336 6.62938 5.22647L9.1677 1.95491C8.95447 1.74764 8.82243 1.46124 8.82243 1.14545C8.82243 0.513818 9.35065 0 10 0C10.6493 0 11.1776 0.513818 11.1776 1.14545C11.1776 1.45178 11.0526 1.72982 10.8505 1.93556L10.8526 1.93811L13.3726 5.21869C13.7658 5.73069 14.3928 6.03636 15.0499 6.03636C15.6092 6.03636 16.1351 5.82451 16.5305 5.43978L18.0848 3.92793C17.8169 3.71775 17.6449 3.39644 17.6449 3.03636C17.6449 2.40473 18.1731 1.89091 18.8224 1.89091C19.4718 1.89091 20 2.40473 20 3.03636C20 3.53462 19.6707 3.9584 19.2131 4.11564ZM17.8443 12.6909C17.8443 12.3897 17.5932 12.1455 17.2835 12.1455H2.77884C2.46916 12.1455 2.21809 12.3897 2.21809 12.6909V14C2.21809 14.3012 2.46916 14.5455 2.77884 14.5455H17.2835C17.5932 14.5455 17.8443 14.3012 17.8443 14V12.6909Z"
-                                    fill="#FB9A28"/>
-                            </svg>
+                                <img src="<?php esc_attr_e( WPUF_ASSET_URI . '/images/pro-badge.svg' ); ?>" alt="">
                             </a>
                         </span>
                         </div>

admin/form-builder/assets/js/mixins/form-field.js

@@ -46,7 +46,7 @@ wpuf_mixins.form_field_mixin = {
                     break;
 
                 case 'checkbox':
-                    commonClasses = '!wpuf-mt-0 !wpuf-mr-2 wpuf-h-4 wpuf-w-4 !wpuf-shadow-none checked:!wpuf-shadow-none focus:checked:!wpuf-shadow-primary focus:checked:!wpuf-shadow-none !wpuf-border-gray-300 checked:!wpuf-border-primary checked:!wpuf-bg-primary before:checked:!wpuf-bg-white hover:checked:!wpuf-bg-primary focus:!wpuf-ring-transparent focus:checked:!wpuf-ring-transparent hover:checked:!wpuf-ring-transparent focus:checked:!wpuf-bg-primary focus:wpuf-shadow-primary checked:focus:!wpuf-bg-primary checked:hover:wpuf-bg-primary checked:!wpuf-bg-primary before:!wpuf-content-none wpuf-rounded';
+                    commonClasses = '!wpuf-mt-0 !wpuf-mr-2 wpuf-h-4 wpuf-w-4 !wpuf-shadow-none checked:!wpuf-shadow-none focus:checked:!wpuf-shadow-primary focus:checked:!wpuf-shadow-none !wpuf-border-gray-300 checked:!wpuf-border-primary before:checked:!wpuf-bg-white hover:checked:!wpuf-bg-primary focus:!wpuf-ring-transparent focus:checked:!wpuf-ring-transparent hover:checked:!wpuf-ring-transparent focus:checked:!wpuf-bg-primary focus:wpuf-shadow-primary checked:focus:!wpuf-bg-primary checked:hover:wpuf-bg-primary checked:!wpuf-bg-primary before:!wpuf-content-none wpuf-rounded';
                     break;
 
                 case 'dropdown':

assets/css/admin.css

@@ -122,7 +122,7 @@ span.wpuf-loading {
 .wpuf-footer-help {
   box-sizing: border-box;
   width: auto;
-  margin: 2rem 0.8rem;
+  margin: 100px 0.8rem 2rem 0.8rem;
   text-align: center;
 }
 .wpuf-footer-help .wpuf-footer-help-content {
@@ -994,6 +994,10 @@ span.pro-icon:hover .wpuf-pro-field-tooltip {
     padding: 10px;
   }
 }
+.plugin-card .desc > p,
+.plugin-card .name {
+  margin-left: 148px !important;
+}
 .wpuf-help-tabbed {
   display: flex;
   width: 100%;
@@ -1350,7 +1354,3 @@ span.pro-icon:hover .wpuf-pro-field-tooltip {
 .wpuf-subscription-pack-settings .subscription-nav-content section .form-table td {
   padding: 15px 0;
 }
-
-.plugin-card .desc>p, .plugin-card .name {
-  margin-left: 148px !important;
-}