@{section header}
<title>از دی بی - درج از فایل</title>
<style>
    .listShow-N2 textarea{width:100%;max-width:100%;min-width:100%;height:200px;}

</style>
@{end}
<div class="Hrow">
	<div class="Hcontainer Hcontainer-90 Hpadd-2per">
    <div id="list" class="listShow-N2 Hltr">
        <h2>مونگو دی بی - درج از فایل در مجموعه  &nbsp; @{!model.collection} </h2>

        <input type="file" id="dbfile" accept=".json,txt"  onchange="openFile(this);"/>
        <form id="delfrm" name="delfrm" action="" method="post">
            <div class="Hrow Hpadd-10 Hltr">
                <p>مثال :[{"_id":"435","name":"farid","family":"عسگری پور"}{,: "_id":"435","name":"fari},...]</p>
                <textarea name="import" id="import" ></textarea>
            </div>
            <input type="submit" class="Hfloat-L Hbtn-auto Hbtn-yellow2" value=" ثبت "/>
        </form>
    </div>
	</div>
</div>
@{section footer}
<script type="text/javascript">
var cunter=1;
function remove_jsfeild(itm){
    document.getElementById("countlist").value=document.getElementById("countlist").value.replace("-"+itm.nextElementSibling.name.replace("up",""),"");
    itm.parentElement.parentElement.remove();
}



async function openFile(itm){
		if (typeof (FileReader) != "undefined") {
			if (itm.files && itm.files[0]) {
				var reader = new FileReader();
				reader.onload = function (e) {
					document.getElementById("import").innerHTML=e.target.result;
				};
				reader.readAsText(itm.files[0],"utf8");
			}else{
				alert("فایل را انتخاب کنید");
			}
		} else {
			alert("مرورگر شما از امکانات HTML5 پشتیبانی نمی نماید.");
		}
}



$(document).ready(function(){
    $("#insert-jsfeild").click(function(){
        $("#countlist").val($("#countlist").val()+"-"+(cunter+1));
        var n='<tr><td><b  class="fas  Hbtn-mini fa-close Hbg-digired" onclick="remove_jsfeild(this);" data-color="#fff"></b>'
        +'</td><td><input type="text" name="up'+ ++cunter+'" value=""/></td></tr>';
        $("#darj").append(n);
    });
    
    
    
    
    
});    
</script>
@{end}