Ankündigung

Einklappen
Keine Ankündigung bisher.

Entwicklung: xxAPI² HTML5 Client

Einklappen
Das ist ein wichtiges Thema.
X
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Mir gefällt der Vorschlag. Allerdings sollte das "Design" der USZU zum Design der anderen Objekte passen. (Archive, Diagramme, Werteingabe)

    Kommentar


      Neue Icons für Homescreen/Favicon / thx to vento66
      Nils

      aktuelle Bausteine:
      BusAufsicht - ServiceCheck - Pushover - HS-Insight

      Kommentar


        Zitat von vento66 Beitrag anzeigen
        Nils kannst Du dem Slider den festen z-index untersagen? Der klemmt sich immer ungefragt vor meine Popups
        vento66 Done
        Nils

        aktuelle Bausteine:
        BusAufsicht - ServiceCheck - Pushover - HS-Insight

        Kommentar


          Zitat von NilsS Beitrag anzeigen
          Nein alles prima, so im groben. Feinschliff können wir dann immer noch machen.
          .....
          Hi Nils,

          Urlaubs- und Feiertagskalender gehören aus meiner SICHT auch zur UZSU.

          Eingabe wäre analog zur Eingabe Datum meines vorherigen Vorschlages.

          Ein Hit wäre die Übernahme der Daten aus APPLE (iCloud) / Google bzw. Microsoft-Kalender.
          Meiner Meinung sind die Daten-Strukturen ziemlich ähnlich.

          Normalerweise wird in einer Kalender-App heute für Urlaub und Feiertage je ein dedizierter (Unter)Kalender angelegt. Dieser Kalender kann auch von mehreren Benutzern gleichzeitig verwendet werden.

          Anforderung wäre ein xxAPI Interface bzw. Logikbaustein:

          Eingang: Pfad Kalender und Passwort
          Eingang: Jahr von - bis (default bis=von)
          Eingang: alle Daten der ausgewählten Jahre ersetzen: ja (=ersetzen) / nein (=ergänzen)
          Ausgang: Pfad Urlaubs- bzw. Feiertagskalender von GIRA-Experten
          Ausgang: Status bzw. Fehlermeldung (zB 2015: 12 Einträge importiert / Kalender "xx" nicht gefunden)

          Regel: Ein Eintrag zu einem gewissen Datum (Uhrzeit egal) generiert Eintrag im Kalender des Gira-Experten. Eintrag über mehrere Tage generiert einen Eintrag pro Tag (Vorsicht bei 0:00/24:00 Uhr, gehört nur zum Folgetag bzw. Vortag = kleiner 23:59). Es gibt max. 1 Eintrag pro Tag. Mehrere Einträge pro Tag ergeben nur einen einzigen EINTRAG.

          Als Logikbaustein könnte man die Kalender z.B: Täglich updaten und sich die händischen Eingaben (Wartung der Kalender) total ersparen (würde mir am besten gefallen).

          Hans

          (mein 100ster Beitrag)
          Zuletzt geändert von TirochH; 14.03.2015, 10:14.
          Hans

          Kommentar


            Bahnhofsuhr: Ortszeit von Homeserver.

            Hi Nils,

            was mache ich - wenn ich zB mit meinen iPad mich in New York befinde - da wird jetzt bei meiner Gira/xxAPI App die Zeit von iOS (iPad) übernommen. Wie kann ich bei der Bahnhofsuhr die Zeit vom Homeserver übernehmen ?

            Hans
            Hans

            Kommentar


              Baustein ist schon lange geplant aber leider ist Giraffe (EDIT: Autokorrektur zu Gira <3 lass ich mal so xD) nicht in der Lage meine Sicherheitsansprüchen gemäß SSL Libraries zur Verfügung zu stellen. Heißt, früher als ich "nur" SSL wollte gab es nichts, nach vielem drängen (aber wohl eigentlich nur weil die Mailprovider, dank Snowden, nicht mehr ohne wollen) gab es dann SSL. Nun will ich aber kein SSL mehr (weil meine Server, aus hoffentlich ersichtlichem Grund, nur TLS1.2 sprechen) sonder TLS mit Ciphern die auch PerfectForwaedingSecret unterstützten. Danach bettel ich nun wieder bei Gira aber die werden das dann wahrscheinlich auch erst wieder machen wenn (unerwarteter Weise) Mails wieder nicht mehr gehen.
              Zuletzt geändert von NilsS; 14.03.2015, 12:06.
              Nils

              aktuelle Bausteine:
              BusAufsicht - ServiceCheck - Pushover - HS-Insight

              Kommentar


                Hi Nils,

                wie skaliere ich folgenden Schirm in einem Sub-Window (900x600):

                derzeit so codiert:

                Code:
                XXIFRAME*http://19x.xxx.xxx.xxx/MainZone/index.html
                denon.png

                heutiges Ergebnis (=abgeschnitten):

                IMG_0612.jpg

                Alternativ: Kann ich aus dem html-code folgenden rot markierten Teil eliminieren ?

                Code:
                    
                 <!DOCTYPE html>
                <html>
                <head>
                         <meta http-equiv="Pragma" content="no-cache" />
                         <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
                         <meta http-equiv="Expires" content="-1" />
                         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                         <meta http-equiv="Content-Script-Type" content="text/javascript">
                         <meta http-equiv="content-style-type" content="text/css">
                         <link rel="stylesheet" href="../goform/formCssDefault_ZC.css" type="text/css">
                         <link rel="stylesheet" href="../css/mainMenu.css?201112230000" type="text/css">
                         <link rel="stylesheet" href="style.css?201112230000" type="text/css">
                         <title>MAIN ZONE</title>
                </head>
                <body>
                         <div id="contents">
                              [COLOR=#FF0000]    <div id="left">
                                           <div id="leftMenu">
                                                    <div id="menuItemLogo">
                                                    </div>
                                <br>
                                                    <div id="ZoneControl" class="menuItem">
                                                             <a href="#" class="LeftMenuItem">ZONE CONTROL</a>
                                                    </div>
                                                    <div id="NETWORK" class="menuItem">
                                                             <a href="/NetAudio/index.html" class="LeftMenuItem">NETWORK</a>
                                                    </div>
                                                    <div id="iPodUSB" class="menuItem">
                                                             <a href="/NetAudio/index.html" class="LeftMenuItem">iPod/USB</a>
                                                    </div>
                                                    <div id="TUNER" class="menuItem">
                                                      <a href="/Tuner/TUNER/index.html" class="LeftMenuItem">Tuner</a>
                                                    </div>
                                                    <div id="HDRADIO" class="menuItem">
                                                      <a href="/Tuner/HDRADIO/index.html" class="LeftMenuItem">HD Radio</a>
                                                    </div>
                                                    <br><br>
                                                    <div id="QuickSelect" class="menuItem">
                                                             <a href="/QuickSelect/index.html" class="LeftMenuItem">QUICK SELECT</a>
                                                    </div>
                                                    <br><br>
                                                    <div id="Reload" class="menuItem">
                                                             <a href="#" class="LeftMenuItem">RELOAD</a>
                                                    </div>
                                                    <div id="Favorite" class="menuItem">
                                                             <a href="#" class="LeftMenuItem">Add To Your Favorite</a>
                                                    </div>
                                                    <div id="TopMenu" class="menuItem">
                                                             <a href="../index.asp" class="LeftMenuItem">Top Menu</a>
                                                    </div>
                                           </div>
                                  </div>[/COLOR]
                                  <div id="right">
                                           <div>
                                                    <h2></h2>
                                           </div>
                                           <div id="powerBtn">
                                                    <div class="RPowerBtn">
                                               </div>
                                <div class="RParamZoneName">
                                               </div>
                                                    <div id="VideoSelect">
                                                             <div class="RParamVideoSelect">Video Select
                                                                 <select name="select">
                                                                 </select>
                                                             </div>
                                                    </div>
                                                    <div id="SleepTimer">
                                                             <div class="RParamSleep">SLEEP
                                                                      <select name="select">
                                             </select>
                                                             </div>
                </div>
                                                    <div class="clear">
                                                    </div>
                                           </div>
                                           <div id="source">
                                                    <div class="RParamSource">
                                                    </div>
                                             <div class="clear">
                                                    </div>
                                           </div>
                 
                                           <div id="funcArea3Cols">
                                                    <div id="funcL1">
                                  <div class="RParamRBtnSource3Col1">
                                                             </div>
                                           <div class="RParamRBtnSource3Col2">
                                                             </div>
                                           <div class="RParamRBtnSource3Col3">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                                                    <div id="funcL2">
                                  <div class="RParamRBtnSource3Col1">
                                                             </div>
                                           <div class="RParamRBtnSource3Col2">
                                                             </div>
                                           <div class="RParamRBtnSource3Col3">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                 
                                                    <div id="funcL3">
                                  <div class="RParamRBtnSource3Col1">
                                                             </div>
                                           <div class="RParamRBtnSource3Col2">
                                                             </div>
                                           <div class="RParamRBtnSource3Col3">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                 
                                                    <div id="funcL4">
                                  <div class="RParamRBtnSource3Col1">
                                                             </div>
                                           <div class="RParamRBtnSource3Col2">
                                                             </div>
                                           <div class="RParamRBtnSource3Col3">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                 
                                                    <div id="funcL5">
                                  <div class="RParamRBtnSource3Col1">
                                                             </div>
                                           <div class="RParamRBtnSource3Col2">
                                                             </div>
                                           <div class="RParamRBtnSource3Col3">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                              
                                                    <div id="funcL6">
                                  <div class="RParamFavoriteStation">FAVORITE STATION
                                  </div>
                                  <div class="clear">
                                                             </div>
                                  <div class="RParamRBtnSource3Col1">
                                                             </div>
                                           <div class="RParamRBtnSource3Col2">
                                                             </div>
                                           <div class="RParamRBtnSource3Col3">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                                           </div>
                 
                                           <div id="funcArea4Cols">
                                                    <div id="funcL1">
                                  <div class="RParamRBtnSource4Col1">
                                                             </div>
                                  <div class="RParamRBtnSource4Col2">
                                                             </div>
                                  <div class="RParamRBtnSource4Col3">
                                                             </div>
                                  <div class="RParamRBtnSource4Col4">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                             </div>
                                                    <div id="funcL2">
                                  <div class="RParamRBtnSource4Col1">
                                                             </div>
                                  <div class="RParamRBtnSource4Col2">
                                                             </div>
                                  <div class="RParamRBtnSource4Col3">
                                                             </div>
                                  <div class="RParamRBtnSource4Col4">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                                                    <div id="funcL3">
                                  <div class="RParamRBtnSource4Col1">
                                                             </div>
                                  <div class="RParamRBtnSource4Col2">
                                                             </div>
                                  <div class="RParamRBtnSource4Col3">
                                                             </div>
                                  <div class="RParamRBtnSource4Col4">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                                                    <div id="funcL4">
                                  <div class="RParamRBtnSource4Col1">
                                                             </div>
                                  <div class="RParamRBtnSource4Col2">
                                                             </div>
                                  <div class="RParamRBtnSource4Col3">
                                                             </div>
                                  <div class="RParamRBtnSource4Col4">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                                    </div>
                                                    <div id="funcL5">
                                  <div class="RParamFavoriteStation">FAVORITE STATION</div>
                                  <div class="clear">
                                                             </div>
                                    <div class="RParamRBtnSource4Col1">
                                                             </div>
                                           <div class="RParamRBtnSource4Col2">
                                                             </div>
                                           <div class="RParamRBtnSource4Col3">
                                                             </div>
                                           <div class="RParamRBtnSource4Col4">
                                                             </div>
                                  <div class="clear">
                                                             </div>
                                           </div>
                                           </div>
                                           <div id="Surround">
                                                    <div class="RParamSource">
                                                      <p>&nbsp;</p>
                                                      <p>&nbsp;</p>
                                                    </div>
                                                    <div class="clear">
                                                    </div>
                                           </div>
                 
                                           <div id="SurroundArea">
                                                    <div id="SurroundSelect">
                                                             <div id="SurroundBottom">
                                                                      <div class="RParamRBtnSurrMovie">
                                                                      </div>
                                                                      <div class="RParamRBtnSurrMusic">
                                                                      </div>
                                                                      <div class="RParamRBtnSurrGame">
                                                                      </div>
                                                                      <div class="RParamRBtnSurrPure">
                                                                      </div>
                                                                      <div class="clear">
                                                                      </div>
                                                             </div>
                                                    </div>
                 
                                                    <div id="SurroundCallDE">
                                                             <div id="SurroundBottomDE">
                                                                      <div class="RParamRBtnSound4Col1">
                                                                      </div>
                                                                      <div class="RParamRBtnSound4Col2">
                                                                      </div>
                                                                      <div class="RParamRBtnSound4Col3">
                                                                      </div>
                                                                      <div class="RParamRBtnSound4Col4">
                                                                      </div>
                                                                      <div class="clear">
                                                                      </div>
                                                             </div>
                                                    </div>
                 
                                                    <div id="SurroundCallMZ">
                                                             <div id="SurroundBottomMZ">
                                                                      <div class="RParamRBtnSound3Col1">
                                                                      </div>
                                                                      <div class="RParamRBtnSound3Col2">
                                                                      </div>
                                                                      <div class="RParamRBtnSound3Col3">
                                                                      </div>
                                                                      <div class="clear">
                                                                      </div>
                                                             </div>
                                                    </div>
                 
                                           </div>
                 
                                           <div id="volumeArea">
                                                    <div id="volumeTop">
                                                             <div id="volumeDown">
                                                             </div>
                                                             <div id="volumeText">
                                                             </div>
                                                             <div id="volumeUp">
                                                             </div>
                                                    </div>
                                                    <div id="volumeBottom">
                                                             <div id="volumeMute">
                                                             </div>
                                                             <div id="volumeBar">
                                                             </div>
                                                             <div class="clear">
                                                             </div>
                                                    </div>
                                                    <div class="clear">
                                                    </div>
                                           </div>
                                  </div>
                         </div>
                         <div class="clear">
                         </div>
                         <div id="fill">
                </div>
                </body>
                <script type="text/javascript">
                         function loadLib(lib){
                                  var s = document.createElement("script");
                                  s.src = lib;
                                  s.charset = "UTF-8";
                                  document.body.appendChild(s);
                         }
                 
                         setTimeout(function(){
                                  loadLib('/lib/jquery/jquery.pack.js');
                                  var id = setInterval(function(){
                                           if (window["jQuery"]) {
                                                    clearInterval(id);
                                                    loadLib('index.js?201112230000');
                                           }
                                  }, 100);
                         }, 500);
                </script>
                </html>

                Hans
                Angehängte Dateien
                Zuletzt geändert von TirochH; 14.03.2015, 13:09.
                Hans

                Kommentar


                  Zitat von TirochH Beitrag anzeigen
                  Bahnhofsuhr: Ortszeit von Homeserver.
                  Wie kann ich bei der Bahnhofsuhr die Zeit vom Homeserver übernehmen ?
                  mit der derzeitigen station-clock.js nur mit Änderung dort drin.
                  Du kannst Zeile 209 austauschen mit
                  Code:
                  [COLOR=#00008B]var[/COLOR][COLOR=#000000] offset [/COLOR][COLOR=#000000]=[/COLOR][COLOR=#800000]2[/COLOR][COLOR=#000000];[/COLOR]
                  [COLOR=#00008B]var time = new[/COLOR][COLOR=#2B91AF]Date[/COLOR][COLOR=#000000]([/COLOR][COLOR=#00008B]new[/COLOR][COLOR=#2B91AF]Date[/COLOR][COLOR=#000000]().[/COLOR][COLOR=#000000]getTime[/COLOR][COLOR=#000000]()[/COLOR][COLOR=#000000]+[/COLOR][COLOR=#000000] offset [/COLOR][COLOR=#000000]*[/COLOR][COLOR=#800000]3600[/COLOR][COLOR=#000000]*[/COLOR][COLOR=#800000]1000[/COLOR][COLOR=#000000]).[/COLOR][COLOR=#000000]toUTCString[/COLOR][COLOR=#000000]().[/COLOR][COLOR=#000000]replace[/COLOR][COLOR=#000000]([/COLOR][COLOR=#800000]/ GMT$/[/COLOR][COLOR=#000000],[/COLOR][COLOR=#800000]""[/COLOR][COLOR=#000000]); [/COLOR]

                  Das CET/CEST Problem müsstest du selbst noch irgendwie lösen. zum letzen, das wird nicht funktionieren da der Browser das nicht erlauben wird.
                  Nils

                  aktuelle Bausteine:
                  BusAufsicht - ServiceCheck - Pushover - HS-Insight

                  Kommentar


                    Hallo Nils,

                    xxgauge geht super um die Füllstände darzustellen.
                    Was mir aber nicht gelingt die thickness einzufügen. Wie muss ich das einbinden, damit die die Breite des Balkens anpassen kann?
                    Gruß Hartwig

                    Kommentar


                      Fortschrittsanzeige

                      Hallo Nils,
                      den Slider habe ich nun auch für die Fortschrittsanzeige genutzt.
                      Ich bekomme aber nicht bei allen Aktoren einen %-Wert zurück insofern wäre noch eine Sanduhr oder ähnliches mein Wunsch.


                      Gruß Hartwig

                      Kommentar


                        Zitat von NilsS Beitrag anzeigen
                        mit der derzeitigen station-clock.js nur mit Änderung dort drin.
                        Du kannst Zeile 209 austauschen mit
                        Code:
                        [COLOR=#00008B]var[/COLOR][COLOR=#000000] offset [/COLOR][COLOR=#000000]=[/COLOR][COLOR=#800000]2[/COLOR][COLOR=#000000];[/COLOR]
                        [COLOR=#00008B]var time = new[/COLOR][COLOR=#2B91AF]Date[/COLOR][COLOR=#000000]([/COLOR][COLOR=#00008B]new[/COLOR][COLOR=#2B91AF]Date[/COLOR][COLOR=#000000]().[/COLOR][COLOR=#000000]getTime[/COLOR][COLOR=#000000]()[/COLOR][COLOR=#000000]+[/COLOR][COLOR=#000000] offset [/COLOR][COLOR=#000000]*[/COLOR][COLOR=#800000]3600[/COLOR][COLOR=#000000]*[/COLOR][COLOR=#800000]1000[/COLOR][COLOR=#000000]).[/COLOR][COLOR=#000000]toUTCString[/COLOR][COLOR=#000000]().[/COLOR][COLOR=#000000]replace[/COLOR][COLOR=#000000]([/COLOR][COLOR=#800000]/ GMT$/[/COLOR][COLOR=#000000],[/COLOR][COLOR=#800000]""[/COLOR][COLOR=#000000]); [/COLOR]

                        Das CET/CEST Problem müsstest du selbst noch irgendwie lösen. zum letzen, das wird nicht funktionieren da der Browser das nicht erlauben wird.
                        Hi Nils,

                        ich hab ein bißchen recherchiert.

                        Was hältst du von http://www.momentjs.com ?

                        Hans
                        Hans

                        Kommentar


                          Zitat von hartwigm Beitrag anzeigen
                          Hallo Nils,

                          xxgauge geht super um die Füllstände darzustellen.
                          Was mir aber nicht gelingt die thickness einzufügen. Wie muss ich das einbinden, damit die die Breite des Balkens anpassen kann?
                          commited, bitte mal gucken ob das überall passt. Die Höhe/Breite wird jetzt an der Elementbreite-/höhe angepasst.
                          Nils

                          aktuelle Bausteine:
                          BusAufsicht - ServiceCheck - Pushover - HS-Insight

                          Kommentar


                            Zitat von TirochH Beitrag anzeigen
                            Was hältst du von http://www.momentjs.com ?
                            sieht sehr gut aus, vorallem ist dort auch ein guter LOCALE Support drin.
                            Nils

                            aktuelle Bausteine:
                            BusAufsicht - ServiceCheck - Pushover - HS-Insight

                            Kommentar


                              Zitat von hartwigm Beitrag anzeigen
                              Fortschrittsanzeige

                              den Slider habe ich nun auch für die Fortschrittsanzeige genutzt.
                              Ich bekomme aber nicht bei allen Aktoren einen %-Wert zurück insofern wäre noch eine Sanduhr oder ähnliches mein Wunsch.
                              Da brauch ich ne genauere Erklärung was du meinst.
                              Nils

                              aktuelle Bausteine:
                              BusAufsicht - ServiceCheck - Pushover - HS-Insight

                              Kommentar


                                etwas in der Art

                                https://github.com/neteye/jquery-plu...y-indicator.js

                                Einfach ein Symbol dass anzeigt, dass eine Aktion noch andauert!
                                Geht natürlich auch über ein animiertes gif, aber da muß je Farbe ein neues basteln
                                Zuletzt geändert von hartwigm; 14.03.2015, 16:36.
                                Gruß Hartwig

                                Kommentar

                                Lädt...
                                X