stimulus | A modest JavaScript framework for the HTML | Application Framework library

enter image description hereI am trying to adapt an existing script to create a very simple experiment in psychopy in which the aim is that a rectangle with different colours and dimensions loops through the screen.

How does one use the list-disc class to style bullets, using Tailwindscss?

My package.json includes:

I am very new to rails and webpacker and cannot figure out what is happening, here. When I perform a 'full load' of my app from the address bar in the browser, the tooltips and popovers are not being instantiated and I get errors like this:

• application.js:32 Uncaught TypeError: $(...).tooltip is not a function

But, when I load a page from within the app (click on link in the nav bar), the tooltips and popovers work as expected. Also, If I go to the chrome console and manually instantiate them, the tooltips and popovers begin working:

$('[data-bs-toggle="tooltip"]').tooltip();

Here are some of what I think are the pertinent configs:

packs/application.js

I am tying to implement a Draggable overlay screen(initially positioned at the bottom half) that passes through another screen. An example of how I would like it to look is as described here - https://medium.com/@iamWaseem99/how-to-make-swipable-draggable-overlay-views-in-swift-xcode-82a86adece9c.

Disclosure regarding the tools currently being used - TailwindCSS for styling, HTML, CSS and JS via the Stimulus JS framework.

Current approach - I have installed Hammer JS and was attempting to achieve this by tracking the "panup" event and adjust the height of both the divs to seem as through the bottom screen was passing through. This ended up being messy, was wondering if there is a cleaner approach to achieve this.

I have found a React library - https://github.com/manufont/react-swipeable-bottom-sheet, however I am currently not using the React framework so was wondering if there are any alternatives through which this can be achieved.

Thank you!

I have a txt file of nested JSON data across three main tasks (entering ID information and two behavioural tasks) across several participants. I want to be able to fully flatten this file, and create an excel file at the end with the flattened information in the first string (rt 33588) and the second string (rt 33358 + "success....Zap the Stars) and a second excel file with the first string (rt 3358 + "success...Galaxy Race")

I have tried:

I wanted to make sequence detector that will detect three consecutive ones. When the sequence is detected, digital circuit stops and waits for a reset signal to be active, so it would detect sequence again. I wrote the code but it has some problems. In xvlog file, I have following errors:

"syntax error near ;" (for lines 23,25,27,29,35,47,48)

and

"default case should appear only once" (for lines 23,25,27,29,35,48,49).

Here is the code:

I am new to stimulus. I am trying to add up number/currency inputs and display in another field (the fields are decimal attributes) as the user types in their values but I can't get it to work.

Here I want to add 'land cost' + 'prof services' and display it in 'total cost' field.

My controller:

cost_calculate.controller.js

I have some datas I would like to organize for visualization and statistics but I don't know how to proceed.

The data are in 3 columns (stimA, stimB and subjectAnswer) and 10 rows (numero of pairs) and they are from a pairwise comparison test, in panda's dataFrame format. Example :

My goal is to organize them as a matrix with each row and column corresponding to one stimulus with the subjectAnswer data grouped to the left side of the matrix' diagonal (in my example, the subjectAnswer 36 corresponding to stimA 1 and stimB 2 should go to the index [2][1]), like this :

I succeeded in pivoting the first table to the matrix but I couldn't succeed the arrangement on the left side of the diag of my datas, here is my code :

I am currently stuck at the Encore/Webpack installation. I followed the steps at symfony.com. But when continuing to the simple example I got stuck at running yarn encore dev. I get the error: "Command "encore" not found". I also have an error when running symfony server:start after installing Encore and navigating to a view:

An exception has been thrown during the rendering of a template ("Could not find the entrypoints file from Webpack: the file "path/entrypoints.json" does not exist.").

As far as I know the entrypoints.json should have been autogenerated. I have Yarn 1.22.10 and NodeJS 14.16.1.

I executed the commands composer require symfony/webpack-encore-bundle and yarn install

1. I looked at StackOveflow questions 'error Command "encore" not found.' when running 'yarn run encore' in Symfony4, webpack encore dev-server not found /, Error Command "encore" not found. (separate backend webpack), Can't run encore dev
2. I executed the command composer require webpack
3. I noticed my package.json doesn't have a scripts object where the command encore dev is supposed to be living. I watched a YouTube video and followed it (https://youtu.be/Fs_4FMoSO90). That's why I know this. I wonder why I don't have it. Below is the package.json from the video. My package.json only has the dev dependency Bootstrap.
4. Executed npm install

Package.json from video: