Coolpy5App/set_svc.html at master · jacoblai/Coolpy5App · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			.area {
				margin: 20px auto 0px auto;
			}

			.mui-input-group:first-child {
				margin-top: 20px;
			}

			.mui-input-group label {
				width: 22%;
			}

			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}

			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}

			.mui-content-padded {
				margin-top: 25px;
			}

			.mui-btn {
				padding: 10px;
			}

			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				margin-top: 1px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">设置服务商</h1>
		</header>
		<div class="mui-content">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label>域名</label>
					<input id='ip_svcurl' type="text" class="mui-input-clear mui-input" placeholder="http://192.168.1.1:6543">
				</div>
			</form>
			<div class="mui-content-padded">
				<button id='bt_testsvc' class="mui-btn mui-btn-block mui-btn-primary">设置</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script>
			(function($, doc) {
				$.init();
				$.plusReady(function() {
					var bt_testsvc = doc.getElementById('bt_testsvc');
					var ip_svcurl = doc.getElementById('ip_svcurl');
					if(localStorage.getItem('$svc')) {
						ip_svcurl.value = localStorage.getItem('$svc')
					}
					bt_testsvc.addEventListener('tap', function() {
						if(ip_svcurl.value && checkUrl(ip_svcurl.value)) {
							var waiting = plus.nativeUI.showWaiting('正在处理中...');
							$.ajax(ip_svcurl.value + '/api/sys/version', {
								dataType: 'json',
								type: 'get',
								timeout: 10000,
								headers: {
									'Content-Type': 'application/json'
								},
								success: function(data) {
									waiting.close();
									$.alert('成功!服务端版本号：v' + data.data, '酷痞物联', function() {
										localStorage.setItem('$svc', ip_svcurl.value)
										mui.back()
									});
								},
								error: function(xhr, type, errorThrown) {
									waiting.close();
									$.alert('失败!请重新确认服务商域名', '酷痞物联');
								}
							});
						} else {
							$.alert('服务商域名不是有效的', '酷痞物联');
						}
					}, false);
				});
			}(mui, document));
			var checkUrl = function(url) {
				u = /^(http|https)\:\/\/([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&amp;%\$\-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|localhost|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(\:[0-9]+)*(\/($|[a-zA-Z0-9\.\,\?\'\\\+&amp;%\$#\=~_\-]+))*$/
				return u.test(url)
			};
		</script>
	</body>

</html>