View file home/templates/home/js/script.add.story.html

<script>
	jQuery(document).ready(function($) {
		var form = $("form#add-story-from");
		form.ajaxForm({
			type:'POST',
			dataType:'json',
			cache: false,
    		processData: false,
			beforeSend:function(){
				if (form.find('#story-file').prop('files').length != 1) {
					form.find('.selecet-file-control').addClass('active');
					return false;
				}
				form.find('button[type="submit"]').attr('disabled', 'true');
				$(".loading_cont").removeClass('hidden');
			},
			success:function(data){
				if (data.message) {
					$.toast(data.message,{
	                	duration: 5000, 
	                	type: '',
	                	align: 'top-right',
	                	singleton: false
	                });

	                delay(function(){
	                	window.location.reload();
	                },1000);
				}

				$("body").removeClass('active');
				$("#create-newpost").empty();
				$(".loading_cont").addClass('hidden');
			}
		});

		$("#story-file").change(function(event) {
			var file = $(this).prop('files')[0];
			form.find('.select-story-md').html('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504.12 504.12" xml:space="preserve"> <circle style="fill:#3DB39E;" cx="252.06" cy="252.06" r="252.06"/> <path style="fill:#37A18E;" d="M463.163,114.609L240.246,345.403l0.394,24.812h10.24l241.428-194.56 C485.218,153.994,475.372,133.12,463.163,114.609z"/> <path style="fill:#fff;" d="M499.397,103.582l-44.505-44.111c-5.908-5.908-15.754-5.908-22.055,0L242.609,256l-82.314-81.132 c-5.908-5.908-15.754-5.908-22.055,0l-39.385,38.991c-5.908,5.908-5.908,15.754,0,21.662L230.4,365.883 c3.545,3.545,8.271,4.726,12.997,4.332c4.726,0.394,9.452-0.788,12.997-4.332l243.003-240.246 C505.305,119.335,505.305,109.489,499.397,103.582z"/> <path style="fill:#f0f0f0;" d="M256.394,365.883l243.003-240.246c5.908-5.908,5.908-15.754,0-21.662l-7.089-6.695L243.003,342.252 L105.157,207.951l-5.908,5.908c-5.908,5.908-5.908,15.754,0,21.662l131.545,130.363c3.545,3.545,8.271,4.726,12.997,4.332 C248.123,370.609,252.849,369.428,256.394,365.883z"/></svg><h5>' + file.name + '</h5>');
		});
	});
</script>