"use strict";
layui.define(["jquery"], function (exprots) {
	function loadCsstFile(filePath) {
		var link = document.createElement("link");
		link.type = "text/css";
		link.rel = "stylesheet";
		link.href = filePath || "/lib/layui/css/okmodules/okLoading.css";
		document.head.appendChild(link);
	}
	loadCsstFile();

	var $ = layui.jquery;

	function templateFun(options) {
		return `<div id="okLoadering">
	    <div class="loader">
	      <div class="text">${options.content}</div>
	      <div class="horizontal">
	        <div class="circlesup">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	        <div class="circlesdwn">
	          <div class="circle"></div>
		<div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	      </div>
	      <div class="vertical">
	        <div class="circlesup">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	        <div class="circlesdwn">
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	          <div class="circle"></div>
	        </div>
	      </div>
	    </div>
	  </div>`
	}

	function headerInit(content, options) {
		options = options || {};
		if (typeof content == "string") {
			options["content"] = content || "ok-admin...";
		} else if (typeof content == "object") {
			options = content;
		}
		options.time = options.time || 2000;
		options.content = options.content || "ok-admin...";
		return options;
	}

	var okLoading = function (content, options) {
		var html = $(template);
		var options = headerInit(content, options);
		var template = templateFun(options);

		$("body").append(template);

		$('#okLoadering').delay(options.time).animate({
			opacity: 0
		}, 1000, "linear", function () {
			$("#okLoadering").remove();
		});
		/*$('#okLoadering').delay(options.time).hide(1000,"linear",function () {
			console.log("执行完成");
		});*/
	};
	exprots("okLoading", okLoading);
});