Neues Design: Grid-Layout

[panzaeron]

Hier stimmt irgendwas nicht mit den Anhängen im Forum, der korrekte Part zu dem Plot (so ab Zeile 1100) sollte so aussehen:

/**
 * period: Display a plot as period in a grid-element
 *
 * @param unique id for this popup-widget
 * @param text as title
 * @param icon row
 * @param icon col
 * @param size x
 * @param size y
 * @param series of item/s. More item/s in array form: [ item1 , item2 ]
 * @param the mode: 'avg', 'sum', 'min', 'max'
 * @param the minimum time (x-axis): '1h', '2h'... (duration-format)
 * @param the maximum time (x-axis): '', '1h', '2h'... (duration-format, default: now)
 * @param the minimum y-axis (optional)
 * @param the maximum y-axis (optional)
 * @param the number of points in the period
 * @param label/s for each series (optional)
 * @param color/s for each series e. g. '#f00' for red (optional, default: sutiable for design)
 * @param type/s for each series: 'line', 'stair', 'spline', 'area', 'areaspline', 'column' (optional, default 'line')
 * @param title/s for the x-axis and y-axis
 * @param minimum time while zooming in sec (optional, duration-format)
 * @param number of samples (points) (optional, default 100)
 *
 * [USER="30828"]see[/USER] misc/fundamentals#Array-Form
 * [USER="30828"]see[/USER] misc/fundamentals#Duration-Format
*/
{% macro plot_period (id, info, row, col, sizex, sizey, gad, mode, tmin, tmax, ymin, ymax, count, label, color, exposure, axis, zoom) %}
    <div data-row="{{ row }}" data-col="{{ col }}" data-sizex="{{ sizex }}" data-sizey="{{ sizey }}" {% if info %}title="{{ info }}"{% endif %} class="grid">
        <a id="{{ uid }}-mobile" style="display: block;" data-role="button" class="grid">
            <div id="{{ uid(page, id) }}-plot" data-widget="plot.period" data-item="{{ implode(item, [mode|default('avg'), tmin|default('1h'), tmax|default(0), count|default('100')]) }}"
        {% if ymin is not empty %} data-ymin="{{ ymin }}" {% endif %} {% if ymax is not empty %} data-ymax="{{ ymax }}" {% endif %}
        data-label="{{ implode(label) }}" data-color="{{ implode(color) }}" data-exposure="{{ implode(exposure) }}" data-axis="{{ implode(axis) }}"
        {% if zoom is not empty %} data-zoom="{{ zoom }}" {% endif %}
        {% if count is not empty %} data-count="{{ count }}" {% endif %}
        class="plot">
            </div>
        </a>
    </div>
{% endmacro %}

Das ist im Prinzip wie deine Lösung nur das die 100 jetzt aus den übergebenen Parametern (the number of points in the period) gesetzt werden.

[patrickgoll]

Vielen Dank. War mir eine Freude mit dir zu entwickeln
Grüße

[panzaeron]

Ich hatte ursprünglich übrigens vor, ein eigenes eckiges Design für das Grid-Layout zu entwickeln. Nachdem StoRmtec wie ich finde mit einem sehr coolen Design begonnen hat (siehe hier), habe ich die Arbeit erst mal nicht weiter verfolgt, leider StoRmtec wie es scheint auch nicht...
Da gibt es also auch noch was zu tun

[patrickgoll]

Ich würde gerne mithelfen aber ich habe nicht genug KnowHow in php und css. HTML geht und php und css so Anfänger Skills, aber eben nicht tiefgreifend.