MediaWiki:Js-InPageEdit-v2.js

/**
 *『Wjghj Project Static』
 * This _JavaScript_ code is from https://common.wjghj.cn
 * CC BY-NC-SA
 *
 * MediaWiki JS Plugin: In Page Edit
 * Version: See “获取版本信息”
 * Author: 机智的小鱼君
 * Url:
 ** https://github.com/Dragon-Fish/wjghj-wiki/edit/master/Gadgets/in-page-edit
 ** https://common.wjghj.cn/wiki/MediaWiki:Js-InPageEdit-v2.js
 * Logs:
 ** https://github.com/Dragon-Fish/wjghj-wiki/blob/master/Gadgets/in-page-edit/version-info.md
 ** https://common.wjghj.cn/wiki/MediaWiki:Js-InPageEdit-v2.js/version-info
 **/
/** 导入模态框插件 **/
mw.loader.load('https://cdn.bootcss.com/ssi-modal/1.0.27/js/ssi-modal.min.js');
mw.loader.load('https://cdn.bootcss.com/ssi-modal/1.0.27/styles/ssi-modal.min.css','text/css');

/** 获取版本信息 **/
mw.loader.load('https://common.wjghj.cn/js/InPageEdit-v2.js/version-info');
var InPageEditcurVersion = '2.2.382';// 这里填写当前的版本号
$(window).load(function(){
  InPageEditVersionInfo(InPageEditcurVersion);
});

/** 样式表 **/
// Local CSS
mw.loader.load('https://common.wjghj.cn/css/InPageEdit-v2','text/css');
// Material icons
mw.loader.load('https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.min.css','text/css');

