renamed controller

charlyoleg · May 3, 2020 · 418b8ff · 418b8ff
1 parent db692f5
commit 418b8ff
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/frontend/routes/index.pug b/frontend/routes/index.pug
@@ -49,7 +49,7 @@ html(lang="fr")
         section.shutter_panel
 
           section.island(data-controller="addmult")
-            h2 Some Stimulus controllers
+            h2 First Stimulus controllers
             p (a+b)*c
             input(type='number' value='5' data-target='addmult.operanda')
             p +
@@ -65,7 +65,7 @@ html(lang="fr")
 
           // clone but independent component
           section.island(data-controller="addmult")
-            h2 Some Stimulus controllers
+            h2 Cloned Stimulus controllers
             p (a+b)*c
             input(type='number' value='5' data-target='addmult.operanda')
             p +
@@ -79,6 +79,22 @@ html(lang="fr")
             p.result3(data-target="addmult.result2")
             p.result2(data-target="addmult.result2")
 
+          // cloned and renamed
+          section.island(data-controller="addimulti")
+            h2 Renamed Stimulus controllers
+            p (a+b)*c
+            input(type='number' value='5' data-target='addimulti.operanda')
+            p +
+            input(type='number' value='3' data-target="addimulti.operandb" data-action!="change->addimulti#pressCalcul")
+            p *
+            input(type='number' value='2' data-target="addimulti.operandc" data-action!="change->addimulti#pressCalcul")
+            p
+              button(type="button" data-action!="click->addimulti#pressCalcul") Calcul
+            input(type='number' readonly=true data-target="addimulti.result")
+            p.result2(data-target="addimulti.result2")
+            p.result3(data-target="addimulti.result2")
+            p.result2(data-target="addimulti.result2")
+
 
       section
         input.shutter_panel_checkbox#local_shutter_checkbox_3(type='checkbox' checked=false)

diff --git a/frontend/ts/web_blabla_app.ts b/frontend/ts/web_blabla_app.ts
@@ -17,6 +17,7 @@ import addMulipli from './controllers/addmult_controller.js';
 
 const stimulus_app = Stimulus.Application.start();
 stimulus_app.register("addmult", addMulipli);
+stimulus_app.register("addimulti", addMulipli); // for the cloned and renamed component
 console.log("Stimulus is started");