{"action":"closed","issue":{"url":"https://api.github.com/repos/framework7io/framework7/issues/2182","repository_url":"https://api.github.com/repos/framework7io/framework7","labels_url":"https://api.github.com/repos/framework7io/framework7/issues/2182/labels{/name}","comments_url":"https://api.github.com/repos/framework7io/framework7/issues/2182/comments","events_url":"https://api.github.com/repos/framework7io/framework7/issues/2182/events","html_url":"https://github.com/framework7io/framework7/issues/2182","id":294626360,"number":2182,"title":"componentUrl doesn't work with routable tabs","user":{"login":"eradin","id":3924103,"avatar_url":"https://avatars0.githubusercontent.com/u/3924103?v=4","gravatar_id":"","url":"https://api.github.com/users/eradin","html_url":"https://github.com/eradin","followers_url":"https://api.github.com/users/eradin/followers","following_url":"https://api.github.com/users/eradin/following{/other_user}","gists_url":"https://api.github.com/users/eradin/gists{/gist_id}","starred_url":"https://api.github.com/users/eradin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eradin/subscriptions","organizations_url":"https://api.github.com/users/eradin/orgs","repos_url":"https://api.github.com/users/eradin/repos","events_url":"https://api.github.com/users/eradin/events{/privacy}","received_events_url":"https://api.github.com/users/eradin/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2018-02-06T04:10:32Z","updated_at":"2018-02-08T13:10:04Z","closed_at":"2018-02-08T13:10:04Z","author_association":"NONE","body":"This is a (multiple allowed):\r\n* [x] bug\r\n* [ ] enhancement\r\n* [ ] feature-discussion (RFC)\r\n\r\n* Framework7 Version:  V2.07\r\n* Platform and Target:  All\r\n\r\n```\r\n  {\r\n  \tname: 'mo',\r\n        path: '/mo/',\r\n\turl: './pages/mo.html',\r\n\ttabs: [\r\n\t\t{\r\n\t\tpath: '/',\r\n\t\tid: 'mo-1',\r\n\t        componentUrl: './pages/mo1.html',\r\n\t\t},\r\n\t\t{\r\n\t\tpath: '/mo_2/',\r\n\t\tid: 'mo-2',\r\n\t        componentUrl: './pages/mo2.html',\r\n\t\t},\r\n\t\t{\r\n\t\tpath: '/mo_3/',\r\n\t\tid: 'mo-3',\r\n\t        componentUrl: './pages/mo3.html',\r\n\t\t},\r\n    ],\r\n  },\r\n\r\nMarkup\r\n\r\n\t<div class=\"page\">\r\n\t\t<!-- Top Navbar-->\r\n\t\t<div class=\"navbar\">\r\n\t\t\t<div class=\"navbar-inner\">\r\n\t\t\t\t<div class=\"left\">\r\n\t\t\t\t\t<a href=\"#\" class=\"link back\">\r\n\t\t\t\t\t\t<i class=\"icon icon-back\"></i>\r\n\t\t\t\t\t\t<span class=\"ios-only\">Back</span>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"title\">Default title</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"toolbar tabbar\">\r\n\t\t\t<div class=\"toolbar-inner\">\r\n\t\t\t\t<a href=\"./\" class=\"tab-link\" data-route-tab-id=\"mo-1\">Home</a>\r\n\t\t\t\t<a href=\"./mo_2/\" class=\"tab-link\" data-route-tab-id=\"mo-2\">Games</a>\r\n\t\t\t\t<a href=\"./mo_3/\" class=\"tab-link\" data-route-tab-id=\"mo-3\">Messages</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"tabs tabs-routable\">\r\n\t\t\t<div class=\"tab page-content\" id=\"mo-1\">\t</div>\r\n\t\t\t<div class=\"tab page-content\" id=\"mo-2\"></div>\r\n\t\t\t<div class=\"tab page-content\" id=\"mo-3\"></div>\r\n\t\t</div>\r\n\r\n\t</div>     \r\n```\r\n\r\nAll component page templates load but the script code is never executed. Component files are variants of this markup:\r\n\r\n```\r\n<template> \r\n\t<div class=\"page\">\r\n\r\n\t\t<div class=\"page-content\">\r\n\t\t\t<h3 class=\"block team-name\">Team Title</h3>\r\n\t\t\t<div class=\"block\">\r\n\t\t\t\t<div class=\"card page-info\">\r\n\t\t\t\t\t<div class=\"card-content card-content-padding\">\r\n                                                  Some card content\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>     \r\n </template>\r\n\r\n<style>\r\n</style>\r\n\r\n<script>\r\n\treturn {\r\n\t\ton: {\r\n\t\t\tpageInit: function (e, page) {\r\n\t\t\t\t// init signin page here\r\n\t\t\t\tconsole.log('Init '+page.route.name);\r\n\r\n\t\t\t\tvar myPage = page.$el;\r\n\t\t\t\t\r\n\t\t\t\tmyPage.find('.team-name').html('New Title');\r\n\t\t\t},\r\n\t\t},\r\n\t}\r\n```"}}
{"actor":{"display_login":"nolimits4web"}}