Skip to content

Commit

Permalink
interact with blochain + screen
Browse files Browse the repository at this point in the history
  • Loading branch information
@jrastit
jrastit committed Oct 27, 2019
1 parent 48dfe7e commit 7acda13
Show file tree
Hide file tree
Showing 4 changed files with 426 additions and 293 deletions.
3 changes: 2 additions & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
node_modules/
build/
build/
update.sh
125 changes: 73 additions & 52 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,82 +21,103 @@

<body>
<div class="container">

<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-push-2">
<h1 class="text-center">Mood Forest</h1>
<hr/>
<br/>
</div>
</div>
<div id="bet">
<!-- <button onclick="App.getQueryParams()">heyy</button> -->
<h1>Bet</h1>
</div>
<div id="create-bet">
<h1>Create a New Bet</h1>

<div class="row">
<div class="col" id="alerts"></div>
</div>
<div class="diplay-options">
<h1> Select an Animal</h1>
<div id="animalsRow" class="row">
<!-- Animals LOAD HERE -->

<div class="row" id="animal" style="display: none;">
<h1>Animal</h1>
to do...
<div class="col-xs-12 col-sm-8 col-sm-push-2">
<button id="cancelAnimalButton" class="btn btn-primary btn-lg" onclick="App.cancelAnimal();">Cancel :(</button>
</div>
<h6>You selected : <span id="animalSelected"></span></h6>
<h1> Select a Color</h1>
<div id="colorsRow" class="row">
<!-- Colors LOAD HERE -->
</div>

<div class="row" id="bet" style="display: none;">
<!-- <button onclick="App.getQueryParams()">heyy</button> -->
<div>
<h1>Bet</h1>
</div>
<h6>You selected : <span id="colorSelected"></span></h6>
<h1> Select a mood</h1>
<div id="moodsRow" class="row">
<!-- mood LOAD HERE -->
<div class="row" id="create-bet">
<h1>Create a New Bet</h1>
</div>
<h6>You selected : <span id="moodSelected"></span></h6>
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-push-2">
<button id="formButton" class="btn btn-primary btn-lg">Submit</button>
<div class="diplay-options">
<h1> Select an Animal</h1>
<div id="animalsRow" class="row">
<!-- Animals LOAD HERE -->
</div>
<h6>You selected : <span id="animalSelected"></span></h6>
<h1> Select a Color</h1>
<div id="colorsRow" class="row">
<!-- Colors LOAD HERE -->
</div>
<h6>You selected : <span id="colorSelected"></span></h6>
<h1> Select a mood</h1>
<div id="moodsRow" class="row">
<!-- mood LOAD HERE -->
</div>
<h6>You selected : <span id="moodSelected"></span></h6>
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-push-2">
<button id="formButton" class="btn btn-primary btn-lg">Submit</button>
</div>
</div>
</div>
</div>

</div>

<div id="animalTemplate" style="display: none;">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="panel panel-default panel-pet">
<div class="panel-body">
<img alt="140x140" data-src="holder.js/140x140" class="img-rounded img-center" style="height: 150px;" src="https://animalso.com/wp-content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true">
<br/><br/>
<span class="display-value">sadas</span><br/>
<button class="btn btn-default" type="button" data-id="0" data-name="abc">Select</button>
<div id="chose" style="display: none;">
<div id="animalTemplate">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="panel panel-default panel-pet">
<div class="panel-body">
<img alt="140x140" data-src="holder.js/140x140" class="img-rounded img-center" style="height: 150px;" src="https://animalso.com/wp-content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true">
<br/><br/>
<span class="display-value">sadas</span><br/>
<button class="btn btn-default" type="button" data-id="0" data-name="abc">Select</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="colorTemplate" style="display: none;">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="panel panel-default panel-pet">
<div class="panel-body">
<!-- <img alt="140x140" data-src="holder.js/140x140" class="img-rounded img-center" style="width: 100%;" src="https://animalso.com/wp-content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true"> -->
<br/><br/>
<span class="display-value">sadas</span><br/>
<button class="btn btn-default" type="button" data-id="0" data-name="abc">Select</button>
<div id="colorTemplate">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="panel panel-default panel-pet">
<div class="panel-body">
<!-- <img alt="140x140" data-src="holder.js/140x140" class="img-rounded img-center" style="width: 100%;" src="https://animalso.com/wp-content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true"> -->
<br/><br/>
<span class="display-value">sadas</span><br/>
<button class="btn btn-default" type="button" data-id="0" data-name="abc">Select</button>
</div>
</div>
</div>
</div>
</div>
<div id="moodTemplate" style="display: none;">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="panel panel-default panel-pet">
<div class="panel-body">
<!-- <img alt="140x140" data-src="holder.js/140x140" class="img-rounded img-center" style="width: 100%;" src="https://animalso.com/wp-content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true"> -->
<br/><br/>
<span class="display-value">sadas</span><br/>
<button class="btn btn-default" type="button" data-id="0" data-name="abc">Select</button>
<div id="moodTemplate">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="panel panel-default panel-pet">
<div class="panel-body">
<!-- <img alt="140x140" data-src="holder.js/140x140" class="img-rounded img-center" style="width: 100%;" src="https://animalso.com/wp-content/uploads/2017/01/Golden-Retriever_6.jpg" data-holder-rendered="true"> -->
<br/><br/>
<span class="display-value">sadas</span><br/>
<button class="btn btn-default" type="button" data-id="0" data-name="abc">Select</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-push-2">
<button id="choseButton" class="btn btn-primary btn-lg" onclick="App.createAnimal();">Submit</button>
</div>
</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
Expand All @@ -106,4 +127,4 @@ <h6>You selected : <span id="moodSelected"></span></h6>
<script src="js/app.js"></script>
</body>

</html>
</html>
39 changes: 37 additions & 2 deletions src/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -194,13 +194,48 @@ App = {
}
}
return qparams.bet;
}
},

createAnimal: function () {
this.displayPage("wait");
remix_submit_animal(1, 2, 3);
},

cancelAnimal: function () {
this.displayPage("wait");
remix_cancel_animal(1, 2, 3);
},

addAlert: function (message) {
$('#alerts').append(
'<div class="alert alert-info">' +
'<button type="button" class="close" data-dismiss="alert">' +
'&times;</button>' + message + '</div>');
},

displayPage: function (name) {
if (name == "chose"){
$('#chose').show();
}else{
$('#chose').hide();
}
if (name == "animal"){
$('#animal').show();
}else{
$('#animal').hide();
}
if (name == "wait"){
$('#wait').show();
}else{
$('#wait').hide();
}

}

};

$(function() {
$(window).load(function() {
App.init();
});
});
});
Loading

0 comments on commit 7acda13

Please sign in to comment.