odoo-addons/addons/havari_arabic_fonts/views/res_config_settings_views.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <record id="res_config_settings_view_form_font_arabic" model="ir.ui.view">
        <field name="name">res.config.settings.view.form.inherit.havari_arabic_fonts</field>
        <field name="model">res.config.settings</field>
        <field name="priority">50</field>
        <field name="inherit_id" ref="base.res_config_settings_view_form"/>
        <field name="arch" type="xml">
            <xpath expr="//div[hasclass('settings')]" position="inside">
                <div class="app_settings_block" data-string="الخطوط العربية" string="الخطوط العربية" data-key="havari_arabic_fonts">
                    <h2>الخطوط العربية - إعدادات الواجهة</h2>

                    <div class="row mt16 o_settings_container" id="font_backend_settings">
                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="font_preset" string="النمط العام"/>
                                <div class="text-muted">اختر نمط عرض الخطوط</div>
                                <div class="content-group">
                                    <field name="font_preset" widget="radio"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="font_size_base" string="حجم الخط الأساسي"/>
                                <div class="text-muted">حجم الخط الأساسي للواجهة</div>
                                <div class="content-group">
                                    <field name="font_size_base"/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <h2>خطوط العناوين</h2>
                    <div class="row mt16 o_settings_container" id="font_heading_settings">
                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="font_heading" string="خط العناوين"/>
                                <div class="text-muted">الخط المستخدم في العناوين</div>
                                <div class="content-group">
                                    <field name="font_heading"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="font_heading_weight" string="وزن خط العناوين"/>
                                <div class="text-muted">درجة سماكة خط العناوين</div>
                                <div class="content-group">
                                    <field name="font_heading_weight"/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <h2>خطوط النصوص</h2>
                    <div class="row mt16 o_settings_container" id="font_body_settings">
                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="font_body" string="خط النصوص"/>
                                <div class="text-muted">الخط المستخدم في النصوص</div>
                                <div class="content-group">
                                    <field name="font_body"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="font_body_weight" string="وزن خط النصوص"/>
                                <div class="text-muted">درجة سماكة خط النصوص</div>
                                <div class="content-group">
                                    <field name="font_body_weight"/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <h2>خطوط التقارير والطباعة</h2>
                    <div class="row mt16 o_settings_container" id="font_report_settings">
                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="report_font_heading" string="خط عناوين التقارير"/>
                                <div class="text-muted">الخط المستخدم في عناوين التقارير</div>
                                <div class="content-group">
                                    <field name="report_font_heading"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="report_font_heading_weight" string="وزن خط عناوين التقارير"/>
                                <div class="text-muted">درجة سماكة خط عناوين التقارير</div>
                                <div class="content-group">
                                    <field name="report_font_heading_weight"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="report_font_body" string="خط نصوص التقارير"/>
                                <div class="text-muted">الخط المستخدم في نصوص التقارير</div>
                                <div class="content-group">
                                    <field name="report_font_body"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="report_font_body_weight" string="وزن خط نصوص التقارير"/>
                                <div class="text-muted">درجة سماكة خط نصوص التقارير</div>
                                <div class="content-group">
                                    <field name="report_font_body_weight"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-lg-6 o_setting_box">
                            <div class="o_setting_left_pane"/>
                            <div class="o_setting_right_pane">
                                <label for="report_font_size" string="حجم خط التقارير"/>
                                <div class="text-muted">حجم الخط في التقارير</div>
                                <div class="content-group">
                                    <field name="report_font_size"/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- قسم المعاينة المباشرة -->
                    <h2>
                        <i class="fa fa-eye me-2"/>
                        معاينة الخطوط
                    </h2>
                    <div class="row mt16 o_settings_container" id="font_preview_section">
                        <div class="col-12">
                            <div style="padding: 20px; border: 1px solid #dee2e6; border-radius: 8px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);">

                                <!-- معاينة العنوان -->
                                <div style="margin-bottom: 20px; padding: 15px; background: white; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
                                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
                                        <small style="color: #6c757d;">
                                            <i class="fa fa-heading me-1"/>
                                            خط العناوين:
                                        </small>
                                        <span id="font_heading_name" class="badge bg-primary">Cairo</span>
                                    </div>
                                    <h1 id="font_preview_heading" style="font-family: 'Cairo', sans-serif; font-weight: 700; font-size: 2.2em; margin: 0 0 15px 0; color: #212529; direction: rtl; text-align: right;">
                                        بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ
                                    </h1>
                                    <h2 id="font_preview_heading_2" style="font-family: 'Cairo', sans-serif; font-weight: 700; font-size: 1.6em; margin: 0 0 10px 0; color: #343a40; direction: rtl; text-align: right;">
                                        الحمد لله رب العالمين
                                    </h2>
                                    <h3 id="font_preview_heading_3" style="font-family: 'Cairo', sans-serif; font-weight: 600; font-size: 1.3em; margin: 0; color: #495057; direction: rtl; text-align: right;">
                                        إدارة الخطوط العربية في أودوو - Odoo Arabic Fonts
                                    </h3>
                                </div>

                                <!-- معاينة النص -->
                                <div style="margin-bottom: 20px; padding: 15px; background: white; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
                                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
                                        <small style="color: #6c757d;">
                                            <i class="fa fa-align-right me-1"/>
                                            خط النصوص:
                                        </small>
                                        <span id="font_body_name" class="badge bg-secondary">Tajawal</span>
                                    </div>
                                    <p id="font_preview_body" style="font-family: 'Tajawal', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.8; margin: 0; color: #495057; direction: rtl; text-align: right;">
                                        هذا نص تجريبي لمعاينة الخط المختار. يمكنك تغيير الخط من القائمة أعلاه ومشاهدة التغيير فوراً.
                                        <br/>
                                        <span style="color: #868e96;">الأرقام العربية: ٠١٢٣٤٥٦٧٨٩ | الأرقام الإنجليزية: 0123456789</span>
                                    </p>
                                </div>

                                <!-- معاينة مثال فاتورة - تستخدم خطوط التقارير -->
                                <div style="padding: 15px; background: white; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
                                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
                                        <small style="color: #6c757d;">
                                            <i class="fa fa-file-text-o me-1"/>
                                            معاينة خطوط التقارير (فاتورة):
                                        </small>
                                        <div>
                                            <span id="report_font_heading_name" class="badge bg-info me-1">Cairo</span>
                                            <span id="report_font_body_name" class="badge bg-success">Tajawal</span>
                                        </div>
                                    </div>
                                    <div id="font_preview_invoice" style="direction: rtl; text-align: right; font-family: 'Tajawal', sans-serif; font-size: 13px; border: 1px solid #e9ecef; border-radius: 4px; padding: 15px;">
                                        <div style="display: flex; justify-content: space-between; border-bottom: 2px solid #007bff; padding-bottom: 10px; margin-bottom: 15px;">
                                            <span class="invoice_title" style="font-family: 'Cairo', sans-serif; font-weight: 700; font-size: 1.3em; color: #007bff;">فاتورة مبيعات</span>
                                            <span style="color: #6c757d;">رقم: INV/2024/0001</span>
                                        </div>
                                        <table style="width: 100%; border-collapse: collapse;">
                                            <thead>
                                                <tr style="background: #f8f9fa;">
                                                    <th style="padding: 10px; text-align: right; border-bottom: 1px solid #dee2e6;">المنتج</th>
                                                    <th style="padding: 10px; text-align: center; border-bottom: 1px solid #dee2e6;">الكمية</th>
                                                    <th style="padding: 10px; text-align: left; border-bottom: 1px solid #dee2e6;">السعر</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td style="padding: 10px; border-bottom: 1px solid #f1f3f4;">خدمة استضافة سنوية</td>
                                                    <td style="padding: 10px; text-align: center; border-bottom: 1px solid #f1f3f4;">1</td>
                                                    <td style="padding: 10px; text-align: left; border-bottom: 1px solid #f1f3f4;">1,200.00 ر.س</td>
                                                </tr>
                                                <tr>
                                                    <td style="padding: 10px; border-bottom: 1px solid #f1f3f4;">دعم فني شهري</td>
                                                    <td style="padding: 10px; text-align: center; border-bottom: 1px solid #f1f3f4;">12</td>
                                                    <td style="padding: 10px; text-align: left; border-bottom: 1px solid #f1f3f4;">600.00 ر.س</td>
                                                </tr>
                                            </tbody>
                                            <tfoot>
                                                <tr style="font-weight: bold; background: #f8f9fa;">
                                                    <td colspan="2" style="padding: 10px; border-top: 2px solid #dee2e6;">الإجمالي</td>
                                                    <td style="padding: 10px; text-align: left; border-top: 2px solid #dee2e6; color: #28a745;">1,800.00 ر.س</td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </xpath>
        </field>
    </record>
</odoo>