/*
 * MarkDoc
 * PHP MarkDown document manager
 * Hordé Nicolas
 * https://github.com/dahut87/MarkDoc
 * Release under GPLv3.0 license
 * Base on Pheditor "PHP file editor" By Hamid Samak Release under MIT license
 */

var external = RegExp('^((f|ht)tps?:)?//');
var javascript = RegExp('^javascript:');
var textual = RegExp('\.md$');
var internal = RegExp('^\/:');
var editor;
var emoji;
var editfile="";
var viewfile="";

function drawWarning(editor) {
    var cm = editor.codemirror;
    var output = '';
    var selectedText = cm.getSelection();
    var text = selectedText || 'placeholder';
    output = '\n> :warning:' + text + ' !';
    cm.replaceSelection(output);
}

function drawDanger(editor) {
    var cm = editor.codemirror;
    var output = '';
    var selectedText = cm.getSelection();
    var text = selectedText || 'placeholder';
    output = '\n> :skull:' + text + ' !';
    cm.replaceSelection(output);
}

function drawTip(editor) {
    var cm = editor.codemirror;
    var output = '';
    var selectedText = cm.getSelection();
    var text = selectedText || 'placeholder';
    output = '\n> :bulb:' + text + ' .';
    cm.replaceSelection(output);
}

function drawNote(editor) {
    var cm = editor.codemirror;
    var output = '';
    var selectedText = cm.getSelection();
    var text = selectedText || 'placeholder';
    output = '\n> :memo:' + text + ' .';
    cm.replaceSelection(output);
}

