Hamza/nabeh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deploy: 2026-05-25 00:59:08

Browse Source
This commit is contained in:
Hamza-Ayed
2026-05-25 00:59:08 +03:00
parent 1094e2ac2f
commit 722f92cb2f
2 changed files with 81 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
backend/public/index.html
View File

@@ -1150,6 +1150,34 @@
<button class="modal-close" @click="showMetaConnectModal = false">&times;</button>
</div>
<div class="modal-body">
<!-- Instructions Section -->
<div style="background: rgba(255, 255, 255, 0.03); border: 1px solid var(--card-border); border-radius: 8px; padding: 1rem; margin-bottom: 1.5rem; font-size: 0.8rem; line-height: 1.6; text-align: start;" :style="lang === 'ar' ? 'direction: rtl;' : ''">
<h4 style="margin-bottom: 0.5rem; color: var(--primary-accent); display: flex; align-items: center; gap: 0.25rem;" :style="lang === 'ar' ? 'flex-direction: row-reverse' : ''">
<span>ℹ️</span>
<span x-text="lang === 'ar' ? 'تعليمات الحصول على المعرف والرمز:' : 'How to get ID and Access Token:'"></span>
</h4>
<!-- Messenger instructions -->
<div x-show="newMetaSession.channel_type === 'messenger'">
<ol style="margin-left: 1.25rem; padding-left: 0; margin-top: 0.25rem;" :style="lang === 'ar' ? 'margin-left: 0; margin-right: 1.25rem;' : ''">
<li x-text="lang === 'ar' ? 'اذهب إلى developers.facebook.com وقم بإنشاء/تحديد تطبيقك.' : 'Go to developers.facebook.com and create/select your App.'"></li>
<li x-text="lang === 'ar' ? 'أضف منتج Messenger للتطبيق.' : 'Add the Messenger product to your App.'"></li>
<li x-text="lang === 'ar' ? 'من إعدادات Messenger API، قم بربط صفحتك وتوليد رمز الوصول (Token).' : 'Under Messenger API settings, link your Facebook Page and generate the Token.'"></li>
<li x-text="lang === 'ar' ? 'انسخ معرّف الصفحة (Page ID) ورمز الوصول وضعهما في الحقول أدناه.' : 'Copy the Page ID and the generated Access Token into the fields below.'"></li>
</ol>
</div>
<!-- Instagram instructions -->
<div x-show="newMetaSession.channel_type === 'instagram'">
<ol style="margin-left: 1.25rem; padding-left: 0; margin-top: 0.25rem;" :style="lang === 'ar' ? 'margin-left: 0; margin-right: 1.25rem;' : ''">
<li x-text="lang === 'ar' ? 'تأكد من تحويل حساب إنستغرام لحساب أعمال (Business Account) وربطه بصفحة فيسبوك.' : 'Ensure your Instagram account is set as a Business/Professional account and linked to a Facebook Page.'"></li>
<li x-text="lang === 'ar' ? 'اذهب إلى developers.facebook.com وأضف منتج Messenger للتطبيق.' : 'Go to developers.facebook.com and add the Messenger product to your App.'"></li>
<li x-text="lang === 'ar' ? 'انسخ معرّف حساب إنستغرام للأعمال من إعدادات صفحة فيسبوك (الحسابات المرتبطة).' : 'Copy your Instagram Professional Account ID from your Facebook Page settings (Linked Accounts).'"></li>
<li x-text="lang === 'ar' ? 'قم بتوليد رمز الوصول للصفحة المرتبطة واستخدمه في حقل الرمز أدناه.' : 'Generate the Access Token for the linked Page and use it in the Token field below.'"></li>
</ol>
</div>
</div>
<div class="form-group">
<label class="form-label" x-text="lang === 'ar' ? 'الاسم' : 'Name'"></label>
<input type="text" x-model="newMetaSession.page_name" class="form-input" :placeholder="lang === 'ar' ? 'اسم الصفحة أو الحساب' : 'Page or Profile Name'">