Anzeige des Wochentags im CalView

BlackHawk133 · 12 Mai 2018, 19:06:12

Hallo,

ich habe bei mir im TabletUI einen Familienkalender integriert. Funktioniert prinzipiell super, aber von der Familie kommt nun immer öfters der Hinweis, dass das Datum alleine unschön ist. Es wäre super, wenn dort noch der Wochentag (wenn möglich kurz, also z.b. Mo, Di usw) stehen würde.

Kann mir jemand einen Tip geben? Geht das schon? Könnte man sowas einbauen?

moonsorrox · 13 Mai 2018, 00:07:33

Hier mal ein Beispiel für 5 Termine, ich habe das in einer Tabelle mit noch weiteren Terminen
In meinem Fall ist "View_T" der Name aus CalView, so kannst du die Tabelle füllen mit mehren Terminen und immer hoch zählen.
Ich weiß jetzt auch nicht wie dein CalView aussieht, denn das kommt ja aus dem Kalender...

Ich hoffe es ist das was du meinst...!

Code Auswählen

    <table class="big" style="margin-top:25px !important; margin-left:25px !important; height:90%;">
                        <tr>
						    <td>
                                <div data-type="label" class="large left-align MediumSpringGreen">Termine</div>
                            </td>
						</tr>
						<tr>
                            <td>
                                <div data-type="label" data-device="View_T" data-get="t_001_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
								<!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_001_sourcecolor" class="tiny compressed"></div-->
                            </td>
                            <td>
								<!--div data-type="label" data-device="View_T" data-get="t_001_weekdayname" class="left inline" style="margin-left:0px !important;"></div-->
                                <div data-type="label" data-device="View_T" data-get="t_001_bdate" class="left inline" style="margin-left:0px !important;"></div>
                                <div data-type="label" data-device="View_T" data-get="t_001_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
                                <div data-type="label" data-device="View_T" data-get="t_001_summary" class="left autohide left-space-2x inline"></div>
                                <div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_001_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_002_sourcecolor" class="tiny compressed"></div-->
								<div data-type="label" data-device="View_T" data-get="t_002_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
                            </td>
                            <td>
                                <div data-type="label" data-device="View_T" data-get="t_002_bdate" class="left inline" style="margin-left:0px !important;"></div>
                                <div data-type="label" data-device="View_T" data-get="t_002_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
                                <div data-type="label" data-device="View_T" data-get="t_002_summary" class="left autohide left-space-2x inline"></div>
                                <div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_002_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_003_sourcecolor" class="tiny compressed"></div-->
								<div data-type="label" data-device="View_T" data-get="t_003_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
                            </td>
                            <td>
                                <div data-type="label" data-device="View_T" data-get="t_003_bdate" class="left inline" style="margin-left:0px !important;"></div>
                                <div data-type="label" data-device="View_T" data-get="t_003_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
                                <div data-type="label" data-device="View_T" data-get="t_003_summary" class="left autohide left-space-2x inline"></div>
                                <div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_003_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_004_sourcecolor" class="tiny compressed"></div-->
								<div data-type="label" data-device="View_T" data-get="t_004_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
                            </td>
                            <td>
                                <div data-type="label" data-device="View_T" data-get="t_004_bdate" class="left inline" style="margin-left:0px !important;"></div>
                                <div data-type="label" data-device="View_T" data-get="t_004_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
                                <div data-type="label" data-device="View_T" data-get="t_004_summary" class="left autohide left-space-2x inline"></div>
                                <div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_004_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <!--div data-type="symbol" data-device="View_T" data-icon="fa-square" data-color="View_T:t_005_sourcecolor" class="tiny compressed"></div-->
								<div data-type="label" data-device="View_T" data-get="t_005_weekdayname" class="left inline" style="margin-left:100px !important;"></div>
                            </td>
                            <td>
                                <div data-type="label" data-device="View_T" data-get="t_005_bdate" class="left inline" style="margin-left:0px !important;"></div>
                                <div data-type="label" data-device="View_T" data-get="t_005_btime" data-substitution="s/(:00)$//g" class="left left-space inline"></div>
                                <div data-type="label" data-device="View_T" data-get="t_005_summary" class="left autohide left-space-2x inline"></div>
                                <div data-type="label" data-pre-text="Ort: " data-device="View_T" data-get="t_005_location" class="left autohide left-space tiny inline" style="margin-top:7px !important; overflow:hidden; text-overflow:ellipsis;"></div>
                            </td>
                        </tr>
