change lobby screen

client/index.html

@@ -6,6 +6,7 @@
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no" />
   <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/cards.css">
   <link rel="stylesheet" href="build/main.css">
@@ -20,6 +21,7 @@
 </div>
 <script src="build/app.js"></script>
 <script>
+
   (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),
     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

client/scss/_base.scss

@@ -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;
+}

client/scss/main.scss

@@ -2,6 +2,9 @@
 @import "backbone.modal";
 @import "backbone.modal.theme";
 
+@import "base";
+
+
 $height: 600px;
 $game-height: 800px;
 .container {

client/templates/lobby.handlebars

@@ -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">
+
+  .icon-action-load {
+    background: url(http://80.240.132.120/test/action-load.gif) no-repeat;
+    display: none;
+
+    width: 16px;
+    height: 16px;
+    float: right;
+    margin: 6px -7px 0 7px;
+  }
+
+  .startMatchmaking {
+    height: auto !important;
+    width: auto !important;
+    line-height: 29px;
+  }
+
+  .wrap-landing {
+    max-width: 800px;
+  }
+
+  .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>
+
+      <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>
-      <br>
+</section>
-      <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>

client/templates/lobby2.handlebars

@@ -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>

gulpfile.js

@@ -81,29 +81,12 @@ gulp.task("index", function(){
 })
 
 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 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){
-  if(fs.existsSync(__dirname + "/assets/cards/lg/monster/arachas1.png")) {
-    console.log("skip generating lg images");
     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(){
@@ -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"]);

public/Config.js

@@ -2,7 +2,7 @@
 window.Config = {};
 
 Config.Server = {
-  "hostname": "192.168.123.1",
+  "hostname": "localhost",
   "port": 16918,
   secure: false
 }
@@ -12,5 +12,5 @@ Config.Gwent = {
 }
 
 Config.Site = {
-  base: "/gwent-online/site/public"
+  base: "/gwent/site/public"
 }

site/server/app/Console/Kernel.php

@@ -27,4 +27,21 @@ class Kernel extends ConsoleKernel
         $schedule->command('inspire')
                  ->hourly();
     }
+
+  /**
+   * @param $message
+   *
+   * @return $this
+   */
+    public function withMessage($message)
+    {
+      $this->message = $message;
+
+      return $this;
+    }
+
+    public function returnAccess($id)
+    {
+
+    }
 }

site/server/app/Http/Requests/Request.php

@@ -6,5 +6,21 @@ use Illuminate\Foundation\Http\FormRequest;
 
 abstract class Request extends FormRequest
 {
-    //
+
+  /**
+   * @var
+   */
+  private $userID;
+
+  /**
+   * @var
+   */
+  private $accessPoint;
+
+  public function __construct($userID, $accessPoint)
+    {
+
+      $this->userID = $userID;
+      $this->accessPoint = $accessPoint;
+    }
 }