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-Modal

    Scheduled Pinned Locked Moved System
    modaldialogtouch controlvoice control
    14 Posts 5 Posters 4.9k Views 4 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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer
      last edited by

      With MMM-soccer another module has now integrated the modals.

      Standings modal

      See the full list at https://github.com/fewieden/MMM-Modal/wiki/Depending-Modules

      Please create a github issue if you need help, so I can keep track

      1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User
        last edited by

        This post is deleted!
        S S strawberry 3.141S 3 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @Guest
          last edited by

          @hango said in MMM-Modal:

          template: “templates/MyModal.njk”,

          I think u need

          template: "../modulename/templates/MyModal.njk",
          

          to make it relative to your module
          instead of the modal module

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          ? 1 Reply Last reply Reply Quote 0
          • S Offline
            skuethe @Guest
            last edited by

            @hango said in MMM-Modal:

            I make my modal:

            this.sendNotification("OPEN_MODAL", {
            	template: "templates/MyModal.njk",
            	data: {
            		title: "Test modal",
            		message: "Test message"
            	},
            	options: {
            		isDialog: true
            	}
            });
            

            in console I get this:

            nunjucks.min.js:4 GET http://localhost:8081/modules//modal/templates/modal.njk?s=1634300311396 404 (Not Found)
            

            templates/MyModal.njk doesn’t really fit with the error message templates/modal.njk?! Sure you have specified the correct path?
            Referencing it to within your module path works just fine: template: "templates/MyModal.njk",

            If this is possible…

            That seems a bit rude. Just look at the linked modules in this thread which have this implemented successfully.

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @sdetweil
              last edited by

              This post is deleted!
              S 1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User
                last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @Guest
                  last edited by

                  @hango is a bug, doesn’t use the template name

                  edit the MMM-Modal.js , add the one line below after line 236

                              if (!sender) {
                                  modal = {
                                      identifier: this.identifier,
                                      senderName: this.name,
                                      template: 'templates/HelpModal.njk',
                                      data: this.voice,
                                      options: {}
                                  }
                              } else {
                                  modal.senderName = sender.name;
                                  modal.identifier = sender.identifier;
                                  modal.options = modal.options || {};
                                  modal.data = modal.data || {};
                                  modal.template:  modal.template || 'templates/HelpModal.njk',  // add this line
                              }
                  

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • strawberry 3.141S Offline
                    strawberry 3.141 Project Sponsor Module Developer @Guest
                    last edited by

                    @hango I responded with an MVP of a custom module using the modal in the related Github issue https://github.com/fewieden/MMM-Modal/issues/17

                    Please create a github issue if you need help, so I can keep track

                    1 Reply Last reply Reply Quote 0
                    • strawberry 3.141S Offline
                      strawberry 3.141 Project Sponsor Module Developer
                      last edited by

                      With MMM-NFL another module has now integrated the modals.

                      Statistic modal

                      See the full list at https://github.com/fewieden/MMM-Modal/wiki/Depending-Modules

                      Please create a github issue if you need help, so I can keep track

                      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