مستخدم:لوقا/Gadget-GRequestsUI.js

/*
  إضافة طلبات حديثة (GRequestsUI)
  الإضافة ضمن مسابقة الأرز 4 للإسهام التقني
*/
var GRequestsUI = {};
var mwConfig = mw.config.get(['wgUserLanguage', 'wgScript', 'wgUserName']);


GRequestsUI.openProcessDialog = function() {
  let windowManager = new OO.ui.WindowManager();
  let dialog = new GRequestsUI.ProcessDialog();

  $('body').append(windowManager.$element);
  windowManager.addWindows([dialog]);
  windowManager.openWindow(dialog);
};

GRequestsUI.initProcessDialog = function(title, page, panel, text) {
  function MyProcessDialog(config) {
    MyProcessDialog.parent.call(this, config);
  }
  OO.inheritClass(MyProcessDialog, OO.ui.ProcessDialog);
  MyProcessDialog.static.title = title;
  MyProcessDialog.static.size = 'full';
  MyProcessDialog.static.name = 'GRequestsUIDialog';
  MyProcessDialog.static.actions = [
    { label: 'طلب', flags: 'primary', action: 'run' },
    { label: 'إلغاء', flags: 'safe', action: 'close' }
          ];

  MyProcessDialog.prototype.initialize = function() {
    MyProcessDialog.parent.prototype.initialize.apply(this, arguments);
    this.$body.append(panel.$element);
  };
  MyProcessDialog.prototype.getActionProcess = function(action) {
    var dialog = this;
    if (action) {
      if (action === 'run') {
        text = text.replace(/\${(.*?)}/g, function(match, key) {
          return GRequestsUI.widgets[key].value || match;
        });
        return new OO.ui.Process(function() {
          return GRequestsUI.savePage(page, text).then(function() {
            dialog.close();
            mw.notify('تم إضافة الطلب بنجاح، سيتم توجيهك لصفحة الطلب خلال ثواني...');
            setTimeout(function() {
              window.location = `/wiki/${title}`;
            }, 1500);
          });
        });
      }
      if (action === 'close') {
        dialog.close();
      }
    }
    return MyProcessDialog.parent.prototype.getActionProcess.call(this, action);
  };

  GRequestsUI.ProcessDialog = MyProcessDialog;
};
GRequestsUI.getPage = function(title) {
  let deferred = $.Deferred();
  GRequestsUI.api.get({
    action: 'query',
    prop: 'revisions',
    titles: title,
    rvprop: 'content',
    formatversion: 2
  }).then(function(response) {
    if (response.query.pages[0].missing) {
      deferred.reject(`الصفحة ${title} غير موجودة.`);
    } else {
      deferred.resolve(response.query.pages[0].revisions[0].content);
    }
  }, function(_, error) {
    deferred.reject(GRequestsUI.api.getErrorMessage(error));
  });
  return deferred.promise();
};

GRequestsUI.savePage = function(title, text) {
  let deferred = $.Deferred();
  GRequestsUI.api.postWithEditToken({
    action: 'edit',
    title: title,
    appendtext: `\n${text}`
  }).then(function() {
    deferred.resolve();
  }, function(_, error) {
    deferred.reject([new OO.ui.Error(GRequestsUI.api.getErrorMessage(error))]);
  });
  return deferred.promise();
};


GRequestsUI.init = function() {
  this.config = {};
  this.config.api = {
    parameters: {
      errorformat: 'html',
      errorlang: mwConfig.wgUserLanguage,
      errorsuselocal: true
    }
  };
  this.widgets = {};
  this.InputValues = {};
  this.api = new mw.Api(this.config.api);

};

$('.btnrequestui').on('click', function() {
  let pre = $(this).data('pre');
  let title = $(this).data('title');
  let page = $(this).data('page');
  let elementData = $(this).data();
  
  
  mw.loader.using(['oojs-ui-core', 'oojs-ui-windows'], function() {

    GRequestsUI.init();
    
    $.each(elementData, function(key, value) {
      if (key.startsWith("input")) {
        GRequestsUI.InputValues[key.replace(/^input/, '').toLowerCase()] = value;
      }
    });
    $.when($.getJSON(`${mwConfig.wgScript}?action=raw&ctype=application/json&title=${pre}`)).then(function(data) {

      let panel = new OO.ui.PanelLayout({
        padded: true,
        expanded: false
      });
      let widgets = data.widgets;
      let text = data.text;
      widgets.forEach(function(widget) {
        let WidgetClass = widget.class.split('.').reduce((obj, key) => obj?.[key], window);

        let label;
        if (widget.config.hasOwnProperty('label')) {
          label = widget.config.label;
          delete widget.config.label;
        }
        if (widget.config.hasOwnProperty('value')) {
          widget.config.value = widget.config.value.replace('__USERNAME__', mwConfig.wgUserName);
        } else {
          if (GRequestsUI.InputValues.hasOwnProperty(widget.name)) {
            widget.config.value = GRequestsUI.InputValues[widget.name]
          }
        }
        GRequestsUI.widgets[widget.name] = new WidgetClass(widget.config);

        const layout = new OO.ui.FieldLayout(GRequestsUI.widgets[widget.name], label ? { label } : {});

        panel.$element.append(layout.$element, '<br>');

      });
      GRequestsUI.initProcessDialog(title, page, panel, text);
      GRequestsUI.openProcessDialog();
    });
  });
});