@{section header}
<title>مونگو دی بی - خروجی مجموعه</title>
<style>
    .listShow-N2 p{width:100%;max-width:100%;min-width:100%;height:200px;border:1px solid #888;}

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

        <p id="exp">@{!JSON.stringify(model.data)}</p>
    </div>
	</div>
</div>
@{section footer}
<script type="text/javascript">
  if ('Blob' in window) {
    var fileName = "@{!model.collection}.json";
	var textToWrite =document.getElementById("exp").innerHTML;
   var textFileAsBlob = new Blob([textToWrite], {type: "application/json"});

      if ('msSaveOrOpenBlob' in navigator) {
        navigator.msSaveOrOpenBlob(textFileAsBlob, fileName);
      } else {
      var downloadLink = document.createElement('a');
        downloadLink.download = fileName;
        downloadLink.innerHTML = 'برای دانلود فایل جیسون کلیک کنید';

        if ('webkitURL' in window) {
          // Chrome allows the link to be clicked without actually adding it to the DOM.
         downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
        } else {
          // Firefox requires the link to be added to the DOM before it can be clicked.
          downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
//          downloadLink.click(function(){
//          	document.body.removeChild(event.target);
//          }); 

//          downloadLink.style.color = '#990000';
        }
          downloadLink.style.color = '#990000';
          document.getElementById("list").parentElement.appendChild(downloadLink);

 //       downloadLink.click();
      }
  } else {
    alert('Your browser does not support the HTML5 Blob.');
  }




   
</script>
@{end}