</table>

BlackHawk133 · 13 Mai 2018, 09:38:50

Hallo,

danke für die Antwort, aber ich verwende das Widget CalView im TabletUI. Das ist eigentlich genial, aber halt leider mit wenig Gestaltungsmöglichkeiten.

BlackHawk133 · 13 Mai 2018, 09:45:26

Hier mein Codefragment im Index.html:

         <li data-row="4" data-col="6" data-sizex="3" data-sizey="2">
            <header class="headerTransparent">Familien Kalender</header>
            <div data-type="calview"
               data-device="FamCalView"
               data-dateformat="short"
               data-timeformat="short"
               data-get="all"
               data-max="4"
               data-detail='["bdate","btime","summary"]'
               data-detailwidth='["22","22","56"]'>
            </div>
         </li>

OdfFhem · 10 Januar 2019, 20:05:30

Da hier keine Lösung präsentiert wurde, schildere ich kurz eine Lösungsmöglichkeit.

Mit dem folgenden Attribut kann u.a. das Reading t_xxx_weekdayname im CALVIEW-Device beeinflusst werden:

Code Auswählen


attr <CALVIEW-Device> weekdayformat de-short
oder
attr <CALVIEW-Device> weekdayformat de-long

In FTUI kann weekdayname als Ausgabefeld via data-detail festgelegt werden:

Code Auswählen


  <div data-type="calview" ... data-detail='[...,"weekdayname",...]' ... ></div>

Kharim · 19 Februar 2020, 11:08:28

Zitat von: OdfFhem am 10 Januar 2019, 20:05:30
Da hier keine Lösung präsentiert wurde, schildere ich kurz eine Lösungsmöglichkeit.

Mit dem folgenden Attribut kann u.a. das Reading t_xxx_weekdayname im CALVIEW-Device beeinflusst werden:
Code Auswählen Erweitern
attr <CALVIEW-Device> weekdayformat de-short oder attr <CALVIEW-Device> weekdayformat de-long

In FTUI kann weekdayname als Ausgabefeld via data-detail festgelegt werden:
Code Auswählen Erweitern
<div data-type="calview" ... data-detail='[...,"weekdayname",...]' ... ></div>

*push*

Hallo Zusammen,

genau das funtkioniert leider bei mir nicht....mache ich etwas falsch?
FHEM ist frisch aktualisiert.

Device CALVIEW im Fhem ist soweit ok und zeigt Inhalt.

Zitatt_002_weekdayname Mi 2020-02-19 09:48:35

-> Es ist also auch "weekdayformat" "de-short" gesetzt.

im FTUI

Code Auswählen


                <div data-type="calview"
                data-device="kalender"
                data-dateformat="short"
                data-get="all"
                data-max="10"
                data-oneline="yes"
                data-detail='["weekdayname","bdate","btime","summary"]'
                data-detailwidth='["5","20","10","65"]'></div>

Ersetze ich weekdayname durch weekday, sehe ich die Wochentagszahlen.
Inhalte (auch der Rest) werden also angezeigt.....

Danke,
Kharim

Kuehnhackel · 19 Februar 2020, 19:38:13

Vielleicht einfach mal den Cache vom Browser leeren.

Oder mal auf einem anderen Browser testen.

Ich habe immer zwei Browser, einen der gar keinen Cache zuläßt und einen "normalen". So sehe ich sofort die Änderung.

Ralf

Kuehnhackel · 19 Februar 2020, 20:04:21

und was du mal manuell probieren solltest,

Code Auswählen

set <myDevice> update

vielleicht hast du den Update Intervall auf "zu lange" stehen.

Ralf

Kharim · 21 Februar 2020, 08:11:52

Ja das mit dem Browser ist kein schlechter Hinweis, daran lag es aber letztendlich nicht.
Ich hatte (erst danach bemerkt) auch das Problem, "das datetimeformat=short" nicht funktionierte.

Ergebnis des Ganzen...anscheinend wird auch heute noch, nicht die aktuellste CalView.js für FTUI per FHEM Update angeboten.
Siehe: https://forum.fhem.de/index.php?topic=77244.0

Per Hand aktualisiert und schon hat es funktioniert