// Javascript routines for the page editor

if ( document.getElementById('mdgCss') )

{

  var css_url = document.getElementById('mdgCss').href;

}

else

{

  var css_url = scriptPath + '/includes/clientside/css/enano_shared.css';

}

var do_popups = ( is_Safari ) ? '' : ',inlinepopups';

var _skin = ( typeof(tinymce_skin) == 'string' ) ? tinymce_skin : 'default';

var enano_tinymce_options = {

  mode : "none",

  plugins : 'table,save,safari,pagebreak,style,layer,advhr,insertdatetime,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras' + do_popups,

  theme : 'advanced',

  skin : _skin,

  theme_advanced_resize_horizontal : false,

  theme_advanced_resizing : true,

  theme_advanced_toolbar_location : "top",

  theme_advanced_toolbar_align : "left",

  theme_advanced_buttons1 : "save,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,forecolor,backcolor,|,formatselect,|,fontselect,fontsizeselect",

  theme_advanced_buttons3_add_before : "tablecontrols,separator",

  theme_advanced_buttons3_add_after : "|,fullscreen",

  theme_advanced_statusbar_location : 'bottom',

  noneditable_noneditable_class : 'mce_readonly',

  content_css : css_url

};

var initTinyMCE = function(e)

{

  if ( typeof(tinyMCE) == 'object' )

  {

    if ( !KILL_SWITCH )

    {

      tinyMCE.init(enano_tinymce_options);

    }

  }

}

addOnloadHook(initTinyMCE);

var editor_open = false;

function ajaxEditor()

{

  if ( KILL_SWITCH )

    return true;

  if ( editor_open )

    return true;

  selectButtonMinor('edit');

  selectButtonMajor('article');

  setAjaxLoading();

  ajaxGet(stdAjaxPrefix + '&_mode=getsource', function()

    {

      if ( ajax.readyState == 4 )

      {

        unsetAjaxLoading();

        var response = String(ajax.responseText + '');

        if ( response.substr(0, 1) != '{' )

        {

          handle_invalid_json(response);

          return false;

        }

        response = parseJSON(response);

        if ( response.mode == 'error' )

        {

          unselectAllButtonsMinor();

          new messagebox(MB_OK | MB_ICONSTOP, $lang.get('editor_err_server'), response.error);

          return false;

        }

        if ( !response.auth_view_source )

        {

          unselectAllButtonsMinor();

          new messagebox(MB_OK | MB_ICONSTOP, $lang.get('editor_err_access_denied_title'), $lang.get('editor_err_access_denied_body'));

          return false;

        }

        // do we need to enter a captcha before saving the page?

        var captcha_hash = ( response.require_captcha ) ? response.captcha_id : false;

        ajaxBuildEditor(response.src, (!response.auth_edit), response.time, captcha_hash);

      }

    });

}

function ajaxBuildEditor(content, readonly, timestamp, captcha_hash)

