How to change the path of a picture in magicmirror , using MMM-imageSlideshow

sdetweil · Apr 25, 2019, 2:07 PM

@emrhssla because ImageSlideshow is using hard coded paths

imagePaths: [ ‘modules/MMM-Testpython/nothing’ ],

U must add the before path to the list

emrhssla · Apr 25, 2019, 3:05 PM

@sdetweil
There’s no other way.
Then there’s one more question. Originally, MMM-Testpython is a module that uses python files to capture pictures.

I tried to show the captured pictures using MMM-imageSlideshow.
To sum up, what I want is:
1.Run the magic mirror.
2.MMM-imageSlideShow runs to show the pictures in the folder
3.Use MMM-Testpython to capture it with a webcam.
4.Replace original photos by covering them.
------I’ve been successful so far----
5. MMM-imageSlideshow module has been updated to show only captured pictures (failed)

So what I’m wondering is if I can update MMM-imageSlideshow in the Magic Mirror.

Updatedom() will not be renewed.

sdetweil · Apr 25, 2019, 3:11 PM

@emrhssla what do u mean by update ImageSlideshow?

Change it’s paths dynamically?
I dont think so

emrhssla · Apr 25, 2019, 3:31 PM

@sdetweil
not about path update

about replacing a picture with an overwritten one dynamically.

sdetweil · Apr 25, 2019, 7:39 PM

@emrhssla should be able to without problem… either write code to do it… or launch a shell cp command (copy)

sdetweil · Apr 25, 2019, 10:57 PM

also, MMM-ImageSlideshow only gets the file list once… then reshows it over and over…

MMM-ImagesPhotos refreshes the list every 60 seconds… ( getInterval: 60000)

emrhssla · Apr 26, 2019, 12:36 PM

MMM-Testpython.js

var Testpythons;
Module.register("MMM-Testpython", {

    defaults: {},
    start: function (){
        Testpythons = this;
    },
  
  getDom: function() {
    var element = document.createElement("div")
    element.className = "myContent"
    element.id="divid"
    element.innerHTML = "Hello, World!!! " + this.config.foo
    var subElement = document.createElement("p")
    subElement.innerHTML = "Click" 
    subElement.id = "clickid"
    element.appendChild(subElement)
    return element
  },
  
  notificationReceived: function(notification, payload, sender) {
    switch(notification) {
      case "DOM_OBJECTS_CREATED":
      var elem = document.getElementById("clickid")
      elem.addEventListener("click", () => {
        //
        Testpythons.sendSocketNotification("TEST")
        //
        console.log(" click success !")
        elem.innerHTML = "click success"       
      }) 
        break
    }
  },
  socketNotificationReceived: function(notification, payload) {
    switch(notification) {
      case "AFTERCLICK":
        console.log("Socket recevied payload : "+payload)
        var elemk = document.getElementById("clickid")
        //
        Testpythons.sendNotification('SHOWCHANGEDIMAGE');
        //
        elemk.innerHTML = payload
        break
    }
  }

})

node_helper.js(in MMM-Testpython)

var NodeHelper = require("node_helper");
var {PythonShell} = require('python-shell');
var socketTestpython;
module.exports = NodeHelper.create({
  start: function() {
    socketTestpython=this;
    console.log(this.name+"node_helper started")
  },
  
  socketNotificationReceived: function(notification, payload) {
    switch(notification) {
      case "TEST":
        console.log("notification : " + notification)
	    PythonShell.run('/home/pi/Desktop/BeautyMirror/modules/MMM-Testpython/before.py', null, function (err, result) {
            if (err) throw err;
            console.log(result);          
            socketTestpython.sendSocketNotification("AFTERCLICK",result);
          });
	       
        break
    }
  }
})

MMM-ImageSlideshow.js
I added only the following code from the original module code.

notificationReceived: function(notification, payload) {
		Log.info(this.name + " - received notification: " + notification);
		if(notification === "DOM_OBJECTS_CREATED"){
			this.hide()
		}
		
		if(notification === "SHOWCHANGEDIMAGE"){
			var self = this;
			self.updateDom();
			self.show();
		}
	}

console is success…