Parameters instellen zelftriage widget

Parameters instellen zelftriage widget

Configuratieopties voor Integratie

Om de widget optimaal te laten functioneren binnen uw systeem, is het mogelijk om verschillende parameters in te stellen.

Bekijk de volledige documentatie op https://moetiknaardedokteracc.azurewebsites.net/
  • ApiKey: Uw persoonlijke sleutel zoals verstrekt.
  • target: De id van het element zoals toegevoegd in stap 1.
  • type: Kies 'button' of 'widget'. Voor 'button' gebruik bijvoorbeeld:
Quote
<a href="#test" id="mindd_button" class="button">Start triage</a>
      met in dit geval de parameters:
      target: '#mindd_button',
      type: 'button'
  1. accent_color: De hex code van de kleur die u in de widget wil gebruiken. Let erop dat deze voldoende contrast heeft met de achtergrondkleur.
  2. welcome_text: De tekst van de eerste zin kunt u aanpassen naar eigen inzicht. Het moet opgegeven worden als object met een optie voor elke ondersteunde taal. Als een taal niet opgegeven is en wel gekozen wordt in de taalselectie, wordt een standaard tekst gebruikt. Standaard is (voor nu): "Hallo, ik kan u helpen met bepalen of u naar de dokter moet.

Deze optie ondersteunt Markdown opmaak. dus wanneer u het volgende invult ;**Voordat u belt, doorloop eerst deze vragen.** \n\n Wij voorzien u direct van advies dan wordt dit:

Quote
<strong>Voordat u belt, doorloop eerst deze vragen.</strong>
<p>Wij voorzien u direct van advies</p>
  1. open: Boolean (true/false) of de app bij laden van de pagina meteen moet openen of niet.
  2. modalDisplayMode: Een waarde die instelt of de widget start als fullscreen applicatie of als modal dialog met doorzichtige achtergrond. De waarde kunnen "dialog" of "full" zijn (standaard is "full").
  3. widget_showWelcomeText: Boolean (true/false), default true. U kunt ervoor kiezen dat de widget, zodra deze nog niet geopend is, de welcome_text niet toont; bijvoorbeeld wanneer u dit zelf in uw eigen website regelt.
  4. widget_background: U kunt ervoor kiezen dat de widget, zodra deze nog niet geopend is, een bepaalde achtergrondkleur moet hebben. Standaard is achtergrond.
  5. widget_foreground: U kunt ervoor kiezen dat de widget, zodra deze nog niet geopend is, een bepaalde tekstkleur heeft. Standaard is donkergrijs.
  6. showLanguageSelector: Of het taalselectie control getoond moet worden, heeft standaard waarde 'true'. Ook de taalselectie tonen in de kanaalinstellingen moet aan staan.
  7. defaultLanguageCode: De standaard taal die gebruikt wordt door de widget. Of de taalselectie getoond wordt, is afhankelijk van de kanaalinstellingen.
  8. getSessionSummaryUsingForm: Aan het einde van een triage of na een contactverzoek wordt de optie geboden om het verslag te downloaden. Standaard wordt dat met JavaScript gedaan, maar als deze parameter op "true" gezet wordt, dan wordt een form-tag gebruikt met een POST.
  9. startQuestionType: Geldige waardes zijn 'gender' en 'age'. De standaard waarde is 'gender', de widget begint dan met de vraag naar het geslacht van de gebruiker. Met de waarde 'age' word begonnen met de vraag naar de leeftijd van de gebruiker.
  10. startWithAbcdTriage: Als het veld op 'true' staat is de begin nog steeds 'gender' en daarna 'age'. Daarna wordt eerst de ABCD-triage uitgevraagd. Als de ABCD-triage niet eindigt in een advies wordt het de zoekvraag getoond en kan gezocht worden naar een ingangsklacht.
  11. Labels: Moet ik naar de dokter zorgt ervoor dat de woorden en zinnen zo optimaal en correct mogelijk worden gebruikt. Voor sommige labels (op dit moment alleen QuestionWhatGender en QuestionWhatSearchTriage!
    ) is het mogelijk om zelf uw eigen variatie aan te brengen bv:
Quote

