Hi all, just realised that the positions are working for me but the specific module (MMM-ATM which supposedly works well anywhere) has issues when placed in the middle.
Moving the news bar and other modules to lower_third or middle_center works fine, definitely should’ve tested this from the beginning.
Thanks for all the help from everyone!
@lavolp3 I ran the npm install in the MM directory and the update, no error messages this time, but position still doesn’t work
pi@raspberrypi:~ $ cd ~/MagicMirror
pi@raspberrypi:~/MagicMirror $ sudo npm install
npm WARN lifecycle magicmirror@2.11.0~install: cannot run in wd magicmirror@2.11.0 echo "Installing vendor files ...
npm WARN lifecycle " && cd vendor && npm install --loglevel=error (wd=/home/pi/MagicMirror)
npm WARN lifecycle magicmirror@2.11.0~postinstall: cannot run in wd magicmirror@2.11.0 npm run install-fonts && echo "MagicMirror installation finished successfully!
npm WARN lifecycle " (wd=/home/pi/MagicMirror)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"arm"})
audited 1082 packages in 20.995s
77 packages are looking for funding
run `npm fund` for details
found 3 low severity vulnerabilities
run `npm audit fix` to fix them, or `npm audit` for details
pi@raspberrypi:~/MagicMirror $ sudo npm install -g npm
/usr/bin/npm -> /usr/lib/node_modules/npm/bin/npm-cli.js
/usr/bin/npx -> /usr/lib/node_modules/npm/bin/npx-cli.js
+ npm@6.14.5
updated 5 packages in 38.973s
@sdetweil Just did that, still haven’t got position working
@sdetweil I ran npm install in the MM directory, it then said new patch version of npm available (6.14.4 > 6.14.5). I then tried to install this using
npm install -g npm
Then got the following message with some errors:
pi@raspberrypi:~/MagicMirror $ npm install -g npm
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/graceful-fs
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/mkdirp
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/nopt
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules/npm-registry-fetch
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm
npm WARN checkPermissions Missing write access to /usr/lib/node_modules/npm/node_modules
npm WARN checkPermissions Missing write access to /usr/lib/node_modules
npm ERR! code EACCES
npm ERR! syscall access
npm ERR! path /usr/lib/node_modules/npm/node_modules/graceful-fs
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, access '/usr/lib/node_modules/npm/node_modules/graceful-fs'
npm ERR! { [Error: EACCES: permission denied, access '/usr/lib/node_modules/npm/node_modules/graceful-fs']
npm ERR! stack:
npm ERR! 'Error: EACCES: permission denied, access \'/usr/lib/node_modules/npm/node_modules/graceful-fs\'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/lib/node_modules/npm/node_modules/graceful-fs' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/pi/.npm/_logs/2020-06-22T17_34_29_233Z-debug.log
pi@raspberrypi:~/MagicMirror $
@hango The path is MagicMirror, the ‘r’ is at the start of the next line
@sdetweil Is there a reason why my index.html when opened is a black screen?
I’m trying to get the MMM-ATM to display lower_third
/* Magic Mirror Config Sample
*
* By Michael Teeuw http://michaelteeuw.nl
* MIT Licensed.
*
* For more information on how you can configure this file
* See https://github.com/MichMich/MagicMirror#configuration
*
*/
var config = {
//address: "localhost", // Address to listen on, can be:
address: "0.0.0.0",
// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
// - another specific IPv4/6 to listen on a specific interface
// - "0.0.0.0", "::" to listen on any interface
// Default, when address config is left out or empty, is "localhost"
electronOptions: {
webPreferences: {
webviewTag: true
}
},
port: 8080,
//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
ipWhitelist: [], // or add a specific IPv4 of 192.168.1.5 :
// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
useHttps: false, // Support HTTPS or not, default "false" will use HTTP
httpsPrivateKey: "", // HTTPS private key path, only require when useHttps is true
httpsCertificate: "", // HTTPS Certificate path, only require when useHttps is true
language: "en",
timeFormat: 12,
units: "metric",
// serverOnly: true/false/"local" ,
// local for armv6l processors, default
// starts serveronly and then starts chrome browser
// false, default for all NON-armv6l devices
// true, force serveronly mode, because you want to.. no UI on this device
modules: [
{
module: "alert",
},
{
module: 'MMM-ATM',
position: 'lower_third', // Works well anywhere
config: {
multipleChoice: "Yes", // No = just the ? then the answer
useHeader: true, // true if you want a header
header: "Not another trivia module!", // Any text you want
maxWidth: "250px", // Stretch or constrain according to region
}
},
{
module: "MMM-GoogleAssistant",
position: "fullscreen_above",
config: {
debug: false,
assistantConfig: {
lang: "en-GB",
projectId: "", // Required to use gaction.
modelId: "", // (OPTIONAL for gaction)
instanceId: "", // (OPTIONAL for gaction)
latitude: ,
longitude: ,
},
responseConfig: {
useScreenOutput: true,
screenOutputCSS: "screen_output.css",
screenOutputTimer: 5000,
activateDelay: 250,
useAudioOutput: true,
useChime: true,
newChime: true
},
micConfig: { // put there configuration generated by auto-installer
recorder: "arecord",
device: "plughw:2",
},
customActionConfig: {
autoMakeAction: false,
autoUpdateAction: false, // in RPI, gaction CLI might have some trouble.(current version should be 2.2.4, but for linux-arm, Google haven't updated) so leave this as false in RPI. I don't know it is solved or not.
actionLocale: "en-GB", // At this moment, multi-languages are not supported, sorry. Someday I'll work.
},
snowboy: {
audioGain: 2.0,
Frontend: true,
Model: "jarvis",
Sensitivity: null
},
A2DServer: {
useA2D: true,
stopCommand: "thank you"
},
recipes: [ "with-MMM-Spotify.js", "Reboot-Restart-Shutdown.js" ],
}
},
{
module: "MMM-Assistant2Display",
position: "top_left",
config: {
debug:false,
useYoutube: true,
links: {
useLinks: true,
displayDelay: 60 * 1000,
scrollStep: 25,
scrollInterval: 1000,
scrollStart: 5000,
scrollActivate: false,
verbose: false
},
photos: {
usePhotos: true,
displayDelay: 10 * 1000
},
volume: {
useVolume: true,
volumePreset: "ALSA",
myScript: null
},
briefToday: {
useBriefToday: false,
welcome: "Hi"
},
screen: {
useScreen: false,
delay: 5 * 60 * 1000,
turnOffDisplay: true,
ecoMode: true,
displayCounter: true,
displayBar: false,
displayStyle: "Text",
text: "Auto Turn Off Screen:",
detectorSleeping: false,
governorSleeping: false,
rpi4: false
},
pir: {
usePir: false,
gpio: 21,
reverseValue: false
},
governor: {
useGovernor: false,
sleeping: "powersave",
working: "ondemand"
},
internet: {
useInternet: false,
displayPing: false,
delay: 2* 60 * 1000,
scan: "google.fr",
command: "pm2 restart 0",
showAlert: true
},
TelegramBot: {
useTelecastSound: false,
TelecastSound: "TelegramBot.ogg"
},
cast: {
useCast: false,
castName: "MagicMirror_A2D",
port: 8569
},
spotify: {
useSpotify: true,
connectTo: "Raspotify",
playDelay: 3000,
minVolume: 10,
maxVolume: 100
}
}
},
{
module: "updatenotification",
position: "top_bar"
},
{
module: "clock",
position: "top_left"
},
{
module: "calendar",
header: "My Calendar",
position: "top_left",
config: {
maximumEntries: 5,
calendars: [
{
symbol: "calendar-check-o ",
url: "webcal://www.calendarlabs.com/ical-calendar/ics/75/UK_Holidays.ics"
},
{ symbol: "MyCalendar",
url: ""
}
]
}
},
{
module: "currentweather",
position: "top_right",
config: {
location: "",
locationID: "", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
appid: ""
}
},
{
module: "weatherforecast",
position: "top_right",
header: "Weather Forecast",
config: {
location: "",
locationID: "", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
appid: ""
}
},
{
module: "newsfeed",
position: "bottom_bar",
config: {
feeds: [
{
title: "The Guardian",
url: "http://theguardian.com/uk/rss"
}
],
showSourceTitle: true,
showPublishDate: true,
broadcastNewsFeeds: true,
broadcastNewsUpdates: true
}
},
{
module: "MMM-Spotify",
position: "top_left", // "bottom_bar" or "top_bar" for miniBar
config: {
debug: false, // debug mode
style: "mini", // "default" or "mini" available (inactive for miniBar)
control: "default",
accountDefault: 0, // default account number, attention : 0 is the first account
updateInterval: 1000, // update interval when playing
idleInterval: 30000, // update interval on idle
onStart: null, // disable onStart feature with `null`
deviceDisplay: "Listening on", // text to display in the device block (default style only)
allowDevices: [], //If you want to limit devices to display info, use this.
// allowDevices: ["RASPOTIFY", "My iPhoneX", "My Home speaker"],
miniBarConfig: {
album: true, // display Album name in miniBar style
scroll: true, // scroll title / artist / album in miniBar style
logo: true, // display Spotify logo in miniBar style
}
}
},
{
module: "MMM-GoogleFit",
position: "top_right",
config: {
startOnMonday: "boolean",
lastSevenDays: "boolean",
}
},
{
module: 'MMM-GoogleTasks',
header: "Google Tasks",
position: "top_right",
config: {
listID: "",
}
},
{
module: 'MMM-PushBulletNotifications',
header: 'Notifications',
position: 'top_left', // This can be any of the regions.
config: {
// See 'Configuration options' for more information.
accessToken: "", //PushBullet API Access Token
endToEndPassword: null,
numberOfNotifications: 3,
filterTargetDeviceName: "",
showPushesSentToAllDevices: true,
onlyAllowCommandsFromSourceDevices: [],
fetchLimitPushBullet: 50,
showPushes: true,
showPushesOnLoad: true,
showDismissedPushes: true,
showMirroredNotifications: true,
onlyShowLastNotificationFromApplication: false,
showIndividualNotifications: false,
showSMS: true,
showMessage: true,
showIcons: true,
showDateTime: true,
localesDateTime: 'nl-NL',
playSoundOnNotificationReceived: true,
soundFile: 'modules/MMM-PushBulletNotifications/sounds/new-message.mp3',
maxMsgCharacters: 50,
maxHeaderCharacters: 32,
showModuleIfNoNotifications: true,
noNotificationsMessage: "No new notifications",
debugMode: false,
}
},
{
module: "MMM-Wallpaper",
position: "fullscreen_below",
config: { // See "Configuration options" for more information.
source: "bing",
slideInterval: 60 * 1000 // Change slides every minute
}
},
//{
//module: "MMM-MagicMover",
//position: "left",
//config: {
// updateInterval: 60 * 1000,
// maxMove: 20,
//}
// },
{
module: 'MMM-Remote-Control',
// uncomment the following line to show the URL of the remote control on the mirror
// , position: 'bottom_left'
// you can hide this module afterwards from the remote control itself
config: {
customCommand: {}, // Optional, See "Using Custom Commands" below
customMenu: "custom_menu.json", // Optional, See "Custom Menu Items" below
showModuleApiMenu: true, // Optional, Enable the Module Controls menu
apiKey: "", // Optional, See API/README.md for details
}
},
{
module: 'MMM-WiFiPassword',
position: "top_left",
config: {
//See 'Configuration options' for more information.
network: "",
password: "",
}
},
]
};
/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}
Hi all,
I am in the middle of my MagicMirror project and it’s been great. Kudos to all the people who have helped develop this for free.
For some reason the middle_center and upper/lower_third positions aren’t working. When I set a specific module there, it aligns on the left side yet the vertical position is unaffected. How can I fix this?
N.B. As far as I can remember, the original compliments module (which is now turned off) was correctly displayed in the lower_third