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.

    Compliments region size

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    17 Posts 2 Posters 3.4k 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.
    • 0 Offline
      0livia @0livia
      last edited by

      @0livia this config.js file was working as you can see the screenshot above.

      /* MagicMirror² Config Sample
       *
       * By Michael Teeuw https://michaelteeuw.nl
       * MIT Licensed.
       *
       * For more information on how you can configure this file
       * see https://docs.magicmirror.builders/configuration/introduction.html
       * and https://docs.magicmirror.builders/modules/configuration.html
       */
      let config = {
      	address: "localhost", 	// Address to listen on, can be:
      							// - "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"
      	port: 8080,
      	basePath: "/", 	// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
      					// you must set the sub path here. basePath must end with a /
      	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
      															// 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: "hu",
      	locale: "hu-HU",
      	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
      	timeFormat: 24,
      	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: "updatenotification",
      			position: "top_bar"
      		},
      		{
      			module: "clock",
      			position: "top_left"
      		},
      		{
      			module: "calendar",
      			header: "US Holidays",
      			position: "top_left",
      			config: {
      				calendars: [
      					{
      						symbol: "calendar-check",
      						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
      					}
      				]
      			}
      		},
      		{
      			module: "compliments",
      			position: "lower_third"
      		},
      		{
      			module: "weather",
      			position: "top_right",
      			config: {
      				weatherProvider: "openweathermap",
      				type: "current",
      				location: "Szigetszentmiklós",
      				locationID: "3044475", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
      				apiKey: "87546dddc88d456621701a4e2a8340bbc"
      			}
      		},
      		{
      			module: "weather",
      			position: "top_right",
      			header: "Weather Forecast",
      			config: {
      				weatherProvider: "openweathermap",
      				type: "forecast",
      				location: "Szigetszentmiklós",
      				locationID: "2024058", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
      				apiKey: "65863ddc88d785401a4e2a8340bbc"
      			}
      		},
      		{
      			module: "newsfeed",
      			position: "bottom_bar",
      			config: {
      				feeds: [
      					{
      						title: "HVG TECH TUDOMÁNY HÍREK",
      						url: "http://hvg.hu/rss/tudomany"
      					},
                          			{
      						title: "BBC VILÁG HÍREK",
      						url: "http://feeds.bbci.co.uk/news/world/rss.xml"
      					},
                          			{
      						title: "TELEX HÍREK",
      						url: "https://telex.hu/rss"
      					}
      				],
      				showSourceTitle: true,
      				showPublishDate: true,
      				broadcastNewsFeeds: true,
      				broadcastNewsUpdates: true
      			}
      		},
              {
             module: "MMM-network-signal",
             position: "top_right",
             config: {
                 // Configuration of the module goes here
             }
         },  
             {
              module: 'MMM-Futar',
              position: 'top_center',
              header: 'Szigetszentmiklós -> Csepel Szent Imre tér',
              config: {
              stopId: 'BKK_044033',
              routeId: 'BKK_2380',
              }
          },
              {
              module: 'MMM-Futar',
              position: 'top_center',
              header: 'Szigetszentmiklós -> Csepel Szent Imre tér',
              config: {
              stopId: 'BKK_044034',
              routeId: 'BKK_0380',
              }
          },
              {
              module: 'MMM-Futar',
              position: 'top_center',
              header: 'Ráckeve -> Közvágóhíd',
              config: {
              stopId: 'BKK_F04614',  // Ráckeve
              routeId: 'BKK_H6',
              }
              },
              {
              module: 'MMM-Futar',
              position: "top_center",
              header: 'Közvágóhíd -> Ráckeve',
              config: {
              stopId: 'BKK_F04613',  // Közvágóhíd
              routeId: 'BKK_H6',
              }
              },
          ]
      };
      
      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== "undefined") {module.exports = config;}
      
      0 1 Reply Last reply Reply Quote 0
      • 0 Offline
        0livia @0livia
        last edited by

        @0livia So yeah gave up, i m not a programer, just only love computers. This mirror thingy is good project but it is for only people who are programers, or have plenty of time to mucking about the settings and working out things. Unfortunately I have not got that much time. So yeah compliments is a good feature but without it, the mirror works for my parents with the important info displayed on it. The mirror is hanging on the wall now and leave it like as it is.

        Screenshot from 2022-12-29 14-25-05.png

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @0livia
          last edited by

          @0livia the default classes provide 3 different settings

          size
          stroke size
          color

          xlarge
          thin
          bright

          u only set 1, thin.

          why so hard, mm is a web page, using std html and styles. and every module does their own thing.

          good or bad, the tools are detailed and cover a large area of configurability.

          there are people that spend their entire careers working on ‘good’ look and feel.

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • 0 Offline
            0livia
            last edited by

            @sdetweil yes i set one thing which would be enough i do not needed anything just reduce the size that is it.

            yes maybe it is a standard webpage i do not argue all i say is that it is complacated, brackets, dots, etc etc a lot of silly things which makes the mirror crash if too much dots etc etc

            that is why i said that it is good for programers, and people with plenty of time.
            As a noon programer, the details are not very informative to a R1 user even if it is covered. For example no proper example just look at the image what you upload. I would not have clue if you did not write an example how to use. I respect for those ppl, but why so hard to write the documetation with examples for stupid users like me.
            I built the mirror in 2017 it was working ok and not needed any help to make it work,than an upgrade came which crashed the mirror. (like windows :D ) My parents asked me to repair the mirror, but have no time to debug things. So the end of the year i reinstalled the whole thing, and it is just a chaos for me, ’ cos whatever module I tried to install all goes wrong started with the futar, now it is the compliments thing, and see there is still no solution what the hack is going on. But it s a standard webpage :)
            See the config file above - it was all working, I copied back the config and still no joy. So you canot say that this a standrd webpage, it is more than that as it uses electron ,node and so on. This thing needs to make it easier to configure, or set things. What is obvious for a programer is not obvious for stupid user who would like to use it and even donate the project. Because it is complicated and spending time on it and gives no joy, it makes me angry and just give up :)

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @0livia
              last edited by

              @0livia yes it’s a challenge to build and maintain.

              sadly the mmm-futar module author hasn’t updated his module to match MagicMirror changes from 2 years ago.

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              0 1 Reply Last reply Reply Quote 0
              • 0 Offline
                0livia @sdetweil
                last edited by

                @sdetweil yes it is nothing wrong with building and maintaining as long as it is straight forward (like linux) but as i said it is not straight forward.
                Anyway do you know what could be the problem now, as my mirror has the original working config js which worked until i started to make changes to the complement module? It is not even showing up on the screen. no error message nothing, so the config file should be ok, but why there is not showing up the module?

                Maybe this is a bug?

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @0livia
                  last edited by

                  @0livia not a bug.

                  we removed some libraries that were discontinued. many module developers didn’t know how to describe their module dependencies, so they didn’t.

                  futar has this problem

                  now mm crashes cause the lib is missing

                  if u had used my upgrade script I would have fixed this for you.

                  I wrote this 6 releases ago to help users work around the problem(s)
                  https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later/1

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  0 1 Reply Last reply Reply Quote 0
                  • 0 Offline
                    0livia @sdetweil
                    last edited by

                    @sdetweil thank you for the script! I do not know if it was available on that time when the update came out, so i did the upgrade as it was in TFM. And boom it crashed, i tried to figure out what was the problem even reading log files. I was ok fak it. As my parents kept asking me about the mirrror so decided to rebuild again. And the thing is this project runs a few xears now and it has not changed the “user interface” to make it easier to setup the modules. You know what, the project should develope in a better way to make this project available to ppl who do not have those programing skills. I mean it would be great for example if all the settings would be available in the modules and the user can choose what he/she activate with a toggle button or what so ever, and not playing around with config files and npm install npm start and all tha crazy stuff. As i said it is ok for programers whom actually write the modules or the core system. But if you want bormal users to participate in the project than i think it should be a good way to reduce the complicty to configure a module or install a module.
                    Anyway do we know why the compliment module gone? :)

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @0livia
                      last edited by

                      @0livia why gone? bad css?

                      rename custom.css css.save

                      remove the classes from config entry
                      (do one at a time)

                      mm config easier

                      u can try my MMM-Config module which presents a form for mm and module config.
                      https://github.com/sdetweil/MMM-Config

                      but it’s not perfect, as I try to discover things not documented by module authors.
                      most of the time it’s great, but sometimes it crashes too.

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      0 1 Reply Last reply Reply Quote 0
                      • 0 Offline
                        0livia @sdetweil
                        last edited by

                        @sdetweil no there is no custom.css file - removed
                        config.js file has been overwritten with the working one.

                        so basicly the config and all files are remain the same as it was working earlier.

                        That is why i do not understand what is going on because all the working files were loaded, so the compliment should appear on screen.

                        That is why I asked is it a kind of bug.?

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