Dev Wind #81

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

danielvilas wants to merge 61 commits into wind from dev

anemui-core/assets/images/banner_logos.png

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

anemui-core/css/graphcontainer.scss

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,18 +1,37 @@
  
    div.GraphContainer {

        @include bgFrame(12px);

        position: absolute;

        position: fixed;

        left: 50%;

        top: 30%;

        transform: translate(-50%, -30%);

        top: 50%;

        transform: translate(-50%, -50%);

        padding: 0.8em 1.5em;

        background-color: rgba(255, 255, 255, 1);

        background-color: rgba(255, 255, 255, 0.98);

        background: white;

        color: #333;

        box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);

        z-index: 2000;

        width: fit-content;

        position: relative;

        max-width: 90vw;

        max-height: 85vh;

        overflow: auto;

        cursor: move;

        // Responsive para pantallas pequeñas

        @media (max-width: 768px) {

            left: 5%;

            top: 10%;

            transform: none;

            max-width: 90vw;

            padding: 0.5em 1em;

        }

        @media (max-width: 480px) {

            left: 2%;

            top: 5%;

            max-width: 96vw;

            padding: 0.3em 0.5em;

        }

        a.popup-close-button {

            position: absolute;

    @@ -67,7 +86,8 @@ div.GraphContainer {
  
        .dygraph-legend {

            text-align: center;

            width: 1024px;

            width: 100% !important;

            max-width: 100%;

            background-color: transparent !important;

            left: 0px !important;

        }

anemui-core/css/open-layers-map.scss

-Original file line number
+Diff line change
@@ -1,5 +1,12 @@
     @import "~ol/ol.css";
+    // Desactivar suavizado solo para la capa de incertidumbre
+    .uncertainty-layer canvas {
+      image-rendering: pixelated;
+      image-rendering: -moz-crisp-edges;
+      image-rendering: crisp-edges;
+    }
     // .marker {
     //   width: 20px;
     //   height: 20px;
@@ Expand Down @@

anemui-core/css/sidebar.scss

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -580,16 +580,15 @@ ul .two-columns {
  
    /* ---------------------------------------------------

        SELECTORES DE CAPAS

    ----------------------------------------------------- */

    div.row.selectDiv{

        width: 260px;

        margin: 0.45rem 0rem; 

        width: 240px;

        margin: 0.45rem 0rem;

    }

    .uncDiv input.form-check-input {

        visibility: visible;

        margin: 0px auto;

        width: 4rem !important; 

        width: 4rem !important;

        height: 2rem !important;

        background-color: $color_8;

        box-shadow: 0.5px 0.5px 3px $color_3;

    @@ -632,6 +631,11 @@ div.slider.visible {
  
        display: none;

    }

    .uncDiv .inputDiv {

        background-color: transparent !important;

        box-shadow: none !important;

    }

    .closeDiv .icon {

        height: 30px;

        width: 30px;

anemui-core/css/topbar.scss

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -187,16 +187,22 @@
  
            @include desktop {

                width: 45%;

                #title {

                    font-size: 1.2em;

                    font-size: 0.95em;

                    padding: 0.7rem 1rem;

                    white-space: nowrap;

                    overflow: hidden;

                    text-overflow: ellipsis;

                }

            }

            @include md-desktop {

                width: 40%;

                #title {

                    font-size: 1.5em;

                    font-size: 1.1em;

                    font-weight: 600;

                    white-space: nowrap;

                    overflow: hidden;

                    text-overflow: ellipsis;

                }

            }

        }

    @@ -514,6 +520,56 @@ input.selection-param-input {
  
        min-width: fit-content;

    }

    // Contenedor del checkbox de incertidumbre

    .inputDiv[role^="uncertainty-"] {

        background: none !important;

        box-shadow: none !important;

        padding: 0 !important;

        &:hover {

            background: none !important;

            color: $color_10 !important;

        }

    }

    .menu-checkbox {

        padding: 0;

        margin-left: 15px;

        display: flex;

        align-items: center;

        gap: 8px;

        background: none !important;  // Eliminar el fondo destacado

        .title {

            white-space: nowrap;

            font-size: 0.7em;

            font-style: italic;

            line-height: 1.2;

            margin: 0;

            padding: 0;

        }

        .form-check {

            margin: 0;

            padding: 0;

            display: flex;

            align-items: center;

            background: none !important;

            .form-check-input {

                margin: 0;

                cursor: pointer;

                width: 2.5em;

                height: 1.25em;

                &:focus {

                    box-shadow: none;

                    border-color: #0d6efd;

                }

            }

        }

    }

    .menu-input {

        width: 150px !important;

        min-width: 150px !important;

anemui-core/env/env.js

-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,8 @@ module.exports={ @@
         isTileDebugEnabled:false,
         mapboxMapID:'b0rja/clo334xwq00jn01r28vwe1h6k',
         mapboxAccessToken:'pk.eyJ1IjoiYjByamEiLCJhIjoiY2s5NjhvYjlkMGRsczNlbDQ3YXhvZTBvZyJ9.S3-_Wjl7BXcCLDOXNSbr_A',
-        logo:'logo_aemet.png',
+        // logo:'logo_aemet.png',
+        logo:'banner_logos.png',
         initialZoom:6,
         ncSignif:7,
         dataSource: 'nc'  // 'nc' or 'zarr'
@@ Expand Down @@

anemui-core/package.json

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,6 +1,6 @@
  
    {

      "name": "@lcsc/anemui-core",

      "version": "0.2.1-SNAPSHOT",

      "version": "0.2.3-SNAPSHOT",

      "description": "Climatic Services Viewer Core",

      "main": "./src/index.ts",

      "types": "./src/index.ts",

    @@ -82,6 +82,6 @@
  
        "zarr": "^0.6.3"

      },

      "devDependencies": {

        "@lcsc/anemui-test": ">=0.1.0-20250826"

        "@lcsc/anemui-test": ">=0.2.3-202512180942"

      }

    }

anemui-core/src/BaseApp.ts

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,10 +1,10 @@
  
    import { addChild, mount } from "tsx-create-element";

    import { MainFrame } from "./ui/MainFrame";

    import { MenuBar, MenuBarListener } from './ui/MenuBar'; 

    import { MenuBar, MenuBarListener } from './ui/MenuBar';

    import { CsMap } from "./CsMap";

    import { DownloadFrame, DownloadIframe, DownloadOptionsDiv } from "./ui/DownloadFrame";

    import LayerFrame from './ui/LayerFrame'

    import PaletteFrame from "./ui/PaletteFrame";  

    import PaletteFrame from "./ui/PaletteFrame";

    import { CsLatLong, CsMapEvent, CsMapListener } from "./CsMapTypes";

    import { DateSelectorFrame, DateFrameListener } from "./ui/DateFrame";

    import { loadLatLongData } from "./data/CsDataLoader";

    @@ -17,13 +17,12 @@ import { downloadTCSVChunked } from "./data/ChunkDownloader";
  
    import { DEF_STYLE_STATIONS, CsOpenLayerGeoJsonLayer, OpenLayerMap } from "./OpenLayersMap";

    import { LoginFrame } from "./ui/LoginFrame";

    import { PaletteManager } from "./PaletteManager";

    import { ElementManager } from "./ElementManager";

    import { fromLonLat } from "ol/proj";

    import Dygraph from "dygraphs";

    import { Style } from 'ol/style.js';

    import { FeatureLike } from "ol/Feature";

    import LeftBar from "./ui/LeftBar"; 

    import RightBar from "./ui/RightBar"; 

    import LeftBar from "./ui/LeftBar";

    import RightBar from "./ui/RightBar";

    import Language from "./language/language";

    import { renderers, folders, defaultRenderer } from "./tiles/Support";

    import CsCookies from "./cookies/CsCookies";

    @@ -81,7 +80,6 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
        protected graph: CsGraph

        protected infoFrame: InfoFrame

        protected loginFrame: LoginFrame

        protected elementManager: ElementManager

        protected state: CsViewerData;

        protected timesJs: CsTimesJsData;

    @@ -580,7 +578,7 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
            //TODO on change

            let timeSpan = this.getTimeSpan(_timesJs.times[varId])

            // let timeIndex = typeof _timesJs.times[varId] === 'string'? 0:_timesJs.times[varId].length - 1

            let timeIndex = timeSpan == CsTimeSpan.Year? 0:_timesJs.times[varId].length - 1

            let timeIndex = timeSpan == CsTimeSpan.Year? 0 : _timesJs.times[varId].length - 1

            let legendTitle: string;

            if (_timesJs.legendTitle[varId] != undefined) {

                legendTitle = _timesJs.legendTitle[varId]

    @@ -594,8 +592,8 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
                varName = varId

            }

            let uncertainty = _timesJs.times[varId  + UNCERTAINTY_LAYER] != undefined 

            let uncertainty = _timesJs.times[varId  + UNCERTAINTY_LAYER] != undefined

            if (this.state == undefined) this.state = INITIAL_STATE;

            this.state = {

                ...this.state,

    @@ -618,6 +616,7 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
        public getTimeSpan (time:string[]): CsTimeSpan {

            if(typeof time === 'string') return CsTimeSpan.Year

            let number

            let yearCount = 1

            if (time.length<=12) number = time.length

            else {

                const result = time.reduce((acc, curr) => {

    @@ -627,15 +626,25 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
                    }

                    return acc;

                }, []);

                yearCount = result.length

                number = time.length / result.length;

            }

            // Caso especial: si hay exactamente 365 o 366 elementos totales, es día juliano

            // independientemente de si las fechas cruzan dos años

            if (time.length === 365 || time.length === 366) {

                return CsTimeSpan.Day;

            }

            switch (number) {

                case 1: 

                    return CsTimeSpan.Year;

                case 1:

                    return yearCount > 1 ? CsTimeSpan.YearSeries : CsTimeSpan.Year;

                case 4:

                    return CsTimeSpan.Season;

                case 12:

                    return CsTimeSpan.Month;

                case 365:

                case 366:

                    return CsTimeSpan.Day;

                default:

                    return CsTimeSpan.Date;

            }

    @@ -681,24 +690,25 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
            try {

                this.menuBar.update();

                this.leftBar.update();

                this.csMap.updateDate(this.state.selectedTimeIndex, this.state);

                await this.csMap.updateDate(this.state.selectedTimeIndex, this.state);

                this.csMap.updateRender(this.state.support);

                // Wait for data only if we have computed data tiles layer

                if (computedDataTilesLayer && this.state.computedLayer) {        

                if (computedDataTilesLayer && this.state.computedLayer) {

                    await this.waitForDataLoad();

                }

                if (!dateChanged) this.dateSelectorFrame.update();

                this.paletteFrame.update();

                this.layerFrame.update();

                this.changeUrl();

            } catch (error) {

                console.error('Error during update:', error);

                // Continue with update even if there's an error

                if (!dateChanged) this.dateSelectorFrame.update();

                this.paletteFrame.update();

                 this.layerFrame.update();

                this.changeUrl();

            }

        }

    @@ -777,14 +787,37 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
            this.csMap.refreshFeatureLayer()

        }

        /**

         * Verifica si estamos en modo climatología con ciclo temporal (mensual o estacional)

         */

        protected isClimatologyCyclicMode(): boolean {

            return this.state.climatology &&

                   (this.state.timeSpan === CsTimeSpan.Day || this.state.timeSpan === CsTimeSpan.Month || this.state.timeSpan === CsTimeSpan.Season);

        }

        public dateDateBack(): void {

            if (this.state.selectedTimeIndex == 0) return;

            this.state.selectedTimeIndex--;

            if (this.state.selectedTimeIndex == 0) {

                if (this.isClimatologyCyclicMode()) {

                    this.state.selectedTimeIndex = this.state.times.length - 1;

                } else {

                    return;

                }

            } else {

                this.state.selectedTimeIndex--;

            }

            this.update()

        }

        public dateDateForward(): void {

            if (this.state.selectedTimeIndex == this.state.times.length - 1) return;

            this.state.selectedTimeIndex++;

            if (this.state.selectedTimeIndex == this.state.times.length - 1) {

                if (this.isClimatologyCyclicMode()) {

                    this.state.selectedTimeIndex = 0;

                } else {

                    return;

                }

            } else {

                this.state.selectedTimeIndex++;

            }

            this.update()

        }

    @@ -955,6 +988,16 @@ export abstract class BaseApp implements CsMapListener, MenuBarListener, DateFra
  
        }

         public showPercentileClockForPoint(latlng: CsLatLong, currentValue: number, historicalData: number[]): void {

        }

        /**

         * Resetea la capa de incertidumbre: la oculta y desactiva el checkbox

         * Útil cuando se cambia de contexto (ej: cambiar horizonte de predicción)

         * Usa el método toggleUncertaintyLayer del MenuBar para mantener consistencia

         */

        public resetUncertaintyLayer(): void {

            // Llamar al método del MenuBar que coordina todo el comportamiento

            this.getMenuBar().toggleUncertaintyLayer(false);

        }

    }

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Dev Wind #81

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Dev Wind #81

Are you sure you want to change the base?

Uh oh!

Dev Wind #81

Uh oh!

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!