arabic-web-development/examples/js-components-v1.10.arhtml at master · GalaxyRuler/arabic-web-development · GitHub

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
<صفحة>
  <رأس>
    <عنوان>مكونات ويب عربية</عنوان>
  </رأس>
  <جسم>
    <رئيسي>
      <عنوان_١>مكونات ويب عربية</عنوان_١>
      <فقرة>مثال لتوسيع JavaScript نحو المكونات والعمال والتخزين المحلي المتقدم.</فقرة>
      <تقسيم معرف="بطاقات"></تقسيم>
    </رئيسي>
    <سكربت>
      صنف بطاقة_عربية يمتد عنصر_اتش_تي_ام_ال {
        ساكن اجلب_قيمه سمات_مرصودة() { ارجع ["data-title"]; }

        اتصل_العنصر() {
          ثابت ظل = هذا.ارفق_ظل({ نمط_ظل: "open" });
          ثابت قالب = مستند.انشئ_عنصر("template");
          قالب.اتش_تي_ام_الداخلي = `<article><h2>${هذا.اجلب_سمه("data-title")}</h2><slot></slot></article>`;
          ظل.اضف_طفلا(قالب.محتوى_القالب.استنسخ_عقده(صحيح));
        }

        تغيرت_السمة(اسم, قديم, حديث) {
          إذا (هذا.جذر_ظل) {
            هذا.جذر_ظل.اختر("h2").نص_داخلي = حديث;
          }
        }
      }

      عناصر_مخصصة.عرف_عنصرا("arabic-card", بطاقة_عربية);

      ثابت قناة = جديد قناة_رسائل();
      قناة.منفذ_اول.ابدأ_منفذ();
      قناة.منفذ_اول.عند_رسالة = دالة (واقعة) {
        وحدة_تحكم.اطبع(واقعة.بيانات_رسالة);
      };

      ثابت عامل_خلفي = جديد عامل("/worker.js");
      عامل_خلفي.انشر_رسالة({ قناة: قناة.منفذ_ثان }, [قناة.منفذ_ثان]);

      ثابت متحكم_الغاء_تحميل = جديد متحكم_الغاء();
      متحكم_الغاء_تحميل.اشارة.ارم_اذا_الغي();

      ثابت تيار = جديد تيار_مقروء({
        ابدأ_منفذ(متحكم_تيار_محلي) {
          متحكم_تيار_محلي.اضف_للطابور("بطاقة");
          متحكم_تيار_محلي.اغلق_تيارا();
        }
      });
      تيار.اجلب_قارئا().اقرأ_تيارا().ثم(دالة (نتيجة) {
        وحدة_تحكم.اطبع(نتيجة);
      });

      ثابت طلب_فتح = قاعدة_مفهرسة.افتح("arabic-web", 1);
      طلب_فتح.عند_ترقية = دالة (واقعة) {
        ثابت قاعدة = واقعة.هدف_الحدث.نتيجة_قراءة;
        ثابت مخزن = قاعدة.انشئ_مخزن_كائنات("cards", { مسار_مفتاح: "id", تصاعد_تلقائي: صحيح });
        مخزن.انشئ_فهرس("by_title", "title");
      };
      طلب_فتح.عند_نجاح = دالة () {
        ثابت قاعدة = طلب_فتح.نتيجة_قراءة;
        ثابت معاملة_حفظ = قاعدة.معاملة("cards", "readwrite");
        معاملة_حفظ.مخزن_كائنات("cards").ضع_سجلا({ "id": 1, "title": "بطاقة" });
      };
    </سكربت>
  </جسم>
</صفحة>