5fe43ac8e9
Basic selection and updating of the selected server has been added. There are a few subtle mechanics which need to be added still, such as keybind shortcuts (enter to submit, etc). In addition, functionality still needs to be added to generate the list of servers from the manifest file. Fixed a minor issue with the login view. Updated play button styles. Updated dependencies.
80 lines
5.1 KiB
Plaintext
80 lines
5.1 KiB
Plaintext
<div id="overlayContainer" style="display: none;">
|
|
<div id="serverSelectContent">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<div id="serverSelectActions">
|
|
<button id="serverSelectConfirm">Select</button>
|
|
<div id="serverSelectCancelWrapper">
|
|
<button id="serverSelectCancel">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="overlayContent" style="display: none;">
|
|
<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">
|
|
<button id="overlayAcknowledge">Conare Iterum</button>
|
|
<div id="overlayDismissWrapper">
|
|
<button id="overlayDismiss" style="display: none;">Dismiss</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="./assets/js/scripts/overlay.js"></script>
|
|
</div> |