diff --git a/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css b/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css index ba8a483..e43e690 100644 --- a/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css +++ b/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css @@ -387,7 +387,7 @@ main { box-shadow: 0 0 1px rgba(0, 0, 0, 0); } -#mine-wrapper .game-wrapper .users .user-container .user-control .bomb-container:hover { +#mine-wrapper .game-wrapper .users .user-container .user-control .bomb-container.buzz:hover { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; diff --git a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/app.js b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/app.js index 7cfc704..16cdebc 100644 --- a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/app.js +++ b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/app.js @@ -186,7 +186,8 @@ class MineSeeker extends React.Component { name: payload.users.blue !== '' ? payload.users.blue : payload.users.blueAnon, desc: this.refs.gridControl.state.webPlayer === 'blue' ? this.refs.gridControl.state.desc.you - : this.refs.gridControl.state.desc.buddy + : this.refs.gridControl.state.desc.buddy, + active: true, }); this.refs.gridControl.setState({overlay: false}); diff --git a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/grid/grid-control.js b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/grid/grid-control.js index 70a01ee..1eb81ae 100644 --- a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/grid/grid-control.js +++ b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/grid/grid-control.js @@ -429,6 +429,7 @@ class GridControl extends React.Component {
{this.state.gridFields}
diff --git a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user-control.js b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user-control.js index a95e137..4f216c9 100644 --- a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user-control.js +++ b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user-control.js @@ -44,6 +44,7 @@ class UserControl extends React.Component {
@@ -57,6 +58,7 @@ class UserControl extends React.Component {
diff --git a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user.js b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user.js index 20c4f9a..b61313e 100644 --- a/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user.js +++ b/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user.js @@ -24,6 +24,17 @@ class User extends React.Component { return this.state.srcRoot + 'bg-flag-' + color + '-outbg.png'; } + getBombBuzzClass(webPlayer) { + let activePlayer = this.state.color === 1 ? 'blue' : 'red'; + + return "bomb-container" + + ( + this.state.active && (activePlayer === webPlayer) && this.state.haveBomb && this.state.enabledBomb + ? ' buzz' + : '' + ); + } + getBomb() { let src = this.state.srcRoot; @@ -64,7 +75,7 @@ class User extends React.Component {
{this.state.mines}
-
+
bomb