{"id":578,"date":"2015-07-05T14:29:43","date_gmt":"2015-07-05T13:29:43","guid":{"rendered":"http:\/\/ipsview.brownson.at\/?p=578"},"modified":"2017-03-01T22:25:16","modified_gmt":"2017-03-01T21:25:16","slug":"meldungsanzeige-in-ipsview","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=578","title":{"rendered":"Meldungsanzeige in IPSView"},"content":{"rendered":"<p>In diesem Beitrag m\u00f6chte ich zeigen, wie man eine Meldungsanzeige in IPSView realisieren kann.<\/p>\n<p><span style=\"text-decoration: underline;\">Folgende Objekte werden in IP-Symcon ben\u00f6tigt:<\/span><\/p>\n<ul>\n<li>String Variable \u2013 enth\u00e4lt die eigentliche Message<\/li>\n<li>Boolean Variable &#8211; Statusanzeige \u201cneue Meldung vorhanden\u201d<\/li>\n<li>String Variable &#8211; Remote Steuerung des aktuellen Popups<\/li>\n<li>Skript f\u00fcr den Reset der Meldungen<\/li>\n<li>Skript(e) f\u00fcr das Setzen bzw. Hinzuf\u00fcgen von Meldungen<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_IP-Symcon_Objects.png\"><img decoding=\"async\" class=\"alignnone wp-image-580 size-full\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_IP-Symcon_Objects.png\" alt=\"Messaging_IP-Symcon_Objects\" width=\"810\" height=\"109\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_IP-Symcon_Objects-200x27.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_IP-Symcon_Objects-300x40.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_IP-Symcon_Objects.png 810w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<p>Mit folgenden Skript kann man eine Meldung hinzuf\u00fcgen:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-title=\"\">&lt;?\r\n\t\/\/ Neue Nachricht an die bestehenden Nachrichten anhngen\r\n\tSetValue(25122, GetValue(25122 ).PHP_EOL.PHP_EOL.&#039;Meine neue Nachricht ...&#039;);\r\n\t\r\n\t\/\/ Set MessageStatus auf true setzen um das Vorhandensein einer neuen Nachricht anzuzeigen\r\n\tSetValue(56867, true);\r\n\t\r\n\t\/\/ Popup f\u00fcr Meldungen am Client einblenden\r\n\tSetValue(34795, &#039;MessagePopup&#039;);\r\n?&gt;\r\n<\/pre>\n<p>Erste Zeile f\u00fcgt eine neue Meldung zu den bestehenden Meldungen in der MessageText Variable hinzu. Die zweite Zeile setzt die Statusvariable auf true, um am Client ein Icon anzuzeigen. Die dritte Zeile setzt das Popup das am Client angezeigt werden soll.<\/p>\n<p>Um die Meldungen wieder zu l\u00f6schen, f\u00fchrt man das Reset Skript aus.<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-title=\"\">&lt;?\r\n\t\/\/ Meldungen l\u00f6schen\r\n\tSetValue(25122, &#039;&#039;);\r\n\r\n\t\/\/ Reset  MessageStatus \r\n\tSetValue(56867, false);\r\n\r\n\t\/\/ Popup r\u00fccksetzen\r\n\tSetValue(34795, &#039;&#039;);\r\n?&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Integration in IPSView:<\/strong><\/span><\/p>\n<p>Als erstes setzt man die Variable RemotePopup um eine Synchronisierung des aktiven Popups zu erm\u00f6glichen. Diese Eigenschaft findet man wenn man die Seite im Zeichenfenster selektiert (Property \u201eAktives Popup\u201c, Experteneinstellungen m\u00fcssen aktiviert sein):<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_RemotePopup.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-585\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_RemotePopup-278x300.png\" alt=\"Messaging_Designer_RemotePopup\" width=\"278\" height=\"300\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_RemotePopup-186x200.png 186w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_RemotePopup-278x300.png 278w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_RemotePopup.png 371w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/a><\/p>\n<p>Nun erstellt man ein neues Popup Fenster und benennt es \u201eMessagePopup\u201c. Danach platziert man eine TextBox von der Variable MessageText und einen Button, der auf das Skript \u201eClearMessages\u201c verlinkt ist.<\/p>\n<p>Alternativ kann man auch eine HTMLBox f\u00fcr die Meldungen verwenden, in diesem Fall kann man bei den Meldungen auch HTML Elemente verwenden.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_Popup.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-584\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_Popup-300x180.png\" alt=\"Messaging_Designer_Popup\" width=\"300\" height=\"180\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_Popup-200x120.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_Popup-300x180.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_Popup-1024x614.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_Popup.png 1108w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Die eigentlich Anzeige des Meldungsfensters realisiert man jetzt in dem Teil der View, wo das Popup angezeigt werden soll. In meinem Fall ist es die Header Inlinepage meiner View. Hier positioniert man als erstes ein ToggleImage von der Variable \u201eMessageStatus\u201c. F\u00fcr \u201eBild Aus\u201c w\u00e4hlt man ein transparentes Image und f\u00fcr \u201eBild Ein\u201c ein Bild das neue Meldungen signalisieren soll.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderImage.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-583\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderImage-300x158.png\" alt=\"Messaging_Designer_HeaderImage\" width=\"300\" height=\"158\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderImage-200x105.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderImage-300x158.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderImage-1024x539.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderImage.png 1046w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Dar\u00fcber legt man nun ein DetailImage und w\u00e4hlt als Popupseite die oben erzeugte Seite \u201eMessagePopup\u201c. Als Image nimmt man hier ebenfalls ein transparentes Image.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderDetail.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-582\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderDetail-300x154.png\" alt=\"Messaging_Designer_HeaderDetail\" width=\"300\" height=\"154\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderDetail-200x103.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderDetail-300x154.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderDetail-1024x526.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Designer_HeaderDetail.png 1046w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Wenn man jetzt das Skript zum Setzen einer Message ausf\u00fchrt, erscheint das Image in der Titelleiste der View und das Popup wird automatisch angezeigt. Beim Bet\u00e4tigen des Buttons \u201eMeldungen l\u00f6schen\u201c, werden die Meldungen gel\u00f6scht, das Popup geschlossen und auch das Image wieder ausgeblendet.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Client_MessagePopup.png\"><img decoding=\"async\" class=\"alignnone size-large wp-image-581\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Client_MessagePopup-1024x601.png\" alt=\"Messaging_Client_MessagePopup\" width=\"500\" height=\"293\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Client_MessagePopup-200x117.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Client_MessagePopup-300x176.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Client_MessagePopup-1024x601.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Messaging_Client_MessagePopup.png 1200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Beitrag m\u00f6chte ich zeigen, wie man eine Meldungsanzeige  [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[44,45,46],"class_list":["post-578","post","type-post","status-publish","format-standard","hentry","category-howto","tag-meldung","tag-popup","tag-remote"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=578"}],"version-history":[{"count":2,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/578\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/578\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}