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.

    config.js problem and display of modules

    Scheduled Pinned Locked Moved Troubleshooting
    3 Posts 2 Posters 722 Views 2 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.
    • K Offline
      kelly97129
      last edited by

      Hello
      I would like to have a helping hand or look for my config.js files.
      Because I have module display concerns and a slowness of the MM.
      Ex: My WeatherOrNot module does not appear at all despite having tried to modify the location several times.
      When I change the Custom.css file for the body, my CalendarExt module overflows.
      the PageIndicator module does not want to get below the CalendarExt even in bottom_bar

      Fichier Config.js

      /* Magic Mirror Config Sample
       *
       * By Michael Teeuw http://michaelteeuw.nl
       * MIT Licensed.
       *
       * For more information how you can configurate this file
       * See https://github.com/MichMich/MagicMirror#configuration
       *
       */
      
      var config = {
      	address: "localhost",
      	
        electronOptions: {
          webPreferences: {
            webviewTag: true
          }
        },
      	port: 8030,
      	ipWhitelist: [
      		"127.0.0.1",
      		"::ffff:127.0.0.1",
      		"::1",
      		"::ffff:192.168.0.10/80",
      		"::ffff:192.168.76.1/80",
      		"192.168.0.45",
      		"192.168.0.51"
      		],
      
      	language: "fr",
      	timeFormat: 24,
      	units: "metric",
      	//customCss: "css/custon.css",
      	modules: [
      		{
      	module: 'MMM-ModuleScheduler',
             config: {
      	    /*notification_schedule: [
      				// TURN THE MONITOR/SCREEN ON AT 06:30 EVERY DAY
      		{notification: 'REMOTE_ACTION', schedule: '30 6 * * *', payload: {action: "MONITORON"}},
      		// TURN THE MONITOR/SCREEN OFF AT 08:00 EVERY DAY
      		{notification: 'REMOTE_ACTION', schedule: '00 8 * * *', payload: {action: "MONITOROFF"}},
      		// RESTART THE MAGICMIRROR PROCESS AT 2am EVERY SUNDAY
      		{notification: 'REMOTE_ACTION', schedule: '0 2 * * SUN', payload: {action: "RESTART"}}
      	    ],*/
      				}
      		},
      		{
      	module: "alert",
      		config: {
      			effect: "flip",
      			alert_effect: "bouncyflip",
      			display_time: 10500
      				}
      		},
      		{
      	module: "updatenotification",
      		position: "top_bar"
      		},
      		{
      	module: "clock",
      		position: "top_right",
      		config: {
      			timeFormat: 24,
      			showWeek: true,
      			timezone: "Europe/Paris",
      				}
      		},
      		{
      	module: "newsfeed",
      		position: "top_bar",
      		header: "",
      		config: {
      			feeds: [
      					{
      			title: "GoogleNews_Rss",
      			url: "https://news.google.fr/?output=rss"
      					},
      				{
      			title: "BFM",
      			url: "https://www.bfmtv.com/rss/info/flux-rss/flux-toutes-les-actualites/",
      				},
      				{
      			title: "Ouest-France",
      			url: "https://www.ouest-france.fr/rss.xml",
      				},
      				],
      			showSourceTitle: true,
      			brodcastNewsFeeds: true,
      			broadcastNewsUpdates: true
      				}
      		},
      		{
        module: "MMM-GoogleAssistant",
      	position: "fullscreen_above",
      	config: {
          debug:true,
          assistantConfig: {
            lang: "fr-FR",
            credentialPath: "credentials.json",
            tokenPath: "token.json",
            projectId: "xxxxxxx",
            modelId: "magicmirror-xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
            instanceId: "xxxxxxxx",
            latitude: 47.xxxxxxx,
            longitude: -0.xxxxxxx,
          },
           responseConfig: {
            useScreenOutput: true,
            screenOutputCSS: "screen_output.css",
            screenOutputTimer: 5000,
            activateDelay: 500,
            useAudioOutput: true,
            useChime: true
          },
          micConfig: {
            recorder: "arecord",
            device: "plughw:2",
          },
          customActionConfig: {
            autoMakeAction: true,
            autoUpdateAction: false,
             actionLocale: "fr-FR",
          },
          recipes: [ "with-MMM-pages.js", "with-radio_fr.js", "with-MMM-TelegramBot.js", "Reboot-Restart-Shutdown.js", "with-MMM-Spotify.js", "with-MMM-pages" ],
          snowboy: {
            audioGain: 2.0,
            Frontend: true,
            Model: "jarvis",
            Sensitivity: null
          },
          A2DServer: {
            useA2D: true,
            stopCommand: "stoppe"
          },
      		}
      		},
      		{
        module: 'MMM-Snowboy',
      	config: {
          debug: true,
          AudioGain: 2.0,
          Frontend: true,
          Model: "jarvis",
          Sensitivity: null,
          micConfig: {
            recorder: "arecord",
            device: "plughw:2"
          },
          onDetected: {
            notification: "SHOW_ALERT",
            parameters: {
      	type: "notification",
      	message: "Detecter !",
      	title: "MMM-Snowboy",
      	timer: 10 * 1000
             }
          }
      			}
      		},
      		{
        module: "MMM-Assistant2Display",
      	position: "top_left",
      	config: {
      	disclaimer:true,
          debug:true,
          useYoutube: true,
          links: {
            useLinks: true,
            displayDelay: 60 * 1000,
            scrollStep: 25,
            scrollInterval: 1000,
            scrollStart: 1000,
            scrollActivate: false,
            verbose: true
          },
          photos: {
            usePhotos: true,
            displayDelay: 10 * 1000,
          },
          volume: {
            useVolume: true,
            volumePreset: "ALSA_HEADPHONE",
      	  myScript: null
          },
          briefToday: {
            useBriefToday: true,
            welcome: "planning d'aujourd'hui"
          },
          screen: {
            useScreen: false,
            delay: 5 * 60 * 1000,
            turnOffDisplay: true,
            ecoMode: true,
            displayCounter: true,
            text: "L'écran va s'éteindre:",
            detectorSleeping: true,
            governorSleeping: true,
            rpi4: false
          },
          pir: {
            usePir: false,
            gpio: 21,
            reverseValue: false,
      	  debug: true
          },
          governor: {
            useGovernor: false,
            sleeping: "powersave",
            working: "ondemand"
          },
          internet: {
            useInternet: true,
            displayPing: true,
            delay: 2* 60 * 1000,
            scan: "google.fr",
            command: "pm2 restart 0",
            showAlert: true
          },
      	cast: {
      	useCast: false,
          castName: "Magicmiror_Spotify",
          port: 8569
        },
          TelegramBot: {
            useTelecastSound: true,
            TelecastSound: "TelegramBot.ogg"
          },
      	spotify: {
            useSpotify: true,
            connectTo: "Magicmiror_Raspotify",
            playDelay: 3000,
            minVolume: 10,
            maxVolume: 100
          }
      		}
      		},
      		{
        module: 'MMM-TelegramBot',
      	config: {
          telegramAPIKey : 'xxxxxxxxx-xxxxxxxxx-xxxxxxxxx',
          allowedUser : ['xxxxxxx'],
      	adminChatId : xxxxxxx,
      
          useWelcomeMessage: false,
          verbose: true,
      			}
      		},
      		{
          module: "MMM-network-signal",
          position: "top_bar",
          config: {
          updateInterval: 5000,
      	animationSpeed: 250,
      	initialLoadDelay: 3000,
      	showMessage: true,
      	}
      },
      	{
      		module: 'MMM-SmartWebDisplay',
      		position: 'bottom_left',
      		classes: 'scheduler',
      		config: {
      			logDebug: false,
      			height:"400%",
      			width:"90%",
      	       	updateInterval: 2,
      			NextURLInterval: 0,
      			displayLastUpdate: false,
      			displayLastUpdateFormat: 'ddd - HH:mm:ss',
      			url: ["https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d86607.11741332679!2d-0.9410093!3d47.2855669!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x480615e113a722ab%3A0x42754d486b7c86d!2s76%20Rue%20de%20la%20Lime%2C%2049600%20Beaupr%C3%A9au-en-Mauges%2C%20France!3m2!1d47.2066717!2d-0.9953230999999999!4m5!1s0x48062e9a3b9fd02d%3A0xf3d3725a02f63ce8!2sGare%20de%20Chalonnes%20Sur%20Loire!3m2!1d47.343004!2d-0.743764!5e0!3m2!1sfr!2sfr!4v1585395773442!5m2!1sfr!2sfr"],
      			scrolling: "no",
      			shutoffDelay: 10000 ,
      			module_schedule: {from: '30 6 * * *', to: '00 8 * * *' }
      			}
      	},
      		{
      			module: "MMM-MyCommute",
      			position: "bottom_left",
      			header: "xxxxxxx",
      			classes: 'scheduler',
      			config: {
      				module_schedule: {from: '30 6 * * *', to: '00 8 * * *' },
      				apikey: "xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
      				origin: "xxxxxxxxx",
      				startTime: '06:30',
      				endTime: '08:00',
      				pollFrequency: 15 * 60 * 1000,
      				hideDays: [0],
      				showSummary: true,
      				alternatives: true,
      				showNextVehicleDeparture: true,
      				destinations: [
      					{
      						destination: "xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
      						label: "Gare xxxxxxx",
      						mode: "driving",
      						color: "#82E5AA"
      					}
      					]
      			}
      		},
      {
          module: 'MMM-SNCF',
          position: 'bottom_left',
          header:'Chalonnes _ Angers',
      	classes: 'scheduler',
      		module_schedule: {from: '30 6 * * *', to: '00 8 * * *' },
      	departureStationUIC:"stop_area:xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
      	arrivalStationUIC:"stop_area:xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
      	trainsdisplayed:'2',
      	language:"fr",
      	apiKey:"xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
        		password:""
          },
      {
      			module: 'MMM-Jeedom',
      			header: 'Jeedom',
      			position: "top_left",
      			config: {
      				updateInterval: 1000,
      			    jeedomAPIKey: "xxxxxxxxx",
      				jeedomURL: "xxxxxxxxx.dns5.jeedom.com",
      				jeedomPORT: 443,
      				jeedomHTTPS: true,
      				jeedomAPIPath: "/core/api/jeeApi.php",
      				sensors: [
      				{//first info (value and unit only)
      					idx: "95",
      					sameLine1: true,
      					unit : "°C",
            				},
      				{//second info (title, symbol, value and unit)
      					idx: "96",
      					customTitle: "Temp Salon",
      					symbol: "fa fa-thermometer-full blue",
      					sameLine2: true,
      					unit : "%",
            				},
      							{
      					idx: "1145",
      					sameLine1: true,
      					unit : "°C",
            				},
      							{
      					idx: "1146",
      					customTitle: "Temp Cuisine",
      					symbol: "fa fa-thermometer-full blue",
      					sameLine2: true,
      					unit : "%",
            				},
      									{
      					idx: "74",
      					sameLine1: true,
      					unit : "°C",
            				},
      									{
      					idx: "75",
      					customTitle: "Temp Ch_Parents",
      					symbol: "fa fa-thermometer-full blue",
      					sameLine2: true,
      					unit : "%",
            				},
      										{
      					idx: "106",
      					sameLine1: true,
      					unit : "°C",
            				},
      										{
      					idx: "107",
      					customTitle: "Temp Ch_Ado",
      					symbol: "fa fa-thermometer-full blue",
      					sameLine2: true,
      					unit : "%",
            				},
      											{
      					idx: "125",
      					sameLine1: true,
      					unit : "°C",
            				},
      											{
      					idx: "126",
      					customTitle: "Temp Ch_Pepette",
      					symbol: "fa fa-thermometer-full blue",
      					sameLine2: true,
      					unit : "%",
            				},
      									{
      					idx: "89",
      					sameLine1: true,
      					unit : "°C",
            				},
      									{
      					idx: "90",
      					customTitle: "Temp Salle de bain",
      					symbol: "fa fa-thermometer-full blue",
      					sameLine2: true,
      					unit : "%",
            				},
      				{
      					idx: "101",
      					symbolon: "fas fa-door-open green",
      					symboloff: "fas fa-door-closed red",
      					customTitle: "Arrière Cuisine",
      					boolean : true,
      				},
      				{
      					idx: "69",
      					symbolon: "fas fa-door-open green",
      					symboloff: "fas fa-door-closed red",
      					customTitle: "Entrée",
      					boolean : true,
      				},
      				{
      					idx: "111",
      					customTitle: "Garage",
      					boolean : true,
      					symbolon: "fas fa-car-side green",
      					symboloff: "fas fa-warehouse red",
      
      				},
      			]
      			}
      		},
      {
        module: "MMM-Spotify",
        position: "bottom_right",
        config: {
          style: "default",
          control: "hidden",
          updateInterval: 3000,
          onStart: null,
          allowDevices: [],
          // allowDevices: ["RASPOTIFY", "My iPhoneX", "My Home speaker"],
        }
      },
      {
        module: "MMM-SpotifyControl",
      
        config: {
          clientID: "xxxxxxxxx",
          clientSecret: "xxxxxxxxx",
          accessToken: "xxxxxxxxx",
          refreshToken: "xxxxxxxxx-xxxxxxxxx-xxxxxxxxx",
          deviceName: "xxxxxxxxx"
        }
      },
      {
          module: "MMM-RTSPStream",
          position: "top_right",
          config: {
      	autoStart: true,
      	rotateStreams: false,
      	rotateStreamTimeout: 10,
      	moduleWidth: 354,
      	moduleHeight: 240,
      	localPlayer: 'omxplayer',
      	remotePlayer: 'none',
      	showSnapWhenPaused: false,
      	remoteSnaps: false,
      	shutdownDelay: null,
      	    stream1: {
      	    name: 'Garage',
      	    url: 'xxxxxxxxx',
      	    frameRate: '30',
      	    snapshotType: 'url',
      	    snapshotRefresh: 25,
      	    width: 320,
      	    height: 240,
      	    ffmpegPort: 9999,
      			//hwAccel: true,
      			muted: true,
      	    },
      	stream2: {
      	    name: 'Jardin',
      	    url: 'xxxxxxxxx',
      	    frameRate: '30',
      	    snapshotType: 'url',
      	    snapshotRefresh: 25,
      	    width: 320,
      	    height: 240,
      			ffmpegPort: 9999,
      			///hwAccel: true,
      			muted: true,
      	    },
      	}
      },
        {
       module: "MMM-EasyPix",
       position: "fullscreen_below",
        config: {
         picName: "Palette.jpg",
         maxWidth: "100%",
         //sounds: [],
         //updateInterval: 30 * 60 * 1000,
         //animationSpeed: 3000,
        }
      },
      		{
       module: "MMM-CalendarExt2",
       config: {
        calendars : [ {
         name: "Agenda",
         className: "taf",
         url: "https://calendar.google.com/calendar/ical/xxxxxxxxx/basic.ics",
          },
         {
         className: "David",
         url: "https://calendar.google.com/calendar/ical/xxxxxxxxx/basic.ics",
               },
         {
         className: "Vacances",
         url: "https://calendar.google.com/calendar/ical/xxxxxxxxx/basic.ics",
               },
         {
         className: "Fériés",
         url: "https://calendar.google.com/calendar/ical/xxxxxxxxx/basic.ics",
               },		 
         ],
         views: [ {
          name: "view1",
          mode: "month",
          slotCount: "5",
          maxItems: "1000",
          hideOverflow: "false",
          slotMaxHeight: "65px",
          locale: "fr-FR",
          monthFormat: "MMMM YYYY",
          position: "bottom_bar",
          calendars: []
             },
            ],
        scenes: [
        {
        name: "DEFAULT",
        },
        ],
        },
      		},
      {
          disabled: false,
          module: "MMM-WeatherOrNot",
          position: "middle_center",
          config: {
            location: "xxxxxxx",                // See instructions
            locationCode: "xxxxxxxxx",              // See instructions
            languages: "fr",                          // See Languages list
            tempUnits: "C",                           // F or C
            font: "Tahoma",                           // See Font list
            textColor: "#ffffff",                     // Hex color codes.
            htColor: "#ffffff",                       // high temp color. Hex color codes.
            ltColor: "#00dfff",                       // low temp color. Hex color codes.
            sunColor: "#febc2f",                      // Hex color codes.
            moonColor: "#dfdede",                     // Hex color codes.
            cloudColor: "#dfdede",                    // Hex color codes.
            cloudFill: "#1f567c",                     // Hex color codes.
            rainColor: "#93bffe",                     // Hex color codes.
            snowColor: "#dfdede",                     // Hex color codes.
            height: "150px",                          // module is responsive to changes
            width: "1080px",                          // module is responsive to changes
            label: "xxxxxxxx",                        // Location seems logical . .
            label2: "xxxxxxxxx",                  // . . . or anything you like
            days: "7",                                // 3, 5 or 7
            theme: "ruby",                            // See Themes list *** theme overrides bgColor. ***
            bgColor: "#666666",                       // theme overrides bgColor.
            icons: "Climacons Animated",              // Iconvault, Climacons or Climacons Animated
            animationSpeed: 3000,
            updateInterval: 10 * 60 * 1000,
          }
      },
      		{
      	module: 'MMM-page-indicator',
      		position: "bottom_bar",
      		config: {
      	    pages: 2,
      				}
      		},
      		{
      	module: 'MMM-pages',
      		config: {
      			modules:
      		    [
      			[ "MMM-WeatherOrNot", "MMM-CalendarExt2", "MMM-Jeedom", "MMM-RTSPStream" ],
      		    [ "MMM-MyCommute", "MMM-SmartWebDisplay", "MMM-SNCF", "MMM-Spotify" ],
      			],
      	fixed:	[ "MMM-GoogleAssistant", "MMM-Snowboy", "MMM-EasyPix", "clock", "newsfeed", "MMM-pages", "MMM-page-indicator", "alert", "updatenotifications", "MMM-Assistant2Display", "MMM-network-signal", "MMM-NotificationTrigger" ],
      			animationTime: 1000,
      				//rotationTime: 15000,
      				}
      		},
      		{
      	module: "MMM-NotificationTrigger",
      		config: {
      			triggers:[
            {
      			trigger: "ASSISTANT_ACTION",
      			triggerSenderFilter: (sender) => {
      			console.log(sender)
      			if (sender.name == 'MMM-GoogleAssistant') {
      			return true
      	  } 	else {
      			return false
      	  }
      	},
      			triggerPayloadFilter: (payload) => {
      			console.log(payload)
      			return true
      	},
      			fires: [
      	  {
      			fire:"SHOW_ALERT",
      			payload: (payload) => {
      			return {
      			type: "notification",
      			title: payload.type,
      			message: payload.command
      				}
      	},
      	},
      	],
           },
      	]
      				}
      
      		},		
      		]
      			 };
      
      
      
      
      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== "undefined") {module.exports = config;}
      
      

      Custom.css

      /*****************************************************
       * Magic Mirror                                      *
       * Custom CSS                                        *
       *                                                   *
       * By Michael Teeuw http://michaelteeuw.nl           *
       * MIT Licensed.                                     *
       *                                                   *
       * Add any custom CSS below.                         *
       * Changes to this files will be ignored by GIT. *
       *****************************************************/
      
      body {
      	background-size: cover;
      	background-repeat: no-repeat;
          margin: 20px;
          position: absolute;
          height: calc(100% - 40px);
          width: calc(100% - 40px);
      }
      
      .MMM-RTSPStream .innerWrapper {
        border-style: none;
      }
      
      /* couleur de fond*/
      .CX2 {
      	background-color: rgba(0,0,0,0.5);
      	padding: 20px;
      	margin: -50px;
      	border-radius: 10px;
      	--font-size: 12px;
      }
      
      /*ligne blanche en haut des cases*/
      .CX2 .slot{ /* normal slot */
        border-top: 1px solid white;
      }
      
      /*fond des cases*/
      .CX2 .slot > .slotContent{
        background-image: none;
      }
      
      /*couleur rdv*/
      .CX2 .event {
        background-color: #6699CC;
        color: #FFF;
        border-radius: 5px;
        text-align: center;
      }
      
      .CX2 .event.fullday {
        border-radius: 5px;
        color: #FFF;
      }
      
      /*couleurs des week-end*/
      .CX2 .cellSlot.weekday_6 .slotSubTitle {
        color:#FFF;
      }
      
      .CX2 .cellSlot.weekday_7 .slotSubTitle {
        color:#FFF;
      }
      
      /*couleur du jour*/
      .CX2 .today .slotHeader { /* today slot */
        background-color: #E3E3E3;
        color:#000;
      }
      
      .CX2 .today .slotContent{
        background-color: #E3E3E3;
      }
      
      .CX2 .taf, .taf .event .fullday {
        background-color: #f50f07;
      }
      
      .CX2 .David, .David .event .fullday {
        background-color: #591dd1;
      }
      
      .CX2 .Vacances, .Vacances .event .fullday {
        background-color: #09d928;
      }
      
      .CX2 .Fériés, .Fériés .event .fullday {
        background-color: #09c1d9;
      }
      
      

      if you are missing info asked me
      thank you in advance

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @kelly97129
        last edited by

        @kelly97129 said in config.js problem and display of modules:

        My WeatherOrNot module does not appear at all despite having tried to modify the location several times.

        I copied your config entry for MMM-WeatherOrNot and entered my location and locationCode and the module worked as expected. Here is a screenshot. I suggest you try again using the directions in the readMe. Both are case sensitive.

        Screenshot from 2020-06-06 21-19-38.png

        Create a working config
        How to add modules

        K 1 Reply Last reply Reply Quote 0
        • K Offline
          kelly97129 @Mykle1
          last edited by

          @Mykle1 ok i’m retest it

          1 Reply Last reply Reply Quote 0
          • 1 / 1
          • 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