/** InPageEdit主框架 **/
function InPageEdit(option) {

  // Variables
  if (option === undefined) option = {};
  var editPage = decodeURIComponent(option.page),
      editSection = option.section,
      titleSection = '',
      editReversion = option.reversion,
      titleReversion = '',
      editText,
      editSummary = option.summary,
      editMinor = $('#editMinor').prop('checked'),
      editNotice = '',
      jsonGet = {
        action: 'parse',
        page: editPage,
        prop: 'wikitext',
        format: 'json'
      },
      jsonPost = {},
      timestamp = new Date().getTime();

  if (editPage === undefined) return;
  if (editSummary === undefined) editSummary = '';
  if (editReversion !== undefined && editReversion !== '' && editReversion !== mw.config.get('wgCurRevisionId')) {
    ssi_modal.notify('warning',{content:'您正在编辑页面的历史版本。',title:'提示'});
    delete jsonGet.page;
    jsonGet.oldid = editReversion;
    titleReversion = '<span style="font-size:small;">(历史版本：'+editReversion+')</span>'
  } else {
    if (editSection !== undefined && editSection !== '') {
      jsonGet.section = editSection;
      titleSection = '(第'+editSection+'部分)';
    }
  }

  // Debug
  console.info(
    '[InPageEdit] Debug info\n'+
    'editPage = ' + editPage + '\n' +
    'editSection = ' + editSection + '\n' +
    'editReversion = ' + editReversion + '\n' +
    'wgCurRevisionId = ' + mw.config.get('wgCurRevisionId')
  );

  // 显示主窗口
  ssi_modal.show({
    title: '正在编辑：<u id="editPage">'+editPage+'</u>'+titleSection+titleReversion,
    content: '<textarea id="editArea" style="" disabled="">正在加载……</textarea><label>摘要：<input id="editSummary" value="'+editSummary+'"/></label><br/><label><input id="editMinor" type="checkbox" style=""/>小编辑</label>',
    keepContent: false,
    className: 'in-page-edit timestamp-'+timestamp,
    beforeClose: function(modal) {
      ssi_modal.confirm({
        className: 'in-page-edit confirmbox',
        position: 'top center',
        content: '确定要关闭窗口吗？<br/>此处的编辑将会丢失！',
        okBtn: {
          className: 'btn btn-danger',
          label: '确定'
        },
        cancelBtn: {
          className: 'btn btn-secondary',
          label: '取消'
        }
      },
      function(result) {
        if (result === true) {
          modal.options.keepContent = false;
          modal.options.beforeClose = '';
          modal.close();
          ssi_modal.notify('error', {
            position: 'right top',
            title: '取消',
            content: "编辑被取消"
          })
        }
      });
      return false;
    },
    buttons: [{
      label: '预览',
      className: 'btn btn-secondary',
      method: function (){
        var text = $('#editArea').val();
        requestPreview(text)
      }
    },
    {
      label: '发布',
      className: 'btn btn-primary',
      method: function() {
        ssi_modal.confirm({
          className: 'in-page-edit confirmbox',
          content: '是否发布',
          okBtn: {
            className: 'btn btn-primary',
            label: '确定'
          },
          cancelBtn: {
            className: 'btn btn-secondary',
            label: '取消'
          },
        },
        function(result) {
          if (result) {
            var text = $('#editArea').val(),
                minor = $('#editMinor').prop('checked'),
                section = option.section,
                summary = $('#editSummary').val();
            postArticle({text:text,page:editPage,minor:minor,section:section,summary:summary});
          }
        })
      }
    }]
  });
  new mw.Api().get(jsonGet).then(function(data){
    if (data.error === undefined) {
      editText = data.parse.wikitext['*']
    } else {
      editText = '<!-- 警告：无法获取页面内容 -->';
      console.error('[InPageEdit]警告：无法获取页面内容');
    }
    $('#editArea').val(editText).attr('disabled',false);
  }).fail(function(data){
    editText = '<!-- 警告：无法获取页面内容 -->';
    console.error('[InPageEdit]警告：无法获取页面内容');
    $('#editArea').val(editText).attr('disabled',false);
  });
  // 获取编辑提示
  new mw.Api().get({
    action: 'query',
    meta: 'allmessages',
    ammessages: 'Editnotice-' + mw.config.get('wgNamespaceNumber'),
    amlang: mw.config.get('wgUserLanguage') || mw.config.get('wgContentLanguage')
  }).then(function(data){
    editNotice = data.query.allmessages[0]['*'];
    new mw.Api().post({action:'parse',preview:true,text:editNotice}).then(function(data){
      editNotice = '<div id="edit-notice" style="display:none">' + data.parse.text['*'] + '</div>'
      $('#editArea').before(editNotice);
      $('#edit-notice').show(400);
    });
  });

  // 预览模块
  function requestPreview(text){
    var timestamp2 = new Date().getTime();
    ssi_modal.show({
      className: 'in-page-edit previewbox',
      content:'<section id="InPageEditPreview" data-timestamp="'+timestamp2+'">正在读取预览……</section>',
      title:'预览'
    });
    new mw.Api().post({
      action: "parse",
      text: text,
      prop: "text",
      preview: true,
      format: "json"
    }).then(function(data){
      var content = data.parse.text['*'];
      $('#InPageEditPreview[data-timestamp="'+timestamp2+'"]').html(content);
    });
  }

  // 发布编辑模块
  function postArticle(pValue){
    jsonPost = {
      action: "edit",
      text: pValue.text,
      title: pValue.page,
      token: mw.user.tokens.get('editToken'),
      minor: pValue.minor,
      summary: pValue.summary,
      errorformat: 'plaintext'
    }
    if (pValue.section !== undefined && pValue.section !== '') {
      jsonPost.section = pValue.section;
    }
    new mw.Api().post(jsonPost).then(function(data){
      ssi_modal.notify('success',{position: 'right top',title:'成功',content:'成功，正在刷新页面。'});
      window.location.reload();
    }).fail(function(errorCode, fallback, errors){
      ssi_modal.notify('error',{position: 'right top',title:'警告',content:'发布编辑时发生错误<br/><span style="font-size:amall">'+errors.errors[0]['*']+'('+errors.errors[0]['code']+')</span>'});
    });
  }
  
}

