Come mettere un pulsante nell'angolo dello schermo?

Ciao community!
Sto cercando di studiare come creare un plugin in Discourse. Attualmente sto cercando di capire come inserire un pulsante nell’angolo dello schermo e, se cliccato, gestire la richiesta. Come posso farlo? È davvero basilare, ma non sono riuscito a capire come fare.

Inoltre, ho visto in alcuni plugin chiamate come includePostAttributes e decorateWidget. Dove posso vedere un elenco di tutti i metodi che Discourse permette di utilizzare?

Puoi pubblicare uno screenshot di dove vuoi aggiungere questo pulsante e di cosa deve accadere quando viene cliccato?

Penso che tu ti stia riferendo alla API dei plugin. Puoi trovare tutti i metodi di questa API, insieme ad alcuni esempi, qui:

https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/lib/plugin-api.js

Puoi anche trovare spiegazioni più dettagliate di alcuni dei metodi più popolari in questa API qui:

Grazie, darò un’occhiata all’elenco dei metodi.
Lo screenshot:

Come puoi vedere, ho aggiunto un piccolo cerchio nell’angolo che rappresenta il pulsante. Il pulsante dovrebbe rimanere fisso in aria (cioè, se scorro verso il basso, dovrebbe rimanere nell’angolo). La logica da eseguire al click la proverò ad aggiungere io stesso, ma per chiarire meglio, al momento sto cercando di capire come aprire una finestra di avviso (solo per esercitarmi).

Quello che stai cercando si chiama position: fixed ed è una proprietà CSS. Puoi leggere ulteriori informazioni sul posizionamento CSS qui

position: fixed mantiene l’elemento nella stessa posizione (rispetto alla finestra di visualizzazione) anche se scorri verso il basso.

Non sono sicuro di cosa tu stia cercando di ottenere qui, ma se vuoi solo che si apra una finestra di avviso quando si fa clic su un pulsante, avrai bisogno di un listener di eventi. Puoi leggere ulteriori informazioni su di essi qui

C’è qualche problema specifico che stai cercando di risolvere e per cui possiamo aiutarti?

Grazie ancora per le informazioni. Conosco già tutto questo. Penso che il mio problema sia che non capisco dove debbano andare i file CSS. Ho file Ruby e file JS, ma dove vanno i file CSS/SASS?

Bello :+1:

Visto che hai menzionato di avere già file Ruby, immagino tu stia lavorando su un plugin, giusto?

Quindi, per rispondere alla tua domanda

Ti consiglio di dare un’occhiata alla struttura delle cartelle di alcuni dei nostri plugin ufficiali esistenti, come questo

o questo

Se li osservi, noterai che i fogli di stile SCSS sono sempre posizionati in

_ROOT_/assets/stylesheets/

e questo è il posto dove dovrebbero andare i tuoi file SCSS se stai creando un plugin.