Fix bootstrap modal.

webportal/components/rpg-live-scene.js

@@ -4,6 +4,7 @@ import { inject as service } from '@ember/service';
 export default Component.extend({
   tagName: '',
   diceString: '',
+  showRollDice: false,
 
   gameApi: service(),
   flashMessages: service(),

webportal/templates/components/rpg-live-scene.hbs

@@ -1,16 +1,8 @@
 <li><a href="#" {{action (mut showRollDice) true}}>Roll Dice</a></li> 
 
-{{#bs-modal-simple
-  title="Roll Dice"
-  closeTitle="Cancel"
-  submitTitle="Roll"
-  size=null
-  fade=false
-  open=showRollDice
-  onSubmit=(action "rollDice")
-  onHide=(action (mut showRollDice) null)}}
-
-  {{input type="text" size=25 id="diceString" value=diceString}}
-  <p class="hint">Enter a dice string in the form 5d6 or 2d10.</p>
-
-{{/bs-modal-simple}}
+<BsModalSimple @title="Roll Dice" @closeTitle="Cancel" @submitTitle="Roll" @size={{null}} @fade={{false}} @open={{showRollDice}} @onSubmit={{action "rollDice"}} @onHide={{action (mut showRollDice) false}}>
+
+    {{input type="text" size=25 id="diceString" value=diceString}}
+    <p class="hint">Enter a dice string in the form 5d6 or 2d10.</p>
+
+</BsModalSimple>