oier/PatataLauncher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Added basic functionality to server selection UI.

Browse Source 
The server list is now dynamically generated based on the servers listed in the distribution index. Also, moved to event.key for key bindings as event.keyCode is deprecated.
This commit is contained in:
Daniel Scalzi
2018-04-27 00:04:09 -04:00
parent ae3c8854f4
commit 009a1b58af
6 changed files with 102 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
app/overlay.ejs
View File

@@ -1,72 +1,19 @@
<div id="overlayContainer" style="display: none;">
<div id="serverSelectContent">
<div id="serverSelectContent" style="display: none;">
<span id="serverSelectHeader">Available Servers</span>
<div id="serverSelectList">
<div id="serverSelectListScrollable">
<button class="serverListing" servid="WesterosCraft-1.11.2" selected>
<img class="serverListingImg" src="./assets/images/WesterosSealSquare.png"/>
<div class="serverListingDetails">
<span class="serverListingName">WesterosCraft Production Server</span>
<span class="serverListingDescription">Main WesterosCraft server. Connect to enter the Realm.</span>
<div class="serverListingInfo">
<div class="serverListingVersion">1.11.2</div>
<div class="serverListingRevision">3.4.17</div>
<div class="serverListingStarWrapper">
<svg id="Layer_1" viewBox="0 0 107.45 104.74" width="20px" height="20px">
<defs>
<style>.cls-1{fill:#fff;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;}</style>
</defs>
<path class="cls-1" d="M100.93,65.54C89,62,68.18,55.65,63.54,52.13c2.7-5.23,18.8-19.2,28-27.55C81.36,31.74,63.74,43.87,58.09,45.3c-2.41-5.37-3.61-26.52-4.37-39-.77,12.46-2,33.64-4.36,39-5.7-1.46-23.3-13.57-33.49-20.72,9.26,8.37,25.39,22.36,28,27.55C39.21,55.68,18.47,62,6.52,65.55c12.32-2,33.63-6.06,39.34-4.9-.16,5.87-8.41,26.16-13.11,37.69,6.1-10.89,16.52-30.16,21-33.9,4.5,3.79,14.93,23.09,21,34C70,86.84,61.73,66.48,61.59,60.65,67.36,59.49,88.64,63.52,100.93,65.54Z"/>
<circle class="cls-2" cx="53.73" cy="53.9" r="38"/>
</svg>
<span class="serverListingStarTooltip">Main Server</span>
</div>
</div>
</div>
</button>
<button class="serverListing" servid="WesterosCraft-Test">
<img class="serverListingImg" src="./assets/images/testserver.png"/>
<div class="serverListingDetails">
<span class="serverListingName">WesterosCraft Test Server</span>
<span class="serverListingDescription">Main testing server. Experimental changes live here.</span>
<div class="serverListingInfo">
<div class="serverListingVersion">1.11.2</div>
<div class="serverListingRevision">3.6.0</div>
</div>
</div>
</button>
<button class="serverListing" servid="WesterosCraft-Test-1.12.2">
<img class="serverListingImg" src="./assets/images/testserver.png"/>
<div class="serverListingDetails">
<span class="serverListingName">WesterosCraft 1.12.2 Test Server</span>
<span class="serverListingDescription">Tests for our version change to 1.12.2 are live here.</span>
<div class="serverListingInfo">
<div class="serverListingVersion">1.12.2</div>
<div class="serverListingRevision">4.0.1</div>
</div>
</div>
</button>
<button class="serverListing" servid="EssosCraft">
<img class="serverListingImg" src="./assets/images/testserver.png"/>
<div class="serverListingDetails">
<span class="serverListingName">EssosCraft Test Server</span>
<span class="serverListingDescription">Tests for our next project!</span>
<div class="serverListingInfo">
<div class="serverListingVersion">1.15.0</div>
<div class="serverListingRevision">9.7.2</div>
</div>
</div>
</button>
<!-- Server sistings populated here. -->
</div>
</div>
<div id="serverSelectActions">
<button id="serverSelectConfirm">Select</button>
<button id="serverSelectConfirm" type="submit">Select</button>
<div id="serverSelectCancelWrapper">
<button id="serverSelectCancel">Cancel</button>
</div>
</div>
</div>
<div id="overlayContent" style="display: none;">
<div id="overlayContent">
<span id="overlayTitle">Lorem Ipsum:<br>Finis Illud</span>
<span id="overlayDesc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud..</span>
<div id="overlayActionContainer">