WordPress.org
Get WordPress

Plugin Directory

Changeset 3234440


Ignore:
Timestamp:
02/04/2025 06:47:52 AM (13 months ago)
Author:
dickoandrean
Message:

update v.1.2.1

Location:
romethemeform
Files:
97 added
11 edited

Legend:

Unmodified
Added
Removed

  • romethemeform/trunk/controls/assets/css/form_modal.css

    r2999993 r3234440  
    2626  gap: 5px;
    2727  flex-direction: column;
    28   background-color: #ffffff;
     28  background: rgb(36, 36, 36);
     29  background: linear-gradient(
     30    166deg,
     31    rgba(36, 36, 36, 1) 0%,
     32    rgba(21, 21, 21, 1) 25%,
     33    rgba(0, 0, 0, 1) 100%
     34  );
     35  color: white;
    2936  margin: auto;
    30   /* 15% from the top and centered */
    3137  width: 30%;
    32   /* Could be more or less, depending on screen size */
    3338  /* height: 90%; */
    3439  min-width: 622px;
    … …  
    4045  left: 50%;
    4146  transform: translate(-50%, -50%);
     47  max-height: 80vh;
     48  overflow: auto;
     49  border-radius: 5px;
     50}
     51
     52.rform-modal-content::-webkit-scrollbar-track {
     53  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
     54    border-radius: 10px;
     55    background-color: transparent;
     56}
     57
     58.rform-modal-content::-webkit-scrollbar
     59{
     60    width: 6px;
     61    background-color: transparent;
     62  border-radius: 10px;
     63}
     64
     65.rform-modal-content::-webkit-scrollbar-thumb
     66{
     67    border-radius: 10px;
     68    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     69    background-color: #555;
    4270}
    4371
    … …  
    4674  gap: 5px;
    4775  flex-direction: column;
    48   background-color: #34383c;
     76  background: rgb(36, 36, 36);
     77  background: linear-gradient(
     78  166deg,
     79  rgba(36, 36, 36, 1) 0%,
     80  rgba(21, 21, 21, 1) 25%,
     81  rgba(0, 0, 0, 1) 100%
     82);
     83  color: white;
    4984  margin: auto;
    50   /* 15% from the top and centered */
    51   width: 80%;
    52   /* Could be more or less, depending on screen size */
    53   height: 90%;
     85  width: 80vw;
     86  height: 90vh;
    5487  box-shadow: 0px 0px 49px -19px rgba(0, 0, 0, 0.82);
    5588  -webkit-box-shadow: 0px 0px 49px -19px rgba(0, 0, 0, 0.82);
    … …  
    5992  left: 50%;
    6093  transform: translate(-50%, -50%);
    61 }
    62 
     94  margin-block: 1rem;
     95}
    6396
    6497.rform-radiobtn-container {
    6598  display: flex;
    66 
    67   color: #34383c;
     99  color: #ffffff;
    68100  padding-left: 35px;
    69101  cursor: pointer;
    … …  
    91123  height: 20px;
    92124  width: 20px;
    93   background-color: #acacac;
     125  background-color: #3b3b3b;
    94126  border-radius: 50%;
    95127}
    96128
    97129/* On mouse-over, add a grey background color */
    98 .rform-radiobtn-container:hover input~.checkmark {
    99   border: solid 2px #1619d0;
     130.rform-radiobtn-container:hover input ~ .checkmark {
     131  background-color: #6c6c6c;
    100132}
    101133
    102134/* When the radio button is checked, add a blue background */
    103 .rform-radiobtn-container input:checked~.checkmark {
    104   background-color: #1619d0;
     135.rform-radiobtn-container input:checked ~ .checkmark {
     136  background-color: #3b3b3b;
     137 
    105138}
    106139
    … …  
    113146
    114147/* Show the indicator (dot/circle) when checked */
    115 .rform-radiobtn-container input:checked~.checkmark:after {
     148.rform-radiobtn-container input:checked ~ .checkmark:after {
    116149  display: block;
     150  background:#00cea6;
    117151}
    118152
    … …  
    124158  height: 10px;
    125159  border-radius: 50%;
    126   background: white;
     160  background: #252525;
    127161  transform: translate(-50%, -50%);
    128162}
    129 
    130163
    131164.rform-tab-content {
    132165  display: none;
    133   padding: 1rem;
    134 }
    135 
    136 .rform-radiobtn-container>.rform-radio-btn:checked+.rform-tab-content {
     166  padding: 1.5rem 1rem;
     167}
     168
     169.rform-radiobtn-container > .rform-radio-btn:checked + .rform-tab-content {
    137170  display: block;
    138171}
    … …  
    149182  display: flex;
    150183  justify-content: space-between;
    151   box-shadow: 0px -6px 13px 0px gray;
     184  /* box-shadow: 0px -6px 13px 0px gray; */
     185  border-bottom: 1px solid #4b4b4b;
     186  padding: 0.5rem;
     187  position: sticky;
     188  top: 0;
     189  background: #0b0b0b1c;
     190  backdrop-filter: blur(100px);
     191  z-index: 999;
    152192}
    153193
    … …  
    158198  margin: 0.4rem;
    159199  gap: 0.5rem;
    160   color: #34383c;
     200  color: #ffffff;
    161201  font-size: 16px;
    162202}
    … …  
    167207  border: none;
    168208  padding-inline: 1rem;
    169   color: black;
     209  color: rgb(191, 191, 191);
    170210  font-size: 20px;
    171211  cursor: pointer;
    … …  
    173213
    174214.rform-close-btn:hover {
    175   background-color: rgb(206, 30, 30);
     215  /* background-color: rgb(206, 30, 30); */
    176216  color: #f3f3f3;
    177217}
    … …  
    237277}
    238278
    239 .rform-editor-header>strong {
     279.rform-editor-header > strong {
    240280  font-size: 1rem;
    241281}
    … …  
    257297  padding-inline: 0.5rem;
    258298  font-size: 15px;
    259   color: black;
    260   background-color: white ;
     299  color: rgb(255, 255, 255);
     300  background-color: rgb(0, 0, 0);
    261301}
    262302
    … …  
    271311
    272312.rform-modal-btn {
    273   padding-inline: 1rem;
     313  /* padding-inline: 1rem; */
    274314  height: 2.5rem;
    275315  border-radius: 0.35rem;
    276316  border: none;
    277   background-color: #3153d1;
     317  --x: 0;
     318  background: linear-gradient(90deg, #000000 -14.64%, #00cea6 114.79%, #000000)
     319    var(--x, 0) / 200%;
     320  color: white;
     321  transition: 0.5s;
     322  border: 1px solid #00cea6;
     323  font-weight: 600;
     324  padding: 12px 24px 12px 24px;
     325  display: flex;
     326  align-items: center;
     327  gap: 0.3rem;
     328  text-align: center;
     329  justify-content: center;
     330  width: 10rem;
     331}
     332
     333.rform-modal-btn:hover {
     334  --x: 90%;
     335  color: white;
     336  border: 1px solid #00cea6;
     337  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
     338  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
     339  box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
    278340}
    279341
    … …  
    289351  display: block;
    290352  padding: 0.5rem 1rem;
    291   color: #0d6efd;
    292353  text-decoration: none;
    293   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    294   background-color: transparent;
    295   border: none;
     354  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     355    border-color 0.15s ease-in-out;
    296356  border-radius: 0.375rem;
    297357  font-size: initial;
    298358  cursor: pointer;
     359  color: white;
     360  border-width: 0px 0px 2px 0px;
     361  border-style: solid;
     362  border-color: transparent;
     363  background-color: transparent;
     364  outline: none;
     365  box-shadow: none;
    299366}
    300367
    301368.tab-item.active {
    302   background-color: #0d6efd;
    303   color: #fff;
     369  /* border-color: #00cea6; */
     370  border-left: 0;
     371  border-right: 0;
     372  border-top: 0;
     373  border-image-source: linear-gradient(90deg, #00cea6 0%, #00000000 100%);
     374  border-image-slice: 1;
     375  text-shadow: 2px 3px 4px #00cea6;
    304376}
    305377
    306378.tab-pane {
    307379  display: none;
    308   padding: 10px;
     380  padding: 2rem 10px;
    309381}
    310382
    … …  
    319391  font-size: 1rem;
    320392  font-weight: 400;
    321   line-height: 1.5;
     393  line-height: 2;
    322394  color: #212529;
    323   background-color: #fff;
     395  background-color: #0c0c0c;
     396  border: 1px solid #414141;
     397  color: white;
    324398  background-clip: padding-box;
    325   border: 1px solid #ced4da;
    326399  -webkit-appearance: none;
    327400  -moz-appearance: none;
    … …  
    329402  border-radius: 0.375rem;
    330403  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     404  margin-bottom: 0.6rem;
     405}
     406
     407.rform-input-control:focus {
     408  border-color: #00cea6;
    331409}
    332410
    … …  
    352430  bottom: 0;
    353431  background-color: #ccc;
    354   -webkit-transition: .4s;
    355   transition: .4s;
     432  -webkit-transition: 0.4s;
     433  transition: 0.4s;
    356434}
    357435
    … …  
    364442  bottom: 4px;
    365443  background-color: white;
    366   -webkit-transition: .4s;
    367   transition: .4s;
    368 }
    369 
    370 input:checked+.slider {
    371   background-color: #2196F3;
    372 }
    373 
    374 input:focus+.slider {
    375   box-shadow: 0 0 1px #2196F3;
    376 }
    377 
    378 input:checked+.slider:before {
    379   -webkit-transform: translateX(26px);
    380   -ms-transform: translateX(26px);
    381   transform: translateX(26px);
     444  -webkit-transition: 0.4s;
     445  transition: 0.4s;
     446}
     447
     448input:checked + .slider {
     449  background: linear-gradient(99.32deg, #000000 -21.2%, #00cea6 69.36%);
     450}
     451
     452input:focus + .slider {
     453  box-shadow: 0 0 1px #2196f3;
     454}
     455
     456input:checked + .slider:before {
     457  -webkit-transform: translateX(24px);
     458  -ms-transform: translateX(24px);
     459  transform: translateX(24px);
     460  -webkit-box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.75);
     461  -moz-box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.75);
     462  box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.75);
    382463}
    383464
    … …  
    391472}
    392473
    393 .switch-container{
     474.switch-container {
    394475  display: flex;
    395476  flex-direction: row;
    … …  
    399480}
    400481
    401 .mb-3{
     482.mb-3 {
    402483  margin-bottom: 1rem !important;
    403484}
    404485
    405486.form-label {
    406   color: #212529;
     487  color: #ffffff;
    407488  margin-bottom: 0.5rem;
    408489  display: inline-block;
    … …  
    411492#tab-general h5 {
    412493  font-size: larger;
    413   color: #212529;
     494  color: #ffffff;
    414495  margin-block: 1rem;
    415496}
    416497
    417 #confirmation_form , #notification_form {
     498#confirmation_form,
     499#notification_form {
    418500  display: none;
    419501}
    420502
    421 .conf_desc , .notif-desc{
     503.conf_desc,
     504.notif-desc {
    422505  font-weight: 300;
    423506  font-style: italic;
    424507  margin-bottom: 1rem;
    425508  font-size: smaller;
    426 }
     509  color: #aeaeae;
     510}
     511.rform-tab-content .text {
     512  color: #aeaeae;
     513  font-weight: 300;
     514  font-style: italic;
     515}

  • romethemeform/trunk/controls/assets/js/form_modal.js

    r2924626 r3234440  
    1717
    1818    $(document).on('click', '#rform-editform-button', function () {
     19        $(this).html('SAVING...');
     20        $(this).attr('disabled' , true);
     21        let $this = $(this);
    1922        var uid = $(this).data('control-uid');
    2023        var modal = $("#myModal" + uid);
    … …  
    3235                currentSelectedWidget.renderOnChange();
    3336                iframe.src = '';
     37                $this.html('SAVE & CLOSE');
     38                $this.removeAttr('disabled');
    3439            },
    3540            onError: function () {

  • romethemeform/trunk/controls/form_controls.php

    r3061961 r3234440  
    3939        $list = [];
    4040
    41         $template =  get_posts(['post_type' => 'romethemeform_form']);
     41        $template =  get_posts(['post_type' => 'romethemeform_form' , 'posts_per_page' => -1]);
    4242        $list = [];
    4343        foreach ($template as $form) {
    … …  
    8686                                    <div class="rform-tab-select">
    8787                                        <# if ( data.label ) {#>
    88                                     <label for="<?php echo esc_attr($control_uid); ?>" class="rform-label-select">{{{ data.label }}}</label>
     88                                    <label for="<?php echo esc_attr($control_uid); ?>" class="form-label">{{{ data.label }}}</label>
    8989                                <# } #>
    9090                                    <select class="rform-select-form">
    … …  
    121121                                                        <label for="entry-name" class="form-label">Entry Title</label>
    122122                                                        <input type="text" class="rform-input-control" id="entry-name" name="entry-name" value="Entry #">
     123                                                        <p class="text"><?php echo esc_html('To set a custom entry title, enclose the input name in {{}}.') ?></p>
    123124                                                    </div>
    124125                                                    <div class="switch-container">
    125126                                                        <span>
    126                                                             <p class="form-label" style="margin:0;">Require Login</p>
    127                                                             <p class="">Without login, user can't submit the form.</p>
     127                                                            <p class="form-label">Require Login</p>
     128                                                            <p class="text">Without login, user can't submit the form.</p>
    128129                                                        </span>
    129130                                                        <label class="switch">
    … …  
    143144                                                        </label>
    144145                                                    </div>
    145                                                     <p class="conf_desc" >Want to send a submission copy to user by email? <strong style="color:black;">Active this one.The form must have at least one Email widget and it should be required.</strong></p>
     146                                                    <p class="conf_desc" >Want to send a submission copy to user by email? <strong style="color:white;">Active this one.The form must have at least one Email widget and it should be required.</strong></p>
    146147                                                    <div id="confirmation_form">
    147148                                                        <div class="mb-3">
    … …  
    173174                                                        </label>
    174175                                                    </div>
    175                                                     <p class="notif-desc">Want to send a submission copy to admin by email? <strong style="color:black;">Active this one.</strong></p>
     176                                                    <p class="notif-desc">Want to send a submission copy to admin by email? <strong style="color:white;">Active this one.</strong></p>
    176177                                                    <div id="notification_form">
    177178                                                        <div class="mb-3">
    … …  
    186187                                                            <label for="notif_email_to" class="form-label">Email To</label>
    187188                                                            <input type="text" class="rform-input-control" name="notif_email_to" id="notif_email_to" placeholder="[email protected]">
    188                                                             <span class="fw-light fst-italic text-black-50">Enter admin email where you want to send mail. <strong style="color:black">for multiple email addresses please use "," separator.</strong></span>
     189                                                            <span class="fw-light fst-italic text text-black-50">Enter admin email where you want to send mail. <strong style="color:white">for multiple email addresses please use "," separator.</strong></span>
    189190                                                        </div>
    190191                                                        <div class="mb-3">
    … …  
    211212            <# } #>
    212213
    213 
    214214            <div id="myModal<?php echo esc_attr($control_uid) ?>" class="modal rform-editor-modal">
    215215                    <div class="modal-content">
    … …  
    219219                                <strong>ROMETHEMEFORM</strong>
    220220                            </div>
    221                             <button id="rform-editform-button" data-control-uid="<?php echo esc_js($control_uid) ?>" class="elementor-button elementor-button-success elementor-modal-iframe-btn-control"><?php echo esc_html__('SAVE & CLOSE', 'romethemeform') ?></button>
     221                            <button id="rform-editform-button" data-control-uid="<?php echo esc_js($control_uid) ?>" class="rform-modal-btn elementor-modal-iframe-btn-control "><?php echo esc_html__('SAVE & CLOSE', 'romethemeform') ?></button>
    222222                        </div>
    223223                        <div class="elementor-editor-container">

  • romethemeform/trunk/modules/form/form.php

    r3142603 r3234440  
    7474                    'nonce' => $form_nonce
    7575                ));
    76                 wp_localize_script('rform-js', 'romethemeform_url', ['form_url' =>  admin_url() . 'admin.php?page=themebuilder']);
     76                wp_localize_script('rform-js', 'romethemeform_url', ['form_url' =>  admin_url() . 'admin.php?page=themebuilder&themebuilder=form']);
    7777            }
    7878        }
    … …  
    402402        add_post_meta($entri_id, 'rform-entri-referal', json_encode($current_page));
    403403        // add_post_meta($entri_id, 'rform-entri-submit-page', $urlPage);
    404         $arg = [
    405             'ID' => $entri_id,
    406             'post_title' => $entri_title . ' ' . $entri_id,
    407         ];
     404
     405        if (preg_match('/{{(.*?)}}/', $entri_title) === 1) {
     406            $newTitle = preg_replace_callback(
     407                '/{{(.*?)}}/',
     408                function ($match) use ($entri_id) {
     409                    $dataMeta = get_post_meta($entri_id , 'rform-entri-data' , true );
     410                    $datajson = json_decode($dataMeta , true);
     411                    return $datajson[$match[1]];
     412                },
     413                $entri_title
     414            );
     415
     416            $arg = [
     417                'ID' => $entri_id,
     418                'post_title' => $newTitle,
     419            ];
     420        } else {
     421            $arg = [
     422                'ID' => $entri_id,
     423                'post_title' => $entri_title . ' ' . $entri_id,
     424            ];
     425        }
     426
     427
    408428        wp_update_post($arg);
    409429

  • romethemeform/trunk/modules/form/views/form-view.php

    r3142603 r3234440  
    11<?php
    22require_once \RomeThemeForm::module_dir() . 'form/form.php';
    3 $index = 0;
    4 $rtform = new WP_Query(['post_type' => 'romethemeform_form']);
     3
     4$paged = (isset($_GET['paged'])) ? $_GET['paged'] : 1;
     5$postPerPage = absint(get_option('posts_per_page'));
     6
     7$index = ($postPerPage * $paged ) - $postPerPage ;
     8
     9$arg = [
     10    'post_type' => 'romethemeform_form',
     11    'posts_per_page' => get_option('posts_per_page'),
     12    'paged' => $paged
     13];
     14$rtform = new WP_Query($arg);
    515
    616?>
    … …  
    8797    </div>
    8898<?php else: ?>
    89     <div class="d-flex flex-row justify-content-between align-items-center mb-4">
    90         <div>
    91             <div class="d-flex flex-row justify-content-between align-items-center mb-4">
    92                 <div>
    93                     <button class="btn btn-gradient-accent rounded-pill d-flex align-items-center gap-3" data-bs-toggle="modal" data-bs-target="#formModal">
    94                         <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
    95                             <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
    96                             <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
    97                         </svg>
    98                         Create New Template</button>
    99                 </div>
     99    <div class="d-flex flex-row align-items-center mb-4">
     100
     101        <div class="d-flex flex-row w-100 justify-content-between align-items-center mb-4">
     102            <div>
     103                <button class="btn btn-gradient-accent rounded-pill d-flex align-items-center gap-3" data-bs-toggle="modal" data-bs-target="#formModal">
     104                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
     105                        <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
     106                        <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
     107                    </svg>
     108                    Create New Template</button>
     109            </div>
     110            <div class="d-flex justify-content-end align-items-end h-100 gap-1 mb-3">
     111                <?php
     112                $total_pages = $rtform->max_num_pages;
     113                $current_url = add_query_arg(array()); // get the current URL
     114                $base_url = remove_query_arg('paged', $current_url);
     115                if ($total_pages > 1) {
     116                    $current_page = max(1, intval(sanitize_text_field($paged)));
     117                    echo '<div class="themebuilder-pagination">';
     118                    echo paginate_links(array(
     119                        'base' => $base_url . '&paged=%#%',
     120                        'format' => '&paged=%#%',
     121                        'current' => $current_page,
     122                        'total' => $total_pages,
     123                        'prev_text' => '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
     124                 <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
     125               </svg>',
     126                        'next_text' => '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
     127                 <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
     128               </svg>',
     129                    ));
     130                    echo '</div>';
     131                }
     132                ?>
    100133            </div>
    101134        </div>
    102135    </div>
     136
    103137    <div class="rounded-3 rtm-border px-3 bg-gradient-1">
    104138        <table class="rtm-table table-themebuilder">
    … …  
    144178                        echo '</td>';
    145179                        echo '<td>' . esc_html($shortcode) . '</td>';
    146                         echo '<td>
     180                        echo '<td><div class="d-flex flex-row gap-2">
    147181                        <a class="btn btn-outline-primary" href="' . esc_url(admin_url("admin.php?page=romethemeform-entries&rform_id=" . $id_post)) . '" type="button"
    148182                        >' . esc_html($entries) . '</a>
    149183                        <a type="button" class="btn btn-outline-success" onclick="' . esc_attr($f) . '">Export CSV</a>
    150                         </td>';
     184                        </div></td>';
    151185                        echo '<td>' . esc_html(get_the_author()) . '</td>';
    152186                        echo '<td><small>' . esc_html($status) . '</small><br><small>' . esc_html(get_the_date('Y/m/d') . ' at ' . get_the_date('H:i a')) . '</small></td>';
    … …  
    200234                                <label for="entry-name" class="form-label">Entry Title</label>
    201235                                <input type="text" class="form-control p-2" id="entry-name" name="entry-name" value="Entry #">
     236                                <p class="fw-light fst-italic text">To set a custom entry title, enclose the input name in {{ }}.</p>
    202237                            </div>
    203238                            <div class="d-flex flex-row justify-content-between align-items-center mb-3">
    … …  
    323358                                <label for="entry-name" class="form-label">Entry Title</label>
    324359                                <input type="text" class="form-control p-2" id="entry-name" name="entry-name" value="Entry #">
     360                                <p class="fw-light fst-italic text">To set a custom entry title, enclose the input name in {{ }}.</p>
    325361                            </div>
    326362                            <div class="d-flex flex-row justify-content-between align-items-center mb-3">

  • romethemeform/trunk/readme.txt

    r3142603 r3234440  
    22Contributors: dickoandrean
    33Tags: addons, widget, elementor, form ,form builder , extension
    4 Requires at least: 6.2
    5 Tested up to: 6.4.3
    6 Requires PHP: 7.0
    7 Stable tag: 1.2.0
     4Requires at least: 6.6
     5Tested up to: 6.7.1
     6Requires PHP: 7.4
     7Stable tag: 1.2.1
    88License: GPLv3 or later
    99License URI: https://www.gnu.org/licenses/gpl-3.0.html
    … …  
    5252
    5353== Changelog ==
     54Version 1.2.1
     55* Update Phone Widget
     56* Update Entry Title
     57
    5458Version 1.2.0
    5559* New: Improve the user experience by updating the visual interface.

  • romethemeform/trunk/rometheme-form.php

    r3142603 r3234440  
    44 * Plugin Name:       RomethemeForm
    55 * Description:       The Advanced Form Builder for Elementor
    6  * Version:           1.2.0
     6 * Version:           1.2.1
    77 * Author:            Rometheme
    88 * Author URI:        https://rometheme.net/
    … …  
    7979    static function rform_version()
    8080    {
    81         return '1.2.0';
     81        return '1.2.1';
    8282    }
    8383

  • romethemeform/trunk/widgets/assets/css/intlTelInput.css

    r2999993 r3234440  
    8181  }
    8282  .iti__divider {
    83     padding-bottom: 5px;
    84     margin-bottom: 5px;
     83    /* padding-bottom: 5px; */
     84    /* margin-bottom: 5px; */
    8585    border-bottom: 1px solid #ccc;
    8686  }

  • romethemeform/trunk/widgets/rform-button-submit.php

    r3142603 r3234440  
    158158                'size_units' => ['px', '%', 'em', 'custom'],
    159159                'selectors' => [
    160                     '{{WRAPPER}} .rform-button-submit , .loading' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     160                    '{{WRAPPER}} .rform-button-submit , {{WRAPPER}} .loading' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    161161                ],
    162162            ]
    … …  
    231231                'name' => 'btn_background_normal',
    232232                'types' => ['classic', 'gradient'],
    233                 'selector' => '{{WRAPPER}} .rform-button-submit , .loading',
     233                'selector' => '{{WRAPPER}} .rform-button-submit , {{WRAPPER}} .loading',
    234234            ]
    235235        );
    … …  
    286286                'name' => 'btn_background_hover',
    287287                'types' => ['classic', 'gradient'],
    288                 'selector' => '{{WRAPPER}} .rform-button-submit:hover , .loading:hover',
     288                'selector' => '{{WRAPPER}} .rform-button-submit:hover , {{WRAPPER}} .loading:hover',
    289289            ]
    290290        );

  • romethemeform/trunk/widgets/rform-input-number.php

    r3142603 r3234440  
    1717    public function get_icon()
    1818    {
    19         return 'rform-widget-icon rtmicon rtmicon-number-form';
     19        return 'rform-widget-icon rtmicon rtmicon-number';
    2020    }
    2121

  • romethemeform/trunk/widgets/rform-input-tel.php

    r3142603 r3234440  
    3939    }
    4040
    41     private function countries() {
     41    private function countries()
     42    {
    4243        $countries = [
    4344            "AF" => "Afghanistan",
    … …  
    359360        ]);
    360361
    361         $this->add_control('default_countries' , [
     362        $this->add_control('default_countries', [
    362363            'label' => esc_html('Default Country'),
    363364            'type' => \Elementor\Controls_Manager::SELECT,
    364365            'options' => $this->countries(),
    365             'default' => 'ID' 
     366            'default' => 'ID'
    366367        ]);
    367368
    … …  
    696697
    697698        $this->add_group_control(
    698             \Elementor\Group_Control_Background::get_type(),
    699             [
    700                 'name' => 'background_flag',
    701                 'types' => [ 'classic', 'gradient' ],
    702                 'selector' => '{{WRAPPER}} .iti--separate-dial-code .iti__selected-flag',
    703             ]
    704         );
     699            \Elementor\Group_Control_Background::get_type(),
     700            [
     701                'name' => 'background_flag',
     702                'types' => ['classic', 'gradient'],
     703                'selector' => '{{WRAPPER}} .iti--separate-dial-code .iti__selected-flag',
     704            ]
     705        );
    705706
    706707        $this->add_responsive_control(
    707             'margin_flag',
    708             [
    709                 'label' => esc_html__( 'Margin', 'romethemeform' ),
    710                 'type' => \Elementor\Controls_Manager::DIMENSIONS,
    711                 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
    712                 'selectors' => [
    713                     '{{WRAPPER}} .iti--separate-dial-code .iti__selected-flag' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    714                 ],
    715             ]
    716         );
     708            'margin_flag',
     709            [
     710                'label' => esc_html__('Margin', 'romethemeform'),
     711                'type' => \Elementor\Controls_Manager::DIMENSIONS,
     712                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
     713                'selectors' => [
     714                    '{{WRAPPER}} .iti--separate-dial-code .iti__selected-flag' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     715                ],
     716            ]
     717        );
    717718
    718719        $this->add_responsive_control(
    719             'border_radius_flag',
    720             [
    721                 'label' => esc_html__( 'Border Radius', 'romethemeform' ),
    722                 'type' => \Elementor\Controls_Manager::DIMENSIONS,
    723                 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
    724                 'selectors' => [
    725                     '{{WRAPPER}} .iti--separate-dial-code .iti__selected-flag' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    726                 ],
    727             ]
    728         );
     720            'border_radius_flag',
     721            [
     722                'label' => esc_html__('Border Radius', 'romethemeform'),
     723                'type' => \Elementor\Controls_Manager::DIMENSIONS,
     724                'size_units' => ['px', '%', 'em', 'rem', 'custom'],
     725                'selectors' => [
     726                    '{{WRAPPER}} .iti--separate-dial-code .iti__selected-flag' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     727                ],
     728            ]
     729        );
     730
     731        $this->add_control(
     732            'country_options',
     733            [
     734                'label' => esc_html__('Country List', 'textdomain'),
     735                'type' => \Elementor\Controls_Manager::HEADING,
     736                'separator' => 'before',
     737            ]
     738        );
     739
     740        $this->start_controls_tabs('country_list_tabs');
     741
     742        $this->start_controls_tab('country_list_normal', ['label' => esc_html('Normal')]);
     743
     744        $this->add_group_control(
     745            \Elementor\Group_Control_Background::get_type(),
     746            [
     747                'name' => 'background_country_list',
     748                'types' => ['classic', 'gradient'],
     749                'selector' => '{{WRAPPER}} .iti__country-list li:not(.iti__divider)',
     750            ]
     751        );
     752
     753        $this->add_control('country_list_color', [
     754            'label' => esc_html('Text Color'),
     755            'type' => \Elementor\Controls_Manager::COLOR,
     756            'selectors' => [
     757                '{{WRAPPER}} .iti__country-list .iti__country-name' => 'color : {{VALUE}}'
     758            ]
     759        ]);
     760
     761        $this->add_control('country_list_dialcode_color', [
     762            'label' => esc_html('Dial Code Color'),
     763            'type' => \Elementor\Controls_Manager::COLOR,
     764            'selectors' => [
     765                '{{WRAPPER}} .iti__country-list .iti__dial-code' => 'color : {{VALUE}}'
     766            ]
     767        ]);
     768
     769        $this->end_controls_tab();
     770
     771        $this->start_controls_tab('country_list_hover', ['label' => esc_html('Hover')]);
     772
     773        $this->add_group_control(
     774            \Elementor\Group_Control_Background::get_type(),
     775            [
     776                'name' => 'background_country_list_hover',
     777                'types' => ['classic', 'gradient'],
     778                'selector' => '{{WRAPPER}} .iti__country-list li:not(.iti__divider):hover',
     779            ]
     780        );
     781
     782        $this->add_control('country_list_color_hover', [
     783            'label' => esc_html('Text Color'),
     784            'type' => \Elementor\Controls_Manager::COLOR,
     785            'selectors' => [
     786                '{{WRAPPER}} .iti__country-list li:hover .iti__country-name' => 'color : {{VALUE}}'
     787            ]
     788        ]);
     789
     790        $this->add_control('country_list_dialcode_color_hover', [
     791            'label' => esc_html('Dial Code Color'),
     792            'type' => \Elementor\Controls_Manager::COLOR,
     793            'selectors' => [
     794                '{{WRAPPER}} .iti__country-list li:hover .iti__dial-code' => 'color : {{VALUE}}'
     795            ]
     796        ]);
     797
     798        $this->end_controls_tab();
     799
     800        $this->end_controls_tabs();
    729801
    730802        $this->end_controls_section();
Note: See TracChangeset for help on using the changeset viewer.