<commit_before><div class="go-back-link">
  {{#link-to 'index'}}Back to index{{/link-to}}
</div>

<h1>DialogService</h1>

<div class="panel">
  <h2>Description</h2>
  <p>The `DialogService` can be used to display a dialog to the user.</p>
</div>

<div class="panel">

  <h2>Alert</h2>

  <div>
    <button {{action "openAlert"}}>Click here</button>
  </div>
</div>

<div class="panel">

  <h2>Confirm</h2>
  <div>
    <button {{action "openConfirm"}}>Click here</button>

    Result of confirmation: {{result}}
  </div>
</div>

<div class="panel">

  <h2>openModal</h2>
  <div>
    <button {{action "openDialog"}}>Click here</button>
  </div>
</div>

{{outlet}}<commit_msg>update dummy app<commit_after><div class="go-back-link">
  {{#link-to 'index'}}Back to index{{/link-to}}
</div>

<h1>DialogService</h1>

<div class="panel">
  <h2>Description</h2>
  <p>
    The `DialogService` can be used to display a dialog to the user.  There are
    two built-in modal dialog types - alert and confirm.</p>
</div>

<div class="panel">

  <h2>Alert</h2>

  <div class="panel code">
    <pre><code>this.get('dialog').alert({
  title: 'An event has happened',
  body: 'You clicked a button!'
});</code></pre>
  </div>

  <div>
    <button {{action "openAlert"}}>Click here</button>
  </div>

</div>

<div class="panel">

  <h2>Confirm</h2>

  <div class="panel code">
    <pre><code>this.get('dialog').confirm({
  title: 'Are you sure?',
  body: 'Do you really want to do this?'
}).then(() => {
  // ... confirmed
}, () => {
  // ... canceled
});</code></pre>
  </div>
  <div>
    <button {{action "openConfirm"}}>Click here</button>
  </div>
  <p>
    Result of confirmation: {{result}}
  </p>
</div>

<div class="panel">

  <h2>openModal</h2>

  <p>The <code>openModal()</code> method can be used to open a custom modal component. </p>

  <div class="panel code">
    <pre><code>this.get('dialog').openModal({
  title: 'Custom Modal',
  body: 'My custom modal'
}, 'my-custom-modal');</code></pre>
  </div>

  <div>
    <button {{action "openDialog"}}>Click here</button>
  </div>
</div>

{{outlet}}
{'fraction_non_alphanumeric': 0.22057416267942584, 'fraction_numerical': 0.009569377990430622, 'mean_word_length': 3.6466666666666665, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 97, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1697', 'n_tokens_mistral': 805, 'n_tokens_neox': 788, 'n_words': 195}