I created this timer using the following code, it’s working locally but I having trouble integrating it on my forum. Can someone please help?  <style> button { padding: 5px; margin: 2px; cursor: pointer; border: none; color: white;…

Hi, You would want to insert the JS in Head instead to make it work! Also, be careful with the button CSS – you should make a specific selector to avoid overwriting the default CSS. Ideally, you want to create a theme component , and use an outlet to handle HTML/logic. I can show you later!

Thank you so much for responding. I tried that. I created a new theme component and then by using edit CSS/HTML option, I inserted that code in common>header section. I can see the timer on the website but the problem is that the timer doesn’t play. It has play and stop button, locally it works fin…

Yes, your code is being blocked by CSP. (see security settings) You could whitelist unsafe-inline in the settings, but that doesn’t sound like a good idea. In your case, to make your code work with CSP enabled, i believe you need to handle the click differently . On a side note, here is a theme c…

I can’t thank you enough for helping me with this. This is amazing!! You have inspired me to learn this. :heart: There are few changes and queries I have regarding the timer. Can I share with you?

Queries: What’s the purpose of waiting button? Critical Immediate Changes: It’s a continuous timer, first starts with 1:30 sec then shift to 8:00 min then shift to 1:30 and so on, never ends. When the timer is playing, users need to have the ability to bypass directly to 8:00 min by clickin…

I definitively did not understand everything in your code; it would seem :smile: [изображение] evens_tailors.0d: What’s the purpose of waiting button? It doesn’t make sense to be able to click on those pause/stop buttons if a timer has not started. Same as showing “pause” or “resume”, so it…

Hey, For me it’s amazing seeing this timer come to life. You’re amazing and inspiring. This is a timer for a exam given by doctors, I am a doctor as well trying to help other doctors. The exam consists of 16 rooms, containing 16 different patients that we need to diagnose and manage. Before enter…

I’ve pushed an update. It should loop short/long timer, and you can switch to any timer now. I’ve also removed the “waiting…” usage. Let me know if it works better. Thanks for explaining the context, I understand now! :+1:

I found a bug, if I click on the read task button the timer goes from 1:30 min to 8:00 min and then keeps looping on 1:30 min. If I click on enter room button, the timer goes from 8:00 to 1:30 and then keeps looping on the 8:00 min timer.

My bad. It’s fixed. I checked only the first loop because I was in a hurry, and I did not notice the switch did not happen after. :smile:

Нужна помощь в интеграции кода из Edittext в Discourse

Разработка

Arkshine 13.Ноябрь.2023 17:13:38 17

Первый шаг — установка Discourse для разработки. Это упростит тестирование.

Затем вы можете сделать форк моего компонента, клонировать его в удобное место и использовать Discourse Theme CLI.

Посмотрите на код <template>...</template>. Вы можете добавить туда свой текст.
CSS находится в файле common/common.scss.

Вы можете локализовать свой текст, добавив запись в locales/en.yml, а затем использовать {{I18n.t(themePrefix("my_translation_key"))}}.

Тема		Ответов	Просм.
Topic Stopwatch Theme component	32	6149	05.06.2019
Live Topic Timer Theme component topic-timers	16	3680	29.03.2021
Turned my Discourse into a successful ecommerce platform! Praise	16	7254	17.02.2025
Set Topic Timer not working in Discourse v3.1.5 Development topic-timers	1	54	06.08.2024
Using a theme component instead of an iframe to create a topic timer Development topic-timers	7	736	27.03.2018

Нужна помощь в интеграции кода из Edittext в Discourse

Связанные темы