$(function(){
	$("#files").jstree({
	    themes: { responsive: true },
	    plugins: ["contextmenu", "dnd" ],
	    core: 
	    {
	    	strings:{ loading: LANG['LOADING'] },
		    check_callback: true,
		    data : {
      				type: "POST",
					dataType: "json",
                        	url : "/index.php",
                        	data : function (node) { 
                            		return { 'action' : 'allchildren' }; 
					}
                       } 
	    }
	});
      emoji = new EmojiConvertor();
      editor = new SimpleMDE({ 
		element: $("#editor>div")[0],
		spellChecker: false, 
            previewRender: function(plainText, preview) {
                setTimeout(function() {
                    preview.innerHTML = emoji.replace_colons(this.parent.markdown(plainText));
                    Prism.highlightAll();
                }.bind(this), 1)
                return LANG['LOADING']
            },
		toolbar: ["bold","italic","strikethrough","|","heading-1","heading-2","heading-3","|","quote","unordered-list","ordered-list","horizontal-rule","|",
		{
            name: "Warning",
            action: drawWarning,
            className: "fa fa-exclamation-triangle", // Look for a suitable icon
            title: "Warning field",
		},
		{
            name: "Tip",
            action: drawTip,
            className: "fa fa-lightbulb", // Look for a suitable icon
            title: "Tip field",
		},
		{
            name: "Danger",
            action: drawDanger,
            className: "fas fa-skull-crossbones", // Look for a suitable icon
            title: "Danger Field",
		},
		{
           name: "Notes",
            action: drawNote,
            className: "fas fa-sticky-note", // Look for a suitable icon
            title: "Note Field",
		},
		"|","code","link","image","table","|","preview","side-by-side","fullscreen","guide"]
	});
	$("#editor").hide();
	$("#image").hide();
	$("#save").hide();
	$("#content").html(emoji.replace_colons($("#content").html()));
	setTimeout(function(){ $("#forkongithub").fadeOut(1500); }, 5000);
	$('#content > p>  img').magnifik({ratio:1.0});
	tocgenerate();

	$("#files").on("ready.jstree", function (e) { 
		const urlParams = new URLSearchParams(window.location.search);
		const file = urlParams.get('doc');
		searchtree(file);
	});

    $("#voir").click(function(e){
      e.preventDefault();
	node=$("#files").jstree("get_selected");
   	file="/"+$("#files").jstree("get_path",node,"/").replace(/^.+?[/]/, '');
	 if ($("#files").jstree("is_leaf",node))
	  {
             action=$(this).val();
		 if (action=="Voir")
		{
			if (viewfile===file)
				viewmode();
			else
				openlink(file,false)
		}
		else
		{
			if (editfile===file)
				editmode();
			else
				editlink(file)
		}
		}
	});

    $("#nouveau").click(function(e){
		e.preventDefault();
		viewfile="";
		node=$("#files").jstree("get_selected");
   	  	file="/"+$("#files").jstree("get_path",node,"/").replace(/^.+?[/]/, '');
		if ($("#files").jstree("is_leaf",node))
	  	{
			file=file.substring(0, file.lastIndexOf("/"));
		}
		file=file+"/"+$("#search").val()+".md";
	$.ajax({
	  type: "POST",
	  url: "/index.php",
	  data: { action: "new", file: encodeURIComponent(file) },
	  success: function(data){
               data = data.split("|");
               alertBox(data[1], data[0]);
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown) {
		alertBox(LANG['AJAXERROR'],'danger');
	  }
	  });
	})

    $("#del").click(function(e){
		e.preventDefault();
		viewfile="";
		node=$("#files").jstree("get_selected");
   	  	file="/"+$("#files").jstree("get_path",node,"/").replace(/^.+?[/]/, '');
		if ($("#files").jstree("is_leaf",node))
	  	{
			if (confirm(LANG['CONFIRM_DEL']) == true) {
    		  		$.ajax({
	  			type: "POST",
	  			url: "/index.php",
	  			data: { action: "delete", file: encodeURIComponent(file) },
	 			success: function(data){
               				data = data.split("|");
               				alertBox(data[1], data[0]);
	  				},
	  				error: function(XMLHttpRequest, textStatus, errorThrown) {
						alertBox(LANG['AJAXERROR'],'danger');
	  				}
	  			});
		  	}	
		}
	})


    $("#ren").click(function(e){
		e.preventDefault();
		viewfile="";
		node=$("#files").jstree("get_selected");
   	  	file="/"+$("#files").jstree("get_path",node,"/").replace(/^.+?[/]/, '');
		file2=file.substring(0, file.lastIndexOf("/"))+"/"+$("#search").val()+".md";
		alert(file);
		alert(file2);
		if ($("#files").jstree("is_leaf",node))
	  	{
			if (confirm(LANG['CONFIRM_REN']) == true) {
    		  		$.ajax({
	  			type: "POST",
	  			url: "/index.php",
	  			data: { action: "rename", file: encodeURIComponent(file), file2: encodeURIComponent(file2) },
	 			success: function(data){
               				data = data.split("|");
               				alertBox(data[1], data[0]);
	  				},
	  				error: function(XMLHttpRequest, textStatus, errorThrown) {
						alertBox(LANG['AJAXERROR'],'danger');
	  				}
	  			});
		  	}	
		}
	})		

    $("#save").click(function(e){
		e.preventDefault();
		viewfile="";
	node=$("#files").jstree("get_selected");
   	  file="/"+$("#files").jstree("get_path",node,"/").replace(/^.+?[/]/, '');
	 if ($("#files").jstree("is_leaf",node))
	  {
	  data = editor.value();
	  $.ajax({
	  type: "POST",
	  url: "/index.php",
	  data: { action: "save", file: encodeURIComponent(file), data:data },
	  success: function(data){
               data = data.split("|");
               alertBox(data[1], data[0]);
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown) {
		alertBox(LANG['AJAXERROR'],'danger');
	  }
	  });
	}
	else
		alertBox(LANG['SELECTERROR'], 'danger');
    });

	$("#files").on("select_node.jstree", function (e, nodes) { 
   		file="/"+$("#files").jstree("get_path",nodes.node,"/").replace(/^.+?[/]/, '');
		if ($("#files").jstree("is_leaf",nodes.node))
			openlink(file,false);
		else
		{
			sendmode();
		}
	});

	$("input[name=submit]").click(function(e) {
		e.preventDefault();
		search($("#search").val());
	});

	$("input[name=toc]").hover(function(e) {
		e.preventDefault();
		tocshow();
	});

	majlink('head');
});

