first commit

app/kirim/modal_dok.php

@@ -0,0 +1,80 @@
+<?php
+include("../koneksi.php");
+$surat_id=$_POST['id'];
+?>	 
+			   <div class="body">
+			   <form id="fr_ssn_dok" name="fr_ssn_dok" class="form-horizontal" method="post" onsubmit="return false;" enctype="multipart/form-data">
+								<div class="row clearfix">
+								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+										 <input type="hidden" id="surat_idh" name="surat_id" value="<?php echo $_POST['id'];?>">	 
+										 <center><img id='blah1_dok' class='thumbnail img-responsive' src='app/kirim/dok/no-avatar.png' /></center>    
+								</div>
+								</div>
+
+								<div class="row">
+                                                <div class="col-lg-12">
+                                                    <input type="file" name='file_dok' id="file_dok" accept="image/*" class="filestyle" onchange="loadFile(event)" data-input="false" data-buttonname="btn-primary" style="display:none;">
+                                                    <button type="button" class="btn btn-block btn-primary" id="input_foto_dokumen" name="input_foto_dokumen" style="display:none"><i class="fa fa-folder-open" style="font-size:15px;"></i>&nbsp;&nbsp;&nbsp;Input Foto</button>
+                                                </div>
+                                                <div class="col-lg-12">                            
+                                                    <input type='submit' value='Simpan Picture' id="simpan_dokumen" class="btn btn-block btn--md btn-danger waves-effect waves-light"/>
+                                                </div>
+                                </div>				     	
+				</form>
+				<br>
+				<div id="tabel_pic"></div>
+                </div>
+                			   
+	<script>
+	var surat_id = $('#surat_idh').val();
+	$('#tabel_pic').load("app/kirim/tabel_pic.php", {surat_id: surat_id});
+
+		$('#simpan_dokumen').hide();
+		$('#blah1_dok').click(function(){
+        var no_surat=$('#no_surat').val();
+		var perihal=$('#perihal').val();
+		if ((!no_surat) || (!perihal)) {alert('No Surat dan Perihal harus ter-isi semua..');$('#no_surat').focus();} else {$('#file_dok').trigger('click');}  
+		});
+
+		/*$("button[name='input_foto_dokumen']").click(function(){
+			$('#file_dok').trigger('click');
+		});*/
+
+		 var loadFile = function(event) {
+    	 var output = document.getElementById('blah1_dok');
+    	 output.src = URL.createObjectURL(event.target.files[0]);
+    	 $('#simpan_dokumen').show();	
+  		 };
+
+		$("#fr_ssn_dok").on('submit',(function(e) {
+			e.preventDefault();
+			$.ajax({
+				url: "app/kirim/upload_dok.php", 
+				type: "POST",             
+				data: new FormData(this), 
+				contentType: false,       
+				cache: false,             
+				processData:false,        
+				success: function(data)  
+				{	
+					alert("Foto Tersimpan..");
+					$('#dok_tbl').load("app/kirim/tabel.php", {surat_id: data});
+					$('#tabel_pic').load("app/kirim/tabel_pic.php", {surat_id: data});
+					$('#blah1_dok').attr("src", "app/kirim/dok/no-avatar.png");
+					$('#simpan_dokumen').hide();
+					var key="jumlah_jpg";
+				$.ajax({
+        			type: "POST",
+        			url: "app/kirim/crud.php",
+        			data: 'surat_id='+surat_id
+        			+'&key='+key,
+					success: function(data){
+						$('.sq'+surat_id).html(' ('+data+')');
+                    	$('.xq'+surat_id).html(data);
+					}
+				});
+				}
+			}); 
+		})); 
+
+	</script>