mirrors/webxoss-core
1
0
Fork 1
mirror of https://github.com/webxoss/webxoss-core.git synced 2025-01-31 01:39:09 +01:00
Code Issues Projects Releases Packages Wiki Activity

improve test helper

Browse source 
style page
hide helper action button until start battle
This commit is contained in:
deardrops 2017-04-08 13:50:29 +08:00 • committed by WEBXOSS
parent d68a3cb1b1
commit 3b98b12593
1 changed files with 120 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

113
index.html
View file

@ -205,7 +205,9 @@
</head> </head>
<body> <body>
<div class="float"> <div class="flex">
<div class="helper">
<div class="flex row">
<div> <div>
<span> p1 </span> <span> p1 </span>
<select id="host-decks"></select> <select id="host-decks"></select>
@ -214,26 +216,40 @@
<span> p2 </span> <span> p2 </span>
<select id="ghost-decks"></select> <select id="ghost-decks"></select>
</div> </div>
<div>
<button onclick="startBattle();">oben!</button>
</div> </div>
<div> ---- Helper Function ---- </div>
<div> <div>
<button id="oben" onclick="startBattle();">oben!</button>
<button onclick="grow();">grow!</button> <button onclick="grow();">grow!</button>
<button onclick="draw()">draw</button> <button onclick="draw()">draw</button>
<button onclick="charge();">ener charge</button> <button onclick="charge();">ener charge</button>
</div> </div>
<div class="flex row">
<div> <div>
<input id="card-name" type="text" placeholder="wx15-001"> <span>add</span>
<input id="card-name" class="card-name" type="text" placeholder="wx15-001" />
</div>
<div>
<span>to</span>
<select id="target-player" class="target-player">
<option value="">yourself&#39;s</option>
<option value="opponent">opponent&#39;s</option>
</select>
</div>
</div>
<div>
<button onclick="addTo('handZone');">hand</button>
<button onclick="addTo('lifeClothZone');">life cloth</button>
<button onclick="addTo('enerZone');">ener zone</button>
<button onclick="addTo('trashZone');">trash zone</button>
</div> </div>
<button onclick="addTo('handZone');">add to hand</button>
<button onclick="addTo('lifeClothZone');">add to life cloth</button>
<button onclick="addTo('enerZone');">add to ener</button>
<button onclick="addTo('trashZone');">add to trash</button>
<div> <div>
<button onclick="resetLrigDeck();">reset lrig deck</button> <button onclick="resetLrigDeck();">reset lrig deck</button>
</div> </div>
<div> <div class="flex-center">
<textarea id="log"></textarea>
</div>
<div class="language">
<span>Language:</span>
<select id="select-language" onchange="changeLanguage();"> <select id="select-language" onchange="changeLanguage();">
<option value="en">English</option> <option value="en">English</option>
<option value="zh_CN">简体中文</option> <option value="zh_CN">简体中文</option>
@ -244,28 +260,81 @@
<option value="it">Italiano</option> <option value="it">Italiano</option>
</select> </select>
</div> </div>
<div>
<textarea id="log"></textarea>
</div> </div>
<iframe id="deck-editor" src="../webxoss-client/DeckEditor/" scrolling="no" frameborder="no" border="0"></iframe>
</div> </div>
<iframe class="float" src="../webxoss-client/DeckEditor/" width="1090px" height="690px" scrolling="no" frameborder="no" border="0"></iframe>
</body> </body>
<style type="text/css"> <style type="text/css">
a { .flex {
outline: none; display: flex;
color: inherit; }
text-decoration: none; .helper {
-webkit-tap-highlight-color: transparent; display: flex;
flex-direction: column;
}
.helper>div {
padding: 0.5em;
}
.row>div {
flex: 1;
}
.row>div>span {
margin-right: 1em;
}
.card-name {
border: none;
border-bottom: 1px solid #000;
text-align: center;
width: 6em;
}
.target-player {
appearance: none;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari 和 Chrome */
border: none;
width: 7em;
}
.flex-center {
display: flex;
flex: 1;
justify-content: center;
}
.language {
text-align: right;
} }
textarea { textarea {
resize: none; resize: none;
width: 270px; height: auto;
height: 500px; width: 100%;
} }
.float { button {
float: left; padding: .5em 1em;
color: #fff;
border: 1px solid #999;
border: transparent;
background-color: #0078e7;
text-decoration: none;
border-radius: 2px;
display: inline-block;
zoom: 1;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
button:disabled,
button[disabled] {
border: none;
filter: alpha(opacity=40);
opacity: .4;
cursor: not-allowed;
}
body {
font-family: PingFangSC-Regular, 'Helvetica Neue', Tahoma, Arial, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
} }
</style> </style>