templates/js/library/json_form_saver/json_form_saver.js.twig line 1

Open in your IDE?
  1. class JsonFormSaver {
  2.     EVENTS = {
  3.         ON_CHANGE: 'onChange'
  4.     };
  6.     options = {
  7.         jsonObject: null,
  8.         /** @type {JsonObjectToComponentsDataBinder} */
  9.         componentsDataBinder: null,
  10.         symfonyFormDataBuilder: null,
  11.         url: null,
  12.         csrfToken: null,
  13.         saveOnChanges: false,
  14.     };
  16.     constructor(options = null) {
  17.         this.options = { ...this.options, ...options };
  18.         this.eventDispatcher = new EventDispatcher();
  19.     }
  21.     init() {
  22.         const componentsBinder = this.options.componentsDataBinder;
  23.         const formBuilder = this.options.symfonyFormDataBuilder;
  25.         const saveDebounced = (new Debouncer2()).debounce(() => {
  26.             if (this.options.saveOnChanges) {
  27.                 this.save();
  28.             }
  29.         }, 3000);
  31.         const handler = () => {
  32.             const json = this.options.jsonObject;
  33.             Object.keys(json).forEach((key) => {
  34.                 const value = json[key];
  35.                 if (Array.isArray(value)) {
  36.                     formBuilder.setTextArrayField(key, value);
  37.                 } else if (typeof value === 'string') {
  38.                     formBuilder.setField(key, value);
  39.                 } else if (typeof value === 'number') {
  40.                     formBuilder.setField(key, String(value));
  41.                 } else if (typeof value === 'boolean') {
  42.                     if (value) {
  43.                         formBuilder.setField(key, "1");
  44.                     } else {
  45.                         formBuilder.removeField(key);
  46.                     }
  47.                 } else if (value === null || typeof value === 'undefined') {
  48.                     formBuilder.setField(key, '');
  49.                 } else if (typeof value === 'object') {
  50.                     try {
  51.                         formBuilder.setField(key, JSON.stringify(value));
  52.                     } catch (e) {
  53.                         formBuilder.setField(key, '');
  54.                     }
  55.                 } else {
  56.                     formBuilder.setField(key, String(value));
  57.                 }
  58.             });
  60.             if (this.options.csrfToken) {
  61.                 formBuilder.setField('_token', this.options.csrfToken);
  62.             }
  64.             saveDebounced();
  65.         };
  67.         componentsBinder.eventDispatcher.on(componentsBinder.EVENTS.ON_CHANGE, handler);
  68.     }
  70.     save() {
  71.         const formBuilder = this.options.symfonyFormDataBuilder;
  72.         const formData = formBuilder.getFormData();
  73.         const url = this.options.url;
  75.         (async () => {
  76.             try {
  77.                 const response = await fetch(url, {
  78.                     method: 'POST',
  79.                     body: formData,
  80.                     credentials: 'same-origin'
  81.                 });
  83.                 if (!response.ok) {
  84.                     const text = await response.text();
  85.                     console.error('Ошибка при сохранении данных:', response.status, text);
  86.                 }
  88.                 const contentType = response.headers.get('content-type') || '';
  89.                 if (contentType.includes('application/json')) {
  90.                     const data = await response.json();
  91.                     console.log('Response JSON:', data);
  92.                     if (data.redirect) {
  93.                         window.location = data.redirect;
  94.                     }
  95.                 }
  96.             } catch (e) {
  97.                 console.error(e);
  98.             }
  99.         })();
  100.     }
  101. }