decidim-decidim_awesome 0.12.0 → 0.12.4

data/app/packs/src/decidim/decidim_awesome/admin/auto_edit.js

@@ -14,8 +14,9 @@ document.addEventListener("DOMContentLoaded", () => {
 
       const key = target.dataset.key;
       const attribute = target.dataset.var;
-      const inputField = document.querySelector(`[name="config[${attribute}][${key}]"]`);
-      const multipleField = document.querySelector(`[name="config[${attribute}][${key}][]"]`);
+      const inputFields = document.querySelectorAll(`[name="config[${attribute}][${key}]"]`);
+      const multipleFields = document.querySelectorAll(`[name="config[${attribute}][${key}][]"]`);
+      const subFields = document.querySelectorAll(`[name^="config[${attribute}[${key}]]"]`);
       const container = document.querySelector(`.js-box-container[data-key="${key}"]`);
       const deleteBox = container.querySelector(".awesome-auto-delete");
 
@@ -32,11 +33,23 @@ document.addEventListener("DOMContentLoaded", () => {
       const rebuildHtml = (result) => {
         rebuildLabel(result.key, result.scope);
         constraints.outerHTML = result.html;
-        if (inputField) {
-          inputField.setAttribute("name", `config[${attribute}][${result.key}]`);
+        if (inputFields.length > 0) {
+          inputFields.forEach((inputField) => {
+            inputField.setAttribute("name", `config[${attribute}][${result.key}]`);
+          });
         }
-        if (multipleField) {
-          multipleField.setAttribute("name", `config[${attribute}][${result.key}][]`);
+        if (multipleFields.length > 0) {
+          multipleFields.forEach((multipleField) => {
+            multipleField.setAttribute("name", `config[${attribute}][${result.key}][]`);
+          });
+        }
+        if (subFields.length > 0) {
+          subFields.forEach((subField) => {
+            subField.setAttribute("name", subField.getAttribute("name").replace(
+              `config[${attribute}[${key}]]`,
+              `config[${attribute}[${result.key}]]`
+            ));
+          });
         }
         container.dataset.key = result.key;
         container.setAttribute("data-key", result.key);
@@ -56,6 +69,12 @@ document.addEventListener("DOMContentLoaded", () => {
         if (container) {
           // reloads dialogs (modals)
           document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: container }));
+          // If editor are created, they will be duplicated by the ajax:loaded event, so we remove them
+          document.querySelectorAll(".editor-toolbar").forEach((toolbar) => {
+            if (toolbar.nextElementSibling && toolbar.nextElementSibling.classList.contains("editor-toolbar")) {
+              toolbar.nextElementSibling.remove();
+            }
+          });
         }
         // Rebuild the manual handling of remote modals
         document.dispatchEvent(new CustomEvent("ajax:loaded:modals", { detail: [editModal, newModal] }));

data/app/packs/src/decidim/decidim_awesome/admin/custom_fields_builder.js

@@ -1,5 +1,6 @@
 import "formBuilder/dist/form-builder.min.js";
 import "src/decidim/decidim_awesome/forms/rich_text_plugin"
+
 // formBuilder uses jquery-ui-sortable which is a very dirty npm package with no neat source code available, and causes problems with the webpacker configuration of Decidim.
 // For the moment, we'll remove the sortable functionality with a dummy jQuery plugin until we find another sortable plugin (or keep it disabled for good)
 jQuery.fn.sortable = () => {}
@@ -10,6 +11,7 @@ $(() => {
   $(".awesome-edit-config .proposal_custom_fields_editor").each((_idx, el) => {
     const key = $(el).closest(".proposal_custom_fields_container").data("key");
     const configVar = $(el).closest(".proposal_custom_fields_container").data("var");
+
     // DOCS: https://formbuilder.online/docs
     window.CustomFieldsBuilders.push({
       el: el,
@@ -17,8 +19,8 @@ $(() => {
       var: configVar,
       config: {
         i18n: {
-          locale: "en-US",
-          location: "https://cdn.jsdelivr.net/npm/formbuilder-languages@1.1.0/"
+          locale: window.DecidimAwesome.currentLocale,
+          location: window.DecidimAwesome.formBuilderLangsLocation
         },
         formData: $(`input[name="config[${configVar}][${key}]"]`).val(),
         disableFields: ["button", "file"],

data/app/packs/src/decidim/decidim_awesome/admin/verifications.js

@@ -17,10 +17,13 @@ document.addEventListener("DOMContentLoaded", () => {
   });
   
   
-  document.body.addEventListener("ajax:complete", (responseText) => {
-    const response = JSON.parse(responseText.detail[0].response)
+  document.body.addEventListener("ajax:error", (responseText) => {
+    container.innerHTML = `<div>${responseText.detail[0]}</div>`;
+  });
+  document.body.addEventListener("ajax:success", (responseText) => {
+    // console.log("ajax:success", responseText);
+    const response = responseText.detail[0];
     const button = document.querySelector(`[data-verification-handler="${response.handler}"][data-verification-user-id="${response.userId}"]`);
-    // console.log("ajax:complete", responseText, "response", response, "button", button);
     container.innerHTML = response.message;
 
     if (response.granted) {

data/app/packs/src/decidim/decidim_awesome/awesome_admin.js

@@ -9,6 +9,5 @@ import "src/decidim/decidim_awesome/admin/form_exit_warn"
 
 import "src/decidim/decidim_awesome/proposals/custom_fields"
 import "src/decidim/decidim_awesome/admin/custom_fields_builder"
-import "src/decidim/decidim_awesome/admin/verification_selects"
 
 window.DecidimAwesome = window.DecidimAwesome || {};

data/app/packs/src/decidim/decidim_awesome/awesome_map/api/proposals_fetcher.js

@@ -58,7 +58,7 @@ export default class ProposalsFetcher extends Fetcher {
 
   decorateNode(node) {
     super.decorateNode(node);
-    node.authorName = node.author && node.author.name || window.DecidimAwesome.texts.officialAuthor;
+    node.authorName = node.author && node.author.name || window.DecidimAwesome.i18n.officialAuthor;
     node.humanState = window.AwesomeMapProposalTexts[node.state];
     switch (node.state) {
     case "accepted":

data/app/packs/src/decidim/decidim_awesome/awesome_map/controllers/controller.js

@@ -16,7 +16,7 @@ export default class Controller {
   getLabel() {
     let text = this.component.name;
     if (!text || this.awesomeMap.config.menu.mergeComponents) {
-      text = window.DecidimAwesome.texts[this.component.type];
+      text = window.DecidimAwesome.i18n[this.component.type];
     }
     return `<span class="awesome_map-component" id="awesome_map-component_${this.component.id}" title="0" data-layer="${this.component.type}">${text}</span>`
   }

data/app/packs/src/decidim/decidim_awesome/awesome_map/controllers/proposals_controller.js

@@ -16,7 +16,7 @@ export default class ProposalsController extends Controller {
     // add control layer for amendments if any
     if (this.awesomeMap.config.menu.amendments && this.component.amendments && !this.awesomeMap.layers.amendments) {
       this.awesomeMap.layers.amendments = {
-        label: `<span class="awesome_map-component" id="awesome_map-amendments_${this.component.id}" title="0" data-layer="amendments">${window.DecidimAwesome.texts.amendments}</span>`,
+        label: `<span class="awesome_map-component" id="awesome_map-amendments_${this.component.id}" title="0" data-layer="amendments">${window.DecidimAwesome.i18n.amendments}</span>`,
         group: new L.FeatureGroup.SubGroup(this.awesomeMap.cluster)
       }
       this.awesomeMap.controls.main.addOverlay(this.awesomeMap.layers.amendments.group, this.awesomeMap.layers.amendments.label);

data/app/packs/src/decidim/decidim_awesome/awesome_map/controls_ui.js

@@ -82,8 +82,8 @@ export default class ControlsUI {
   addSearchControls() {
     const section = this.main.getContainer().querySelector(".leaflet-control-layers-list");
     if (section) {
-      section.insertAdjacentHTML("beforeend", `<div id="awesome_map-categories-control" class="active"><b class="awesome_map-title-control">${window.DecidimAwesome.texts.categories}</b><div class="categories-container"></div></div>
-    <div id="awesome_map-hashtags-control"><b class="awesome_map-title-control">${window.DecidimAwesome.texts.hashtags}</b><div class="hashtags-container"></div><a href="#" class="awesome_map-toggle_all_tags">${window.DecidimAwesome.texts.selectDeselectAll}</a></div>`);
+      section.insertAdjacentHTML("beforeend", `<div id="awesome_map-categories-control" class="active"><b class="awesome_map-title-control">${window.DecidimAwesome.i18n.categories}</b><div class="categories-container"></div></div>
+    <div id="awesome_map-hashtags-control"><b class="awesome_map-title-control">${window.DecidimAwesome.i18n.hashtags}</b><div class="hashtags-container"></div><a href="#" class="awesome_map-toggle_all_tags">${window.DecidimAwesome.i18n.selectDeselectAll}</a></div>`);
     } else {
       console.error("Can't find the section to insert the controls");
     }
@@ -158,7 +158,7 @@ export default class ControlsUI {
 
         const label = document.querySelector(`label.awesome_map-hashtag-${hashtag.tag}`);
         // update number of items
-        label.setAttribute("title", `${parseInt(label.title || 0, 10) + 1} ${window.DecidimAwesome.texts.items}`);
+        label.setAttribute("title", `${parseInt(label.title || 0, 10) + 1} ${window.DecidimAwesome.i18n.items}`);
       });
     }
   }
@@ -171,12 +171,12 @@ export default class ControlsUI {
     if (label) {      
       label.style.display = "block";
       // update number of items
-      label.setAttribute("title", `${parseInt(label.title || 0, 10) + 1} ${window.DecidimAwesome.texts.items}`);
+      label.setAttribute("title", `${parseInt(label.title || 0, 10) + 1} ${window.DecidimAwesome.i18n.items}`);
     }
     if (parent) {
       // show parent if apply
       parent.style.display = "block"
-      parent.setAttribute("title", `${parseInt(parent.title || 0, 10) + 1} ${window.DecidimAwesome.texts.items}`);
+      parent.setAttribute("title", `${parseInt(parent.title || 0, 10) + 1} ${window.DecidimAwesome.i18n.items}`);
     }
   }
 
@@ -224,7 +224,7 @@ export default class ControlsUI {
   updateStats(uid, total) {
     // update component stats
     const $component = $(`#awesome_map-${uid}`);
-    $component.attr("title", `${total} ${window.DecidimAwesome.texts.items}`);
+    $component.attr("title", `${total} ${window.DecidimAwesome.i18n.items}`);
   }
 
   _indeterminateParentInput(cat) {

data/app/packs/src/decidim/decidim_awesome/awesome_map/load_map.js

@@ -25,7 +25,7 @@ document.addEventListener("DOMContentLoaded", () => {
   const dataset = document.getElementById("awesome-map").dataset;
   const config = {
     length: parse(dataset.truncate) || 254,
-    center: sanitizeCenter(parse(dataset.mapCenter)),
+    center: sanitizeCenter(dataset.mapCenter),
     zoom: parse(dataset.mapZoom),    
     menu: {
       amendments: parse(dataset.menuAmendments),

data/app/packs/src/decidim/decidim_awesome/forms/autosave.js

@@ -55,12 +55,12 @@ document.addEventListener("DOMContentLoaded", () => {
   };
 
   if (!window.localStorage) {
-    showMsg(window.DecidimAwesome.texts.autosavedError, true);
+    showMsg(window.DecidimAwesome.i18n.autosavedError, true);
     return;
   }
 
   if (window.localStorage.getItem(storeId)) {
-    showMsg(window.DecidimAwesome.texts.autosavedRetrieved, false, 5000);
+    showMsg(window.DecidimAwesome.i18n.autosavedRetrieved, false, 5000);
   }
 
   // restore if available
@@ -85,7 +85,7 @@ document.addEventListener("DOMContentLoaded", () => {
       checkboxes[el.id] = el.checked;
     });
     window.localStorage.setItem(storeCheckboxesId, JSON.stringify(checkboxes));
-    showMsg(window.DecidimAwesome.texts.autosavedSuccess);
+    showMsg(window.DecidimAwesome.i18n.autosavedSuccess);
   };
 
   // save changes when modifications

data/app/packs/src/decidim/decidim_awesome/forms/custom_fields_renderer.js

@@ -2,53 +2,6 @@ import "formBuilder/dist/form-render.min.js";
 import "src/decidim/decidim_awesome/forms/rich_text_plugin"
 
 export default class CustomFieldsRenderer { // eslint-disable-line no-unused-vars
-  constructor() {
-    this.lang = this.getLang(window.DecidimAwesome.currentLocale);
-  }
-
-  getLang(lang) {
-    const langs = {
-      // ar: 'ar-SA', // Not in decidim yet
-      "ar": "ar-TN",
-      "ca": "ca-ES",
-      "cs": "cs-CZ",
-      "da": "da-DK",
-      "de": "de-DE",
-      "el": "el-GR",
-      "en": "en-US",
-      "es": "es-ES",
-      "fa": "fa-IR",
-      "fi": "fi-FI",
-      "fr": "fr-FR",
-      "he": "he-IL",
-      "hu": "hu-HU",
-      "it": "it-IT",
-      "ja": "ja-JP",
-      "my": "my-MM",
-      "nb": "nb-NO",
-      "nl": "nl-NL",
-      "pl": "pl-PL",
-      "pt": "pt-BR",
-      "qz": "qz-MM",
-      "ro": "ro-RO",
-      "ru": "ru-RU",
-      "sl": "sl-SI",
-      "th": "th-TH",
-      "tr": "tr-TR",
-      "uk": "uk-UA",
-      "vi": "vi-VN",
-      "zh-TW": "zh-TW",
-      "zh": "zh-CN"
-    };
-    if (langs[lang]) {
-      return langs[lang];
-    }
-    if (langs[lang.substr(0, 2)]) {
-      return langs[lang.substr(0, 2)];
-    }
-    return "en-US";
-  }
-
   /*
   * Creates an XML document with a subset of html-compatible dl/dd/dt elements
   * to store the custom fields answers
@@ -116,70 +69,6 @@ export default class CustomFieldsRenderer { // eslint-disable-line no-unused-var
     return `<xml>${$dl[0].outerHTML}</xml>`;
   }
 
-  fixBuggyFields() {
-    if (!this.$element) {
-      return false;
-    }
-
-    /**
-    * Hack to fix required checkboxes being reset
-    * Issue: https://github.com/decidim-ice/decidim-module-decidim_awesome/issues/82
-    */
-    this.$element.find(".formbuilder-checkbox-group").each((_key, group) => {
-      const inputs = $(".formbuilder-checkbox input", group);
-      const $label = $(group).find("label");
-      const data = this.spec.find((obj) => obj.type === "checkbox-group" && obj.name === $label.attr("for"));
-      let values = data.userData;
-      if (!inputs.length || !data || !values) {
-        return;
-      }
-
-      inputs.each((_idx, input) => {
-        let index = values.indexOf(input.value);
-        if (index >= 0) {
-          values.splice(index, 1)
-          // setting checked=true do not makes the browser aware that the form is valid if the field is required
-          if (!input.checked)
-          {$(input).click();}
-        } else if (input.checked)
-        {$(input).click();}
-      });
-
-      // Fill "other" option
-      const otherOption = $(".other-option", inputs.parent())[0];
-      const otherVal = $(".other-val", inputs.parent())[0];
-      const otherText = values.join(" ");
-
-      if (otherOption) {
-        if (otherText) {
-          otherOption.checked = true;
-          otherOption.value = otherText;
-          otherVal.value = otherText;
-        } else {
-          otherOption.checked = false;
-          otherOption.value = "";
-          otherVal.value = "";
-        }
-      }
-    });
-
-    /**
-    * Hack to fix required radio buttons "other" value
-    * Issue: https://github.com/decidim-ice/decidim-module-decidim_awesome/issues/133
-    */
-    this.$element.find(".formbuilder-radio input.other-val").on("input", (input) => {
-      const $input = $(input.currentTarget);
-      const $group = $input.closest(".formbuilder-radio-group");
-      $group.find("input").each((_key, radio) => {
-        const name = $(radio).attr("name");
-        if (name && name.endsWith("[]")) {
-          $(radio).attr("name", name.slice(0, -2));
-        }
-      });
-    });
-    return this;
-  }
-
   // Saves xml to the hidden input
   storeData() {
     if (!this.$element) {
@@ -203,7 +92,7 @@ export default class CustomFieldsRenderer { // eslint-disable-line no-unused-var
     // in case of multilang tabs we only render one form due a limitation in the library for handling several instances
     this.instance = $element.formRender({
       i18n: {
-        locale: this.lang,
+        locale: window.DecidimAwesome.currentLocale,
         location: window.DecidimAwesome.formBuilderLangsLocation
       },
       formData: this.spec,
@@ -215,6 +104,5 @@ export default class CustomFieldsRenderer { // eslint-disable-line no-unused-var
         }
       }
     });
-    this.fixBuggyFields();
   }
 }

data/app/packs/src/decidim/decidim_awesome/proposals/images.js

@@ -15,7 +15,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
     const span = document.createElement("span");
     span.className = "input-character-counter__text";
-    span.innerHTML = window.DecidimAwesome.texts.dragAndDropImage;
+    span.innerHTML = window.DecidimAwesome.i18n.dragAndDropImage;
     textarea.parentNode.appendChild(span);
     attach(textarea, {
       uploadUrl: window.DecidimAwesome.editorUploaderPath,

data/app/packs/src/vendor/form_builder_langs/ar-SA.lang

@@ -0,0 +1,111 @@
+NATIVE_NAME = سعودي
+ENGLISH_NAME = Arabic (Saudi Arabia)
+
+addOption = إضافة خيار +
+allFieldsRemoved = تم إزالة جميع الحقول.
+allowMultipleFiles = السماح بأكثر من ملف
+autocomplete = الاكمال التلقائي
+button = زر
+cannotBeEmpty = هذا الحقل لا يمكن أن تكون فارغة
+checkboxGroup = مجموعة حقول اختيارات
+checkbox = حقل اختيار 
+checkboxes = حقول اختيار
+className = عنوان الصنف
+clearAllMessage = هل أنت متأكد أنك تريد مسح كافة المعلومات؟
+clear = إزالة
+close = إغلاق
+content = محتوى
+copy = نسخ إلى ذاكرة النصوص
+copyButton = +
+copyButtonTooltip = نسخ
+dateField = حقل تاريخ
+description = نص مساعدة
+descriptionField = وصف
+devMode = وضع تطوير
+editNames = تحرير الأسماء
+editorTitle = عناصر النموذج
+editXML = تحرير XML
+enableOther = تفعيل "أخرى"
+enableOtherMsg = السماح للمستخدمين بإضافة خيار غير موجود
+fieldDeleteWarning = خطأ
+fieldVars = متغيرات الحقل
+fieldNonEditable = هذا الحقل لا يمكن تعديله.
+fieldRemoveWarning = هل أنت متأكد من مسح هذا الحقل؟
+fileUpload = حقل رفع ملف
+formUpdated = تم تحديث النموذج
+getStarted = قم بسحب حقل من اليمين إلى هذه المنطقة
+header = ترويسة
+hide = تعديل
+hidden = حقل مخفي
+inline = في السطر
+inlineDesc = عرض {type} في السطر
+label = اسم الحقل
+labelEmpty = اسم الحقل لا يمكن أن يكون فارغ
+limitRole = تقييد الوصول إلى واحد أو أكثر من الأدوار التالية:
+mandatory = إلزامي
+maxlength = الحد الأقصى للطول
+minOptionMessage = هذا الحقل يتطلب خيارين على الأقل
+minSelectionRequired = يتطلب {min} تحديدات على الأقل
+multipleFiles = ملفات
+name = اسم
+no = لا
+noFieldsToClear = لا توجد حقول للإزالة
+number = رقم
+off = معطل
+on = مفعل
+option = خيار
+optionCount = خيار {count}
+options = خيارات
+optional = اختياري
+optionLabelPlaceholder = نص مساعد
+optionValuePlaceholder = نص
+optionEmpty = الخيار مطلوب
+other = أخرى
+paragraph = نص
+placeholder = نص مساعد
+placeholders.value = نص
+placeholders.label = نص مساعد
+placeholders.text =
+placeholders.textarea =
+placeholders.email = ادخل بريدك الإلكتروني
+placeholders.placeholder =
+placeholders.className = foo class bar
+placeholders.password = ادخل كلمة المرور
+preview = معاينة
+radioGroup = مجموعة حقول اختيار
+radio = اختيار
+removeMessage = إزالة عنصر
+removeOption = إزالة خيار
+remove = ×
+required = مطلوب
+requireValidOption = يتطلب خيار مسبق تعريفه
+richText = معالج النصوص
+roles = التمكين من
+rows = صفوف
+save = حفظ
+selectOptions = خيارات
+select = حقل تحديد
+selectColor = اختيار اللون
+selectionsMessage = السماح بأكثر من تحديد
+size = الحجم
+size.xs = صغير جدا
+size.sm = صغير
+size.m = عادي
+size.lg = كبير
+style = المظهر
+styles.btn.default = افتراضي
+styles.btn.danger = خطر
+styles.btn.info = معلومة
+styles.btn.primary = أساسي
+styles.btn.success = نجاح
+styles.btn.warning = تحذير
+subtype = النوع
+text = حقل نصي
+textArea = حقل نص كبير
+toggle = نوع التبديل
+warning = تحذير
+value = قيمة
+viewJSON = [{…}]
+viewXML = </>
+yes = نعم
+Arabic Label =  اسم الحقل بالعربية

data/app/packs/src/vendor/form_builder_langs/ar-TN.lang

@@ -0,0 +1,94 @@
+NATIVE_NAME = تونسي
+ENGLISH_NAME = Arabic (Tunisian)
+
+addOption = إضافة خيار
+allFieldsRemoved = تمّت إزالة جميع المجالات..
+allowSelect = السماح بالإختيار
+autocomplete = الإكمال التلقائي
+button = زر
+cannotBeEmpty = هذه المعلومة لا يمكن أن تكون فارغة
+checkboxGroup = مجموعة خانات إختيار
+checkbox = خانة الاختيار
+checkboxes = خانات إختيار
+class = صنف
+clearAllMessage = هل أنت متأكد أنك تريد مسح كافة المعلومات؟
+clear = إفسخ
+close = أغلق
+content = محتوى
+copy = نسخ إلى الحافظة
+dateField = حقل تاريخ
+description = نص المساعدة
+descriptionField = وصف
+devMode = وضع المطور
+editNames = تغيير الأسماء
+editorTitle = عناصر النموذج
+editXML = تحرير XML
+fieldDeleteWarning: خاطئة
+fieldVars = متغيّرات الحقل
+fieldNonEditable = هذا الحقل لا يمكن تعديله.
+fieldRemoveWarning = هل حقا تريد حذف هذا المجال؟
+fileUpload = تحميل الملف
+formUpdated = تّم تحديث الإستمارة
+getStarted = إسحب إختيار(حقل) من اليمين إلى هذا المجال
+header = رأس الصفحة
+hide = تحديث
+hidden = الإدخال مخفي
+label = التسمية
+labelEmpty = التسمية لا يمكن أن يكون فارغا
+limitRole = تقييد الوصول إلى واحد أو أكثر من الأدوار التالية:
+mandatory = إلزامي
+maxlength = الحد الاقصى للطول
+minOptionMessage = يتطلب هذا المجال لا تقل عن 2 خيارات
+name = الإسم
+no = لا
+off = عاطل
+on = مفعل
+option = خيار
+optional = خيار
+optionEmpty = قيمة الخيار المطلوبة
+paragraph = فقرة
+placeholder = العنصر النائب
+placeholder.value = القيمة
+placeholder.label = تسمية
+placeholder.text = أدخل بعض النص
+placeholder.textarea = إدخال الكثير من النص
+placeholder.email = أدخل البريد الإلكتروني
+placeholder.placeholder = العنصر النائب
+placeholder.className = فئات مفصولة بمسافات
+placeholder.password = أدخل كلمة المرور
+preview = المعاينة
+radioGroup = اختيار مجموعة
+radio = اختيار
+removeMessage = إزالة عنصر
+remove = ×
+required = إجبارية
+richText = محرر WYSIWYG
+roles = وصول
+save = حفظ
+selectOptions = خيارات
+select = للاختيار
+selectColor = اختيار اللون
+selectionsMessage = سماح اختيارات متعددة
+size = حجم
+sizes = الأحجام
+sizes.xs = صغيرة اضافية
+sizes.sm = صغير
+sizes.m = تبعا للإعدادات الافتراضية
+sizes.lg = كبير
+style = شكل
+styles = الأشكال
+styles.btn = شكل الزر
+styles.btn.default = تبعا للإعدادات الافتراضية
+styles.btn.danger = خطر
+styles.btn.info = معلومات
+styles.btn.primary = أساسي
+styles.btn.success = نجاح
+styles.btn.warning = إعلام
+subtype = نوع
+text = الميدان النص
+textArea = تيكستاريا
+toggle = نوع التبديل
+warning = تحذير!
+viewXML = </>
+viewJSON = { }
+yes = نعم