nodebb-plugin-phone-verification 1.2.2

package/static/lib/main.js

@@ -0,0 +1,456 @@
+'use strict';
+
+define('forum/phone-verification', ['hooks', 'translator'], function (hooks, translator) {
+    
+    function isValidIsraeliPhone(phone) {
+        if (!phone) return false;
+        const cleanPhone = phone.replace(/[-\s]/g, '');
+        return /^05\d{8}$/.test(cleanPhone);
+    }
+
+    // ==================== לוגיקה לעמוד הרשמה (Registration) ====================
+    
+    const Registration = {
+        resendTimer: null,
+        resendCountdown: 0,
+        phoneVerified: false,
+
+        validatePhone: function(phone) {
+            return isValidIsraeliPhone(phone);
+        },
+
+        showError: function(message) {
+            $('#phone-error').text(message).removeClass('hidden').show();
+            $('#phone-success').addClass('hidden').hide();
+        },
+
+        showSuccess: function(message) {
+            $('#phone-success').text(message).removeClass('hidden').show();
+            $('#phone-error').addClass('hidden').hide();
+        },
+
+        hideMessages: function() {
+            $('#phone-error').addClass('hidden').hide();
+            $('#phone-success').addClass('hidden').hide();
+        },
+
+        startResendTimer: function() {
+            const self = this;
+            self.resendCountdown = 60;
+            self.updateResendButton();
+            
+            self.resendTimer = setInterval(function () {
+                self.resendCountdown--;
+                self.updateResendButton();
+                
+                if (self.resendCountdown <= 0) {
+                    clearInterval(self.resendTimer);
+                    self.resendTimer = null;
+                }
+            }, 1000);
+        },
+
+        updateResendButton: function() {
+            const $btn = $('#resend-code-btn');
+            if (this.resendCountdown > 0) {
+                $btn.prop('disabled', true).text('שלח שוב (' + this.resendCountdown + ')');
+            } else {
+                $btn.prop('disabled', false).text('שלח קוד שוב');
+            }
+        },
+
+        init: function() {
+            const self = this;
+            const $form = $('[component="register/local"]');
+            if (!$form.length) return;
+            if ($('#phoneNumber').length) return; // מניעת כפילות
+            
+            // איפוס משתנים
+            self.phoneVerified = false;
+
+            const phoneHtml = `
+                <div class="mb-2 d-flex flex-column gap-2" id="phone-verification-container">
+                    <label for="phoneNumber">מספר טלפון <span class="text-danger">*</span></label>
+                    <div class="d-flex flex-column">
+                        <div class="input-group">
+                            <input class="form-control" type="tel" name="phoneNumber" id="phoneNumber" 
+                                   placeholder="05X-XXXXXXX" dir="ltr" autocomplete="tel" />
+                            <button class="btn btn-primary" type="button" id="send-code-btn">
+                                <i class="fa fa-phone"></i> שלח קוד
+                            </button>
+                        </div>
+                        <span class="form-text text-xs">תקבל שיחה קולית עם קוד אימות</span>
+                        <div id="phone-error" class="text-danger text-xs hidden"></div>
+                        <div id="phone-success" class="text-success text-xs hidden"></div>
+                    </div>
+                </div>
+                
+                <div class="mb-2 d-flex flex-column gap-2 hidden" id="verification-code-container">
+                    <label for="verificationCode">קוד אימות</label>
+                    <div class="d-flex flex-column">
+                        <div class="input-group">
+                            <input class="form-control" type="text" id="verificationCode" 
+                                   placeholder="הזן קוד 6 ספרות" maxlength="6" dir="ltr" />
+                            <button class="btn btn-success" type="button" id="verify-code-btn">
+                                <i class="fa fa-check"></i> אמת
+                            </button>
+                        </div>
+                        <button class="btn btn-link btn-sm p-0 text-start" type="button" id="resend-code-btn">
+                            שלח קוד שוב
+                        </button>
+                    </div>
+                </div>
+                
+                <div id="phone-verified-badge" class="alert alert-success hidden">
+                    <i class="fa fa-check-circle"></i> מספר הטלפון אומת בהצלחה!
+                </div>
+            `;
+            
+            const $registerBtn = $form.find('button[type="submit"]');
+            if ($registerBtn.length) {
+                $(phoneHtml).insertBefore($registerBtn);
+            } else {
+                $form.append(phoneHtml);
+            }
+
+            self.attachEventListeners();
+            self.checkExistingVerification();
+        },
+
+        attachEventListeners: function() {
+            const self = this;
+
+            // שליחת קוד
+            $('#send-code-btn').off('click').on('click', function () {
+                const phone = $('#phoneNumber').val().trim();
+                self.hideMessages();
+                
+        //        if (!isValidIsraeliPhone(phone)) {
+          //          self.showError('מספר הטלפון אינו תקין (05X-XXXXXXX)');
+          //          return;
+         //       }
+                
+                const $btn = $(this);
+                $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> שולח...');
+                
+                $.ajax({
+                    url: config.relative_path + '/api/phone-verification/send-code',
+                    method: 'POST',
+                    data: { phoneNumber: phone },
+                    headers: { 'x-csrf-token': config.csrf_token },
+                    success: function (response) {
+                        if (response.success) {
+                            self.showSuccess('קוד אימות נשלח!');
+                            $('#verification-code-container').removeClass('hidden');
+                            $('#phoneNumber').prop('readonly', true);
+                            $btn.addClass('hidden');
+                            self.startResendTimer();
+                        } else {
+                            self.showError(response.message || 'שגיאה בשליחה');
+                            $btn.prop('disabled', false).html('<i class="fa fa-phone"></i> שלח קוד');
+                        }
+                    },
+                    error: function() {
+                        self.showError('שגיאת תקשורת');
+                        $btn.prop('disabled', false).html('<i class="fa fa-phone"></i> שלח קוד');
+                    }
+                });
+            });
+
+            // אימות קוד
+            $('#verify-code-btn').off('click').on('click', function () {
+                const phone = $('#phoneNumber').val().trim();
+                const code = $('#verificationCode').val().trim();
+                self.hideMessages();
+                
+                if (!code || code.length < 4) {
+                    self.showError('קוד לא תקין');
+                    return;
+                }
+                
+                $.ajax({
+                    url: config.relative_path + '/api/phone-verification/verify-code',
+                    method: 'POST',
+                    data: { phoneNumber: phone, code: code },
+                    headers: { 'x-csrf-token': config.csrf_token },
+                    success: function (response) {
+                        if (response.success) {
+                            self.phoneVerified = true;
+                            $('#verification-code-container, #phone-verification-container').addClass('hidden');
+                            $('#phone-verified-badge').removeClass('hidden');
+                            
+                            // טיפול בשדה הנסתר לטופס
+                            $('#phoneNumber').prop('disabled', true).removeAttr('name');
+                            if (!$('#phoneNumberVerified').length) {
+                                $('<input>').attr({type: 'hidden', name: 'phoneNumber', id: 'phoneNumberVerified', value: phone}).appendTo('[component="register/local"]');
+                            } else {
+                                $('#phoneNumberVerified').val(phone);
+                            }
+                        } else {
+                            self.showError(response.message || 'קוד שגוי');
+                        }
+                    }
+                });
+            });
+
+            // חסימת שליחת טופס
+            $('[component="register/local"]').off('submit.phone').on('submit.phone', function (e) {
+                if (!self.phoneVerified) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    self.showError('יש לאמת את מספר הטלפון לפני ההרשמה');
+                    return false;
+                }
+            });
+        },
+
+        checkExistingVerification: function() {
+            const phone = $('#phoneNumber').val();
+            if (phone && this.validatePhone(phone)) {
+                // לוגיקה לבדיקה אם כבר אומת
+            }
+        }
+    };
+
+    // ==================== לוגיקה לעריכת פרופיל (Edit Profile) ====================
+
+    function handleProfileEdit() {
+        // בדיקת כפילות קפדנית לפי ID
+        if ($('#sidebar-phone-li').length > 0) return;
+
+        const userslug = ajaxify.data.userslug;
+
+        // שליפת הנתונים הנוכחיים
+        $.getJSON(config.relative_path + '/api/user/' + userslug + '/phone', function (response) {
+            // בדיקה נוספת בתוך ה-callback למקרה של טעינה כפולה מהירה
+            if ($('#sidebar-phone-li').length > 0) return;
+
+            if (!response.success) return;
+
+            if (response.phone && response.phoneVerified) {
+                return;
+            }
+     
+            const hasPhone = response.phone && response.phone.length > 0;
+            
+            // עדכון הטקסט שיהיה ברור יותר
+            const buttonLabel = hasPhone ? 'אמת מספר טלפון' : 'הוסף מספר טלפון';
+            
+            const menuHtml = `
+                <li class="list-group-item" id="sidebar-phone-li">
+                    <a href="#" id="sidebar-phone-link" class="text-decoration-none text-reset">
+                        ${buttonLabel}
+                    </a>
+                </li>
+            `;
+            const $passwordLink = $('a[href$="/edit/password"]');
+            
+            if ($passwordLink.length) {
+                $passwordLink.closest('li').after(menuHtml);
+            } else {
+                $('.list-group').first().append(menuHtml);
+            }
+
+            $('#sidebar-phone-link').off('click').on('click', function(e) {
+                e.preventDefault();
+                openPhoneManagementModal(response.phone, response.phoneVerified, userslug);
+            });
+        });
+    }
+
+    // פונקציה חדשה לניהול החלונית הקופצת בעריכה
+    function openPhoneManagementModal(currentPhone, isVerified, userslug) {
+        const phoneVal = currentPhone || '';
+        
+        const modalHtml = `
+            <div class="phone-modal-content">
+                <div class="mb-3">
+                    <label class="form-label fw-bold">מספר טלפון נייד</label>
+                    <div class="input-group">
+                        <input class="form-control" type="tel" id="modal-phoneNumber" value="${phoneVal}" placeholder="05X-XXXXXXX" dir="ltr">
+                    </div>
+                    <div class="form-text text-muted mt-2">
+                        <i class="fa fa-info-circle"></i> 
+                        ${isVerified 
+                            ? 'המספר הנוכחי מאומת. שינוי המספר יחייב אימות מחדש.' 
+                            : 'יש להזין מספר ולקבל שיחה קולית לאימות.'}
+                    </div>
+                </div>
+                <div id="modal-alert-area"></div>
+            </div>
+        `;
+
+        const dialog = bootbox.dialog({
+            title: isVerified ? 'שינוי מספר טלפון' : 'עדכון מספר טלפון',
+            message: modalHtml,
+            buttons: {
+                cancel: {
+                    label: 'ביטול',
+                    className: 'btn-ghost'
+                },
+                verify: {
+                    label: 'שלח קוד אימות',
+                    className: 'btn-primary',
+                    callback: function() {
+                        const newPhone = $('#modal-phoneNumber').val();
+                        
+                        // שימוש בפונקציית הבדיקה המתוקנת
+                        if (!isValidIsraeliPhone(newPhone)) {
+                            showModalAlert('נא להזין מספר תקין (05X-XXXXXXX)', 'danger');
+                            return false; // מונע סגירה
+                        }
+
+                        // התחלת תהליך האימות
+                        performPhoneUpdate(newPhone, userslug, dialog);
+                        return false; // מונע סגירה אוטומטית
+                    }
+                }
+            }
+        });
+    }
+
+    function showModalAlert(msg, type) {
+        const html = `<div class="alert alert-${type} p-2 mt-2">${msg}</div>`;
+        $('#modal-alert-area').html(html);
+    }
+
+    function performPhoneUpdate(phone, userslug, dialog) {
+        const $btn = dialog.find('.bootbox-accept'); // הכפתור הכחול
+        $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> שולח...');
+
+        // 1. שמירה זמנית
+        $.post(config.relative_path + '/api/user/' + userslug + '/phone', { 
+            phoneNumber: phone,
+            _csrf: config.csrf_token 
+        }, function(res) {
+            if (!res.success) {
+                showModalAlert(res.message || res.error, 'danger');
+                $btn.prop('disabled', false).text('שלח קוד אימות');
+                return;
+            }
+
+            // 2. שליחת השיחה
+            $.post(config.relative_path + '/api/phone-verification/send-code', { 
+                phoneNumber: phone,
+                _csrf: config.csrf_token 
+            }, function(callRes) {
+                if (callRes.success) {
+                    dialog.modal('hide'); // סגירת החלון הראשון
+                    
+                    // 3. פתיחת חלון הזנת קוד
+                    bootbox.prompt({
+                        title: "הזן את הקוד שקיבלת בשיחה",
+                        inputType: 'number',
+                        callback: function (code) {
+                            if (!code) return;
+                            
+                            $.post(config.relative_path + '/api/user/' + userslug + '/phone/verify', {
+                                code: code,
+                                _csrf: config.csrf_token
+                            }, function(verifyRes){
+                                if(verifyRes.success) {
+                                    app.alertSuccess('הטלפון עודכן ואומת בהצלחה!');
+                                    ajaxify.refresh(); // רענון הדף
+                                } else {
+                                    app.alertError(verifyRes.message || 'קוד שגוי');
+                                }
+                            });
+                        }
+                    });
+                } else {
+                    showModalAlert(callRes.message || 'שגיאה בשליחת השיחה', 'danger');
+                    $btn.prop('disabled', false).text('שלח קוד אימות');
+                }
+            });
+        });
+    }
+
+    // ==================== לוגיקה לצפייה בפרופיל (View Profile) ====================
+
+    function handleProfileView() {
+        // בדיקה ראשונית למניעת כפילות עוד לפני הקריאה לשרת
+        if ($('#user-phone-stat-item').length > 0) return;
+
+        const userslug = ajaxify.data.userslug;
+        
+        $.getJSON(config.relative_path + '/api/user/' + userslug + '/phone', function (response) {
+            if (!response.success) return;
+            
+            // אם אין מספר טלפון - לא מציגים את הקוביה בכלל (גם לא לבעל הפרופיל)
+            if (!response.phone) return;
+
+            // בדיקה נוספת למניעת כפילות
+            if ($('#user-phone-stat-item').length > 0) return;
+
+            const verifyBadge = response.phoneVerified 
+                ? '<i class="" title=""></i>' 
+                : '<i class="fa fa-exclamation-triangle text-warning" title="לא מאומת" style="cursor:pointer;" onclick="location.href=\'/user/'+userslug+'/edit\'"></i>';
+
+            const privacyLabel = response.isOwner 
+                ? ' <span class="text-lowercase">(מוסתר)</span>' 
+                : '';
+
+            const phoneText = response.phone;
+            
+            const html = `
+                <div class="stat" id="user-phone-stat-item">
+                    <div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
+                        <span class="stat-label text-xs fw-semibold">
+                            <i class="text-muted fa-solid fa-phone"></i> 
+                            <span>מספר טלפון</span>${privacyLabel}
+                        </span>
+                        <span class="text-sm text-center text-break w-100 px-2 ff-secondary" dir="ltr">
+                            ${phoneText} ${verifyBadge}
+                        </span>
+                    </div>
+                </div>
+            `;
+
+            const $statsRow = $('.account-stats .row');
+            if ($statsRow.length) {
+                $statsRow.append(html);
+            } else {
+                if ($('.profile-meta').length) {
+                    $('.profile-meta').append(html);
+                } else if ($('.fullname').length) {
+                    $('.fullname').after(html);
+                }
+            }
+        });
+    }
+
+    // ==================== ראשי - ניתוב לפי דף ====================
+
+    const Plugin = {};
+
+    Plugin.init = function () {
+        checkRoute();
+    };
+
+    function checkRoute() {
+        if (!ajaxify.data.template) return;
+
+        // 1. דף הרשמה
+        if (ajaxify.data.template.name === 'register' || ajaxify.data.template.name === 'registerComplete') {
+            Registration.init();
+        }
+        // 2. דף עריכת פרופיל
+        else if (ajaxify.data.template.name === 'account/edit') {
+            handleProfileEdit();
+        }
+        // 3. דף צפייה בפרופיל
+        else if (ajaxify.data.template.name === 'account/profile') {
+            handleProfileView();
+        }
+    }
+
+    hooks.on('action:ajaxify.end', function (data) {
+        checkRoute();
+    });
+
+    if (typeof ajaxify !== 'undefined' && ajaxify.data) {
+        checkRoute();
+    }
+
+    return Plugin;
+});

