• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Need help - New programmer

Scheduled Pinned Locked Moved General Discussion
23 Posts 5 Posters 3.7k Views 5 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    smart_user
    last edited by Dec 12, 2020, 5:13 PM

    @sdetweil Hello. I did and still am not receiving any alert on the screen

    S 1 Reply Last reply Dec 12, 2020, 7:57 PM Reply Quote 0
    • S Offline
      sdetweil @smart_user
      last edited by Dec 12, 2020, 7:57 PM

      @smart_user show me the config block. Minimum is this. MUST have a position

      {
           module:"SampleModule",
           position:"middle",
       },
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User
        last edited by Dec 12, 2020, 10:26 PM

        euh … position needed ONLY if you have to show something on the mirror (getDom).
        If you have nothing to show THEN position is not needed

        Note: verified in my lasted module (position is not needed because no visual)

        S 1 Reply Last reply Dec 12, 2020, 11:10 PM Reply Quote 0
        • S Offline
          sdetweil @Guest
          last edited by Dec 12, 2020, 11:10 PM

          @Bugsounet yes, my sample module DOES want to display something

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Offline
            smart_user
            last edited by Dec 13, 2020, 5:08 AM

            @sdetweil Yes! I missed adding the position to the config file. Just have another clarification. Can these messages show up for a few seconds then disappear and then appear again after 30 minutes? If so, how do I do that?

            S 1 Reply Last reply Dec 13, 2020, 12:12 PM Reply Quote 0
            • S Offline
              sdetweil @smart_user
              last edited by sdetweil Dec 21, 2020, 2:37 AM Dec 13, 2020, 12:12 PM

              @smart_user sure. When u want the message to go away, set the string to empty, or not create any content in getDom()…

              U would start a timer after u display the text, and the call updateDom() in the timer routine.

              Wait, display. Wait. Remove output
              Repeat

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • I Offline
                innovation
                last edited by Dec 20, 2020, 3:10 PM

                @sdetweil Hello, I am facing the same problem - and I want the same feature @smart_user mentioned. But I am sorry, I didn’t get the timer part. Which string are you talking about? and where will I add the updateDom()? Please help

                S 2 Replies Last reply Dec 20, 2020, 3:15 PM Reply Quote 0
                • S Offline
                  sdetweil @innovation
                  last edited by Dec 20, 2020, 3:15 PM

                  @innovation i have my grandson for a few hours will get back to you

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • I Offline
                    innovation
                    last edited by Dec 20, 2020, 3:35 PM

                    sure @sdetweil, no problem!

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @innovation
                      last edited by sdetweil Dec 20, 2020, 9:33 PM Dec 20, 2020, 6:53 PM

                      @innovation the ‘string’ is the value used in the getDom() function to create the html content

                      somestring:“this is just a test string”,
                      counter: 0,

                      getDom(){
                         var wrapper=createElement("div")
                         wrapper.innerText=this.somestring
                         return wrapper;
                      }
                      

                      there is no stopping the module, it MUST always be running… so, if u want to change the string,
                      you can start a timer, and when the timer expires, call a routine that does the work.

                      timerRoutine: function(){
                           this.somestring="some other string"
                      }
                      

                      but how does MM know u changed the value?
                      u tell MM there is new content…

                      timerRoutine: function(){
                           this.somestring="some other string "+ this.counter++;
                           this.updateDom(time_to_delay_in_ms, 0 = immediately)
                      }
                      

                      now we need to start a timer… lets say, 15 seconds after we do it in getDom, lets change the text

                      getDom(){
                         var wrapper=createElement("div')
                         wrapper.innerText=this.somestring  // use the value of the somestring variable to display
                        setTimeout(this.timerRoutine, 15000)   // call the timerRoutine in 15000 milliseconds
                         return wrapper;
                         // after here , MM will put the html tree defined in wrapper,
                         // in the 'position' the module  defined in config.js
                      }
                      

                      another way is to use the repeating timer, instead of the single event version

                      start: {
                          // now the timerRoutine will be called every 15 seconds, forever
                          // it will change the string, and then inform MM to call to get new content
                          setInterval(this.timerRoutine,15000) //  start a repeating timer  every 15 seconds
                      },
                      
                      getDom(){
                         var wrapper=createElement("div')
                         wrapper.innerText=this.somestring  // use the value of the somestring variable to display
                         return wrapper;
                      }
                      

                      you can do this same updateDom() call after receiving a message back from your node helper with new content.
                      (my sample module does this)

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 2
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy