From 389f325618d8778fb72a177c044f3f7a033aa523 Mon Sep 17 00:00:00 2001
From: Sergiotarxz <sergiotarxz@posteo.net>
Date: Sun, 14 Jan 2024 22:02:49 +0100
Subject: [PATCH] Adding initial support for conquering nodes.

---
 js-src/conquer/index.ts                       | 15 +++-
 js-src/conquer/interface/node-view.ts         | 70 ++++++++++++++++++-
 js-src/conquer/map-node.ts                    | 19 ++++-
 lib/BurguillosInfo.pm                         |  1 +
 lib/BurguillosInfo/Controller/ConquerNode.pm  | 27 +++++++
 .../Schema/Result/ConquerNode.pm              | 56 ++++++++++-----
 .../Schema/Result/ConquerTeam.pm              |  1 +
 public/js/bundle.js                           |  6 +-
 8 files changed, 166 insertions(+), 29 deletions(-)

diff --git a/js-src/conquer/index.ts b/js-src/conquer/index.ts
index 75fef9c..63c4c4d 100644
--- a/js-src/conquer/index.ts
+++ b/js-src/conquer/index.ts
@@ -24,6 +24,7 @@ import NewNodeUI from '@burguillosinfo/conquer/interface/new-node'
 import NewTeamUI from '@burguillosinfo/conquer/interface/new-team'
 import WebSocket from '@burguillosinfo/conquer/websocket'
 import JsonSerializer from '@burguillosinfo/conquer/serializer';
+import ConquerUser from '@burguillosinfo/conquer/user'
 
 type StylesInterface = Record<string, Style>
 
