if (typeof String.prototype.startsWith != 'function') {
	String.prototype.startsWith = function(prefix) {
		return this.slice(0, prefix.length) === prefix;
	};
}

var app = new Vue({
			el : "#js-container",
			data : {
				//全用小写
				KEY_WORD:["url","nameserver"],
				configList : []
			},
			methods : {
				init : function() {
					var _this=this;
					$.getJSON("show", function(data) {
								// filter
								for (var k in data) {
									if (k && _this.isKeyOfUrl(k)) {
										var temp = {
											key : k,
											value : data[k],
											status : ''
										}
										// put into the list
										_this.configList.push(temp);
										// ajax to scan the http status
										_this.checkHttpStatus(temp);
									}
								}

							});
				},
				checkHttpStatus : function(item) {
					var url = item.value;
					if (!app.isHttpUrl(url)) {
						return;
					}
					item.status = "Loading";
					$.getJSON("detect", {
								url : item.value
							}, function(result) {
								if (result.success) {
									item.status = result.data;
								} else {
									item.status = "Failed";
								}
							});

				},
				isKeyOfUrl : function(key) {
					
					var lo=key.toLowerCase();
					if(!this.KEY_WORD){
						return false;
					}
					for(var k=0;k< this.KEY_WORD.length;k++){
						if(lo.indexOf(this.KEY_WORD[k])!=-1){
							return true;
						}
					}
					return false;
				},
				isHttpUrl : function(url) {
					return url && url.startsWith("http");
				}
			},
			created : function() {
				this.init();
			},
			mounted : function() {
			}
		});