dev

分支 (2)

管理

管理

dev

master

crism-proxy
/
index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CrismProxy</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
	<link rel="stylesheet" href="./app/css/style.css"/>
	<link rel="stylesheet" href="./app/css/bootstrap.min.css">
	<script src="./app/js/index.js" ></script>
	<script src="./app/js/popper.min.js"></script>
	<script src="./app/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="header" style="-webkit-app-region: drag;">
        <span class="title">内网穿透</span>
        <span class="tools" >
			<div class="dropdown">
			  <span class="dot" type="button" id="dropMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">...</span>
			  <div class="dropdown-menu crism-menu" aria-labelledby="dropMenu">
			    <button class="dropdown-item" type="button" data-toggle="modal" data-target="#aboutModal"><img src="./app/img/about.png" style="height:16px;" > 关于</button>
				<button onclick="minima()" class="dropdown-item" type="button"><img src="./app/img/minmal.png" style="height:16px;" > 隐藏</button>
				<button onclick="quit()" class="dropdown-item" type="button"><img src="./app/img/quit.png" style="height:16px;" > 退出</button>
			  </div>
			</div>
            <img src="./app//img/logo.png" class="logo">
        </span>
    </div>
	<div class="content">
		<div class="left" id="left">
			<div id="hostlist">
				<!-- <div class="item" id="0" onclick="selected(0)">
					<p class="item-dot"/>
					<div class="item-text">
						<p>新建连接</p>
						<p>127.0.0.1:80</p>
					</div>
					<img onclick="del(0)" src="./app/img/close.png" class="item-close">
				</div> -->
			</div>
			<div style="text-align: center; padding: 15px">
				<img onclick="add({ active: true })" src="./app/img/add.png" class="add">
			</div>
		</div>
		<div class="right">
			<input id="hostId" style="display: none;">
			<div class="form-group group">
				<span class="form-label">节点</span>
				<select class="form-control form-input" id="select_point" onchange="change_point(this)">
					<option>腾讯云广州(5M)</option>
					<option>腾讯云上海(1M)</option>
					<option>腾讯云北京(3M)</option>
				</select>
			</div>
			<div class="form-group">
				<span class="form-label">连接方式</span>
				<select class="form-control form-input" id="select_method">
					<option>HTTP服务</option>
				</select>
			</div>
			<div class="form-group">
				<span class="form-label">外网域名</span>
				<div class="form-input-group">
					<span class="append">http(s)://</span>
					<input id="idomain" placeholder="不填写将随机生成" style="text-indent:100px" type="text" class="form-control form-input">
					<span id="domain" class="append append-right">.proxy.crism.cn</span>
				</div>
			</div>
			<div class="form-group">
				<span class="form-label">内网地址</span>
				<input placeholder="例: 127.0.0.1" class="form-control form-input" id="ip">
			</div>
			<div class="form-group">
				<span class="form-label">内网端口</span>
				<input placeholder="例: 8080" type="number" class="form-control form-input" id="port">
			</div>
			<div class="form-group">
				<span class="form-label">备注</span>
				<input type="text" class="form-control form-input" id="remark">
			</div>
			<button type="button" class="form-btn">
				<div class="connect" onclick="connect()"><img src="./app/img/connect.png" style="width: 12px;margin: -2px 3px 0 0;"/>连接</div>
				<div class="disconnect" onclick="disconnect()"><img src="./app/img/disconnect.png" style="width: 14px;margin: -3px 3px 0 0;"/>断开</div>
			</button>
		</div>
	</div>
	<div id="aboutModal" class="modal fade" tabindex="-1" aria-hidden="true">
		<div class="modal-dialog modal-sm">
			<div class="modal-body">
				<p><img src="./app//img/logo.png" style="height: 42px"></p>
				<p>作者：Crism</p>
				<p>版本：0.0.1</p>
				<p style="font-size: 9px;">Copyright © 2021 Crism Corporation. All Rights Reserved</p>
			</div>
		</div>
	</div>
	<div id="InvitationCode" class="modal" tabindex="-1" data-backdrop="static">
		<div class="modal-body ivmodal">
			<img src="http://cdn.crism.cn/qrcode_for_mpyyf.jpg" class="qrcode">
			<p style="font-size: 12px;margin-top: -2px;color: cadetblue;">获取邀请码：关注公众号，发送暗号【内网穿透】</p>
			<div class="input-group input-group-sm ivcode" >
				<input id="ivcode" placeholder="请填写邀请码" class="form-control">
				<div class="input-group-append">
				  <span class="input-group-text btn" onclick="initclient()">确定</span>
				</div>
			</div>

		</div>
	</div>
</body>
</html>