@@ -433,13 +434,21 @@ export default class Conquer {
         if (this.currentPositionFeature === null) {
             return
         }
+        const user =  await ConquerUser.getSelfUser()
+        let color = 'white';
+        if (user !== null) {
+            const team = await user.getTeam();
+            if (team !== null) {
+                color = team.getColor();
+            }
+        }
         const styles: StylesInterface = {
             currentPositionFeature: new Style({
                 image: new CircleStyle({
                     radius: 14,
-                    fill: new Fill({color: 'white'}),
+                    fill: new Fill({color: color}),
                     stroke: new Stroke({
-                        color: 'blue',
+                        color: 'beige',
                         width: 2,
                     })
                 })
@@ -447,7 +456,7 @@ export default class Conquer {
         };
         const features = [this.currentPositionFeature]
         for (const key in this.getServerNodes()) {
-            styles[key] = this.getServerNodes()[key].getStyle()
+            styles[key] = await this.getServerNodes()[key].getStyle()
             features.push(this.getServerNodes()[key].getFeature())
         }
         const vectorLayer = new VectorLayer<VectorSource>({
diff --git a/js-src/conquer/interface/node-view.ts b/js-src/conquer/interface/node-view.ts
index a1fc80b..1c088e6 100644
--- a/js-src/conquer/interface/node-view.ts
+++ b/js-src/conquer/interface/node-view.ts
@@ -63,6 +63,7 @@ export default class NodeView extends AbstractTopBarInterface {
             + (this.node.isNear() 
                 ? 'Estas cerca y puedes interactuar con este sitio.'
                 : 'Estás demasiado lejos para hacer nada aquí.');
+        this.populateTeamData();
         if (this.node.isNear()) {
             await this.runIfNear();
         }
@@ -70,22 +71,87 @@ export default class NodeView extends AbstractTopBarInterface {
         mainNode.classList.remove('conquer-display-none')
     }
 
+    private async populateTeamData() {
+        const element = document.createElement('p');
+        const team = await this.node.getTeam();
+        (() => {
+            if (team === null) {
+                element.innerText = 'El nodo no pertenece a ningún equipo todavía.';
+                return;
+            }
+            const spanText = document.createElement('span');
+            spanText.innerText = 'Equipo: ';
+            element.append(spanText);
+            const spanCircle = document.createElement('span');
+            spanCircle.classList.add('conquer-team-circle');
+            spanCircle.style.backgroundColor = team.getColor();
+            element.append(spanCircle);
+            const spanTeamName = document.createElement('span');
+            spanTeamName.style.color = team.getColor();
+            spanTeamName.innerText = ' ' + team.getName();
+            element.append(spanTeamName);
+        })();
+        this.getView().append(element);
+    }
+
     private async runIfNear(): Promise<void> {
-        const team = await this.user.getTeam();
-        if (team === null) {
+        const userTeam = await this.user.getTeam();
+        const nodeTeam = await this.node.getTeam();
+        if (userTeam === null) {
             const paragraphNoTeam = document.createElement('p');
             paragraphNoTeam.innerText = 'Parece que no has seleccionado equipo aun,'
                 + ' pulsa el botón de seleccionar equipo para comenzar tu aventura,'
                 + ' si quieres cambiar de equipo en el futuro puedes hacerlo sin problemas.';
             this.getView().append(paragraphNoTeam);
         }
+
         const selectTeamButton = document.createElement('button');
         selectTeamButton.innerText = 'Seleccionar equipo';
         selectTeamButton.addEventListener('click', () => {
             this.runCallbacks('open-select-team');
             this.runCallbacks('close');
         });
+
         this.getView().append(selectTeamButton);
+        if (await this.isOpposingNode()) {
+            const conquerForTeamButton = document.createElement('button');
+            conquerForTeamButton.innerText = 'Conquistar';
+            conquerForTeamButton.addEventListener('click', () => {
+                this.conquerThisNodeForTeam();
+            });
+            this.getView().append(conquerForTeamButton);
+        }
+    }
+
+    private async conquerThisNodeForTeam() {
+        const urlNode = new URL('/conquer/node/' + this.node.getUUID() + '/try-conquer',
+            window.location.protocol + '//' 
+            + window.location.hostname + ':' 
+            + window.location.port)
+        const response = await fetch(urlNode, {
+            method: 'POST',
+        });
+        this.runCallbacks('update-nodes');
+        this.runCallbacks('close');
+    }
+
+    private async isOpposingNode(): Promise<boolean> {
+        const userTeam = await this.user.getTeam();
+        const nodeTeam = await this.node.getTeam();
+        if (userTeam === null) {
+            return false;
+        }
+        if (nodeTeam === null) {
+            return true;
+        }
+        if (nodeTeam.getUUID() !== userTeam.getUUID()) {
+            return true;
+        }
+        return false;
+    }
+
+    private async isNodeFree(): Promise<boolean> {
+        return await this.node.getTeam() === null;
     }
 
 }
diff --git a/js-src/conquer/map-node.ts b/js-src/conquer/map-node.ts
index d510806..3b2893e 100644
--- a/js-src/conquer/map-node.ts
+++ b/js-src/conquer/map-node.ts
@@ -9,6 +9,7 @@ import InterfaceManager from '@burguillosinfo/conquer/interface-manager'
 import NodeView from '@burguillosinfo/conquer/interface/node-view'
 import JsonSerializer from '@burguillosinfo/conquer/serializer';
 import SelectTeamUI from '@burguillosinfo/conquer/interface/select-team';
+import ConquerTeam from '@burguillosinfo/conquer/team';
 
 @JsonObject()
 export default class MapNode {
@@ -24,9 +25,18 @@ export default class MapNode {
         @JsonProperty() private description: string,
         @JsonProperty() private kind: string,
         @JsonProperty() private is_near: boolean,
+        @JsonProperty() private team: string,
     ) {
     }
 
+    public async getTeam(): Promise<ConquerTeam | null> {
+        if (this.team === null) {
+            return null;
+        }
+        return ConquerTeam.getTeam(this.team);
+    }
+
+
     public async fetch(): Promise<MapNode> {
         const urlNode = new URL('/conquer/node/' + this.uuid, window.location.protocol + '//' + window.location.hostname + ':' + window.location.port)
         const response = await fetch(urlNode);
@@ -125,11 +135,16 @@ export default class MapNode {
         return this.feature;
     }
 
-    public getStyle(): Style {
+    public async getStyle(): Promise<Style> {
+        const team = await this.getTeam();
+        let color = 'white';
+        if (team !== null) {
+            color = team.getColor();
+        }
         return new Style({ 
             image: new CircleStyle({
                 radius: 14,
-                fill: new Fill({color: 'white'}),
+                fill: new Fill({color: color}),
                 stroke: new Stroke({
                     color: 'gray',
                     width: 2,
diff --git a/lib/BurguillosInfo.pm b/lib/BurguillosInfo.pm
index 8c2f00c..3fbb0c5 100644
--- a/lib/BurguillosInfo.pm
+++ b/lib/BurguillosInfo.pm
@@ -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/node/<uuid>')->to('ConquerNode#get');
+    $r->post('/conquer/node/<uuid>/try-conquer')->to('ConquerNode#tryConquer');
     $r->get('/conquer/user')->to('UserConquer#get_self');
     $r->post('/conquer/user/login')->to('UserConquer#login');
     $r->get('/conquer/tile/<zoom>/<x>/<y>.png')->to('ConquerTile#tile');
diff --git a/lib/BurguillosInfo/Controller/ConquerNode.pm b/lib/BurguillosInfo/Controller/ConquerNode.pm
index 7627ee5..ab0f9bb 100644
--- a/lib/BurguillosInfo/Controller/ConquerNode.pm
+++ b/lib/BurguillosInfo/Controller/ConquerNode.pm
@@ -32,6 +32,33 @@ sub get($self) {
     }
     return $self->render(json => $node->serialize());
 }
+
+sub tryConquer($self) {
+    my $user = $self->current_user;
+    my $schema = BurguillosInfo::Schema->Schema->resultset('ConquerNode');
+    if (!defined $user) {
+        return $self->render(status => 401, json => {
+            error => 'You must be logged to conquer a node.',
+        });
+    }
+    if (!defined $user->team) {
+        return $self->render(status => 400, json => {
+            error => 'You must belong to a team to conquer a node.',
+        });
+    }
+    my $uuid = $self->param('uuid');
+    my ($node) = $schema->search({uuid => $uuid});
+    if (!defined $node) {
+        return $self->render(status => 404, json => {
+            error => 'No existe ese nodo.',
+        });
+    }
+    $node->team($user->team);
+    $node->update;
+    $self->render(json => {
+        ok => $JSON::true,
+    });
+}
     
 sub create ($self) {
     my $user = $self->current_user;
diff --git a/lib/BurguillosInfo/Schema/Result/ConquerNode.pm b/lib/BurguillosInfo/Schema/Result/ConquerNode.pm
index e2d5050..d683407 100644
--- a/lib/BurguillosInfo/Schema/Result/ConquerNode.pm
+++ b/lib/BurguillosInfo/Schema/Result/ConquerNode.pm
@@ -37,29 +37,39 @@ __PACKAGE__->add_columns(
         data_type   => 'geometry',
         is_nullable => 0,
     },
+    team => {
+        data_type   => 'uuid',
+        is_nullable => 1,
+    },
 );
 
-sub coordinate_2($self) {
+sub coordinate_2 ($self) {
     require BurguillosInfo::Schema;
     my $resultset = BurguillosInfo::Schema->Schema->resultset('ConquerNode');
-    my ($new_self) = $resultset->search({uuid => $self->uuid}, {
-        '+select' => { 
-            ST_Y => { ST_Centroid => 'geometry' },
-            -as => 'coordinate_2',
+    my ($new_self) = $resultset->search(
+        { uuid => $self->uuid },
+        {
+            '+select' => {
+                ST_Y => { ST_Centroid => 'geometry' },
+                -as  => 'coordinate_2',
+            }
         }
-    });
+    );
     return $new_self->get_column('coordinate_2');
 }
 
-sub coordinate_1($self) {
+sub coordinate_1 ($self) {
     require BurguillosInfo::Schema;
     my $resultset = BurguillosInfo::Schema->Schema->resultset('ConquerNode');
-    my ($new_self) = $resultset->search({uuid => $self->uuid}, {
-        '+select' => { 
-            ST_X => { ST_Centroid => 'geometry' },
-            -as => 'coordinate_1',
+    my ($new_self) = $resultset->search(
+        { uuid => $self->uuid },
+        {
+            '+select' => {
+                ST_X => { ST_Centroid => 'geometry' },
+                -as  => 'coordinate_1',
+            }
         }
-    });
+    );
     return $new_self->get_column('coordinate_1');
 }
 
@@ -74,6 +84,7 @@ sub serialize ( $self, $player = undef ) {
         coordinate_1 => $self->coordinate_1,
         coordinate_2 => $self->coordinate_2,
         is_near      => $self->is_near($player),
+        team         => $self->team,
     };
     return $return;
 }
@@ -82,22 +93,29 @@ sub is_near ( $self, $player ) {
     if ( !defined $player ) {
         return $JSON::false;
     }
+
     # Meters
-    if ($self->get_distance_to_player($player) < 100) {
+    if ( $self->get_distance_to_player($player) < 100 ) {
         return $JSON::true;
     }
     return $JSON::false;
 }
 
-sub get_distance_to_player ($self, $player) {
+sub get_distance_to_player ( $self, $player ) {
     my $longitude_player = $player->last_coordinate_1;
-    my $latitude_player = $player->last_coordinate_2;
-    my $longitude_node = $self->coordinate_1;
-    my $latitude_node = $self->coordinate_2;
-    my $gis = GIS::Distance->new;
+    my $latitude_player  = $player->last_coordinate_2;
+    my $longitude_node   = $self->coordinate_1;
+    my $latitude_node    = $self->coordinate_2;
+    my $gis              = GIS::Distance->new;
+
     # Setting distance to meters.
-    my $distance = $gis->distance_metal( $latitude_node, $longitude_node, $latitude_player, $longitude_player) * 1000;
+    my $distance = $gis->distance_metal(
+        $latitude_node,   $longitude_node,
+        $latitude_player, $longitude_player
+    ) * 1000;
 }
 
 __PACKAGE__->set_primary_key('uuid');
+__PACKAGE__->belongs_to( 'team_object',
+    'BurguillosInfo::Schema::Result::ConquerTeam', 'team' );
 1;
diff --git a/lib/BurguillosInfo/Schema/Result/ConquerTeam.pm b/lib/BurguillosInfo/Schema/Result/ConquerTeam.pm
index 0164c2c..f5614fb 100644
--- a/lib/BurguillosInfo/Schema/Result/ConquerTeam.pm
+++ b/lib/BurguillosInfo/Schema/Result/ConquerTeam.pm
@@ -39,6 +39,7 @@ __PACKAGE__->add_columns(
 
 __PACKAGE__->set_primary_key('uuid');
 __PACKAGE__->has_many( players => 'BurguillosInfo::Schema::Result::ConquerUser', 'team');
+__PACKAGE__->has_many( nodes => 'BurguillosInfo::Schema::Result::ConquerNode', 'team');
 
 sub serialize ($self) {
     $self = $self->get_from_storage();
diff --git a/public/js/bundle.js b/public/js/bundle.js
index 8277675..ed678a5 100644
--- a/public/js/bundle.js
+++ b/public/js/bundle.js
@@ -89,7 +89,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Conquer)\n/* harmony export */ });\n/* harmony import */ var ol_Map__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ol/Map */ \"./node_modules/ol/Map.js\");\n/* harmony import */ var ol_MapBrowserEvent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ol/MapBrowserEvent */ \"./node_modules/ol/MapBrowserEvent.js\");\n/* harmony import */ var ol_View__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ol/View */ \"./node_modules/ol/View.js\");\n/* harmony import */ var ol_proj_Projection_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ol/proj/Projection.js */ \"./node_modules/ol/proj/Projection.js\");\n/* harmony import */ var ol_layer_Tile__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ol/layer/Tile */ \"./node_modules/ol/layer/Tile.js\");\n/* harmony import */ var ol_source_OSM__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ol/source/OSM */ \"./node_modules/ol/source/OSM.js\");\n/* harmony import */ var ol_proj__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ol/proj */ \"./node_modules/ol/proj.js\");\n/* harmony import */ var ol_Feature__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ol/Feature */ \"./node_modules/ol/Feature.js\");\n/* harmony import */ var ol_geom_Point__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ol/geom/Point */ \"./node_modules/ol/geom/Point.js\");\n/* harmony import */ var ol_layer_Vector__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ol/layer/Vector */ \"./node_modules/ol/layer/Vector.js\");\n/* harmony import */ var ol_source_Vector__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ol/source/Vector */ \"./node_modules/ol/source/Vector.js\");\n/* harmony import */ var ol_style_Stroke__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ol/style/Stroke */ \"./node_modules/ol/style/Stroke.js\");\n/* harmony import */ var ol_style_Fill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ol/style/Fill */ \"./node_modules/ol/style/Fill.js\");\n/* harmony import */ var ol_style_Circle__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ol/style/Circle */ \"./node_modules/ol/style/Circle.js\");\n/* harmony import */ var ol_style_Style__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ol/style/Style */ \"./node_modules/ol/style/Style.js\");\n/* harmony import */ var _burguillosinfo_conquer_login__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/conquer/login */ \"./js-src/conquer/login.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @burguillosinfo/conquer/interface-manager */ \"./js-src/conquer/interface-manager.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_self_player__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/self-player */ \"./js-src/conquer/interface/self-player.ts\");\n/* harmony import */ var _burguillosinfo_conquer_create_node__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @burguillosinfo/conquer/create-node */ \"./js-src/conquer/create-node.ts\");\n/* harmony import */ var _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @burguillosinfo/conquer/map-state */ \"./js-src/conquer/map-state.ts\");\n/* harmony import */ var _burguillosinfo_conquer_map_node__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @burguillosinfo/conquer/map-node */ \"./js-src/conquer/map-node.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_new_node__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/new-node */ \"./js-src/conquer/interface/new-node.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_new_team__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/new-team */ \"./js-src/conquer/interface/new-team.ts\");\n/* harmony import */ var _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @burguillosinfo/conquer/serializer */ \"./js-src/conquer/serializer.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nclass Conquer {\n    getServerNodes() {\n        return this.serverNodes;\n    }\n    getState() {\n        return this.state;\n    }\n    setState(state) {\n        this.state = state;\n        this.refreshState();\n    }\n    removeState(state) {\n        this.state &= ~state;\n        this.refreshState();\n    }\n    addState(state) {\n        this.state |= state;\n        this.refreshState();\n    }\n    refreshState() {\n        this.createNodeObject.refreshState();\n        return;\n    }\n    static start() {\n        const conquerContainer = document.querySelector(\".conquer-container\");\n        if (conquerContainer === null || !(conquerContainer instanceof HTMLDivElement)) {\n            Conquer.fail('.conquer-container is not a div.');\n        }\n        const conquer = new Conquer(conquerContainer);\n        conquer.run();\n    }\n    setCenterDisplaced(lat, lon) {\n        if (this.firstSetCenter || !(this.state & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE)) {\n            this.coordinate_1 = lon;\n            this.coordinate_2 = lat;\n            const olCoordinates = this.realCoordinatesToOl(lat, lon);\n            const size = this.map.getSize();\n            if (size === undefined) {\n                return;\n            }\n            this.map.getView().centerOn(olCoordinates, size, [size[0] / 2, size[1] - 60]);\n            this.firstSetCenter = false;\n        }\n    }\n    static fail(error) {\n        alert('Error de interfaz');\n        throw new Error(error);\n    }\n    isStateCreatingNode() {\n        return !!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].CREATE_NODE);\n    }\n    isStateSelectWhereToCreateNode() {\n        return !!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].SELECT_WHERE_TO_CREATE_NODE);\n    }\n    async onClickWhereToCreateNode(event) {\n        if (!(event instanceof ol_MapBrowserEvent__WEBPACK_IMPORTED_MODULE_10__[\"default\"])) {\n            return;\n        }\n        const pixel = event.pixel;\n        const coordinates = this.map.getCoordinateFromPixel(pixel);\n        const newNodeUI = new _burguillosinfo_conquer_interface_new_node__WEBPACK_IMPORTED_MODULE_7__[\"default\"](coordinates);\n        const oldState = this.getState();\n        newNodeUI.on('close', () => {\n            this.interfaceManager.remove(newNodeUI);\n            this.setState(oldState);\n        });\n        this.interfaceManager.push(newNodeUI);\n        this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].SELECT_WHERE_TO_CREATE_NODE);\n        // const style = new Style({\n        //     image: new CircleStyle({\n        //         radius: 14,\n        //         fill: new Fill({color: 'white'}),\n        //         stroke: new Stroke({\n        //             color: 'gray',\n        //             width: 2,\n        //         })\n        //     })\n        // })\n        // const mapNode = new MapNode(style, feature, `server-node-${++this.createNodeCounter}`)\n        // this.getServerNodes()[mapNode.getId()] = mapNode\n        // this.refreshLayers()\n    }\n    isStateFillingFormCreateNode() {\n        return !!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FILLING_FORM_CREATE_NODE);\n    }\n    async onClickMap(event) {\n        if (this.isStateCreatingNode() && this.isStateSelectWhereToCreateNode()) {\n            this.onClickWhereToCreateNode(event);\n        }\n        if (!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL)) {\n            return;\n        }\n        if (this.vectorLayer === null) {\n            return;\n        }\n        if (!(event instanceof ol_MapBrowserEvent__WEBPACK_IMPORTED_MODULE_10__[\"default\"])) {\n            return;\n        }\n        if (event.dragging) {\n            return;\n        }\n        const pixel = event.pixel;\n        const features = this.map.getFeaturesAtPixel(pixel);\n        const feature = features.length ? features[0] : undefined;\n        if (feature === undefined) {\n            return;\n        }\n        if (!(feature instanceof ol_Feature__WEBPACK_IMPORTED_MODULE_11__[\"default\"])) {\n            return;\n        }\n        this.onClickFeature(feature);\n    }\n    async onClickSelf() {\n        if (!(this.state & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL)) {\n            return;\n        }\n        const selfPlayerUI = new _burguillosinfo_conquer_interface_self_player__WEBPACK_IMPORTED_MODULE_3__[\"default\"](!!(this.getState() & (_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE | _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION)));\n        selfPlayerUI.on('close', () => {\n            this.interfaceManager.remove(selfPlayerUI);\n        });\n        selfPlayerUI.on('enable-explorer-mode', () => {\n            this.addState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE);\n            this.addState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION);\n        });\n        selfPlayerUI.on('disable-explorer-mode', () => {\n            this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE);\n            this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION);\n        });\n        selfPlayerUI.on('createNodeStart', () => {\n            this.addState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].CREATE_NODE);\n            this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL);\n        });\n        selfPlayerUI.on('open-create-team', () => {\n            this.onOpenCreateTeam();\n        });\n        this.interfaceManager.push(selfPlayerUI);\n        this.selfPlayerUI = selfPlayerUI;\n    }\n    onOpenCreateTeam() {\n        const newTeamUI = new _burguillosinfo_conquer_interface_new_team__WEBPACK_IMPORTED_MODULE_8__[\"default\"]();\n        newTeamUI.on('close', () => {\n            this.interfaceManager.remove(newTeamUI);\n        });\n        this.interfaceManager.push(newTeamUI);\n    }\n    async onClickFeature(feature) {\n        if (this.isFeatureEnabledMap[feature.getProperties().type] === undefined) {\n            this.isFeatureEnabledMap[feature.getProperties().type] = true;\n        }\n        if (!this.isFeatureEnabledMap[feature.getProperties().type]) {\n            return;\n        }\n        this.isFeatureEnabledMap[feature.getProperties().type] = false;\n        window.setTimeout(() => {\n            this.isFeatureEnabledMap[feature.getProperties().type] = true;\n        }, 100);\n        const candidateNode = this.getServerNodes()[feature.getProperties().type];\n        if (candidateNode !== undefined) {\n            candidateNode.click(this.interfaceManager);\n            return;\n        }\n        if (feature === this.currentPositionFeature) {\n            this.onClickSelf();\n            return;\n        }\n    }\n    async onLoginSuccess() {\n        this.clearIntervalSendCoordinates();\n        this.createIntervalSendCoordinates();\n        this.clearIntervalPollNearbyNodes();\n        this.createIntervalPollNearbyNodes();\n    }\n    clearIntervalPollNearbyNodes() {\n        if (this.intervalPollNearbyNodes !== null) {\n            window.clearInterval(this.intervalPollNearbyNodes);\n            this.intervalPollNearbyNodes = null;\n        }\n    }\n    async getNearbyNodes() {\n        const urlNodes = new URL('/conquer/node/near', window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        let response;\n        try {\n            response = await fetch(urlNodes);\n        }\n        catch (error) {\n            console.error(error);\n            return;\n        }\n        let responseBody;\n        try {\n            responseBody = await response.json();\n        }\n        catch (error) {\n            console.error('Error parseando json: ' + responseBody);\n            console.error(error);\n            return;\n        }\n        if (response.status !== 200) {\n            console.error(responseBody.error);\n            return;\n        }\n        const serverNodes = {};\n        const nodes = _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_9__[\"default\"].deserialize(responseBody, _burguillosinfo_conquer_map_node__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n        if (!(nodes instanceof Array)) {\n            console.error('Received null instead of node list.');\n            return;\n        }\n        for (const node of nodes) {\n            if (!(node instanceof _burguillosinfo_conquer_map_node__WEBPACK_IMPORTED_MODULE_6__[\"default\"])) {\n                console.error('Received node is not a MapNode.');\n                continue;\n            }\n            node.on('update-nodes', async () => {\n                await this.sendCoordinatesToServer();\n                this.getNearbyNodes();\n            });\n            serverNodes[node.getId()] = node;\n        }\n        this.serverNodes = serverNodes;\n        this.refreshLayers();\n    }\n    createIntervalPollNearbyNodes() {\n        this.getNearbyNodes();\n        this.intervalPollNearbyNodes = window.setInterval(() => {\n            this.getNearbyNodes();\n        }, 40000);\n    }\n    createIntervalSendCoordinates() {\n        this.intervalSendCoordinates = window.setInterval(() => {\n            this.sendCoordinatesToServer();\n        }, 40000);\n    }\n    async sendCoordinatesToServer() {\n        const urlLog = new URL('/conquer/user/coordinates', window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        let res;\n        try {\n            res = await fetch(urlLog, {\n                method: 'POST',\n                body: JSON.stringify([\n                    this.coordinate_1,\n                    this.coordinate_2,\n                ])\n            });\n        }\n        catch (error) {\n            console.error(error);\n            return;\n        }\n        let responseBody;\n        try {\n            responseBody = await res.json();\n        }\n        catch (error) {\n            console.error('Error parseando json: ' + responseBody);\n            console.error(error);\n            return;\n        }\n        if (res.status !== 200) {\n            console.error(responseBody.error);\n        }\n    }\n    runPreStartState() {\n        const createNodeObject = new _burguillosinfo_conquer_create_node__WEBPACK_IMPORTED_MODULE_4__[\"default\"](this);\n        this.createNodeObject = createNodeObject;\n        const interfaceManager = new _burguillosinfo_conquer_interface_manager__WEBPACK_IMPORTED_MODULE_2__[\"default\"]();\n        this.interfaceManager = interfaceManager;\n        const conquerLogin = new _burguillosinfo_conquer_login__WEBPACK_IMPORTED_MODULE_1__[\"default\"](interfaceManager);\n        conquerLogin.on('login', () => {\n            this.onLoginSuccess();\n        });\n        conquerLogin.on('logout', () => {\n            this.onLogout();\n        });\n        conquerLogin.start();\n        this.conquerLogin = conquerLogin;\n    }\n    onLogout() {\n        this.clearIntervalSendCoordinates();\n        this.clearIntervalPollNearbyNodes();\n    }\n    clearIntervalSendCoordinates() {\n        if (this.intervalSendCoordinates !== null) {\n            window.clearInterval(this.intervalSendCoordinates);\n            this.intervalSendCoordinates = null;\n        }\n    }\n    async run() {\n        this.runPreStartState();\n        this.setState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL);\n        const conquerContainer = this.conquerContainer;\n        //layer.on('prerender', (evt) => {\n        //  // return\n        //    if (evt.context) {\n        //        const context = evt.context as CanvasRenderingContext2D\n        //    context.filter = 'grayscale(80%) invert(100%) '\n        //    context.globalCompositeOperation = 'source-over'\n        //    }\n        //})\n        //layer.on('postrender', (evt) => {\n        //  if (evt.context) {\n        //    const context = evt.context as CanvasRenderingContext2D\n        //    context.filter = 'none'\n        //  }\n        //})\n        ol_proj__WEBPACK_IMPORTED_MODULE_0__.useGeographic();\n        const osm = new ol_source_OSM__WEBPACK_IMPORTED_MODULE_12__[\"default\"]();\n        osm.setUrls([`${window.location.protocol}//${window.location.hostname}:${window.location.port}/conquer/tile/{z}/{x}/{y}.png`]);\n        this.map = new ol_Map__WEBPACK_IMPORTED_MODULE_13__[\"default\"]({\n            target: conquerContainer,\n            layers: [\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_14__[\"default\"]({\n                    source: osm\n                })\n            ],\n            view: new ol_View__WEBPACK_IMPORTED_MODULE_15__[\"default\"]({\n                zoom: 19,\n                maxZoom: 22,\n            }),\n        });\n        this.setLocationChangeTriggers();\n        this.setRotationChangeTriggers();\n    }\n    setRotationChangeTriggers() {\n        if (window.DeviceOrientationEvent) {\n            window.addEventListener(\"deviceorientation\", (event) => {\n                if (event.alpha !== null && event.beta !== null && event.gamma !== null) {\n                    this.onRotate(event.alpha, event.beta, event.gamma);\n                }\n            }, true);\n        }\n    }\n    addCurrentLocationMarkerToMap(currentLatitude, currentLongitude) {\n        const currentPositionFeature = new ol_Feature__WEBPACK_IMPORTED_MODULE_11__[\"default\"]({\n            type: 'currentPositionFeature',\n            geometry: new ol_geom_Point__WEBPACK_IMPORTED_MODULE_16__[\"default\"](this.realCoordinatesToOl(currentLatitude, currentLongitude))\n        });\n        this.currentPositionFeature = currentPositionFeature;\n    }\n    processLocation(location) {\n        this.currentLatitude = location.coords.latitude;\n        this.currentLongitude = location.coords.longitude;\n        if (location.coords.heading !== null && (this.alpha != 0 || this.beta != 0 || this.gamma != 0) && !this.disableSetRotationOffset) {\n            this.disableSetRotationOffset = true;\n            this.heading = location.coords.heading;\n            this.rotationOffset = this.compassHeading(this.alpha, this.beta, this.gamma) + (location.coords.heading * Math.PI * 2) / 360;\n        }\n        this.setCenterDisplaced(this.currentLatitude, this.currentLongitude);\n        this.addCurrentLocationMarkerToMap(this.currentLatitude, this.currentLongitude);\n        this.refreshLayers();\n    }\n    async refreshLayers() {\n        if (this.currentPositionFeature === null) {\n            return;\n        }\n        const styles = {\n            currentPositionFeature: new ol_style_Style__WEBPACK_IMPORTED_MODULE_17__[\"default\"]({\n                image: new ol_style_Circle__WEBPACK_IMPORTED_MODULE_18__[\"default\"]({\n                    radius: 14,\n                    fill: new ol_style_Fill__WEBPACK_IMPORTED_MODULE_19__[\"default\"]({ color: 'white' }),\n                    stroke: new ol_style_Stroke__WEBPACK_IMPORTED_MODULE_20__[\"default\"]({\n                        color: 'blue',\n                        width: 2,\n                    })\n                })\n            })\n        };\n        const features = [this.currentPositionFeature];\n        for (const key in this.getServerNodes()) {\n            styles[key] = this.getServerNodes()[key].getStyle();\n            features.push(this.getServerNodes()[key].getFeature());\n        }\n        const vectorLayer = new ol_layer_Vector__WEBPACK_IMPORTED_MODULE_21__[\"default\"]({\n            source: new ol_source_Vector__WEBPACK_IMPORTED_MODULE_22__[\"default\"]({\n                features: features\n            }),\n        });\n        if (this.vectorLayer !== null) {\n            this.map.removeLayer(this.vectorLayer);\n            this.vectorLayer = null;\n        }\n        vectorLayer.setStyle((feature) => {\n            return styles[feature.getProperties().type];\n        });\n        this.map.addLayer(vectorLayer);\n        this.vectorLayer = vectorLayer;\n        this.map.on('click', (event) => {\n            this.onClickMap(event);\n        });\n    }\n    setLocationChangeTriggers() {\n        window.setInterval(() => {\n            this.disableSetRotationOffset = false;\n        }, 10000);\n        this.currentPositionFeature = null;\n        window.setTimeout(() => {\n            window.setInterval(() => {\n                navigator.geolocation.getCurrentPosition((location) => {\n                    this.processLocation(location);\n                }, () => {\n                    return;\n                }, {\n                    enableHighAccuracy: true,\n                });\n            }, 3000);\n        }, 1000);\n        //        const initialLatitude = 37.58237\n        //const initialLongitude = -5.96766\n        const initialLongitude = 2.500845037550267;\n        const initialLatitude = 48.81050698635832;\n        this.setCenterDisplaced(initialLatitude, initialLongitude);\n        this.addCurrentLocationMarkerToMap(initialLatitude, initialLongitude);\n        this.refreshLayers();\n        navigator.geolocation.watchPosition((location) => {\n            this.processLocation(location);\n        }, (err) => {\n            return;\n        }, {\n            enableHighAccuracy: true,\n        });\n    }\n    realCoordinatesToOl(lat, lon) {\n        return ol_proj__WEBPACK_IMPORTED_MODULE_0__.transform([lon, lat], new ol_proj_Projection_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"]({ code: \"WGS84\" }), new ol_proj_Projection_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"]({ code: \"EPSG:900913\" }));\n    }\n    compassHeading(alpha, beta, gamma) {\n        const alphaRad = alpha * (Math.PI / 180);\n        return alphaRad;\n    }\n    logToServer(logValue) {\n        const urlLog = new URL('/conquer/log', window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        urlLog.searchParams.append('log', logValue);\n        fetch(urlLog).then(() => {\n            return;\n        }).catch((error) => {\n            console.error(error);\n        });\n    }\n    onRotate(alpha, beta, gamma) {\n        if (this.enabledOnRotate) {\n            this.alpha = alpha;\n            this.beta = beta;\n            this.gamma = gamma;\n            this.enabledOnRotate = false;\n            if (this.firstSetRotation || !(this.state & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION)) {\n                this.map.getView().setRotation((this.compassHeading(alpha, beta, gamma) - this.rotationOffset));\n                this.firstSetRotation = false;\n            }\n            window.setTimeout(() => {\n                this.enabledOnRotate = true;\n            }, 10);\n        }\n        this.setCenterDisplaced(this.currentLatitude, this.currentLongitude);\n    }\n    constructor(conquerContainer) {\n        this.intervalSendCoordinates = null;\n        this.rotationOffset = 0;\n        this.heading = 0;\n        this.disableSetRotationOffset = false;\n        this.vectorLayer = null;\n        this.alpha = 0;\n        this.beta = 0;\n        this.gamma = 0;\n        this.selfPlayerUI = null;\n        this.firstSetCenter = true;\n        this.firstSetRotation = true;\n        this.state = _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NOTHING;\n        this.serverNodes = {};\n        this.coordinate_1 = 0;\n        this.coordinate_2 = 0;\n        this.createNodeCounter = 0;\n        this.isFeatureEnabledMap = {};\n        this.intervalPollNearbyNodes = null;\n        this.enabledOnRotate = true;\n        this.conquerContainer = conquerContainer;\n    }\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/conquer/index.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Conquer)\n/* harmony export */ });\n/* harmony import */ var ol_Map__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ol/Map */ \"./node_modules/ol/Map.js\");\n/* harmony import */ var ol_MapBrowserEvent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ol/MapBrowserEvent */ \"./node_modules/ol/MapBrowserEvent.js\");\n/* harmony import */ var ol_View__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ol/View */ \"./node_modules/ol/View.js\");\n/* harmony import */ var ol_proj_Projection_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ol/proj/Projection.js */ \"./node_modules/ol/proj/Projection.js\");\n/* harmony import */ var ol_layer_Tile__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ol/layer/Tile */ \"./node_modules/ol/layer/Tile.js\");\n/* harmony import */ var ol_source_OSM__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ol/source/OSM */ \"./node_modules/ol/source/OSM.js\");\n/* harmony import */ var ol_proj__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ol/proj */ \"./node_modules/ol/proj.js\");\n/* harmony import */ var ol_Feature__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ol/Feature */ \"./node_modules/ol/Feature.js\");\n/* harmony import */ var ol_geom_Point__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ol/geom/Point */ \"./node_modules/ol/geom/Point.js\");\n/* harmony import */ var ol_layer_Vector__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ol/layer/Vector */ \"./node_modules/ol/layer/Vector.js\");\n/* harmony import */ var ol_source_Vector__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ol/source/Vector */ \"./node_modules/ol/source/Vector.js\");\n/* harmony import */ var ol_style_Stroke__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ol/style/Stroke */ \"./node_modules/ol/style/Stroke.js\");\n/* harmony import */ var ol_style_Fill__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ol/style/Fill */ \"./node_modules/ol/style/Fill.js\");\n/* harmony import */ var ol_style_Circle__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ol/style/Circle */ \"./node_modules/ol/style/Circle.js\");\n/* harmony import */ var ol_style_Style__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ol/style/Style */ \"./node_modules/ol/style/Style.js\");\n/* harmony import */ var _burguillosinfo_conquer_login__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/conquer/login */ \"./js-src/conquer/login.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @burguillosinfo/conquer/interface-manager */ \"./js-src/conquer/interface-manager.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_self_player__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/self-player */ \"./js-src/conquer/interface/self-player.ts\");\n/* harmony import */ var _burguillosinfo_conquer_create_node__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @burguillosinfo/conquer/create-node */ \"./js-src/conquer/create-node.ts\");\n/* harmony import */ var _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @burguillosinfo/conquer/map-state */ \"./js-src/conquer/map-state.ts\");\n/* harmony import */ var _burguillosinfo_conquer_map_node__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @burguillosinfo/conquer/map-node */ \"./js-src/conquer/map-node.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_new_node__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/new-node */ \"./js-src/conquer/interface/new-node.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_new_team__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/new-team */ \"./js-src/conquer/interface/new-team.ts\");\n/* harmony import */ var _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @burguillosinfo/conquer/serializer */ \"./js-src/conquer/serializer.ts\");\n/* harmony import */ var _burguillosinfo_conquer_user__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @burguillosinfo/conquer/user */ \"./js-src/conquer/user.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nclass Conquer {\n    getServerNodes() {\n        return this.serverNodes;\n    }\n    getState() {\n        return this.state;\n    }\n    setState(state) {\n        this.state = state;\n        this.refreshState();\n    }\n    removeState(state) {\n        this.state &= ~state;\n        this.refreshState();\n    }\n    addState(state) {\n        this.state |= state;\n        this.refreshState();\n    }\n    refreshState() {\n        this.createNodeObject.refreshState();\n        return;\n    }\n    static start() {\n        const conquerContainer = document.querySelector(\".conquer-container\");\n        if (conquerContainer === null || !(conquerContainer instanceof HTMLDivElement)) {\n            Conquer.fail('.conquer-container is not a div.');\n        }\n        const conquer = new Conquer(conquerContainer);\n        conquer.run();\n    }\n    setCenterDisplaced(lat, lon) {\n        if (this.firstSetCenter || !(this.state & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE)) {\n            this.coordinate_1 = lon;\n            this.coordinate_2 = lat;\n            const olCoordinates = this.realCoordinatesToOl(lat, lon);\n            const size = this.map.getSize();\n            if (size === undefined) {\n                return;\n            }\n            this.map.getView().centerOn(olCoordinates, size, [size[0] / 2, size[1] - 60]);\n            this.firstSetCenter = false;\n        }\n    }\n    static fail(error) {\n        alert('Error de interfaz');\n        throw new Error(error);\n    }\n    isStateCreatingNode() {\n        return !!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].CREATE_NODE);\n    }\n    isStateSelectWhereToCreateNode() {\n        return !!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].SELECT_WHERE_TO_CREATE_NODE);\n    }\n    async onClickWhereToCreateNode(event) {\n        if (!(event instanceof ol_MapBrowserEvent__WEBPACK_IMPORTED_MODULE_11__[\"default\"])) {\n            return;\n        }\n        const pixel = event.pixel;\n        const coordinates = this.map.getCoordinateFromPixel(pixel);\n        const newNodeUI = new _burguillosinfo_conquer_interface_new_node__WEBPACK_IMPORTED_MODULE_7__[\"default\"](coordinates);\n        const oldState = this.getState();\n        newNodeUI.on('close', () => {\n            this.interfaceManager.remove(newNodeUI);\n            this.setState(oldState);\n        });\n        this.interfaceManager.push(newNodeUI);\n        this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].SELECT_WHERE_TO_CREATE_NODE);\n        // const style = new Style({\n        //     image: new CircleStyle({\n        //         radius: 14,\n        //         fill: new Fill({color: 'white'}),\n        //         stroke: new Stroke({\n        //             color: 'gray',\n        //             width: 2,\n        //         })\n        //     })\n        // })\n        // const mapNode = new MapNode(style, feature, `server-node-${++this.createNodeCounter}`)\n        // this.getServerNodes()[mapNode.getId()] = mapNode\n        // this.refreshLayers()\n    }\n    isStateFillingFormCreateNode() {\n        return !!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FILLING_FORM_CREATE_NODE);\n    }\n    async onClickMap(event) {\n        if (this.isStateCreatingNode() && this.isStateSelectWhereToCreateNode()) {\n            this.onClickWhereToCreateNode(event);\n        }\n        if (!(this.getState() & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL)) {\n            return;\n        }\n        if (this.vectorLayer === null) {\n            return;\n        }\n        if (!(event instanceof ol_MapBrowserEvent__WEBPACK_IMPORTED_MODULE_11__[\"default\"])) {\n            return;\n        }\n        if (event.dragging) {\n            return;\n        }\n        const pixel = event.pixel;\n        const features = this.map.getFeaturesAtPixel(pixel);\n        const feature = features.length ? features[0] : undefined;\n        if (feature === undefined) {\n            return;\n        }\n        if (!(feature instanceof ol_Feature__WEBPACK_IMPORTED_MODULE_12__[\"default\"])) {\n            return;\n        }\n        this.onClickFeature(feature);\n    }\n    async onClickSelf() {\n        if (!(this.state & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL)) {\n            return;\n        }\n        const selfPlayerUI = new _burguillosinfo_conquer_interface_self_player__WEBPACK_IMPORTED_MODULE_3__[\"default\"](!!(this.getState() & (_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE | _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION)));\n        selfPlayerUI.on('close', () => {\n            this.interfaceManager.remove(selfPlayerUI);\n        });\n        selfPlayerUI.on('enable-explorer-mode', () => {\n            this.addState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE);\n            this.addState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION);\n        });\n        selfPlayerUI.on('disable-explorer-mode', () => {\n            this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_MOVE);\n            this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION);\n        });\n        selfPlayerUI.on('createNodeStart', () => {\n            this.addState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].CREATE_NODE);\n            this.removeState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL);\n        });\n        selfPlayerUI.on('open-create-team', () => {\n            this.onOpenCreateTeam();\n        });\n        this.interfaceManager.push(selfPlayerUI);\n        this.selfPlayerUI = selfPlayerUI;\n    }\n    onOpenCreateTeam() {\n        const newTeamUI = new _burguillosinfo_conquer_interface_new_team__WEBPACK_IMPORTED_MODULE_8__[\"default\"]();\n        newTeamUI.on('close', () => {\n            this.interfaceManager.remove(newTeamUI);\n        });\n        this.interfaceManager.push(newTeamUI);\n    }\n    async onClickFeature(feature) {\n        if (this.isFeatureEnabledMap[feature.getProperties().type] === undefined) {\n            this.isFeatureEnabledMap[feature.getProperties().type] = true;\n        }\n        if (!this.isFeatureEnabledMap[feature.getProperties().type]) {\n            return;\n        }\n        this.isFeatureEnabledMap[feature.getProperties().type] = false;\n        window.setTimeout(() => {\n            this.isFeatureEnabledMap[feature.getProperties().type] = true;\n        }, 100);\n        const candidateNode = this.getServerNodes()[feature.getProperties().type];\n        if (candidateNode !== undefined) {\n            candidateNode.click(this.interfaceManager);\n            return;\n        }\n        if (feature === this.currentPositionFeature) {\n            this.onClickSelf();\n            return;\n        }\n    }\n    async onLoginSuccess() {\n        this.clearIntervalSendCoordinates();\n        this.createIntervalSendCoordinates();\n        this.clearIntervalPollNearbyNodes();\n        this.createIntervalPollNearbyNodes();\n    }\n    clearIntervalPollNearbyNodes() {\n        if (this.intervalPollNearbyNodes !== null) {\n            window.clearInterval(this.intervalPollNearbyNodes);\n            this.intervalPollNearbyNodes = null;\n        }\n    }\n    async getNearbyNodes() {\n        const urlNodes = new URL('/conquer/node/near', window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        let response;\n        try {\n            response = await fetch(urlNodes);\n        }\n        catch (error) {\n            console.error(error);\n            return;\n        }\n        let responseBody;\n        try {\n            responseBody = await response.json();\n        }\n        catch (error) {\n            console.error('Error parseando json: ' + responseBody);\n            console.error(error);\n            return;\n        }\n        if (response.status !== 200) {\n            console.error(responseBody.error);\n            return;\n        }\n        const serverNodes = {};\n        const nodes = _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_9__[\"default\"].deserialize(responseBody, _burguillosinfo_conquer_map_node__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n        if (!(nodes instanceof Array)) {\n            console.error('Received null instead of node list.');\n            return;\n        }\n        for (const node of nodes) {\n            if (!(node instanceof _burguillosinfo_conquer_map_node__WEBPACK_IMPORTED_MODULE_6__[\"default\"])) {\n                console.error('Received node is not a MapNode.');\n                continue;\n            }\n            node.on('update-nodes', async () => {\n                await this.sendCoordinatesToServer();\n                this.getNearbyNodes();\n            });\n            serverNodes[node.getId()] = node;\n        }\n        this.serverNodes = serverNodes;\n        this.refreshLayers();\n    }\n    createIntervalPollNearbyNodes() {\n        this.getNearbyNodes();\n        this.intervalPollNearbyNodes = window.setInterval(() => {\n            this.getNearbyNodes();\n        }, 40000);\n    }\n    createIntervalSendCoordinates() {\n        this.intervalSendCoordinates = window.setInterval(() => {\n            this.sendCoordinatesToServer();\n        }, 40000);\n    }\n    async sendCoordinatesToServer() {\n        const urlLog = new URL('/conquer/user/coordinates', window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        let res;\n        try {\n            res = await fetch(urlLog, {\n                method: 'POST',\n                body: JSON.stringify([\n                    this.coordinate_1,\n                    this.coordinate_2,\n                ])\n            });\n        }\n        catch (error) {\n            console.error(error);\n            return;\n        }\n        let responseBody;\n        try {\n            responseBody = await res.json();\n        }\n        catch (error) {\n            console.error('Error parseando json: ' + responseBody);\n            console.error(error);\n            return;\n        }\n        if (res.status !== 200) {\n            console.error(responseBody.error);\n        }\n    }\n    runPreStartState() {\n        const createNodeObject = new _burguillosinfo_conquer_create_node__WEBPACK_IMPORTED_MODULE_4__[\"default\"](this);\n        this.createNodeObject = createNodeObject;\n        const interfaceManager = new _burguillosinfo_conquer_interface_manager__WEBPACK_IMPORTED_MODULE_2__[\"default\"]();\n        this.interfaceManager = interfaceManager;\n        const conquerLogin = new _burguillosinfo_conquer_login__WEBPACK_IMPORTED_MODULE_1__[\"default\"](interfaceManager);\n        conquerLogin.on('login', () => {\n            this.onLoginSuccess();\n        });\n        conquerLogin.on('logout', () => {\n            this.onLogout();\n        });\n        conquerLogin.start();\n        this.conquerLogin = conquerLogin;\n    }\n    onLogout() {\n        this.clearIntervalSendCoordinates();\n        this.clearIntervalPollNearbyNodes();\n    }\n    clearIntervalSendCoordinates() {\n        if (this.intervalSendCoordinates !== null) {\n            window.clearInterval(this.intervalSendCoordinates);\n            this.intervalSendCoordinates = null;\n        }\n    }\n    async run() {\n        this.runPreStartState();\n        this.setState(_burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NORMAL);\n        const conquerContainer = this.conquerContainer;\n        //layer.on('prerender', (evt) => {\n        //  // return\n        //    if (evt.context) {\n        //        const context = evt.context as CanvasRenderingContext2D\n        //    context.filter = 'grayscale(80%) invert(100%) '\n        //    context.globalCompositeOperation = 'source-over'\n        //    }\n        //})\n        //layer.on('postrender', (evt) => {\n        //  if (evt.context) {\n        //    const context = evt.context as CanvasRenderingContext2D\n        //    context.filter = 'none'\n        //  }\n        //})\n        ol_proj__WEBPACK_IMPORTED_MODULE_0__.useGeographic();\n        const osm = new ol_source_OSM__WEBPACK_IMPORTED_MODULE_13__[\"default\"]();\n        osm.setUrls([`${window.location.protocol}//${window.location.hostname}:${window.location.port}/conquer/tile/{z}/{x}/{y}.png`]);\n        this.map = new ol_Map__WEBPACK_IMPORTED_MODULE_14__[\"default\"]({\n            target: conquerContainer,\n            layers: [\n                new ol_layer_Tile__WEBPACK_IMPORTED_MODULE_15__[\"default\"]({\n                    source: osm\n                })\n            ],\n            view: new ol_View__WEBPACK_IMPORTED_MODULE_16__[\"default\"]({\n                zoom: 19,\n                maxZoom: 22,\n            }),\n        });\n        this.setLocationChangeTriggers();\n        this.setRotationChangeTriggers();\n    }\n    setRotationChangeTriggers() {\n        if (window.DeviceOrientationEvent) {\n            window.addEventListener(\"deviceorientation\", (event) => {\n                if (event.alpha !== null && event.beta !== null && event.gamma !== null) {\n                    this.onRotate(event.alpha, event.beta, event.gamma);\n                }\n            }, true);\n        }\n    }\n    addCurrentLocationMarkerToMap(currentLatitude, currentLongitude) {\n        const currentPositionFeature = new ol_Feature__WEBPACK_IMPORTED_MODULE_12__[\"default\"]({\n            type: 'currentPositionFeature',\n            geometry: new ol_geom_Point__WEBPACK_IMPORTED_MODULE_17__[\"default\"](this.realCoordinatesToOl(currentLatitude, currentLongitude))\n        });\n        this.currentPositionFeature = currentPositionFeature;\n    }\n    processLocation(location) {\n        this.currentLatitude = location.coords.latitude;\n        this.currentLongitude = location.coords.longitude;\n        if (location.coords.heading !== null && (this.alpha != 0 || this.beta != 0 || this.gamma != 0) && !this.disableSetRotationOffset) {\n            this.disableSetRotationOffset = true;\n            this.heading = location.coords.heading;\n            this.rotationOffset = this.compassHeading(this.alpha, this.beta, this.gamma) + (location.coords.heading * Math.PI * 2) / 360;\n        }\n        this.setCenterDisplaced(this.currentLatitude, this.currentLongitude);\n        this.addCurrentLocationMarkerToMap(this.currentLatitude, this.currentLongitude);\n        this.refreshLayers();\n    }\n    async refreshLayers() {\n        if (this.currentPositionFeature === null) {\n            return;\n        }\n        const user = await _burguillosinfo_conquer_user__WEBPACK_IMPORTED_MODULE_10__[\"default\"].getSelfUser();\n        let color = 'white';\n        if (user !== null) {\n            const team = await user.getTeam();\n            if (team !== null) {\n                color = team.getColor();\n            }\n        }\n        const styles = {\n            currentPositionFeature: new ol_style_Style__WEBPACK_IMPORTED_MODULE_18__[\"default\"]({\n                image: new ol_style_Circle__WEBPACK_IMPORTED_MODULE_19__[\"default\"]({\n                    radius: 14,\n                    fill: new ol_style_Fill__WEBPACK_IMPORTED_MODULE_20__[\"default\"]({ color: color }),\n                    stroke: new ol_style_Stroke__WEBPACK_IMPORTED_MODULE_21__[\"default\"]({\n                        color: 'beige',\n                        width: 2,\n                    })\n                })\n            })\n        };\n        const features = [this.currentPositionFeature];\n        for (const key in this.getServerNodes()) {\n            styles[key] = await this.getServerNodes()[key].getStyle();\n            features.push(this.getServerNodes()[key].getFeature());\n        }\n        const vectorLayer = new ol_layer_Vector__WEBPACK_IMPORTED_MODULE_22__[\"default\"]({\n            source: new ol_source_Vector__WEBPACK_IMPORTED_MODULE_23__[\"default\"]({\n                features: features\n            }),\n        });\n        if (this.vectorLayer !== null) {\n            this.map.removeLayer(this.vectorLayer);\n            this.vectorLayer = null;\n        }\n        vectorLayer.setStyle((feature) => {\n            return styles[feature.getProperties().type];\n        });\n        this.map.addLayer(vectorLayer);\n        this.vectorLayer = vectorLayer;\n        this.map.on('click', (event) => {\n            this.onClickMap(event);\n        });\n    }\n    setLocationChangeTriggers() {\n        window.setInterval(() => {\n            this.disableSetRotationOffset = false;\n        }, 10000);\n        this.currentPositionFeature = null;\n        window.setTimeout(() => {\n            window.setInterval(() => {\n                navigator.geolocation.getCurrentPosition((location) => {\n                    this.processLocation(location);\n                }, () => {\n                    return;\n                }, {\n                    enableHighAccuracy: true,\n                });\n            }, 3000);\n        }, 1000);\n        //        const initialLatitude = 37.58237\n        //const initialLongitude = -5.96766\n        const initialLongitude = 2.500845037550267;\n        const initialLatitude = 48.81050698635832;\n        this.setCenterDisplaced(initialLatitude, initialLongitude);\n        this.addCurrentLocationMarkerToMap(initialLatitude, initialLongitude);\n        this.refreshLayers();\n        navigator.geolocation.watchPosition((location) => {\n            this.processLocation(location);\n        }, (err) => {\n            return;\n        }, {\n            enableHighAccuracy: true,\n        });\n    }\n    realCoordinatesToOl(lat, lon) {\n        return ol_proj__WEBPACK_IMPORTED_MODULE_0__.transform([lon, lat], new ol_proj_Projection_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"]({ code: \"WGS84\" }), new ol_proj_Projection_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"]({ code: \"EPSG:900913\" }));\n    }\n    compassHeading(alpha, beta, gamma) {\n        const alphaRad = alpha * (Math.PI / 180);\n        return alphaRad;\n    }\n    logToServer(logValue) {\n        const urlLog = new URL('/conquer/log', window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        urlLog.searchParams.append('log', logValue);\n        fetch(urlLog).then(() => {\n            return;\n        }).catch((error) => {\n            console.error(error);\n        });\n    }\n    onRotate(alpha, beta, gamma) {\n        if (this.enabledOnRotate) {\n            this.alpha = alpha;\n            this.beta = beta;\n            this.gamma = gamma;\n            this.enabledOnRotate = false;\n            if (this.firstSetRotation || !(this.state & _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].FREE_ROTATION)) {\n                this.map.getView().setRotation((this.compassHeading(alpha, beta, gamma) - this.rotationOffset));\n                this.firstSetRotation = false;\n            }\n            window.setTimeout(() => {\n                this.enabledOnRotate = true;\n            }, 10);\n        }\n        this.setCenterDisplaced(this.currentLatitude, this.currentLongitude);\n    }\n    constructor(conquerContainer) {\n        this.intervalSendCoordinates = null;\n        this.rotationOffset = 0;\n        this.heading = 0;\n        this.disableSetRotationOffset = false;\n        this.vectorLayer = null;\n        this.alpha = 0;\n        this.beta = 0;\n        this.gamma = 0;\n        this.selfPlayerUI = null;\n        this.firstSetCenter = true;\n        this.firstSetRotation = true;\n        this.state = _burguillosinfo_conquer_map_state__WEBPACK_IMPORTED_MODULE_5__[\"default\"].NOTHING;\n        this.serverNodes = {};\n        this.coordinate_1 = 0;\n        this.coordinate_2 = 0;\n        this.createNodeCounter = 0;\n        this.isFeatureEnabledMap = {};\n        this.intervalPollNearbyNodes = null;\n        this.enabledOnRotate = true;\n        this.conquerContainer = conquerContainer;\n    }\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/conquer/index.ts?");
 
 /***/ }),
 
@@ -166,7 +166,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ NodeView)\n/* harmony export */ });\n/* harmony import */ var _burguillosinfo_conquer_interface_abstract_top_bar_interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/abstract-top-bar-interface */ \"./js-src/conquer/interface/abstract-top-bar-interface.ts\");\n/* harmony import */ var _burguillosinfo_conquer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/conquer */ \"./js-src/conquer/index.ts\");\n/* harmony import */ var _burguillosinfo_conquer_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @burguillosinfo/conquer/user */ \"./js-src/conquer/user.ts\");\n\n\n\nclass NodeView extends _burguillosinfo_conquer_interface_abstract_top_bar_interface__WEBPACK_IMPORTED_MODULE_0__[\"default\"] {\n    getNode() {\n        return this.node;\n    }\n    getNodeNameH2() {\n        const element = this.getMainNode().querySelector('h2.node-name');\n        if (!(element instanceof HTMLElement)) {\n            _burguillosinfo_conquer__WEBPACK_IMPORTED_MODULE_1__[\"default\"].fail('h2.node-name is not a H2 or does not exist.');\n        }\n        return element;\n    }\n    getView() {\n        if (this.view === null) {\n            const view = this.getNodeFromTemplateId('conquer-view-node-template');\n            this.view = view;\n        }\n        return this.view;\n    }\n    getNodeDescriptionParagraph() {\n        const element = this.getMainNode().querySelector('p.node-description');\n        if (!(element instanceof HTMLElement)) {\n            _burguillosinfo_conquer__WEBPACK_IMPORTED_MODULE_1__[\"default\"].fail('p.node-description is not a P or does not exist.');\n        }\n        return element;\n    }\n    constructor(node) {\n        super();\n        this.view = null;\n        this.node = node;\n    }\n    async run() {\n        const user = await _burguillosinfo_conquer_user__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSelfUser();\n        if (user === null) {\n            this.runCallbacks('close');\n            return;\n        }\n        this.user = user;\n        const mainNode = this.getMainNode();\n        this.runCallbacks('update-nodes');\n        try {\n            this.node = await this.node.fetch();\n        }\n        catch (error) {\n            this.runCallbacks('close');\n        }\n        mainNode.append(this.getView());\n        this.getNodeNameH2().innerText = this.node.getName();\n        this.getNodeDescriptionParagraph().innerText = this.node.getDescription()\n            + \"\\n\"\n            + (this.node.isNear()\n                ? 'Estas cerca y puedes interactuar con este sitio.'\n                : 'Estás demasiado lejos para hacer nada aquí.');\n        if (this.node.isNear()) {\n            await this.runIfNear();\n        }\n        this.getView().classList.remove('conquer-display-none');\n        mainNode.classList.remove('conquer-display-none');\n    }\n    async runIfNear() {\n        const team = await this.user.getTeam();\n        if (team === null) {\n            const paragraphNoTeam = document.createElement('p');\n            paragraphNoTeam.innerText = 'Parece que no has seleccionado equipo aun,'\n                + ' pulsa el botón de seleccionar equipo para comenzar tu aventura,'\n                + ' si quieres cambiar de equipo en el futuro puedes hacerlo sin problemas.';\n            this.getView().append(paragraphNoTeam);\n        }\n        const selectTeamButton = document.createElement('button');\n        selectTeamButton.innerText = 'Seleccionar equipo';\n        selectTeamButton.addEventListener('click', () => {\n            this.runCallbacks('open-select-team');\n            this.runCallbacks('close');\n        });\n        this.getView().append(selectTeamButton);\n    }\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/conquer/interface/node-view.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ NodeView)\n/* harmony export */ });\n/* harmony import */ var _burguillosinfo_conquer_interface_abstract_top_bar_interface__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/abstract-top-bar-interface */ \"./js-src/conquer/interface/abstract-top-bar-interface.ts\");\n/* harmony import */ var _burguillosinfo_conquer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/conquer */ \"./js-src/conquer/index.ts\");\n/* harmony import */ var _burguillosinfo_conquer_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @burguillosinfo/conquer/user */ \"./js-src/conquer/user.ts\");\n\n\n\nclass NodeView extends _burguillosinfo_conquer_interface_abstract_top_bar_interface__WEBPACK_IMPORTED_MODULE_0__[\"default\"] {\n    getNode() {\n        return this.node;\n    }\n    getNodeNameH2() {\n        const element = this.getMainNode().querySelector('h2.node-name');\n        if (!(element instanceof HTMLElement)) {\n            _burguillosinfo_conquer__WEBPACK_IMPORTED_MODULE_1__[\"default\"].fail('h2.node-name is not a H2 or does not exist.');\n        }\n        return element;\n    }\n    getView() {\n        if (this.view === null) {\n            const view = this.getNodeFromTemplateId('conquer-view-node-template');\n            this.view = view;\n        }\n        return this.view;\n    }\n    getNodeDescriptionParagraph() {\n        const element = this.getMainNode().querySelector('p.node-description');\n        if (!(element instanceof HTMLElement)) {\n            _burguillosinfo_conquer__WEBPACK_IMPORTED_MODULE_1__[\"default\"].fail('p.node-description is not a P or does not exist.');\n        }\n        return element;\n    }\n    constructor(node) {\n        super();\n        this.view = null;\n        this.node = node;\n    }\n    async run() {\n        const user = await _burguillosinfo_conquer_user__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSelfUser();\n        if (user === null) {\n            this.runCallbacks('close');\n            return;\n        }\n        this.user = user;\n        const mainNode = this.getMainNode();\n        this.runCallbacks('update-nodes');\n        try {\n            this.node = await this.node.fetch();\n        }\n        catch (error) {\n            this.runCallbacks('close');\n        }\n        mainNode.append(this.getView());\n        this.getNodeNameH2().innerText = this.node.getName();\n        this.getNodeDescriptionParagraph().innerText = this.node.getDescription()\n            + \"\\n\"\n            + (this.node.isNear()\n                ? 'Estas cerca y puedes interactuar con este sitio.'\n                : 'Estás demasiado lejos para hacer nada aquí.');\n        this.populateTeamData();\n        if (this.node.isNear()) {\n            await this.runIfNear();\n        }\n        this.getView().classList.remove('conquer-display-none');\n        mainNode.classList.remove('conquer-display-none');\n    }\n    async populateTeamData() {\n        const element = document.createElement('p');\n        const team = await this.node.getTeam();\n        (() => {\n            if (team === null) {\n                element.innerText = 'El nodo no pertenece a ningún equipo todavía.';\n                return;\n            }\n            const spanText = document.createElement('span');\n            spanText.innerText = 'Equipo: ';\n            element.append(spanText);\n            const spanCircle = document.createElement('span');\n            spanCircle.classList.add('conquer-team-circle');\n            spanCircle.style.backgroundColor = team.getColor();\n            element.append(spanCircle);\n            const spanTeamName = document.createElement('span');\n            spanTeamName.style.color = team.getColor();\n            spanTeamName.innerText = ' ' + team.getName();\n            element.append(spanTeamName);\n        })();\n        this.getView().append(element);\n    }\n    async runIfNear() {\n        const userTeam = await this.user.getTeam();\n        const nodeTeam = await this.node.getTeam();\n        if (userTeam === null) {\n            const paragraphNoTeam = document.createElement('p');\n            paragraphNoTeam.innerText = 'Parece que no has seleccionado equipo aun,'\n                + ' pulsa el botón de seleccionar equipo para comenzar tu aventura,'\n                + ' si quieres cambiar de equipo en el futuro puedes hacerlo sin problemas.';\n            this.getView().append(paragraphNoTeam);\n        }\n        const selectTeamButton = document.createElement('button');\n        selectTeamButton.innerText = 'Seleccionar equipo';\n        selectTeamButton.addEventListener('click', () => {\n            this.runCallbacks('open-select-team');\n            this.runCallbacks('close');\n        });\n        this.getView().append(selectTeamButton);\n        if (await this.isOpposingNode()) {\n            const conquerForTeamButton = document.createElement('button');\n            conquerForTeamButton.innerText = 'Conquistar';\n            conquerForTeamButton.addEventListener('click', () => {\n                this.conquerThisNodeForTeam();\n            });\n            this.getView().append(conquerForTeamButton);\n        }\n    }\n    async conquerThisNodeForTeam() {\n        const urlNode = new URL('/conquer/node/' + this.node.getUUID() + '/try-conquer', window.location.protocol + '//'\n            + window.location.hostname + ':'\n            + window.location.port);\n        const response = await fetch(urlNode, {\n            method: 'POST',\n        });\n        this.runCallbacks('update-nodes');\n        this.runCallbacks('close');\n    }\n    async isOpposingNode() {\n        const userTeam = await this.user.getTeam();\n        const nodeTeam = await this.node.getTeam();\n        if (userTeam === null) {\n            return false;\n        }\n        if (nodeTeam === null) {\n            return true;\n        }\n        if (nodeTeam.getUUID() !== userTeam.getUUID()) {\n            return true;\n        }\n        return false;\n    }\n    async isNodeFree() {\n        return await this.node.getTeam() === null;\n    }\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/conquer/interface/node-view.ts?");
 
 /***/ }),
 
@@ -210,7 +210,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! typescript-json-serializer */ \"./node_modules/typescript-json-serializer/dist/index.esm.js\");\n/* harmony import */ var ol_style_Style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ol/style/Style */ \"./node_modules/ol/style/Style.js\");\n/* harmony import */ var ol_Feature__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ol/Feature */ \"./node_modules/ol/Feature.js\");\n/* harmony import */ var ol_style_Circle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ol/style/Circle */ \"./node_modules/ol/style/Circle.js\");\n/* harmony import */ var ol_geom_Point__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ol/geom/Point */ \"./node_modules/ol/geom/Point.js\");\n/* harmony import */ var ol_style_Fill__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ol/style/Fill */ \"./node_modules/ol/style/Fill.js\");\n/* harmony import */ var ol_style_Stroke__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ol/style/Stroke */ \"./node_modules/ol/style/Stroke.js\");\n/* harmony import */ var _burguillosinfo_conquer_interface_node_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/node-view */ \"./js-src/conquer/interface/node-view.ts\");\n/* harmony import */ var _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @burguillosinfo/conquer/serializer */ \"./js-src/conquer/serializer.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_select_team__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/select-team */ \"./js-src/conquer/interface/select-team.ts\");\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar __param = (undefined && undefined.__param) || function (paramIndex, decorator) {\n    return function (target, key) { decorator(target, key, paramIndex); }\n};\nvar MapNode_1;\n\n\n\n\n\n\n\n\n\n\nlet MapNode = MapNode_1 = class MapNode {\n    constructor(uuid, coordinate_1, coordinate_2, type, name, description, kind, is_near) {\n        this.uuid = uuid;\n        this.coordinate_1 = coordinate_1;\n        this.coordinate_2 = coordinate_2;\n        this.type = type;\n        this.name = name;\n        this.description = description;\n        this.kind = kind;\n        this.is_near = is_near;\n        this.feature = null;\n        this.callbacks = {};\n    }\n    async fetch() {\n        const urlNode = new URL('/conquer/node/' + this.uuid, window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        const response = await fetch(urlNode);\n        let responseBody;\n        const errorThrow = new Error('Unable to fetch node updated.');\n        try {\n            responseBody = await response.json();\n        }\n        catch (error) {\n            console.error('Error parseando json: ' + responseBody);\n            console.error(error);\n            throw errorThrow;\n        }\n        if (response.status !== 200) {\n            console.error(responseBody.error);\n            throw errorThrow;\n        }\n        const node = _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_2__[\"default\"].deserialize(responseBody, MapNode_1);\n        if (!(node instanceof MapNode_1)) {\n            console.error('Unexpected JSON value for MapNode.');\n            throw errorThrow;\n        }\n        return node;\n    }\n    click(interfaceManager) {\n        const viewNodeInterface = new _burguillosinfo_conquer_interface_node_view__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this);\n        viewNodeInterface.on('close', () => {\n            interfaceManager.remove(viewNodeInterface);\n        });\n        viewNodeInterface.on('update-nodes', () => {\n            this.runCallbacks('update-nodes');\n        });\n        viewNodeInterface.on('open-select-team', () => {\n            this.openSelectTeam(interfaceManager);\n        });\n        interfaceManager.push(viewNodeInterface);\n        this.runCallbacks('click');\n    }\n    openSelectTeam(interfaceManager) {\n        const selectTeamUI = new _burguillosinfo_conquer_interface_select_team__WEBPACK_IMPORTED_MODULE_3__[\"default\"](this);\n        selectTeamUI.on('close', () => {\n            interfaceManager.remove(selectTeamUI);\n        });\n        interfaceManager.push(selectTeamUI);\n    }\n    on(eventName, callback) {\n        if (this.callbacks[eventName] === undefined) {\n            this.callbacks[eventName] = [];\n        }\n        this.callbacks[eventName].push(callback);\n    }\n    runCallbacks(eventName) {\n        const callbacks = this.callbacks[eventName];\n        if (callbacks === undefined) {\n            return;\n        }\n        for (const callback of callbacks) {\n            callback();\n        }\n    }\n    getType() {\n        return this.type;\n    }\n    isNear() {\n        return this.is_near;\n    }\n    getName() {\n        return this.name;\n    }\n    getDescription() {\n        return this.description;\n    }\n    getId() {\n        return 'node-' + this.uuid;\n    }\n    getUUID() {\n        return this.uuid;\n    }\n    getFeature() {\n        if (this.feature === null) {\n            this.feature = new ol_Feature__WEBPACK_IMPORTED_MODULE_4__[\"default\"]({\n                geometry: new ol_geom_Point__WEBPACK_IMPORTED_MODULE_5__[\"default\"]([this.coordinate_1, this.coordinate_2]),\n                type: 'node-' + this.uuid,\n            });\n        }\n        return this.feature;\n    }\n    getStyle() {\n        return new ol_style_Style__WEBPACK_IMPORTED_MODULE_6__[\"default\"]({\n            image: new ol_style_Circle__WEBPACK_IMPORTED_MODULE_7__[\"default\"]({\n                radius: 14,\n                fill: new ol_style_Fill__WEBPACK_IMPORTED_MODULE_8__[\"default\"]({ color: 'white' }),\n                stroke: new ol_style_Stroke__WEBPACK_IMPORTED_MODULE_9__[\"default\"]({\n                    color: 'gray',\n                    width: 2,\n                })\n            })\n        });\n    }\n};\nMapNode = MapNode_1 = __decorate([\n    (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonObject)(),\n    __param(0, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(1, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(2, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(3, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(4, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(5, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(6, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(7, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __metadata(\"design:paramtypes\", [String, Number, Number, String, String, String, String, Boolean])\n], MapNode);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MapNode);\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/conquer/map-node.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! typescript-json-serializer */ \"./node_modules/typescript-json-serializer/dist/index.esm.js\");\n/* harmony import */ var ol_style_Style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ol/style/Style */ \"./node_modules/ol/style/Style.js\");\n/* harmony import */ var ol_Feature__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ol/Feature */ \"./node_modules/ol/Feature.js\");\n/* harmony import */ var ol_style_Circle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ol/style/Circle */ \"./node_modules/ol/style/Circle.js\");\n/* harmony import */ var ol_geom_Point__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ol/geom/Point */ \"./node_modules/ol/geom/Point.js\");\n/* harmony import */ var ol_style_Fill__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ol/style/Fill */ \"./node_modules/ol/style/Fill.js\");\n/* harmony import */ var ol_style_Stroke__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ol/style/Stroke */ \"./node_modules/ol/style/Stroke.js\");\n/* harmony import */ var _burguillosinfo_conquer_interface_node_view__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/node-view */ \"./js-src/conquer/interface/node-view.ts\");\n/* harmony import */ var _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @burguillosinfo/conquer/serializer */ \"./js-src/conquer/serializer.ts\");\n/* harmony import */ var _burguillosinfo_conquer_interface_select_team__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @burguillosinfo/conquer/interface/select-team */ \"./js-src/conquer/interface/select-team.ts\");\n/* harmony import */ var _burguillosinfo_conquer_team__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @burguillosinfo/conquer/team */ \"./js-src/conquer/team.ts\");\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(k, v);\n};\nvar __param = (undefined && undefined.__param) || function (paramIndex, decorator) {\n    return function (target, key) { decorator(target, key, paramIndex); }\n};\nvar MapNode_1;\n\n\n\n\n\n\n\n\n\n\n\nlet MapNode = MapNode_1 = class MapNode {\n    constructor(uuid, coordinate_1, coordinate_2, type, name, description, kind, is_near, team) {\n        this.uuid = uuid;\n        this.coordinate_1 = coordinate_1;\n        this.coordinate_2 = coordinate_2;\n        this.type = type;\n        this.name = name;\n        this.description = description;\n        this.kind = kind;\n        this.is_near = is_near;\n        this.team = team;\n        this.feature = null;\n        this.callbacks = {};\n    }\n    async getTeam() {\n        if (this.team === null) {\n            return null;\n        }\n        return _burguillosinfo_conquer_team__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getTeam(this.team);\n    }\n    async fetch() {\n        const urlNode = new URL('/conquer/node/' + this.uuid, window.location.protocol + '//' + window.location.hostname + ':' + window.location.port);\n        const response = await fetch(urlNode);\n        let responseBody;\n        const errorThrow = new Error('Unable to fetch node updated.');\n        try {\n            responseBody = await response.json();\n        }\n        catch (error) {\n            console.error('Error parseando json: ' + responseBody);\n            console.error(error);\n            throw errorThrow;\n        }\n        if (response.status !== 200) {\n            console.error(responseBody.error);\n            throw errorThrow;\n        }\n        const node = _burguillosinfo_conquer_serializer__WEBPACK_IMPORTED_MODULE_2__[\"default\"].deserialize(responseBody, MapNode_1);\n        if (!(node instanceof MapNode_1)) {\n            console.error('Unexpected JSON value for MapNode.');\n            throw errorThrow;\n        }\n        return node;\n    }\n    click(interfaceManager) {\n        const viewNodeInterface = new _burguillosinfo_conquer_interface_node_view__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this);\n        viewNodeInterface.on('close', () => {\n            interfaceManager.remove(viewNodeInterface);\n        });\n        viewNodeInterface.on('update-nodes', () => {\n            this.runCallbacks('update-nodes');\n        });\n        viewNodeInterface.on('open-select-team', () => {\n            this.openSelectTeam(interfaceManager);\n        });\n        interfaceManager.push(viewNodeInterface);\n        this.runCallbacks('click');\n    }\n    openSelectTeam(interfaceManager) {\n        const selectTeamUI = new _burguillosinfo_conquer_interface_select_team__WEBPACK_IMPORTED_MODULE_3__[\"default\"](this);\n        selectTeamUI.on('close', () => {\n            interfaceManager.remove(selectTeamUI);\n        });\n        interfaceManager.push(selectTeamUI);\n    }\n    on(eventName, callback) {\n        if (this.callbacks[eventName] === undefined) {\n            this.callbacks[eventName] = [];\n        }\n        this.callbacks[eventName].push(callback);\n    }\n    runCallbacks(eventName) {\n        const callbacks = this.callbacks[eventName];\n        if (callbacks === undefined) {\n            return;\n        }\n        for (const callback of callbacks) {\n            callback();\n        }\n    }\n    getType() {\n        return this.type;\n    }\n    isNear() {\n        return this.is_near;\n    }\n    getName() {\n        return this.name;\n    }\n    getDescription() {\n        return this.description;\n    }\n    getId() {\n        return 'node-' + this.uuid;\n    }\n    getUUID() {\n        return this.uuid;\n    }\n    getFeature() {\n        if (this.feature === null) {\n            this.feature = new ol_Feature__WEBPACK_IMPORTED_MODULE_5__[\"default\"]({\n                geometry: new ol_geom_Point__WEBPACK_IMPORTED_MODULE_6__[\"default\"]([this.coordinate_1, this.coordinate_2]),\n                type: 'node-' + this.uuid,\n            });\n        }\n        return this.feature;\n    }\n    async getStyle() {\n        const team = await this.getTeam();\n        let color = 'white';\n        if (team !== null) {\n            color = team.getColor();\n        }\n        return new ol_style_Style__WEBPACK_IMPORTED_MODULE_7__[\"default\"]({\n            image: new ol_style_Circle__WEBPACK_IMPORTED_MODULE_8__[\"default\"]({\n                radius: 14,\n                fill: new ol_style_Fill__WEBPACK_IMPORTED_MODULE_9__[\"default\"]({ color: color }),\n                stroke: new ol_style_Stroke__WEBPACK_IMPORTED_MODULE_10__[\"default\"]({\n                    color: 'gray',\n                    width: 2,\n                })\n            })\n        });\n    }\n};\nMapNode = MapNode_1 = __decorate([\n    (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonObject)(),\n    __param(0, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(1, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(2, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(3, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(4, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(5, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(6, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(7, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __param(8, (0,typescript_json_serializer__WEBPACK_IMPORTED_MODULE_0__.JsonProperty)()),\n    __metadata(\"design:paramtypes\", [String, Number, Number, String, String, String, String, Boolean, String])\n], MapNode);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MapNode);\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/conquer/map-node.ts?");
 
 /***/ }),