From f9d0f6c6d771dbf57843bdc6034b2a20dddb128a Mon Sep 17 00:00:00 2001 From: hellekin Date: Fri, 23 Oct 2020 18:41:22 +0200 Subject: Add stimulus.js --- app/javascript/controllers/hello_controller.js | 18 ++++++++++++++++++ app/javascript/controllers/index.js | 9 +++++++++ app/javascript/packs/application.js | 2 ++ 3 files changed, 29 insertions(+) create mode 100644 app/javascript/controllers/hello_controller.js create mode 100644 app/javascript/controllers/index.js (limited to 'app/javascript') diff --git a/app/javascript/controllers/hello_controller.js b/app/javascript/controllers/hello_controller.js new file mode 100644 index 0000000..28fdb13 --- /dev/null +++ b/app/javascript/controllers/hello_controller.js @@ -0,0 +1,18 @@ +// Visit The Stimulus Handbook for more details +// https://stimulusjs.org/handbook/introduction +// +// This example controller works with specially annotated HTML like: +// +//
+//

+//
+ +import { Controller } from "stimulus" + +export default class extends Controller { + static targets = [ "output" ] + + connect() { + this.outputTarget.textContent = 'Hello, Stimulus!' + } +} diff --git a/app/javascript/controllers/index.js b/app/javascript/controllers/index.js new file mode 100644 index 0000000..6f53d84 --- /dev/null +++ b/app/javascript/controllers/index.js @@ -0,0 +1,9 @@ +// Load all the controllers within this directory and all subdirectories. +// Controller files must be named *_controller.js. + +import { Application } from "stimulus" +import { definitionsFromContext } from "stimulus/webpack-helpers" + +const application = Application.start() +const context = require.context("controllers", true, /_controller\.js$/) +application.load(definitionsFromContext(context)) diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js index 5512f7f..5e3eec0 100644 --- a/app/javascript/packs/application.js +++ b/app/javascript/packs/application.js @@ -14,3 +14,5 @@ require("@rails/activestorage").start() // // const images = require.context('../images', true) // const imagePath = (name) => images(name, true) + +import "controllers" -- cgit v1.2.3