{

  // Set flags

  // We don't want the fancy confirmation framework to trigger if the user is only viewing the page source

  if ( !readonly )

  {

    editor_open = true;

    disableUnload();

  }  

  // Destroy existing contents of page container

  var edcon = document.getElementById('ajaxEditContainer');

  for ( var i = edcon.childNodes.length - 1; i >= 0; i-- )

  {

    edcon.removeChild(edcon.childNodes[i]);

  }

  //

  // BUILD EDITOR

  //

  // Plaintext/wikitext toggler

  var toggler = document.createElement('p');

  toggler.style.marginLeft = '0';

  var span_wiki = document.createElement('span');

  var span_mce  = document.createElement('span');

  span_wiki.id  = 'enano_edit_btn_pt';

  span_mce.id   = 'enano_edit_btn_mce';

  if ( readCookie('enano_editor_mode') == 'tinymce' )

  {

    // Current selection is TinyMCE - make span_wiki have the link and span_mce be plaintext

    var a = document.createElement('a');

    a.href = '#';

    a.onclick = function() {

      ajaxSetEditorPlain();

      return false;

    };

    a.appendChild(document.createTextNode($lang.get('editor_btn_wikitext')));

    span_wiki.appendChild(a);

    toggler.appendChild(span_wiki);

    toggler.appendChild(document.createTextNode(' | '));

    span_mce.appendChild(document.createTextNode($lang.get('editor_btn_graphical')));

    toggler.appendChild(span_mce);

  }

  else

  {

    // Current selection is wikitext - set span_wiki to plaintext and span_mce to link

    span_wiki.appendChild(document.createTextNode($lang.get('editor_btn_wikitext')));

    toggler.appendChild(span_wiki);

    toggler.appendChild(document.createTextNode(' | '));

    var a = document.createElement('a');

    a.href = '#';

    a.onclick = function() {

      ajaxSetEditorMCE();

      return false;

    };

    a.appendChild(document.createTextNode($lang.get('editor_btn_graphical')));

    span_mce.appendChild(a);

    toggler.appendChild(span_mce);

  }

  // Form (to allow submits from MCE to trigger a real save)

  var form = document.createElement('form');

  form.action = 'javascript:void(0);';

  form.onsubmit = function()

  {

    ajaxEditorSave();

    return false;

  }

  // Preview holder

  var preview_anchor = document.createElement('a');

  preview_anchor.name = 'ajax_preview';

  preview_anchor.id = 'ajax_preview';

  var preview_container = document.createElement('div');

  preview_container.id = 'enano_editor_preview';

  // Textarea containing the content

  var ta_wrapper = document.createElement('div');

  ta_wrapper.style.margin = '10px 0';

  var textarea = document.createElement('textarea');

  textarea.value = content;

  textarea._edTimestamp = timestamp;

  textarea.id = 'ajaxEditArea';

  textarea.rows = '20';

  textarea.cols = '60';

  textarea.style.width = '98.7%';

  if ( readonly )

  {

    textarea.className = 'mce_readonly';

    textarea.setAttribute('readonly', 'readonly');

  }

  ta_wrapper.appendChild(textarea);

  // Revision metadata controls

  var tblholder = document.createElement('div');

  tblholder.className = 'tblholder';

  var metatable = document.createElement('table');

  metatable.setAttribute('border', '0');

  metatable.setAttribute('cellspacing', '1');

  metatable.setAttribute('cellpadding', '4');

  if ( readonly )

  {

    // Close Viewer button

    var tr3 = document.createElement('tr');

    var td3 = document.createElement('th');

    td3.setAttribute('colspan', '2');

    td3.className = 'subhead';

    var btn_cancel = document.createElement('input');

    btn_cancel.type = 'button';

    btn_cancel.value = $lang.get('editor_btn_closeviewer');

    btn_cancel.onclick = function() { ajaxReset(true); return false; };

    td3.appendChild(btn_cancel);

    tr3.appendChild(td3);

    metatable.appendChild(tr3);

  }

  else

  {

    // First row: edit summary

    var tr1 = document.createElement('tr');

    var td1_1 = document.createElement('td');

    var td1_2 = document.createElement('td');

    td1_1.className = 'row2';

    td1_2.className = 'row1';

    td1_2.style.width = '70%';

    td1_1.appendChild(document.createTextNode($lang.get('editor_lbl_edit_summary')));

    td1_1.appendChild(document.createElement('br'));

    var small = document.createElement('small');

    small.appendChild(document.createTextNode($lang.get('editor_lbl_edit_summary_explain')));

    td1_1.appendChild(small);

    var field_es = document.createElement('input');

    field_es.id = 'enano_editor_field_summary';

    field_es.type = 'text';

    field_es.size = '40';

    field_es.style.width = '96%';

    td1_2.appendChild(field_es);

    tr1.appendChild(td1_1);

    tr1.appendChild(td1_2);

    // Second row: minor edit

    var tr2 = document.createElement('tr');

    var td2_1 = document.createElement('td');

    var td2_2 = document.createElement('td');

    td2_1.className = 'row2';

    td2_2.className = 'row1';

    td2_1.appendChild(document.createTextNode($lang.get('editor_lbl_minor_edit')));

    td2_1.appendChild(document.createElement('br'));

    var small = document.createElement('small');

    small.appendChild(document.createTextNode($lang.get('editor_lbl_minor_edit_explain')));

    td2_1.appendChild(small);

    var label = document.createElement('label');

    var field_mi = document.createElement('input');

    field_mi.id = 'enano_editor_field_minor';

    field_mi.type = 'checkbox';

    label.appendChild(field_mi);

    label.appendChild(document.createTextNode(' '));

    label.appendChild(document.createTextNode($lang.get('editor_lbl_minor_edit_field')));

    td2_2.appendChild(label);

    tr2.appendChild(td2_1);

    tr2.appendChild(td2_2);

    if ( captcha_hash )

    {

      // generate captcha field (effectively third row)

      var tr4 = document.createElement('tr');

      var td4_1 = document.createElement('td');

      var td4_2 = document.createElement('td');

      td4_1.className = 'row2';

      td4_2.className = 'row1';

      td4_1.appendChild(document.createTextNode($lang.get('editor_lbl_field_captcha')));

      td4_1.appendChild(document.createElement('br'));

      var small2 = document.createElement('small');

      small2.appendChild(document.createTextNode($lang.get('editor_msg_captcha_pleaseenter')));

      small2.appendChild(document.createElement('br'));

      small2.appendChild(document.createElement('br'));

      small2.appendChild(document.createTextNode($lang.get('editor_msg_captcha_blind')));

      td4_1.appendChild(small2);

      var img = document.createElement('img');

      img.src = makeUrlNS('Special', 'Captcha/' + captcha_hash);

      img._captchaHash = captcha_hash;

      img.id = 'enano_editor_captcha_img';

      img.onclick = function()

      {

        this.src = makeUrlNS('Special', 'Captcha/' + this._captchaHash + '/' + Math.floor(Math.random() * 100000));

      }

      img.style.cursor = 'pointer';

      td4_2.appendChild(img);

      td4_2.appendChild(document.createElement('br'));

      td4_2.appendChild(document.createTextNode($lang.get('editor_lbl_field_captcha_code') + ' '));

      var input = document.createElement('input');

      input.type = 'text';

      input.id = 'enano_editor_field_captcha';

      input._captchaHash = captcha_hash;

      input.size = '9';

      td4_2.appendChild(input);

      tr4.appendChild(td4_1);

      tr4.appendChild(td4_2);

    }

    // Third row: controls

    var tr3 = document.createElement('tr');

    var td3 = document.createElement('th');

    td3.setAttribute('colspan', '2');

    td3.className = 'subhead';

    var btn_save = document.createElement('input');

    btn_save.type = 'button';

    btn_save.value = $lang.get('editor_btn_save');

    btn_save.onclick = function() { ajaxEditorSave(); return false; };

    td3.appendChild(btn_save);

    td3.appendChild(document.createTextNode(' '));

    var btn_preview = document.createElement('input');

    btn_preview.type = 'button';

    btn_preview.value = $lang.get('editor_btn_preview');

    btn_preview.onclick = function() { ajaxEditorGenPreview(); return false; };

    td3.appendChild(btn_preview);

    td3.appendChild(document.createTextNode(' '));

    var btn_revert = document.createElement('input');

    btn_revert.type = 'button';

    btn_revert.value = $lang.get('editor_btn_revert');

    btn_revert.onclick = function() { ajaxEditorRevertToLatest(); return false; };

    td3.appendChild(btn_revert);

    td3.appendChild(document.createTextNode(' '));

    var btn_diff = document.createElement('input');

    btn_diff.type = 'button';

    btn_diff.value = $lang.get('editor_btn_diff');

    btn_diff.onclick = function() { ajaxEditorShowDiffs(); return false; };

    td3.appendChild(btn_diff);

    td3.appendChild(document.createTextNode(' '));

    var btn_cancel = document.createElement('input');

    btn_cancel.type = 'button';

    btn_cancel.value = $lang.get('editor_btn_cancel');

    btn_cancel.onclick = function() { ajaxEditorCancel(); return false; };

    td3.appendChild(btn_cancel);

    tr3.appendChild(td3);

    metatable.appendChild(tr1);

    metatable.appendChild(tr2);

    if ( captcha_hash )

    {

      metatable.appendChild(tr4);

    }

    metatable.appendChild(tr3);

  }

  tblholder.appendChild(metatable);

  // Edit disclaimer/notice

  if ( editNotice ) // This is set globally in {JS_DYNAMIC_VARS}.

  {

    var en_div = document.createElement('div');

    en_div.innerHTML = editNotice;

    en_div.className = 'usermessage';

    en_div.style.margin = '10px 0 0 0';

  }

  // Put it all together...

  form.appendChild(toggler);

  form.appendChild(preview_anchor);

  form.appendChild(preview_container);

  form.appendChild(ta_wrapper);

  form.appendChild(tblholder);

  edcon.appendChild(form);

  if ( editNotice && !readonly )

  {

    edcon.appendChild(en_div);

  }

  // If the editor preference is tinymce, switch the editor to TinyMCE now

  if ( readCookie('enano_editor_mode') == 'tinymce' )

  {

    $dynano('ajaxEditArea').switchToMCE();

  }

}