function tocgenerate()
{
	tocshow();
	$('.toc').toc({
		'selectors': 'h2,h3,h4',
		'container': '#content'
	})
	$('.toc').append('<i class="fa fa-2x fa-caret-up" aria-hidden="true"></i>');
	$('.toc > i').hover(function(e) {
		e.preventDefault();
		tochide();
	});
}

function tochide()
{
	$('.toc').slideUp()
	$('#toc').show();
}

function tocshow()
{
	$('.toc').slideDown()
	$('#toc').hide();
}

function alertBox(message, className) {
    $(".alert").removeClass("alert-success alert-warning alert-danger");
    $(".alert").html(message).addClass("alert-" + className).fadeIn();
    setTimeout(function(){
        $(".alert").fadeOut();
    }, 5000);
}

function openlink(dest,majtree)
{
	$("#content").html('<div class="container h-100"><div class="row h-100 justify-content-center align-items-center"><div class="col-12 fa-3x container"><i class="fas fa-spinner fa-spin"></i></div></div></div>');
	if (dest.match(/.(jpg|jpeg|png|gif|webp|svg|ico)$/i))
	{
		imagemode(dest);
		return;
	}
	if (!dest.match(/.(md|txt)$/i) && !dest.match(/:.*$/i))
	{
		nomode(dest);
		return;
	}
	$.ajax({
	  type: "POST",
	  url: "/index.php",
	  data: { action: "open", file: encodeURIComponent(dest) },
	  success: function(data){
		viewmode(data);
		viewfile=dest;
		if (majtree) searchtree(dest);
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown) {
		if (dest!="special/404.md")
	    		openlink("special/404.md",true);
		else
			$("#content").html("<b>"+LANG['404X2']+"</b>");
	  }
	});
}

function searchtree(file)
{
	var flag;
	$("#files").jstree("deselect_all");
	node=$("#files").jstree("get_node", "ul > li:first");
	if (file !== null)
	file.split('/').forEach(function (item) {
		flag=false;
		subnodes=$("#files").jstree("get_children_dom",node);
		subnodes.each(function (i,subnode)
		{
			text=$("#files").jstree("get_text",subnode);
			if (text==item) 
			{
				$("#files").jstree("open_node",subnode);
				if ($("#files").jstree("is_leaf",subnode))
				{
					$("#files").jstree("select_node",subnode,true);
					flag=false;
					return false;
				}
				node=subnode;
				flag=true;
				return false;
			}
		});
		if (!flag) return false;
	});
}

function sendmode(data)
{
	$(window).scrollTop(0);
	$("#editor").hide();
	$("#content").show();
	$("#save").hide();
	$("#image").hide();
	$("#voir").hide();
	$("#voir").val("Voir");
	$("#content").html('<div id="drop-area"><form class="my-form"><p>'+LANG['UPLOAD_MSG']+'</p><input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this.files)"><label class="button" for="fileElem">'+LANG['UPLOAD_BTN']+'</label></form><progress id="progress-bar" max=100 value=0></progress><div id="gallery" /></div></div>');
	let dropArea = document.getElementById("drop-area")
	//dropArea.replaceWith(dropArea.cloneNode(true));
				
	;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
  		dropArea.addEventListener(eventName, preventDefaults, false)   
  		document.body.addEventListener(eventName, preventDefaults, false)
	})

	;['dragenter', 'dragover'].forEach(eventName => {
  		dropArea.addEventListener(eventName, highlight, false)
	})

	;['dragleave', 'drop'].forEach(eventName => {
  		dropArea.addEventListener(eventName, unhighlight, false)
	})

	dropArea.addEventListener('drop', handleDrop, false)
}

function editmode(data)
{
	$(window).scrollTop(0);
	$("#editor").show();
	if (data !== undefined) editor.value(data);
	$("#content").hide();
	$("#save").show();
	$("#image").hide();
	$("#voir").show();
	$("#voir").val("Voir");
}

