Skip to content

Commit

Permalink
Formatted in codespace
Browse files Browse the repository at this point in the history
  • Loading branch information
@filipc96
filipc96 committed Jan 19, 2024
1 parent 679d6dc commit 56ff89c
Showing 1 changed file with 103 additions and 103 deletions.
206 changes: 103 additions & 103 deletions base_geoengine/static/src/js/views/geoengine/geoengine_renderer/geoengine_renderer.esm.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,16 @@
* Copyright 2023 ACSONE SA/NV
*/

import {loadBundle, templates} from "@web/core/assets";
import {GeoengineRecord} from "../geoengine_record/geoengine_record.esm";
import {LayersPanel} from "../layers_panel/layers_panel.esm";
import {RecordsPanel} from "../records_panel/records_panel.esm";
import {rasterLayersStore} from "../../../raster_layers_store.esm";
import {vectorLayersStore} from "../../../vector_layers_store.esm";
import {useService, useOwnedDialogs} from "@web/core/utils/hooks";
import {registry} from "@web/core/registry";
import {RelationalModel} from "@web/views/relational_model";
import {evaluateExpr} from "@web/core/py_js/py";
import { loadBundle, templates } from "@web/core/assets";
import { GeoengineRecord } from "../geoengine_record/geoengine_record.esm";
import { LayersPanel } from "../layers_panel/layers_panel.esm";
import { RecordsPanel } from "../records_panel/records_panel.esm";
import { rasterLayersStore } from "../../../raster_layers_store.esm";
import { vectorLayersStore } from "../../../vector_layers_store.esm";
import { useService, useOwnedDialogs } from "@web/core/utils/hooks";
import { registry } from "@web/core/registry";
import { RelationalModel } from "@web/views/relational_model";
import { evaluateExpr } from "@web/core/py_js/py";

import { ConfirmationDialog } from "@web/core/confirmation_dialog/confirmation_dialog";
import { FormViewDialog } from "@web/views/view_dialogs/form_view_dialog";
Expand All @@ -40,7 +40,7 @@ const LEGEND_MAX_ITEMS = 10;

