sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adding initial battle bar.

Browse Source
This commit is contained in:
Sergiotarxz 2024-01-23 20:19:26 +01:00
parent 58c30c1059
commit 34723db31c
6 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/BurguillosInfo.pm
View File

@ -101,6 +101,7 @@ sub startup ($self) {
$r->put('/conquer/node')->to('ConquerNode#create');
$r->get('/conquer/node/near')->to('ConquerNode#nearbyNodes');
$r->get('/conquer/user/enemies/global')->to('ConquerUserCurrentEnemy#listEnemiesGlobal');
$r->post('/conquer/user/enemies/fight')->to('ConquerUserCurrentEnemy#fightEnemy');
$r->get('/conquer/node/<uuid>')->to('ConquerNode#get');
$r->post('/conquer/node/<uuid>/try-conquer')->to('ConquerNode#tryConquer');
$r->get('/conquer/user')->to('UserConquer#get_self');

11
public/css/styles.css
View File

@ -58,6 +58,17 @@ body {
display: block; }
body div.conquer-interface-element-padded.conquer-display-none {
display: none; }
body div.fight-battle-selector-slide {
display: flex;
position: fixed;
z-index: 1;
top: 0;
height: 100px; }
body div.fight-battle-selector-slide.conquer-display-none {
display: none; }
body div.fight-battle-selector-slide img {
height: 50px;
aspect-ratio: 1 / 1; }
body div.create-node-slide {
display: flex;
position: fixed;

14
public/css/styles.scss
View File

@ -77,6 +77,20 @@ body {
display: none;
}
}
div.fight-battle-selector-slide {
display: flex;
position: fixed;
z-index: 1;
top: 0;
height: 100px;
&.conquer-display-none {
display: none;
}
img {
height: 50px;
aspect-ratio: 1 / 1;
}
}
div.create-node-slide {
display: flex;
position: fixed;

BIN
public/img/conquer/earth-bomb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

6
templates/conquer/_fight-battle-selector-slide.html.ep Normal file
View File

@ -0,0 +1,6 @@
<div class="fight-battle-selector-slide conquer-display-none" id="fight-battle-selector-slide">
<button id="fight-global">
<img alt="Fight global" src="/img/conquer/earth-bomb.png"/>
<p>Global battle</p>
</button>
</div>

3
templates/conquer/index.html.ep
View File

@ -7,7 +7,8 @@
<link rel="stylesheet" href="/css/styles.css?v=<%=$css_version%>"/>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/>
</head>
<body>
<body>
%= include 'conquer/_fight-battle-selector-slide';
%= include 'conquer/_overlay-transparent-template';
%= include 'conquer/_new-node-form-creation-template';
%= include 'conquer/_create-node-slide';