{"id":133,"date":"2024-01-31T17:35:10","date_gmt":"2024-01-31T16:35:10","guid":{"rendered":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/?post_type=chapter&#038;p=133"},"modified":"2024-07-24T16:04:52","modified_gmt":"2024-07-24T14:04:52","slug":"gamipress-rezept-counter","status":"publish","type":"chapter","link":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/chapter\/gamipress-rezept-counter\/","title":{"raw":"GamiPress Rezept: Counter","rendered":"GamiPress Rezept: Counter"},"content":{"raw":"<h2>Idee<\/h2>\r\nEinen Counter implementieren der die Klicks auf einen GamiPress-Button z\u00e4hlt. Es soll drei Buttons geben, Count UP, Count DOWN und Reset. Der Counter wird unterhalb der Buttons angezeigt.\r\n<h3>Ben\u00f6tigte GamiPress Elemente und Add-ons<\/h3>\r\n<ul>\r\n \t<li><a href=\"https:\/\/gamipress.com\/docs\/getting-started\/points-types\/\" target=\"_blank\" rel=\"noopener\">GamiPress Point Types<\/a><\/li>\r\n \t<li><a href=\"https:\/\/gamipress.com\/add-ons\/button\/\" target=\"_blank\" rel=\"noopener\">GamiPress Button<\/a><\/li>\r\n<\/ul>\r\n<h2>Quellcode<\/h2>\r\nDer folgende Quellcode kann auf einer Buchseite eingef\u00fcgt werden. Damit werden drei Buttons erzeugt und der aktuelle Wert des Counters angezeigt. Jedem Button wird eine <strong>id<\/strong> zugewiesen. \u00dcber diese ids wird der Counter ver\u00e4ndert. Die letzte Zeile des Quellcodes gibt denn aktuellen Wert des Counters vom Typ counter-1 aus. Der Counter selbst wird mit GamiPress Point Types erstellt. Hier im Beispiel wurde der <strong>Point Type<\/strong> counter-1 genannt, wie im Screenshot weiter unten ersichtlich. \u00dcber <strong>Automatic Points Awards<\/strong> wird gesteuert wie man diese Punkte hoch- und runterz\u00e4hlt, und resetet. Im vorliegenden Fall wird bei dr\u00fccken mit id counter-1-up hoch- und mit id counter-1-down runtergez\u00e4hlt. mit reset-counters werden 999'999 Punkte abgezogen, also auf Null gesetzt, da es keine negativen Punktzahlen geben kann.\r\n\r\n[code]\r\n[[gamipress_button type=\"submit\" label=\"Count UP\" id=\"counter-1-up\" class=\"button call-to-action\"]]\r\n[[gamipress_button type=\"submit\" label=\"Count DOWN\" id=\"counter-1-down\" class=\"button call-to-action\"]]\r\n[[gamipress_button label=\"Reset\" type=\"reset\" id=\"reset-counters\" class=\"button call-to-action\"]]\r\nScore: [[gamipress_user_points type=\"counter-1\" thumbnail=\"yes\" label=\"no\" current_user=\"yes\" inline=\"yes\" columns=\"2\" columns_small=\"1\" layout=\"left\" align=\"none\" wpms=\"no\"]] Punkte\r\n[\/code]\r\n\r\n<a href=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/wp-content\/uploads\/sites\/2\/2024\/01\/GamiPress-Counter-Points-Config.png\"><img class=\"alignnone wp-image-4237 size-large\" src=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/wp-content\/uploads\/sites\/2\/2024\/01\/GamiPress-Counter-Points-Config-1024x683.png\" alt=\"\" width=\"1024\" height=\"683\" \/><\/a>\r\n<h2>Demo<\/h2>\r\n<div style=\"display: flex; column-gap: 1rem; row-gap: 1rem; flex-wrap: wrap;\">\r\n<div>[gamipress_button type=\"submit\" label=\"Count UP\" id=\"counter-1-up\" class=\"button call-to-action\"]<\/div>\r\n<div>[gamipress_button type=\"submit\" label=\"Count DOWN\" id=\"counter-1-down\" class=\"button call-to-action\"]<\/div>\r\n<div>[gamipress_button label=\"Reset\" type=\"reset\" id=\"reset-counter-1\" class=\"button call-to-action\"]<\/div>\r\nScore: [gamipress_user_points type=\"counter-1\" thumbnail=\"yes\" label=\"no\" current_user=\"yes\" inline=\"yes\" columns=\"2\" columns_small=\"1\" layout=\"left\" align=\"none\" wpms=\"no\"] Punkte\r\n<\/div>","rendered":"<h2>Idee<\/h2>\n<p>Einen Counter implementieren der die Klicks auf einen GamiPress-Button z\u00e4hlt. Es soll drei Buttons geben, Count UP, Count DOWN und Reset. Der Counter wird unterhalb der Buttons angezeigt.<\/p>\n<h3>Ben\u00f6tigte GamiPress Elemente und Add-ons<\/h3>\n<ul>\n<li><a href=\"https:\/\/gamipress.com\/docs\/getting-started\/points-types\/\" target=\"_blank\" rel=\"noopener\">GamiPress Point Types<\/a><\/li>\n<li><a href=\"https:\/\/gamipress.com\/add-ons\/button\/\" target=\"_blank\" rel=\"noopener\">GamiPress Button<\/a><\/li>\n<\/ul>\n<h2>Quellcode<\/h2>\n<p>Der folgende Quellcode kann auf einer Buchseite eingef\u00fcgt werden. Damit werden drei Buttons erzeugt und der aktuelle Wert des Counters angezeigt. Jedem Button wird eine <strong>id<\/strong> zugewiesen. \u00dcber diese ids wird der Counter ver\u00e4ndert. Die letzte Zeile des Quellcodes gibt denn aktuellen Wert des Counters vom Typ counter-1 aus. Der Counter selbst wird mit GamiPress Point Types erstellt. Hier im Beispiel wurde der <strong>Point Type<\/strong> counter-1 genannt, wie im Screenshot weiter unten ersichtlich. \u00dcber <strong>Automatic Points Awards<\/strong> wird gesteuert wie man diese Punkte hoch- und runterz\u00e4hlt, und resetet. Im vorliegenden Fall wird bei dr\u00fccken mit id counter-1-up hoch- und mit id counter-1-down runtergez\u00e4hlt. mit reset-counters werden 999&#8217;999 Punkte abgezogen, also auf Null gesetzt, da es keine negativen Punktzahlen geben kann.<\/p>\n<p><code><br \/>\n[gamipress_button type=\"submit\" label=\"Count UP\" id=\"counter-1-up\" class=\"button call-to-action\"]<br \/>\n[gamipress_button type=\"submit\" label=\"Count DOWN\" id=\"counter-1-down\" class=\"button call-to-action\"]<br \/>\n[gamipress_button label=\"Reset\" type=\"reset\" id=\"reset-counters\" class=\"button call-to-action\"]<br \/>\nScore: [gamipress_user_points type=\"counter-1\" thumbnail=\"yes\" label=\"no\" current_user=\"yes\" inline=\"yes\" columns=\"2\" columns_small=\"1\" layout=\"left\" align=\"none\" wpms=\"no\"] Punkte<br \/>\n<\/code><\/p>\n<p><a href=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/wp-content\/uploads\/sites\/2\/2024\/01\/GamiPress-Counter-Points-Config.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4237 size-large\" src=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/wp-content\/uploads\/sites\/2\/2024\/01\/GamiPress-Counter-Points-Config-1024x683.png\" alt=\"\" width=\"1024\" height=\"683\" \/><\/a><\/p>\n<h2>Demo<\/h2>\n<div style=\"display: flex; column-gap: 1rem; row-gap: 1rem; flex-wrap: wrap;\">\n<div>        <button type=\"submit\"\n                id=\"counter-1-up\"\n                class=\"gamipress-button button call-to-action\"\n                form=\"\"\n                name=\"\"\n                value=\"\"\n                data-url=\"\"\n                data-post=\"133\"\n                data-comment=\"0\"\n        >Count UP<\/button>\n    <\/div>\n<div>        <button type=\"submit\"\n                id=\"counter-1-down\"\n                class=\"gamipress-button button call-to-action\"\n                form=\"\"\n                name=\"\"\n                value=\"\"\n                data-url=\"\"\n                data-post=\"133\"\n                data-comment=\"0\"\n        >Count DOWN<\/button>\n    <\/div>\n<div>        <button type=\"reset\"\n                id=\"reset-counter-1\"\n                class=\"gamipress-button button call-to-action\"\n                form=\"\"\n                name=\"\"\n                value=\"\"\n                data-url=\"\"\n                data-post=\"133\"\n                data-comment=\"0\"\n        >Reset<\/button>\n    <\/div>\n<p>Score: <span class=\"gamipress-inline-points-wrapper\"><span class=\"gamipress-inline-points gamipress-inline-points-counter-1\"><span class=\"gamipress-inline-points-thumbnail gamipress-inline-points-counter-1-thumbnail\"><\/span>&nbsp;<span class=\"gamipress-inline-points-amount gamipress-inline-points-counter-1-amount\">0<\/span><\/span><\/span> Punkte\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Idee Einen Counter implementieren der die Klicks auf einen GamiPress-Button z\u00e4hlt. Es soll drei Buttons geben, Count UP, Count DOWN und Reset. Der Counter wird unterhalb der Buttons angezeigt. Ben\u00f6tigte GamiPress Elemente und Add-ons GamiPress Point Types GamiPress Button Quellcode Der folgende Quellcode kann auf einer Buchseite eingef\u00fcgt werden. Damit werden drei Buttons erzeugt und [&hellip;]<\/p>\n","protected":false},"author":2030,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-133","chapter","type-chapter","status-publish","hentry"],"part":131,"_links":{"self":[{"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/chapters\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/wp\/v2\/users\/2030"}],"version-history":[{"count":6,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/chapters\/133\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/chapters\/133\/revisions\/176"}],"part":[{"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/parts\/131"}],"metadata":[{"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/chapters\/133\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/wp\/v2\/media?parent=133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/wp\/v2\/categories?post=133"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/pressbooks\/v2\/chapter-type?post=133"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/wp\/v2\/contributor?post=133"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/wp-json\/wp\/v2\/license?post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}