• 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.

MMM-MealViewer

Scheduled Pinned Locked Moved Development
48 Posts 6 Posters 19.0k Views 6 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 Away
    sdetweil @cowboysdude
    last edited by Nov 14, 2019, 3:06 AM

    @cowboysdude said in MMM-MealViewer:

    Sam is a REALLY smart guy so he gives you the smart guy answer

    nah, Sam is the LAZY guy… change as LITTLE as possible. especially for folks just starting out

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    1 Reply Last reply Reply Quote 1
    • G Offline
      gonzonia
      last edited by Nov 14, 2019, 9:29 PM

      Well, thanks to both of you! I can confirm it is finally working.

      Now to update github. Someday I should write some documentation too.

      1 Reply Last reply Reply Quote 0
      • H Offline
        htilburgs
        last edited by Dec 13, 2019, 5:30 PM

        @cowboysdude, I’m looking for the part where you “change” the XML data to JSON data. I’m trying to write a new MMM, but the data is presented in XML. I like the have it in JSON, so I can use it.

        Maybe I read over it, but I cannot figure out where you do this.

        (still trying to learn JS, but not afraid to ask) ☺

        S 1 Reply Last reply Dec 13, 2019, 5:37 PM Reply Quote 0
        • S Away
          sdetweil @htilburgs
          last edited by sdetweil Dec 13, 2019, 5:40 PM Dec 13, 2019, 5:37 PM

          @htilburgs there are a few xml to json modules

          https://www.npmjs.com/package/xml2js

          google search
          ‘nodejs xmltojson’

          here is one with a just code, no extra libs

          https://davidwalsh.name/convert-xml-json

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • H Offline
            htilburgs
            last edited by Dec 13, 2019, 5:43 PM

            @sdetweil , I’ve found them, but I don’t know how to use it in combination with the URL that creates the XML.

            Indeed the last one with no extra libs looks promising. I tried to simply add this in the node_helper.js but getting stuck at how to use it.
            I’ve looked into all the MMM Modules but cannot seem to find an example.

            (still trying to learn JS, but not afraid to ask) ☺

            S 1 Reply Last reply Dec 13, 2019, 5:54 PM Reply Quote 0
            • S Away
              sdetweil @htilburgs
              last edited by sdetweil Dec 13, 2019, 5:57 PM Dec 13, 2019, 5:54 PM

              @htilburgs the url bring back the data with request

              request(url, function(err, res, body) {
                  // if no error and server was happy
                  if(err == null && res.statusCode ==200){
                  console.log(body);
                  var json_data=this.xmlToJson(body)
                  console.log("Speed[0] text is "+json_data.SD[0].SPEED.@attributes.TEXT)
              }
              });
              

              when the server responds, the function is called and passed the data, body)
              and then u would convert it from xml to json . using the last code

              var json_data=this.xmlToJson(body)

              then the json is accessed with the normal structure notation
              (using the sample with the code in the last link)

              json_data.SD[0].SPEED.@attributes.TEXT will be ‘1421’

              SD is an array (multiple of same xml tags)

              a little ugly in the data layour, could get rid of the @attributes thing with a small code change

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • H Offline
                htilburgs
                last edited by Dec 13, 2019, 6:11 PM

                So in my case the URL produces:

                0_1576260496007_7fa5a24c-528a-4697-9557-2a9058df2860-image.png image url)

                json_data.SD[0].SPEED@attributes.TEXT will be:

                json.data.film[0].titel    --> 'Bellicher: Cel'
                

                Correct?

                (still trying to learn JS, but not afraid to ask) ☺

                S 1 Reply Last reply Dec 13, 2019, 6:14 PM Reply Quote 0
                • S Away
                  sdetweil @htilburgs
                  last edited by Dec 13, 2019, 6:14 PM

                  @htilburgs correct (json_data is the name of the output variable, note underscore, not dot, using dot means ‘go into’) … if you use one of the module add ons… not the code shown…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  S 1 Reply Last reply Dec 13, 2019, 6:17 PM Reply Quote 0
                  • S Away
                    sdetweil @sdetweil
                    last edited by Dec 13, 2019, 6:17 PM

                    @htilburgs and the number of films in the array would be

                    json_data.film.length

                    using the developers window you can put a code stop on the line after the xml2json
                    and then u can explore the conversion…

                    you can also use console.log(JSON.stringify(some_object)) and it will dump the structure in json format

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • H Offline
                      htilburgs
                      last edited by Dec 13, 2019, 6:38 PM

                      Mmmm… not working yet…
                      My current node_helper.js:

                      const NodeHelper = require('node_helper');
                      const request = require('request');
                      
                      module.exports = NodeHelper.create({
                      
                          start: function() {
                              console.log("Starting node_helper for: " + this.name);
                          },
                      	
                      	// Changes XML to JSON
                      	xmlToJson: function(xml) {
                      		
                      		// Create the return object
                      		var obj = {};
                      
                      		if (xml.nodeType == 1) { // element
                      			// do attributes
                      			if (xml.attributes.length > 0) {
                      			obj["@attributes"] = {};
                      				for (var j = 0; j < xml.attributes.length; j++) {
                      					var attribute = xml.attributes.item(j);
                      					obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
                      				}
                      			}
                      		} else if (xml.nodeType == 3) { // text
                      			obj = xml.nodeValue;
                      		}
                      
                      		// do children
                      		if (xml.hasChildNodes()) {
                      			for(var i = 0; i < xml.childNodes.length; i++) {
                      				var item = xml.childNodes.item(i);
                      				var nodeName = item.nodeName;
                      				if (typeof(obj[nodeName]) == "undefined") {
                      					obj[nodeName] = xmlToJson(item);
                      				} else {
                      					if (typeof(obj[nodeName].push) == "undefined") {
                      						var old = obj[nodeName];
                      						obj[nodeName] = [];
                      						obj[nodeName].push(old);
                      					}
                      					obj[nodeName].push(xmlToJson(item));
                      				}
                      			}
                      		}
                      		return obj;
                      	},
                      		
                      	
                      	getMTVM: function(url) {
                      		request(url, function(err, res, body) {
                      		// if no error and server was happy
                      			if(err == null && res.statusCode ==200){
                      			console.log(body);
                      			var json_data = this.xmlToJson(body)
                      			console.log("Text is " + json_data.film[0].titel)
                      			}
                      		});
                      	},
                      
                      
                          socketNotificationReceived: function(notification, payload) {
                              if (notification === 'GET_MTVM') {
                                  this.getMTVM(payload);
                              }
                          }
                      });
                      
                      

                      In the dev console I get an error:

                      Whoops! There was an uncaught exception...
                      TypeError: this.xmlToJson is not a function
                      

                      (still trying to learn JS, but not afraid to ask) ☺

                      S 1 Reply Last reply Dec 13, 2019, 6:44 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 4 / 5
                      • 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