Eoxia#193 [JS] add: event on range for show opp_percent value

nicolas-eoxia · Dec 19, 2023 · 6cb23f3 · 6cb23f3
1 parent 9bf73f5
commit 6cb23f3
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/core/tpl/frontend/easycrm_project_quickcreation_frontend.tpl.php b/core/tpl/frontend/easycrm_project_quickcreation_frontend.tpl.php
@@ -62,6 +62,7 @@
             <label for="opp_percent">
                 <?php echo $langs->trans('OpportunityProbability'); ?>
                 <?php echo '<br>' . img_picto('', 'fontawesome_fa-frown-open_fas_#c62828_2em', 'class="paddingright"'); ?>
+                <span class="opp_percent-value">0</span>
                 <input type="range" class="range" name="opp_percent" id="opp_percent" min="0" max="100" step="10" value="0">
                 <?php echo img_picto('', 'fontawesome_fa-laugh-beam_fas_#388e3c_2em'); ?>
             </label>

diff --git a/js/easycrm.min.js b/js/easycrm.min.js
diff --git a/js/modules/quickcreation.js b/js/modules/quickcreation.js
@@ -107,6 +107,7 @@ window.easycrm.quickcreation.event = function() {
   $(document).on('click', '.image-validate', window.easycrm.quickcreation.createImg);
   window.easycrm.quickcreation.getCurrentPosition();
   $(document).on('submit', '.quickcreation-form', window.easycrm.quickcreation.vibratePhone);
+  $(document).on('input', '#opp_percent', window.easycrm.quickcreation.showOppPercentValue);
 };
 
 window.easycrm.quickcreation.uploadImage = function() {
@@ -312,3 +313,17 @@ window.easycrm.quickcreation.vibratePhone = function() {
     navigator.vibrate([1000, 500, 200, 200, 500, 1000]);
   }
 };
+
+/**
+ * Show opp percent value on range input
+ *
+ * @memberof EasyCRM_QuickCreation
+ *
+ * @since   1.3.0
+ * @version 1.3.0
+ *
+ * @return {void}
+ */
+window.easycrm.quickcreation.showOppPercentValue = function() {
+  $('.opp_percent-value').text($('#opp_percent').val());
+};