package/templates/admin/plugins/phone-verification.tpl

@@ -0,0 +1,163 @@
+<div class="acp-page-container">
+    <div class="row">
+        <div class="col-lg-12">
+            
+            <div class="panel panel-primary">
+                <div class="panel-heading">
+                    <h3 class="panel-title">
+                        <i class="fa fa-cog"></i> הגדרות Call2All - שיחות קוליות
+                    </h3>
+                </div>
+                <div class="panel-body">
+                    <form id="voice-settings-form">
+                        <div class="form-group">
+                            <label for="voiceServerEnabled">
+                                <input type="checkbox" id="voiceServerEnabled" name="voiceServerEnabled" />
+                                הפעל שיחות קוליות
+                            </label>
+                            <p class="help-block">כאשר מופעל, התוסף ישלח שיחה קולית עם קוד האימות דרך Call2All</p>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label for="voiceServerApiKey">Token של Call2All</label>
+                            <input type="password" class="form-control" id="voiceServerApiKey" name="voiceServerApiKey" 
+                                   placeholder="WU1BUElL.apik_xxxxx..." dir="ltr" />
+                            <p class="help-block">ה-Token שקיבלת מ-Call2All (מתחיל ב-WU1BUElL)</p>
+                        </div>
+
+                        <div class="form-group">
+                            <details style="border: 1px solid #ddd; padding: 10px; border-radius: 4px; background-color: #f9f9f9;">
+                                <summary style="cursor: pointer; font-weight: bold; color: #337ab7; outline: none;">
+                                    <i class="fa fa-cogs"></i> הגדרות מתקדמות (עריכת פרמטרים ותוכן ההודעה)
+                                </summary>
+                                <div style="margin-top: 15px; padding-left: 10px; border-left: 3px solid #337ab7;">
+                                    <div class="form-group">
+                                        <label for="voiceServerUrl">כתובת ה-API (Endpoint)</label>
+                                        <input type="text" class="form-control" id="voiceServerUrl" name="voiceServerUrl" 
+                                               placeholder="https://www.call2all.co.il/ym/api/RunCampaign" dir="ltr" />
+                                        <p class="help-block">כתובת השרת אליו נשלחת הבקשה.</p>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="voiceTtsMode">מצב ה-TTS (ttsMode)</label>
+                                        <input type="text" class="form-control" id="voiceTtsMode" name="voiceTtsMode" 
+                                               placeholder="1" dir="ltr" />
+                                        <p class="help-block">ערך הפרמטר <code>ttsMode</code> הנשלח ל-API (ברירת מחדל: 1).</p>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="voiceMessageTemplate">תוכן ההודעה (Template)</label>
+                                        <textarea class="form-control" id="voiceMessageTemplate" name="voiceMessageTemplate" rows="3" dir="rtl"></textarea>
+                                        <p class="help-block">
+                                            הטקסט שיוקרא למשתמש.<br/>
+                                            Placeholders חובה: <code>{code}</code> (הקוד), <code>{siteTitle}</code> (שם האתר)
+                                        </p>
+                                    </div>
+                                </div>
+                            </details>
+                        </div>
+                        <hr />
+
+                        <div class="form-group">
+                            <div class="checkbox">
+                                <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+                                    <input type="checkbox" class="mdl-switch__input" id="blockUnverifiedUsers" name="blockUnverifiedUsers">
+                                    <span class="mdl-switch__label"><strong>חסום כתיבה למשתמשים לא מאומתים</strong></span>
+                                </label>
+                            </div>
+                            <p class="help-block">
+                                אם מופעל, משתמשים רשומים שלא אימתו את הטלפון שלהם לא יוכלו לפתוח נושאים חדשים או להגיב.
+                            </p>
+                        </div>
+
+                        <div class="form-group">
+                            <button type="submit" class="btn btn-primary" id="save-settings-btn">
+                                <i class="fa fa-save"></i> שמור הגדרות
+                            </button>
+                            <span id="settings-status" class="text-success" style="margin-right: 10px; display: none;">
+                                <i class="fa fa-check"></i> נשמר!
+                            </span>
+                        </div>
+                    </form>
+                    
+                    <hr />
+                    
+                    <h4>בדיקת שיחה</h4>
+                    <div class="form-inline">
+                        <div class="form-group">
+                            <input type="text" class="form-control" id="test-phone" 
+                                   placeholder="05X-XXXXXXX" dir="ltr" style="width: 150px;" />
+                        </div>
+                        <button type="button" class="btn btn-warning" id="test-call-btn">
+                            <i class="fa fa-phone"></i> שלח שיחת בדיקה
+                        </button>
+                        <span id="test-status" style="margin-right: 10px;"></span>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h3 class="panel-title"><i class="fa fa-phone"></i> ניהול אימות טלפון</h3>
+                </div>
+                <div class="panel-body">
+                    
+                    <div class="well">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <h4>חיפוש משתמש לפי מספר טלפון</h4>
+                                <div class="form-group">
+                                    <div class="input-group">
+                                        <input type="text" class="form-control" id="phone-search" placeholder="הזן מספר טלפון" dir="ltr">
+                                        <span class="input-group-btn">
+                                            <button class="btn btn-primary" type="button" id="search-btn"><i class="fa fa-search"></i> חפש</button>
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6 text-left" style="padding-top: 35px;">
+                                <button class="btn btn-success" id="btn-add-manual-user">
+                                    <i class="fa fa-plus"></i> הוסף משתמש מאומת ידנית
+                                </button>
+                            </div>
+                        </div>
+                        <div id="search-result" style="display:none;"><div class="alert" id="search-alert"></div></div>
+                    </div>
+                    
+                    <div class="row" style="margin-bottom: 20px;">
+                        <div class="col-md-4">
+                            <div class="panel panel-info">
+                                <div class="panel-heading"><h4 class="panel-title">סה"כ משתמשים עם טלפון</h4></div>
+                                <div class="panel-body text-center"><h2 id="total-users">0</h2></div>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="panel panel-success">
+                                <div class="panel-heading"><h4 class="panel-title">משתמשים מאומתים</h4></div>
+                                <div class="panel-body text-center"><h2 id="verified-count">0</h2></div>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <h4>רשימת משתמשים</h4>
+                    <div class="table-responsive">
+                        <table class="table table-striped table-hover" id="users-table">
+                            <thead>
+                                <tr>
+                                    <th>מזהה (UID)</th>
+                                    <th>שם משתמש</th>
+                                    <th>מספר טלפון</th>
+                                    <th>תאריך אימות</th>
+                                    <th>סטטוס</th>
+                                    <th class="text-right">פעולות לניהול</th>
+                                </tr>
+                            </thead>
+                            <tbody id="users-tbody">
+                                <tr><td colspan="6" class="text-center">טוען...</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <nav aria-label="ניווט עמודים" class="text-center"><ul class="pagination" id="users-pagination"></ul></nav>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>