Skip to content

Commit

Permalink
layout, fixed download problem with ff
Browse files Browse the repository at this point in the history
  • Loading branch information
@soster
soster committed Mar 25, 2018
1 parent bd8a437 commit 400550c
Show file tree
Hide file tree
Showing 3 changed files with 53 additions and 23 deletions.
60 changes: 38 additions & 22 deletions app/index.html
View file
Expand Up @@ -17,10 +17,14 @@
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<div class="container advntx">
<div class="header">
<div class="float-right d-none d-lg-block"><a href="https://github.com/soster/adventex"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a></div>
<div class="float-right d-none d-lg-block">
<a href="https://github.com/soster/adventex">
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub">
</a>
</div>
<h3 class="text-muted">adventex</h3>
</div>
<div class="row clearfix">
Expand All @@ -36,18 +40,21 @@ <h3>Inventory</h3>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-md-12 scroller">
<div class="btn-group" role="group" aria-label="">
<p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_take" onclick="advntx.terminalLink('take');">Take</button>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_open" onclick="advntx.terminalLink('open');">Open</button>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_close" onclick="advntx.terminalLink('close');">Close</button>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_examine" onclick="advntx.terminalLink('examine');">Examine</button>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_look" onclick="advntx.term.exec('look');">Look</button>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_enter" onclick="advntx.executeCurrent();">↵</button>&nbsp;
</p>
</div>
</div>
<div class="col-md-6">
</div>
<div class="row">
<div class="col-md-12 scroller">
<div class="btn-group" role="group" aria-label="">
<p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_help">Help</button>&nbsp;
Expand All @@ -59,40 +66,49 @@ <h3>Inventory</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="row">
<p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_options" onclick="$('#options').toggle();">Options</button>
</p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_options" onclick="$('#options').toggle();">Options</button>
</p>
</div>
</div>

<div id="options" class="col-md-12">
<div class="row">
<div class="btn-group" role="group" aria-label="">
<p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_invert" onclick="advntx.toggleTerminalColors();">Invert colors</button>&nbsp;
</p>
</div>
<div class="btn-group" role="group" aria-label="">
<p id="game_buttons">

</div>
</div>
<div class="row">
<div class="btn-group" role="group">
<p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_save_file">Download savegame</button>&nbsp;
</p>
</div>
<div class="btn-gropu" role="group">
</div>
<div class="row">
<div class="btn-group" role="group">
<p>
<button type="button" class="btn btn-secondary btn-sm" id="btn_save_file">Download savegame</button>&nbsp;
<span class="btn btn-secondary btn-sm">
<input type="file" id="selectFiles" value="Import" />
</span>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_load_file">Load game from file</button>
<span class="btn btn-secondary btn-sm">
<input type="file" id="selectFiles" value="Import" />
</span>&nbsp;
<button type="button" class="btn btn-secondary btn-sm" id="btn_load_file">Load from file</button>
</p>

</div>
</div>
</div>
</div>
<div class="footer smalltext alert-warning">
<div class="row">
<div class="col-md-6">
<p>2018 <a href="https://osteronline.de/" target="_blank" alt="Stefan Ostermann">Stefan Ostermann</a></p>
<p><a href="https://thoster.net/" target="_blank">thoster.net</a></p>
<p>2018
<a href="https://osteronline.de/" target="_blank" alt="Stefan Ostermann">Stefan Ostermann</a>
</p>
<p>
<a href="https://thoster.net/" target="_blank">thoster.net</a>
</p>
</div>
<div class="col-md-6">
<div>
Expand All @@ -104,7 +120,7 @@ <h3>Inventory</h3>
</div>
</div>
</div>


<!-- build:js scripts/app.js -->
<script src="scripts/functions.js"></script>
Expand Down
7 changes: 6 additions & 1 deletion app/scripts/main.js
View file
Expand Up @@ -416,14 +416,19 @@ $(document).ready(function () {

$('#btn_save_file').click(function() {
// does not work on firefox.

var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(advntx.state, null, 2));
var downloadAnchorNode = document.createElement('a');
downloadAnchorNode.setAttribute('href', dataStr);
var date = new Date();
var df = date.getMonth()+'-'+date.getDate()+'-'+date.getYear()+' '+(date.getHours()+1)+'_'+date.getMinutes()
var df = date.getMonth()+'-'+date.getDate()+'-'+date.getYear()+' '+(date.getHours()+1)+'_'+date.getMinutes();
downloadAnchorNode.setAttribute('download', 'advntx_' + df + '.json');

document.body.appendChild(downloadAnchorNode);

downloadAnchorNode.click();
downloadAnchorNode.remove();

});

$('#btn_restart').click(function () {
Expand Down
9 changes: 9 additions & 0 deletions app/styles/main.scss
View file
Expand Up @@ -75,7 +75,16 @@ to { text-shadow: -.1em -.2em .6em #fefcc9, -.15em 0 .6em #feec85, .1em -.25em
font-size: 125%;
}

div.scroller {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}

div.scroller .btn-group {
display: inline-block;
float: none;
}

.browserupgrade {
margin: 0.2em 0;
Expand Down

0 comments on commit 400550c

Please sign in to comment.