mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
change lobby screen
This commit is contained in:
parent
a6dbba198f
commit
e0976d4ac0
@ -6,6 +6,7 @@
|
|||||||
<meta name="description" content="">
|
<meta name="description" content="">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no" />
|
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no" />
|
||||||
<meta name="HandheldFriendly" content="true" />
|
<meta name="HandheldFriendly" content="true" />
|
||||||
|
<link rel="stylesheet" href="http://80.240.132.120/test/app.css">
|
||||||
<link rel="stylesheet" href="build/bootstrap.css">
|
<link rel="stylesheet" href="build/bootstrap.css">
|
||||||
<link rel="stylesheet" href="build/cards.css">
|
<link rel="stylesheet" href="build/cards.css">
|
||||||
<link rel="stylesheet" href="build/main.css">
|
<link rel="stylesheet" href="build/main.css">
|
||||||
@ -20,6 +21,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<script src="build/app.js"></script>
|
<script src="build/app.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
38
client/scss/_base.scss
Normal file
38
client/scss/_base.scss
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Titillium Web';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr6YfJ4wTnNoNUCmOpdh16Tg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr1uKlGE8-OjkUKWan_M3D6s.woff) format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Titillium Web';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(http://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTceHuglUR2dhBxWD-q_ehMME.woff2) format('woff2'), url(http://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcZ_o9VAbKgK36i-4snuAuCM.woff) format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Titillium Web';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr6d1JQt-lS5nD-1TJX2NNl0.woff2) format('woff2'), url(http://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wprx3QmhlKDgQgT1VN2Ed1WFo.woff) format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body,
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: url(inner-bg.jpg) #162232 center top no-repeat;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
font-family: 'Titillium Web', sans-serif;
|
||||||
|
}
|
@ -2,6 +2,9 @@
|
|||||||
@import "backbone.modal";
|
@import "backbone.modal";
|
||||||
@import "backbone.modal.theme";
|
@import "backbone.modal.theme";
|
||||||
|
|
||||||
|
@import "base";
|
||||||
|
|
||||||
|
|
||||||
$height: 600px;
|
$height: 600px;
|
||||||
$game-height: 800px;
|
$game-height: 800px;
|
||||||
.container {
|
.container {
|
||||||
|
@ -1,37 +1,87 @@
|
|||||||
<div class="col-xs-12">
|
<style>
|
||||||
<div class="panel panel-default">
|
body {
|
||||||
<div class="panel-heading">Gwent
|
background: url(http://80.240.132.120/test/landing-bg.jpg) #162232 center top no-repeat;
|
||||||
{{#if serverOffline}}
|
}
|
||||||
<span class="pull-right">Server Status: <span class="label label-danger">Offline</span></span>
|
|
||||||
{{else}}
|
.container-form-landing {
|
||||||
<span class="pull-right">Player online: <span class="nr-player-online">0</span> | Server Status: <span class="label label-success">Online</span></span>
|
opacity: 1;
|
||||||
{{/if}}
|
margin: 60px 0 0 0;
|
||||||
</div>
|
}
|
||||||
<div class="panel-body">
|
|
||||||
<div class="row">
|
.field-session {
|
||||||
<div class="col-xs-12">
|
width: 250px !important;
|
||||||
<input type="text" class="name-input" value="{{name}}">
|
}
|
||||||
<select id="deckChoice">
|
|
||||||
<option value="random">Deck: Random</option>
|
.icon-action-load {
|
||||||
<option value="northern">Deck: Northern Realms</option>
|
background: url(http://80.240.132.120/test/action-load.gif) no-repeat;
|
||||||
<option value="scoiatael">Deck: Scoia'tael</option>
|
display: none;
|
||||||
<option value="monster">Deck: Monster</option>
|
|
||||||
<option value="nilfgaardian">Deck: Nilfgaardian</option>
|
width: 16px;
|
||||||
</select>
|
height: 16px;
|
||||||
</div>
|
float: right;
|
||||||
</div>
|
margin: 6px -7px 0 7px;
|
||||||
<br>
|
}
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12">
|
.startMatchmaking {
|
||||||
<button type="button" class="btn btn-primary startMatchmaking"{{#if inMatchmakerQueue}} disabled{{/if}}>
|
height: auto !important;
|
||||||
Search Opponent
|
width: auto !important;
|
||||||
{{!#if inMatchmakerQueue}}
|
line-height: 29px;
|
||||||
<i class="image-gif-loader pull-right" style="display: none"></i>
|
}
|
||||||
{{!/if}}
|
|
||||||
</button>
|
.wrap-landing {
|
||||||
<!--<button type="button" class="btn btn-success note">debug note</button>-->
|
max-width: 800px;
|
||||||
</div>
|
}
|
||||||
|
|
||||||
|
.container-landing {
|
||||||
|
margin: 20% 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teaser-landing {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
margin: 70px 0 0 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-offline {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-online {
|
||||||
|
color: green;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<section class="container-landing">
|
||||||
|
<div class="wrap-landing">
|
||||||
|
<img src="http://80.240.132.120/test/logo-big.png" width="243" height="85" alt="Gwent" class="logo-big">
|
||||||
|
|
||||||
|
<div class="container-form-landing">
|
||||||
|
|
||||||
|
<input type="text" placeholder="Username" class="field-session field-username" autofocus value="{{name}}">
|
||||||
|
|
||||||
|
<select id="deckChoice" class="field-session">
|
||||||
|
<option value="random">Deck: Random</option>
|
||||||
|
<option value="northern">Deck: Northern Realms</option>
|
||||||
|
<option value="scoiatael">Deck: Scoia'tael</option>
|
||||||
|
<option value="monster">Deck: Monster</option>
|
||||||
|
<option value="nilfgaardian">Deck: Nilfgaardian</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<div class="wrap-btn-action btn-register-action startMatchmaking">
|
||||||
|
<input type="submit" value="Search Opponent" class="btn-action">
|
||||||
|
<i class="icon-action-load image-gif-loader"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<p class="teaser-landing">
|
||||||
|
{{#if serverOffline}}
|
||||||
|
<span>Server Status: <span class="status-offline">Offline</span></span>
|
||||||
|
{{else}}
|
||||||
|
<span>Player online: <span class="nr-player-online">0</span></span><br>
|
||||||
|
<span>Server Status: <span class="status-online">Online</span></span>
|
||||||
|
{{/if}}
|
||||||
|
</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
45
client/templates/lobby2.handlebars
Normal file
45
client/templates/lobby2.handlebars
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background: url(http://80.240.132.120/test/landing-bg.jpg) #162232 center top no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
qwerqwer
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">Gwent
|
||||||
|
{{#if serverOffline}}
|
||||||
|
<span class="pull-right">Server Status: <span class="label label-danger">Offline</span></span>
|
||||||
|
{{else}}
|
||||||
|
<span class="pull-right">Player online: <span class="nr-player-online">0</span> | Server Status: <span class="label label-success">Online</span></span>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<input type="text" class="name-input" value="{{name}}">
|
||||||
|
<select id="deckChoice">
|
||||||
|
<option value="random">Deck: Random</option>
|
||||||
|
<option value="northern">Deck: Northern Realms</option>
|
||||||
|
<option value="scoiatael">Deck: Scoia'tael</option>
|
||||||
|
<option value="monster">Deck: Monster</option>
|
||||||
|
<option value="nilfgaardian">Deck: Nilfgaardian</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<button type="button" class="btn btn-primary startMatchmaking"{{#if inMatchmakerQueue}} disabled{{/if}}>
|
||||||
|
Search Opponent
|
||||||
|
{{!#if inMatchmakerQueue}}
|
||||||
|
<i class="image-gif-loader pull-right" style="display: none"></i>
|
||||||
|
{{!/if}}
|
||||||
|
</button>
|
||||||
|
<!--<button type="button" class="btn btn-success note">debug note</button>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
23
gulpfile.js
23
gulpfile.js
@ -81,29 +81,12 @@ gulp.task("index", function(){
|
|||||||
})
|
})
|
||||||
|
|
||||||
gulp.task('resize sm', function(done){
|
gulp.task('resize sm', function(done){
|
||||||
if(fs.existsSync(__dirname + "/assets/cards/sm/monster/arachas1.png")) {
|
|
||||||
console.log("skip generating sm images");
|
return done();
|
||||||
return done();
|
|
||||||
}
|
|
||||||
return gulp.src('./assets/original_cards/**/*.png')
|
|
||||||
.pipe(gm(function(gmfile){
|
|
||||||
return gmfile.resize(null, 120);
|
|
||||||
}))
|
|
||||||
.pipe(imagemin())
|
|
||||||
.pipe(gulp.dest('./assets/cards/sm/'));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('resize lg', ["resize sm"], function(done){
|
gulp.task('resize lg', ["resize sm"], function(done){
|
||||||
if(fs.existsSync(__dirname + "/assets/cards/lg/monster/arachas1.png")) {
|
|
||||||
console.log("skip generating lg images");
|
|
||||||
return done();
|
return done();
|
||||||
}
|
|
||||||
return gulp.src('./assets/original_cards/**/*.png')
|
|
||||||
.pipe(gm(function(gmfile){
|
|
||||||
return gmfile.resize(null, 450);
|
|
||||||
}))
|
|
||||||
.pipe(imagemin())
|
|
||||||
.pipe(gulp.dest('./assets/cards/lg/'));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task("sprite", ["resize lg"], function(){
|
gulp.task("sprite", ["resize lg"], function(){
|
||||||
@ -132,4 +115,4 @@ gulp.task("sprite", ["resize lg"], function(){
|
|||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
gulp.task("default", ["watch", "browserify", "sass", "unit tests", "index", "resize lg", "resize sm", "sprite"]);
|
gulp.task("default", ["watch", "browserify", "sass", "unit tests", "index", "resize lg", "resize sm"]);
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
window.Config = {};
|
window.Config = {};
|
||||||
|
|
||||||
Config.Server = {
|
Config.Server = {
|
||||||
"hostname": "192.168.123.1",
|
"hostname": "localhost",
|
||||||
"port": 16918,
|
"port": 16918,
|
||||||
secure: false
|
secure: false
|
||||||
}
|
}
|
||||||
@ -12,5 +12,5 @@ Config.Gwent = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Config.Site = {
|
Config.Site = {
|
||||||
base: "/gwent-online/site/public"
|
base: "/gwent/site/public"
|
||||||
}
|
}
|
@ -27,4 +27,21 @@ class Kernel extends ConsoleKernel
|
|||||||
$schedule->command('inspire')
|
$schedule->command('inspire')
|
||||||
->hourly();
|
->hourly();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $message
|
||||||
|
*
|
||||||
|
* @return $this
|
||||||
|
*/
|
||||||
|
public function withMessage($message)
|
||||||
|
{
|
||||||
|
$this->message = $message;
|
||||||
|
|
||||||
|
return $this;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function returnAccess($id)
|
||||||
|
{
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,5 +6,21 @@ use Illuminate\Foundation\Http\FormRequest;
|
|||||||
|
|
||||||
abstract class Request extends FormRequest
|
abstract class Request extends FormRequest
|
||||||
{
|
{
|
||||||
//
|
|
||||||
|
/**
|
||||||
|
* @var
|
||||||
|
*/
|
||||||
|
private $userID;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @var
|
||||||
|
*/
|
||||||
|
private $accessPoint;
|
||||||
|
|
||||||
|
public function __construct($userID, $accessPoint)
|
||||||
|
{
|
||||||
|
|
||||||
|
$this->userID = $userID;
|
||||||
|
$this->accessPoint = $accessPoint;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user