function ajaxEditorSave()

{

  ajaxSetEditorLoading();

  var ta_content = $('ajaxEditArea').getContent();

  if ( ta_content == '' || ta_content == '<p></p>' || ta_content == '<p>&nbsp;</p>' )

  {

    new messagebox(MB_OK|MB_ICONSTOP, $lang.get('editor_err_no_text_title'), $lang.get('editor_err_no_text_body'));

    ajaxUnSetEditorLoading();

    return false;

  }

  var edit_summ = $('enano_editor_field_summary').object.value;

  if ( !edit_summ )

    edit_summ = '';

  var is_minor = ( $('enano_editor_field_minor').object.checked ) ? 1 : 0;

  var timestamp = $('ajaxEditArea').object._edTimestamp;

  var json_packet = {

    src: ta_content,

    summary: edit_summ,

    minor_edit: is_minor,

    time: timestamp

  };

  // Do we need to add captcha info?

  if ( document.getElementById('enano_editor_field_captcha') )

  {

    var captcha_field = document.getElementById('enano_editor_field_captcha');

    if ( captcha_field.value == '' )

    {

      new messagebox(MB_OK|MB_ICONSTOP, $lang.get('editor_err_need_captcha_title'), $lang.get('editor_err_need_captcha_body'));

      ajaxUnSetEditorLoading();

      return false;

    }

    json_packet.captcha_code = captcha_field.value;

    json_packet.captcha_id = captcha_field._captchaHash;

  }

  json_packet = ajaxEscape(toJSONString(json_packet));

  ajaxPost(stdAjaxPrefix + '&_mode=savepage_json', 'r=' + json_packet, function()

    {

      if ( ajax.readyState == 4 )

      {

        ajaxUnSetEditorLoading();

        var response = String(ajax.responseText + '');

        if ( response.substr(0, 1) != '{' )

        {

          handle_invalid_json(response);

          return false;

        }

        response = parseJSON(response);

        // This will only be used if there was a lower-level error.

        if ( response.mode == 'error' )

        {

          new messagebox(MB_OK | MB_ICONSTOP, $lang.get('editor_err_server'), response.error);

          return false;

        }

        // This will be used if the PageProcessor generated errors (usually security/permissions related)

        if ( response.mode == 'errors' )

        {

          // This will be true if the user entered a captcha code incorrectly, thus

          // invalidating the code and requiring a new image to be generated.

          if ( response.new_captcha )

          {

            // Generate the new captcha field

            var img = document.getElementById('enano_editor_captcha_img');

            var input = document.getElementById('enano_editor_field_captcha');

            if ( img && input )

            {

              img._captchaHash = response.new_captcha;

              input._captchaHash = response.new_captcha;

              img.src = makeUrlNS('Special', 'Captcha/' + response.new_captcha);

              input.value = '';

            }

          }

          var errors = '<ul><li>' + implode('</li><li>', response.errors) + '</li></ul>';

          new messagebox(MB_OK | MB_ICONSTOP, $lang.get('editor_err_save_title'), $lang.get('editor_err_save_body') + errors);

          return false;

        }

        // If someone else got to the page first, warn the user

        if ( response.mode == 'obsolete' )

        {

          // Update the local timestamp to allow override

          $('ajaxEditArea').object._edTimestamp = response.time;

          new messagebox(MB_OK | MB_ICONEXCLAMATION, $lang.get('editor_err_obsolete_title'), $lang.get('editor_err_obsolete_body', { author: response.author, timestamp: response.date_string, page_url: makeUrl(title, false, true) }));

          return false;

        }

        if ( response.mode == 'success' )

        {

          // The save was successful; reset flags and make another request for the new page content

          setAjaxLoading();

          editor_open = false;

          enableUnload();

          changeOpac(0, 'ajaxEditContainer');

          ajaxGet(stdAjaxPrefix + '&_mode=getpage&noheaders', function()

            {

              if ( ajax.readyState == 4 )

              {

                unsetAjaxLoading();

                selectButtonMajor('article');

                unselectAllButtonsMinor();

                document.getElementById('ajaxEditContainer').innerHTML = '<div class="usermessage">' + $lang.get('editor_msg_saved') + '</div>' + ajax.responseText;

                opacity('ajaxEditContainer', 0, 100, 1000);

              }

            });

        }