function imagemode(dest)
{
	$(window).scrollTop(0);
	$("#editor").hide();
	$("#content").hide();
	$("#save").hide();
	$("#image").show();
	$("#image>img").attr("src",dest);
	$("#voir").hide();
}

function viewmode(data)
{
      if (data !== undefined) {
		$("#content").html(emoji.replace_colons(data));
		Prism.highlightAll();
		$('#content > p>  img').magnifik({ratio:1.00});
	}
	tocgenerate();
	majlink('content');
	$(window).scrollTop(0);
	$("#editor").hide();
	$("#content").show();
	$("#save").hide();
	$("#image").hide();
	$("#voir").show();
	$("#voir").val("Editer");
}

function nomode(dest)
{
	$(window).scrollTop(0);
	$("#editor").hide();
	$("#content").hide();
	$("#save").hide();
	$("#image").hide();
	$("#voir").hide();
}

function editlink(dest)
{
	$.ajax({
	  type: "POST",
	  url: "/index.php",
	  data: { action: "realopen", file: encodeURIComponent(dest) },
	  success: function(data){
			editmode(data);
			editfile=dest;
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown) {
		alertBox(LANG['AJAXERROR'], 'danger');
	  }
	});
}

function majlink(context)
{
	$('#'+context+' a').click(function(e) {
		dest=$(this).attr('href');
		if (!external.test(dest) && !javascript.test(dest) && (textual.test(dest) || internal.test(dest)))
		{
			e.preventDefault();
			openlink(dest,true);
		}
	});
}

function search(arg)
{
	$("#search").val(arg);
	$.ajax({
	  type: "POST",
	  url: "/index.php",
	  data: { action: "search", search: encodeURIComponent(arg), type: "js" },
	  success: function(data){
		viewmode(data);
	  },
	  error: function(XMLHttpRequest, textStatus, errorThrown) {
		if (dest!="special/404.md")
	    		openlink("special/404.md",true);
		else
			$("#content").html("<b>"+LANG['404X2']+"</b>");
	  }
	});
}

function preventDefaults (e) {
  e.preventDefault()
  e.stopPropagation()
}

function highlight(e) {
   document.getElementById("drop-area").classList.add('highlight')
}

function unhighlight(e) {
   document.getElementById("drop-area").classList.remove('active')
}

function handleDrop(e) {
  var dt = e.dataTransfer
  var files = dt.files
  handleFiles(files)
}

let uploadProgress = []

function initializeProgress(numFiles) {
   document.getElementById("progress-bar").value = 0
  uploadProgress = []

  for(let i = numFiles; i > 0; i--) {
    uploadProgress.push(0)
  }
}

function updateProgress(fileNumber, percent) {
  uploadProgress[fileNumber] = percent
  let total = uploadProgress.reduce((tot, curr) => tot + curr, 0) / uploadProgress.length
  document.getElementById("progress-bar").value = total
}

function handleFiles(files) {
  files = [...files]
  initializeProgress(files.length)
  files.forEach(uploadFile)
  files.forEach(previewFile)
}

function previewFile(file) {
  let reader = new FileReader()
  reader.readAsDataURL(file)
  reader.onloadend = function() {
    let img = document.createElement('img')
    img.title = file.name
    img.src = reader.result
    document.getElementById('gallery').appendChild(img)
  }
}

function uploadFile(file, i) {
  var url = 'index.php'
  var xhr = new XMLHttpRequest()
  var formData = new FormData()
  xhr.open('POST', url, true)
  xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')

  xhr.upload.addEventListener("progress", function(e) {
    updateProgress(i, (e.loaded * 100.0 / e.total) || 100)
  })

  xhr.addEventListener('readystatechange', function(e) {
    if (xhr.readyState == 4 && xhr.status == 200) {
      updateProgress(i, 100)
    }
    else if (xhr.readyState == 4 && xhr.status != 200) {
    }
  })

  formData.append('file', file)
  formData.append('name', file.name);
  formData.append('action','sendfile');
  xhr.send(formData)
}