/** 获取段落编辑以及编辑链接 **/
function InPageEditSectionLink() {
  $('#mw-content-text a:not(.new)').each(function(i) {
    if ($(this).attr('href') === undefined) return;
    var url = $(this).attr('href'),
        title = mw.util.getParamValue( 'title', url ),
        section = mw.util.getParamValue( 'section', url ),
        reversion = mw.util.getParamValue( 'oldid', url );

    // 不是本地编辑链接
    if (url.split('/')['2'] !== location.href.split('/')['2'] && url.substr(0, 1)!=='/') return;

    // 不是 index.php?title=FOO 形式的url
    if (title === null) {
      var splitStr = mw.config.get('wgArticlePath').replace('$1','');
      if (splitStr === '/') {
      	splitStr = mw.config.get('wgServer').substring(mw.config.get('wgServer').length-4)+'/';
      }
      title = url.split(splitStr).pop().split('?')['0'];
    }

    if (mw.util.getParamValue( 'action', url ) === 'edit' && title !== undefined && section !== 'new') {
      $(this).after(
        $('<a>',{
          'href': 'javascript:void(0)',
          'class': 'in-page-edit-article-link'
        })
        .text('快速编辑')
        .click(function (){
          if (reversion !== null) {
            InPageEdit({page:title, summary:' //InPageEdit - from oldid: '+ reversion, reversion:reversion});
          } else if (section !== null) {
            InPageEdit({page:title, summary:' //InPageEdit - Section'+section, section:section});
          } else {
            InPageEdit({page:title, summary:' //InPageEdit'});
          }
        }
      ));
    }
  });
  $('.mw-editsection .in-page-edit-article-link').before(' | ');
  $('.in-page-edit-article-link:not(.mw-editsection)').before('[').after(']');
}

/** 初始化，添加按钮 **/
$(function() {
  // 检测是否为文章页
  if (mw.config.get('wgIsArticle') === false) {
    console.warn('[InPageEdit] 不是文章页面，插件已暂停执行。');
    return;
  }
  
  // get skin name
  var bodyClass = $('body').attr('class'),
  skinReg = /\sskin-(.*)\s/ig,
  skin;
  bodyClass.replace(skinReg,
  function(s, value) {
    skin = value.split(' ')[0];
  });

  switch (skin) {
  case 'oasis': //由于兼容性问题暂不支持Fandom平台);
    new BannerNotification('注意，当前版本InPageEdit扩展在Fandom平台有严重兼容性问题。<br/>目前不建议在Fandom使用，后续的支持计划请暂定于Fandom社区统一计划(UCP)完成后。', 'warn').show();
    console.error('[InPageEdit] 警告：暂不支持的平台。');
    break;

  default: //一般
    $('body').append(
      '<div id="ipe-edit-toolbox" style="">' + 
      '<div id="btn-group">' + 
      '<div class="btn-tip-group"><div class="btn-tip">快速编辑</div><div class="ipe-toobox-btn material-icons" onclick="InPageEdit({page: \''+mw.config.get('wgPageName')+'\',summary: \' //InPageEdit\',reversion:'+mw.config.get('wgRevisionId')+'})" style="background: #45a8ff;">edit</div></div>' + 
      '<div class="btn-tip-group"><div class="btn-tip">重定向至此</div><div class="ipe-toobox-btn material-icons" onclick="ssi_modal.notify(\'\',{content:\'Ridirect from\'})" style="background: #ffa530;">flight_land</div></div>' + 
      '<div class="btn-tip-group"><div class="btn-tip">重定向到</div><div class="ipe-toobox-btn material-icons" onclick="ssi_modal.notify(\'\',{content:\'Ridirect to\'})" style="background: #ff4985;">flight_takeoff</div></div>' + 
      '</div>' + 
      '<div class="ipe-toobox-btn material-icons" id="toolbox-toggle">add</div>' + 
      '</div>'
    );
    $('#ipe-edit-toolbox #toolbox-toggle, #ipe-edit-toolbox #toolbox-close').click(function(){
      $('#ipe-edit-toolbox #btn-group, #ipe-edit-toolbox #toolbox-toggle').toggleClass('opened');
    });
    InPageEditSectionLink();
  }

});