labels: {

QuestionWhatGender: {

      NL: "Bent u een man of een vrouw?",
      EN: "Are you (the patient) a man or a woman?"
},

QuestionWhatSearchTriage: {
      NL: "Waar heeft u last van?",
      EN: "What is bothering you?" 

}
}
  1. Branding: U kunt uw eigen naam en telefoonnummer laten tonen boven in het moet-ik-naar-de-dokter venster. U kunt ook uw eigen gebruikersvoorwaarden tonen ipv de algemene van moetiknaardedokter.

Quote
<span class="pln" style="box-sizing: border-box; color: rgb(0, 0, 0);">branding: {

        layout: "top", // null of "top"

        name: "Huisartsenpost MINDD", // naam van uw organisatie

        phone_label: "0123 - 456789", // telefoonnummer dat getoond wordt (leesbaar formaat)

        phone_number: "012356789", // telefoonnummer om de draaien (nodig voor als de gebruiker er op drukt),

font_family: "Montserrat" // Allowed values are 'Montserrat', 'Arial', 'Verdana', 'Calibri' or 'Roboto'. When not supplied it defaults to 'Montserrat'.

}</span>

Als u dit gebruikt, gebruik dan s.v.p. uw eigen naam en telefoonnummer in plaats van de voorbeelden hierboven.


  1. forceInitialStateEmpty: Boolean (true/false), default false. onthoud geen persoonlijke data zoals geboortedatum of naam in geval van doorsturen naar doctor. Zodat bij "opnieuw" en sluiten openen die velden opnieuw ingevoerd dienen te worden.
  2. sessionTimeOutInSec: De tijd in seconden waarna de sessie verlopen is en de widget opnieuw wordt gestart. Dit om te voorkomen dat een patiënt de ingevulde gegevens van de vorige patiënt (die bij de zuil is weggelopen) kan zien. Default is er geen time-out (0 seconden), bij een waarde groter dan 0 gaat de timer aan.
  3. clickOutsideModalClosesModal: Boolean (true/false), default false. Als dit op true wordt gezet zorgt het klikken naast de modal dialog voor het sluiten van die modal (net zoals het klikken op het kruisje rechtsboven). Dit is alleen van toepassing bij modalDisplayMode: 'dialog'.
  4. Custom styling: Omdat de widget onderdeel is van andere website kan het voorkomen dat de styling van de website en die van de widget met elkaar conflicteren. CSS classnames wijzigen per release van de widget en om die reden worden er data-minddclass attributen aan element toegekend; deze blijven per release gelijk. Ze kunnen gebruikt worden om mogelijk styling conflicten op te lossen. De styling hooks kunnen met een attribute selector worden aangeroepen. Bijvoorbeeld:
Quote
div [data-minddclass='button'] {

  color:black;

}

  1. Custom events
    De widget ondersteunt drie events waarop een handler kan worden geregistreerd. Voor de events kunnen ook callbacks geregistreerd worden via configuratie bij de init aanroep.
    • Widget geopend
    • Widget gesloten; inclusief 'finished' veld die aangeeft of de triage is afgerond of niet en 'sessionId' veld die het ID van de sessie bevat.
    • Taalswitch; inclusief informatie wat de geselecteerde taal was en wat de nieuw geselecteerde taal is.

    Met 'callback' methode:
    Quote
    onWidgetOpened: function () {

    console.log("Widget was opened");

    },

    onWidgetClosed: (finished, sessionId) => {
     console.log(`Widget was closed. Was triage finished: ${finished}. Session ID was ${sessionId}`);

    },

    onLanguageChanged: function (previousLanguage, newLanguage) {
     console.log(`Language changed from ${previousLanguage.code} to ${newLanguage.code}`);

    }

Met 'event' methode:

Quote
const el = document.getElementById("mindd_widget_embedded");

      el.addEventListener("minddWidgetOpened", (e) => {

      console.log("Widget was opened");

});

      el.addEventListener("minddWidgetClosed", (e) => {
 
      console.log(`Widget was closed. Was triage finished: ${e.detail.finished}. Session ID was ${e.detail.sessionId}`);

});

      el.addEventListener("minddWidgetLanguageChanged", (e) => {

      console.log(`Language changed from ${e.detail.previousLanguage.code} to ${e.detail.newLanguage.code}`);

});