forked from syncfusion/ej2-vue-samples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathright-to-left.vue
284 lines (280 loc) · 13.6 KB
/
right-to-left.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<template>
<div>
<div class="control-section">
<ejs-pdfviewer id="pdfviewer" :serviceUrl="serviceUrl" :documentPath="documentPath" :enableRtl="true" locale='ar-AE' :annotationSettings="annotationSettings"></ejs-pdfviewer>
</div>
<div id="action-description">
<p>RTL provides an option to switch the text direction and layout of the PDF Viewer from right to left. It improves the user experiences and accessibility for users who use right-to-left languages (Arabic, Farsi, Urdu, etc.). To enable RTL PDF Viewer, set the enableRtl to true.</p>
</div>
<div id="description">
<p>
In this example, you can see PDF Viewer right-to-left and the locale set in arabic[locale value is ar-AE]
</p>
<p>
By default, locale value is en-US. If you want to change the en-US culture to a different culture, you have to change the locale accordingly.
</p>
<p>
More information on the PDF Viewer features can be found in this
<a target="_blank"
href="https://ej2.syncfusion.com/vue/documentation/pdfviewer/getting-started/">
documentation section</a>.
</p>
</div>
</div>
</template>
<style scoped>
#pdfviewer {
height: 640px;
}
</style>
<script>
import Vue from "vue";
import { PdfViewerPlugin, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner } from "@syncfusion/ej2-vue-pdfviewer";
import { L10n, setCulture } from '@syncfusion/ej2-base';
Vue.use(PdfViewerPlugin);
export default Vue.extend({
data: function() {
return {
serviceUrl:"https://ej2services.syncfusion.com/production/web-services/api/pdfviewer",
documentPath:"RTLText.pdf",
annotationSettings: {author: 'مقبول'}
}
},
provide: {
PdfViewer: [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner]
}
});
//PDF Viewer Arabic Sample Locale
L10n.load({
'ar-AE': {
'PdfViewer' : {
'PdfViewer': 'قوات الدفاع الشعبي المشاهد',
'Cancel' : 'إلغاء',
'Download file' : 'تحميل الملف',
'Download': 'تحميل',
'Enter Password' : 'هذا المستند محمي بكلمة مرور. يرجى إدخال كلمة مرور.',
'File Corrupted' : 'ملف تالف',
'File Corrupted Content' : 'الملف تالف ولا يمكن فتحه.',
'Fit Page' : 'لائق بدنيا الصفحة',
'Fit Width' : 'لائق بدنيا عرض',
'Automatic' : 'تلقائي',
'Go To First Page' : 'عرض الصفحة الأولى',
'Invalid Password' : 'كلمة سر خاطئة. حاول مرة اخرى.',
'Next Page' : 'عرض الصفحة التالية',
'OK': 'حسنا',
'Open' : 'فتح الملف',
'Page Number' : 'رقم الصفحة الحالية',
'Previous Page' : 'عرض الصفحة السابقة',
'Go To Last Page' : 'عرض الصفحة الأخيرة',
'Zoom' : 'تكبير',
'Zoom In' : 'تكبير في',
'Zoom Out' : 'تكبير خارج',
'Page Thumbnails': 'مصغرات الصفحة',
'Bookmarks': 'المرجعية',
'Print' : 'اطبع الملف',
'Password Protected' : 'كلمة المرور مطلوبة',
'Copy': 'نسخ',
'Text Selection': 'أداة اختيار النص',
'Panning': 'وضع عموم',
'Text Search': 'بحث عن نص',
'Find in document': 'ابحث في المستند',
'Match case': 'حالة مباراة',
'Apply': 'تطبيق',
'GoToPage': 'انتقل إلى صفحة',
'No matches': 'انتهى العارض من البحث في المستند. لم يتم العثور على مزيد من التطابقات',
'No Text Found': 'لم يتم العثور على نص',
'Undo' : 'فك',
'Redo' : 'فعل ثانية',
'Annotation': 'إضافة أو تعديل التعليقات التوضيحية',
'Highlight': 'تسليط الضوء على النص',
'Underline': 'تسطير النص',
'Strikethrough': 'نص يتوسطه خط',
'Delete': 'حذف التعليق التوضيحي',
'Opacity': 'غموض',
'Color edit': 'غير اللون',
'Opacity edit': 'تغيير التعتيم',
'highlight': 'تسليط الضوء',
'underline': 'أكد',
'strikethrough': 'يتوسطه',
// tslint:disable-next-line:max-line-length
'Server error': 'خدمة الانترنت لا يستمع. يعتمد قوات الدفاع الشعبي المشاهد على خدمة الويب لجميع ميزاته. يرجى بدء خدمة الويب للمتابعة.',
'Open text': 'افتح',
'First text': 'الصفحة الأولى',
'Previous text': 'الصفحة السابقة',
'Next text': 'الصفحة التالية',
'Last text': 'آخر صفحة',
'Zoom in text': 'تكبير',
'Zoom out text': 'تصغير',
'Selection text': 'اختيار',
'Pan text': 'مقلاة',
'Print text': 'طباعة',
'Seach text': 'بحث',
'Annotation Edit text': 'تحرير التعليق التوضيحي',
'Line Thickness': 'سمك الخط',
'Line Properties': 'خط الخصائص',
'Start Arrow': 'ابدأ السهم',
'End Arrow': 'نهاية السهم',
'Line Style': 'أسلوب الخط',
'Fill Color': 'ملء اللون',
'Line Color': ' الخط اللون',
'None': 'لا شيء',
'Open Arrow': 'افتح',
'Closed Arrow': 'مغلق',
'Round Arrow': 'مستدير',
'Square Arrow': 'مربع',
'Diamond Arrow': 'الماس',
'Cut': 'يقطع',
'Paste': 'معجون',
'Delete Context': 'حذف',
'Properties': 'الخصائص',
'Add Stamp': 'إضافة الطوابع',
'Add Shapes': 'أضف الأشكال',
'Stroke edit': 'تغيير لون السكتة الدماغية',
'Change thickness': 'تغيير سمك الحدود',
'Add line': 'إضافة خط',
'Add arrow': 'سهم إضافة',
'Add rectangle': 'أضف مستطيل',
'Add circle': 'إضافة دائرة',
'Add polygon': 'أضف مضلع',
'Add Comments': 'أضف تعليقات',
'Comments': 'تعليقات',
'No Comments Yet': 'لا توجد تعليقات حتى الآن',
'Accepted': 'وافقت',
'Completed': 'منجز',
'Cancelled': 'ألغيت',
'Rejected': 'مرفوض',
'Leader Length': 'زعيم الطول',
'Scale Ratio': 'نسبة مقياس',
'Calibrate': 'عاير',
'Calibrate Distance': 'معايرة المسافة',
'Calibrate Perimeter': 'معايرة محيط',
'Calibrate Area': 'عاير منطقة',
'Calibrate Radius': 'معايرة نصف القطر',
'Calibrate Volume': 'معايرة الحجم',
'Depth': 'عمق',
'Closed': 'مغلق',
'Round': 'مستدير',
'Square': 'ميدان',
'Diamond': 'الماس',
'Edit': 'تصحيح',
'Comment': 'تعليقات',
'Comment Panel': 'لوحة التعليقات',
'Set Status': 'تعيين الحالة',
'Post': 'بريد',
'Page': 'صفحة',
'Add a comment': 'أضف تعليق',
'Add a reply': 'أضف رد',
'Import Annotations': 'استيراد التعليقات التوضيحية',
'Export Annotations': 'شروح التصدير',
'Add': 'أضف',
'Clear': 'واضح',
'Bold': 'بالخط العريض',
'Italic': 'مائل',
'Strikethroughs': 'يتوسطه',
'Underlines': 'تحت الخط',
'Superscript': 'حرف فوقي',
'Subscript': 'الفرعية النصي',
'Align left': 'محاذاة اليسار',
'Align right': 'محاذاة اليمين',
'Center': 'مركز',
'Justify': 'برر',
'Font color': 'لون الخط',
'Text Align': 'محاذاة النص',
'Text Properties': 'نوع الخط',
'Draw Signature': 'ارسم التوقيع',
'Create': 'خلق',
'Font family': 'خط العائلة',
'Font size': 'حجم الخط',
'Free Text': 'نص حر',
'Import Failed': 'نوع ملف سلمان أو اسم الملف غير صالح ؛ يرجى تحديد ملف سلمانصالح',
'File not found': 'لم يتم العثور على ملف سلمان المستورد في الموقع المطلوب',
'Export Failed': 'شل إجراء تصدير التعليقات التوضيحية ؛ يرجى التأكد من إضافة التعليقات التوضيحية بشكل صحيح',
'Dynamic': 'متحرك',
'Standard Business': 'الأعمال القياسية',
'Sign Here': 'وقع هنا',
'Custom Stamp': 'ختم مخصص',
'InitialFieldDialogHeaderText': 'إضافة الأولية',
'HandwrittenInitialDialogHeaderText': 'إضافة الأولية',
'SignatureFieldDialogHeaderText': 'أضف التوقيع',
'HandwrittenSignatureDialogHeaderText': 'أضف التوقيع',
'Draw-hand Signature': 'يرسم',
'Type Signature': 'نوع',
'Upload Signature': 'تحميل',
'Browse Signature Image': 'تصفح',
'Save Signature': 'احفظ التوقيع',
'Save Initial': 'حفظ الأولي',
'Highlight context': 'تسليط الضوء',
'Underline context': 'تسطير',
'Strikethrough context': 'يتوسطه خط',
// 'FormDesigner Edit text': 'إضافة وتحرير حقل النموذج',
'FormDesigner': 'إضافة وتحرير حقل النموذج',
'SubmitForm': 'تقديم النموذج',
'Search text': 'بحث',
'Draw Ink': 'ارسم الحبر',
'Revised': 'مراجعة',
'Reviewed': 'تمت المراجعة',
'Received': 'تم الاستلام',
'Confidential': 'مؤتمن',
'Approved': 'وافق',
'Not Approved': 'غير مقبول',
'Witness': 'الشاهد',
'Initial Here': 'المبدئي هنا',
'Draft': 'مشروع',
'Final': 'أخير',
'For Public Release': 'للنشر العام',
'Not For Public Release': 'ليس للنشر العام',
'For Comment': 'للتعليق',
'Void': 'فارغ',
'Preliminary Results': 'نتائج اولية',
'Information Only': 'المعلومات فقط',
'Enter Signature as Name': 'أدخل أسمك',
'Textbox': 'مربع الكتابة',
'Password': 'كلمه السر',
'Check Box': 'خانة اختيار',
'Radio Button': 'زر الراديو',
'Dropdown': 'اسقاط',
'List Box': 'مربع القائمة',
'Signature': 'إمضاء',
'Delete FormField': 'حذف حقل النموذج',
'FormDesigner Edit text': 'إضافة وتحرير حقل النموذج',
'in': 'في',
'm': 'م',
'ft_in': 'قدم',
'ft': 'قدم',
'p': 'ص',
'cm': 'سم',
'mm': 'مم',
'pt': 'نقطة',
'cu': 'مكعب',
'sq': 'قدم مربع',
'General': 'جنرال لواء',
'Appearance': 'مظهر خارجي',
'Options': 'والخيارات',
'Textbox Properties': 'خصائص مربع النص',
'Name': 'اسم',
'Tooltip': 'تلميح',
'Value': 'القيمة',
'Form Field Visibility': 'رؤية حقل النموذج',
'Read Only': 'يقرأ فقط',
'Required': 'مطلوب',
'Checked': 'التحقق',
'Show Printing': 'عرض الطباعة',
'Formatting': 'صيغة',
'Fill': 'يملأ',
'Border': 'الحدود',
'Border Color': 'لون الحدود',
'Thickness': 'السماكة',
'Max Length': 'الحد الاقصى للطول',
'List Item': 'اسم العنصر',
'Export Value': 'قيمة البند',
'Dropdown Item List': 'قائمة العناصر المنسدلة',
'List Box Item List': 'قائمة عناصر مربع القائمة',
'Delete Item': 'حذف',
'Up': 'فوق',
'Down': 'تحت',
'Multiline': 'متعدد الأسطر',
'Initial': 'أولي'
}
}
});
</script>