export class GeoengineRenderer extends Component {
setup() {
this.state = useState({selectedFeatures: [], isModified: false, isFit: false});
this.state = useState({ selectedFeatures: [], isModified: false, isFit: false });
this.models = [];
this.cfg_models = [];
this.vectorModel = {};
Expand All @@ -57,8 +57,8 @@ export class GeoengineRenderer extends Component {
this.orm = useService("orm");
this.view = useService("view");
this.user = useService("user");
this.addDialog = useOwnedDialogs();

this.addDialog = useOwnedDialogs();


// For related model we need to load all the service needed by RelationalModel
Expand Down Expand Up @@ -169,7 +169,7 @@ export class GeoengineRenderer extends Component {

createBackgroundLayers(backgrounds) {
const source = [];
source.push(new ol.layer.Tile({source: new ol.source.OSM()}));
source.push(new ol.layer.Tile({ source: new ol.source.OSM() }));
const backgroundLayers = backgrounds.map((background) => {
switch (background.raster_type) {
case "osm":
Expand All @@ -180,7 +180,7 @@ export class GeoengineRenderer extends Component {
source: new ol.source.OSM(),
});
case "wmts":
const {source_opt, tilegrid_opt, layer_opt} =
const { source_opt, tilegrid_opt, layer_opt } =
this.createOptions(background);
this.getUrl(background, source_opt);
if (background.format_suffix) {
Expand Down Expand Up @@ -263,7 +263,7 @@ export class GeoengineRenderer extends Component {
type: "base",
style: "default",
};
return {source_opt, tilegrid_opt, layer_opt};
return { source_opt, tilegrid_opt, layer_opt };
}

/**
Expand All @@ -280,7 +280,7 @@ export class GeoengineRenderer extends Component {
}

createEditControl() {
const {element, button} = this.createHtmlControl(
const { element, button } = this.createHtmlControl(
'<i class="fa fa-magic"></i>',
"edit-control ol-unselectable ol-control"
);
Expand Down Expand Up @@ -326,7 +326,7 @@ export class GeoengineRenderer extends Component {
}

createDrawControl() {
const {element, button} = this.createHtmlControl(
const { element, button } = this.createHtmlControl(
'<i class="fa fa-pencil"></i>',
"draw-control ol-unselectable ol-control"
);
Expand Down Expand Up @@ -368,7 +368,7 @@ export class GeoengineRenderer extends Component {
}

createSelectControl() {
const {element, button} = this.createHtmlControl(
const { element, button } = this.createHtmlControl(
'<i class="fa fa-mouse-pointer"></i>',
"select-control ol-unselectable ol-control"
);
Expand Down Expand Up @@ -433,7 +433,7 @@ export class GeoengineRenderer extends Component {
const element = document.createElement("div");
element.className = className;
element.appendChild(button);
return {element, button};
return { element, button };
}

/**
Expand Down Expand Up @@ -547,7 +547,7 @@ export class GeoengineRenderer extends Component {
* @param {*} attributes
* @param {*} record
*/
mountGeoengineRecord({popup, archInfo, templateDocs, model, attributes, record}) {
mountGeoengineRecord({ popup, archInfo, templateDocs, model, attributes, record }) {
this.record =
record === undefined
? model.records.find((record) => record._values.id === attributes.id)
Expand All @@ -567,70 +567,70 @@ export class GeoengineRenderer extends Component {
* When you click on a record in the RecordsPanel, this method is called to display the popup.
* @param {*} record
*/
onDisplayPopupRecord(record) {
const popup = this.getPopup();
const feature = this.vectorSource.getFeatureById(record.resId);

if (feature) {
this.overlay.setVisible(false);

this.mountGeoengineRecord({
popup,
archInfo: this.props.archInfo,
templateDocs: this.props.archInfo.templateDocs,
record,
});
var coord = ol.extent.getCenter(feature.getGeometry().getExtent());
this.overlay.setPosition(coord);
var map_view = this.map.getView();
if (map_view) {
map_view.animate({
center: feature.getGeometry().getFirstCoordinate(),
duration: 500,
});
}
} else {
this.overlay.setVisible(false);
const body = "No geometry. Would you like to add geometry?";
this.openConformationDialog(body, () => this.openEditRecord(record));
}
}

openEditRecord(record) {
const formDialogProps = {
resModel: record.resModel,
resId: record.resId,
title: this.env._t("Edit Record"),
context: {},
onRecordSaved: async () => {
const offset = record.model.root.count + 1;
await record.model.root.load({ offset });
this.render(true);
},
};

this.addDialog(FormViewDialog, formDialogProps);
}

openConformationDialog(body, callback) {
const conformationDialogProps = {
body: this.env._t(body),
confirm: callback,
cancel: () => {
return;
},
};

this.addDialog(ConfirmationDialog, conformationDialogProps);
}

zoomOnFeature(record) {
const feature = this.vectorSource.getFeatureById(record.resId);
var map_view = this.map.getView();
if (map_view && feature) {
map_view.fit(feature.getGeometry(), { maxZoom: 14 });
}
}
onDisplayPopupRecord(record) {
const popup = this.getPopup();
const feature = this.vectorSource.getFeatureById(record.resId);

if (feature) {
this.overlay.setVisible(false);

this.mountGeoengineRecord({
popup,
archInfo: this.props.archInfo,
templateDocs: this.props.archInfo.templateDocs,
record,
});
var coord = ol.extent.getCenter(feature.getGeometry().getExtent());
this.overlay.setPosition(coord);
var map_view = this.map.getView();
if (map_view) {
map_view.animate({
center: feature.getGeometry().getFirstCoordinate(),
duration: 500,
});
}
} else {
this.overlay.setVisible(false);
const body = "No geometry. Would you like to add geometry?";
this.openConformationDialog(body, () => this.openEditRecord(record));
}
}

openEditRecord(record) {
const formDialogProps = {
resModel: record.resModel,
resId: record.resId,
title: this.env._t("Edit Record"),
context: {},
onRecordSaved: async () => {
const offset = record.model.root.count + 1;
await record.model.root.load({ offset });
this.render(true);
},
};

this.addDialog(FormViewDialog, formDialogProps);
}

openConformationDialog(body, callback) {
const conformationDialogProps = {
body: this.env._t(body),
confirm: callback,
cancel: () => {
return;
},
};

this.addDialog(ConfirmationDialog, conformationDialogProps);
}

zoomOnFeature(record) {
const feature = this.vectorSource.getFeatureById(record.resId);
var map_view = this.map.getView();
if (map_view && feature) {
map_view.fit(feature.getGeometry(), { maxZoom: 14 });
}
}

getOriginalZoom() {
var extent = this.vectorLayersResult
Expand All @@ -641,7 +641,7 @@ export class GeoengineRenderer extends Component {
if (extent !== infinite_extent) {
var map_view = this.map.getView();
if (map_view) {
map_view.fit(extent, {maxZoom: 15});
map_view.fit(extent, { maxZoom: 15 });
}
}
}
Expand Down Expand Up @@ -967,11 +967,11 @@ export class GeoengineRenderer extends Component {
"related",
],
});
const {relatedModels, views} = await this.view.loadViews({
const { relatedModels, views } = await this.view.loadViews({
resModel: model,
views: [[false, view]],
});
const {ArchParser, Model} = viewRegistry.get(view);
const { ArchParser, Model } = viewRegistry.get(view);
const archInfo = new ArchParser().parse(views[view].arch, relatedModels, model);

if (model === "geoengine.vector.layer") {
Expand Down Expand Up @@ -1002,7 +1002,7 @@ export class GeoengineRenderer extends Component {
} else if (this.models.find((e) => e.model.resModel === model) === undefined) {
const toLoadModel = new Model(this.env, searchParams, this.services);
await toLoadModel.load().then(() => {
this.models.push({model: toLoadModel.root, archInfo});
this.models.push({ model: toLoadModel.root, archInfo });
});
}
}
Expand Down Expand Up @@ -1128,7 +1128,7 @@ export class GeoengineRenderer extends Component {
var color_hex = cfg.begin_color || DEFAULT_BEGIN_COLOR;
var color = chroma(color_hex).alpha(cfg.layer_opacity).css();

const {fill, stroke} = this.createFillAndStroke(color);
const { fill, stroke } = this.createFillAndStroke(color);

values.forEach((value) => {
if (value in styles_map) {
Expand Down Expand Up @@ -1164,7 +1164,7 @@ export class GeoengineRenderer extends Component {
var color = chroma(color_hex).alpha(cfg.layer_opacity).css();
// Basic

const {fill, stroke} = this.createFillAndStroke(color);
const { fill, stroke } = this.createFillAndStroke(color);

var olStyleText = this.createStyleText();
var styles = [
Expand Down Expand Up @@ -1215,7 +1215,7 @@ export class GeoengineRenderer extends Component {
if (color in styles_map) {
return;
}
const {fill, stroke} = this.createFillAndStroke(color);
const { fill, stroke } = this.createFillAndStroke(color);
var olStyleText = this.createStyleText();
const styles = [
new ol.style.Style({
Expand All @@ -1242,7 +1242,7 @@ export class GeoengineRenderer extends Component {
color: "#333333",
width: 2,
});
return {fill, stroke};
return { fill, stroke };
}
/**
* Allows you to find the index of the color to be used according to its value.
Expand Down Expand Up @@ -1286,14 +1286,14 @@ export class GeoengineRenderer extends Component {

GeoengineRenderer.template = "base_geoengine.GeoengineRenderer";
GeoengineRenderer.props = {
isSavedOrDiscarded: {type: Boolean},
archInfo: {type: Object},
data: {type: Object},
openRecord: {type: Function},
editable: {type: Boolean, optional: true},
updateRecord: {type: Function},
onClickDiscard: {type: Function},
createRecord: {type: Function},
onDrawStart: {type: Function},
isSavedOrDiscarded: { type: Boolean },
archInfo: { type: Object },
data: { type: Object },
openRecord: { type: Function },
editable: { type: Boolean, optional: true },
updateRecord: { type: Function },
onClickDiscard: { type: Function },
createRecord: { type: Function },
onDrawStart: { type: Function },
};
GeoengineRenderer.components = {LayersPanel, GeoengineRecord, RecordsPanel};
GeoengineRenderer.components = { LayersPanel, GeoengineRecord, RecordsPanel };

0 comments on commit 56ff89c

Please sign in to comment.