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.

    This might be a daft question, but...

    Scheduled Pinned Locked Moved Development
    27 Posts 6 Posters 20.4k 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.
    • MitchfarinoM Offline
      Mitchfarino Module Developer
      last edited by

      Can I use Visual Studio?

      What type of project would I create?

      A 1 Reply Last reply Reply Quote 0
      • A Offline
        alexyak @Mitchfarino
        last edited by

        @Mitchfarino Most certainly you should be able to. There are node.js specific projects. You just need to install tools:
        https://beta.visualstudio.com/vs/node-js/

        MitchfarinoM 1 Reply Last reply Reply Quote 0
        • MitchfarinoM Offline
          Mitchfarino Module Developer @alexyak
          last edited by

          Thanks @alexyak , much appreciated!

          1 Reply Last reply Reply Quote 0
          • MitchfarinoM Offline
            Mitchfarino Module Developer
            last edited by

            Sorry, again

            Which of these projects would be the correct one?!

            0_1473362107099_node.PNG

            A 1 Reply Last reply Reply Quote 0
            • A Offline
              alexyak @Mitchfarino
              last edited by

              @Mitchfarino Sorry, I’ve not tried this yet myself, but have you tried to use this option that you have selected: “From Existing Node.js code”?

              MitchfarinoM 1 Reply Last reply Reply Quote 0
              • MitchfarinoM Offline
                Mitchfarino Module Developer @alexyak
                last edited by

                @alexyak Sorted, I tried that and imported an existing module

                Now I just to figure out what I’m doing now! :)

                1 Reply Last reply Reply Quote 0
                • MitchfarinoM Offline
                  Mitchfarino Module Developer
                  last edited by Mitchfarino

                  OK, I’m up and running, but I’m not sure how to parse my JSON result in to html.

                  I have this, but don’t know whether it’s correct

                  I just want to see if I can list the names from the results of my GET request

                  getDom: function () {
                      var wrapper = document.createElement("div");
                  
                      $.getJSON(this.url,
                          function (data) {
                              var tr;
                              for (var i = 0; i < data.length; i++) {
                                  tr = $('<tr/>');
                                  tr.append("<td>" + data[i].name + "</td>");
                  
                                  $('table').append(tr);
                              }
                              wrapper.append("<td>" + data[i].name + "</td>");
                          });
                      return wrapper;
                  

                  I’d like to note, this is all completely new to me, so I’m trying to learn as I go…

                  strawberry 3.141S 1 Reply Last reply Reply Quote 0
                  • MitchfarinoM Offline
                    Mitchfarino Module Developer
                    last edited by

                    @strawberry-3-141 I saw you were online, so I’m shamelessly tagging you in my post in the hopes of some guidance :-(

                    1 Reply Last reply Reply Quote 0
                    • strawberry 3.141S Offline
                      strawberry 3.141 Project Sponsor Module Developer @Mitchfarino
                      last edited by

                      @Mitchfarino

                      getDom: function () {
                          var wrapper = document.createElement("div");
                          var table = document.createElement("table");
                      
                          $.getJSON(this.url,
                              function (data) {
                                  for (var i = 0; i < data.length; i++) {
                                      var row = document.createElement("tr");
                                      var name = document.createElement("td");
                                      name.innerHTML = data[i].name;
                                      row.appendChild(name);
                                      table.appendChild(row);
                                  }
                                  wrapper.appendChild(table);
                                  return wrapper;
                              });
                      

                      but I’m pretty sure that this will not work, because the return is in an asynchronous callback, i would do a different structure call your url in an interval somewhere else and save your data into an module variable and call the updateDom function after a result, then in getDom you iterate over the data.

                      Please create a github issue if you need help, so I can keep track

                      MitchfarinoM 1 Reply Last reply Reply Quote 0
                      • MitchfarinoM Offline
                        Mitchfarino Module Developer @strawberry 3.141
                        last edited by

                        @strawberry-3.141 Thanks very much, I’ll have a play with it over the weekend and hopefully I get can something working

                        I’ve not done anything like this before really, so just jumping in and seeing what happens :-)

                        strawberry 3.141S 1 Reply Last reply Reply Quote 0
                        • strawberry 3.141S Offline
                          strawberry 3.141 Project Sponsor Module Developer @Mitchfarino
                          last edited by

                          @Mitchfarino

                          url: "", //Insert your url here
                          result: false,
                          
                          defaults: {
                              updateInterval: 30 * 60 * 1000 //Every 30 mins
                          },
                          
                          start: function(){
                              this.getData();
                              setInterval(()=>{
                                  this.getData();
                              }, this.config.updateInterval);
                          },
                          
                          getDom: function() {
                              var wrapper = document.createElement("div");
                              if(this.result){
                                  var table = document.createElement("table");
                                  for (var i = 0; i < this.result.length; i++) {
                                      var row = document.createElement("tr");
                                      var name = document.createElement("td");
                                      name.innerHTML = this.result[i].name;
                                      row.appendChild(name);
                                      table.appendChild(row);
                                  }
                                  wrapper.appendChild(table);
                              } else {
                                  wrapper.innerHTML = "No data to show!";
                              }
                              return wrapper;
                          },
                          
                          getData: function(){
                              $.getJSON(this.url, (data) => {
                                  this.result = data;
                                  this.updateDom();
                              });
                          }
                          

                          Please create a github issue if you need help, so I can keep track

                          MitchfarinoM 1 Reply Last reply Reply Quote 1
                          • MitchfarinoM Offline
                            Mitchfarino Module Developer @strawberry 3.141
                            last edited by

                            @strawberry-3.141 Thanks for this, I’ll see if I can get it working

                            MitchfarinoM 1 Reply Last reply Reply Quote 0
                            • MitchfarinoM Offline
                              Mitchfarino Module Developer @Mitchfarino
                              last edited by

                              @strawberry-3-141 once I’ve got some code, how do I test it on my mirror?

                              Just copy the folder to the modules folder and add it to the config, or is there something else I need to do?

                              Thanks

                              paviroP 1 Reply Last reply Reply Quote 0
                              • paviroP Offline
                                paviro @Mitchfarino
                                last edited by

                                @Mitchfarino no that’s it :)

                                We're all stories in the end. Just make it a good one, eh?

                                – The Doctor

                                MitchfarinoM 1 Reply Last reply Reply Quote 1
                                • MitchfarinoM Offline
                                  Mitchfarino Module Developer @paviro
                                  last edited by

                                  @paviro Awesome, thank you!

                                  I’m stumbling my way through, hopefully I’ll have something working soon :)

                                  paviroP 1 Reply Last reply Reply Quote 0
                                  • paviroP Offline
                                    paviro @Mitchfarino
                                    last edited by

                                    @Mitchfarino good luck! :)

                                    We're all stories in the end. Just make it a good one, eh?

                                    – The Doctor

                                    MitchfarinoM 1 Reply Last reply Reply Quote 0
                                    • MitchfarinoM Offline
                                      Mitchfarino Module Developer @paviro
                                      last edited by

                                      @paviro Just one more question…

                                      Why would I need to run npm install for some modules?

                                      1 Reply Last reply Reply Quote 0
                                      • strawberry 3.141S Offline
                                        strawberry 3.141 Project Sponsor Module Developer
                                        last edited by

                                        to install the dependencies listed in the package.json file

                                        Please create a github issue if you need help, so I can keep track

                                        1 Reply Last reply Reply Quote 0
                                        • MitchfarinoM Offline
                                          Mitchfarino Module Developer
                                          last edited by

                                          Hi All,

                                          I’m struggling a bit here, does anyone fancy doing a bit of hand holding to point me in the right direction?

                                          JS is completely knew to me, but I’m not sure where to start.

                                          Thanks in advance - I’m happy to do it through chats on this forum, or using hangouts or something similar.

                                          strawberry 3.141S 1 Reply Last reply Reply Quote 0
                                          • strawberry 3.141S Offline
                                            strawberry 3.141 Project Sponsor Module Developer @Mitchfarino
                                            last edited by

                                            @Mitchfarino feel free to contact me via personal message

                                            Please create a github issue if you need help, so I can keep track

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 1 / 2
                                            • 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