{"action":"created","issue":{"url":"https://api.github.com/repos/jonnymccullagh/munstrap/issues/16","labels_url":"https://api.github.com/repos/jonnymccullagh/munstrap/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/jonnymccullagh/munstrap/issues/16/comments","events_url":"https://api.github.com/repos/jonnymccullagh/munstrap/issues/16/events","html_url":"https://github.com/jonnymccullagh/munstrap/issues/16","id":60265838,"number":16,"title":"Problem with whitespace in category name","user":{"login":"kionez","id":148229,"avatar_url":"https://avatars.githubusercontent.com/u/148229?v=3","gravatar_id":"","url":"https://api.github.com/users/kionez","html_url":"https://github.com/kionez","followers_url":"https://api.github.com/users/kionez/followers","following_url":"https://api.github.com/users/kionez/following{/other_user}","gists_url":"https://api.github.com/users/kionez/gists{/gist_id}","starred_url":"https://api.github.com/users/kionez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kionez/subscriptions","organizations_url":"https://api.github.com/users/kionez/orgs","repos_url":"https://api.github.com/users/kionez/repos","events_url":"https://api.github.com/users/kionez/events{/privacy}","received_events_url":"https://api.github.com/users/kionez/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-03-08T17:08:48Z","updated_at":"2015-03-09T00:48:50Z","closed_at":null,"body":"There's a problem when the category has a namespace, such as \"Power dns\" [1], the generated tab has \"power dns\" as ID and you can't click and open it on corresponding label with href \"#power dns\". I don't know what templating engine is used, but maybe there is a \"strip whitespace\" option, I'll try to fix it :)\r\n\r\n\r\n1: https://github.com/munin-monitoring/contrib/blob/master/plugins/network/dns/pdns_queries"},"comment":{"url":"https://api.github.com/repos/jonnymccullagh/munstrap/issues/comments/77785606","html_url":"https://github.com/jonnymccullagh/munstrap/issues/16#issuecomment-77785606","issue_url":"https://api.github.com/repos/jonnymccullagh/munstrap/issues/16","id":77785606,"user":{"login":"stromsoe","id":2694673,"avatar_url":"https://avatars.githubusercontent.com/u/2694673?v=3","gravatar_id":"","url":"https://api.github.com/users/stromsoe","html_url":"https://github.com/stromsoe","followers_url":"https://api.github.com/users/stromsoe/followers","following_url":"https://api.github.com/users/stromsoe/following{/other_user}","gists_url":"https://api.github.com/users/stromsoe/gists{/gist_id}","starred_url":"https://api.github.com/users/stromsoe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stromsoe/subscriptions","organizations_url":"https://api.github.com/users/stromsoe/orgs","repos_url":"https://api.github.com/users/stromsoe/repos","events_url":"https://api.github.com/users/stromsoe/events{/privacy}","received_events_url":"https://api.github.com/users/stromsoe/received_events","type":"User","site_admin":false},"created_at":"2015-03-09T00:48:50Z","updated_at":"2015-03-09T00:48:50Z","body":"Instead of using the category, modify munin-nodeview.tmpl (not sure if anything else needs to be edited) use a placeholder and the __counter__ variable to increment inside the href and the id.  Something like:\r\n<TMPL_INCLUDE NAME=\"partial/head.tmpl\">\r\n\r\n    <ul id=\"tabs\" class=\"nav nav-tabs\" data-tabs=\"tabs\">\r\n      <TMPL_LOOP NAME=\"CATEGORIES\">\r\n        <li <TMPL_IF NAME=\"__FIRST__\"> class=\"active\" </TMPL_IF>>\r\n          <a href=\"#tab<TMPL_VAR NAME=\"__counter__\">\" data-toggle=\"tab\"><TMPL_VAR ESCAPE=\"HTML\" NAME=\"NAME\"></a>\r\n        </li>\r\n      </TMPL_LOOP>\r\n    </ul>\r\n\r\n    <div id=\"my-tab-content\" class=\"tab-content\">\r\n      <TMPL_LOOP NAME=\"CATEGORIES\">\r\n        <div class=\"tab-pane fade <TMPL_IF NAME=\"__FIRST__\">in active</TMPL_IF>\" id=\"tab<TMPL_VAR NAME=\"__counter__\">\">\r\n          <TMPL_LOOP NAME=\"SERVICES\">\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <a href=\"<TMPL_VAR NAME=\"URLX\">\">\r\n                  <img class=\"img-responsive i<TMPL_IF NAME=\"STATE_WARNING\"> warn</TMPL_IF><TMPL_IF NAME=\"STATE_CRITICAL\"> crit</TMPL_IF>\"\r\n                   src=\"<TMPL_VAR NAME=\"IMGDAY\">\"\r\n                   alt=\"<TMPL_VAR ESCAPE=\"HTML\" NAME=\"NAME\">\"\r\n                       <TMPL_IF NAME=\"IMGDAYWIDTH\">width=\"<TMPL_VAR NAME=\"IMGDAYWIDTH\">\" </TMPL_IF>\r\n                   <TMPL_IF NAME=\"IMGDAYHEIGHT\">height=\"<TMPL_VAR NAME=\"IMGDAYHEIGHT\">\"</TMPL_IF>/>\r\n                </a>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <a href=\"<TMPL_VAR NAME=\"URLX\">\">\r\n                  <img class=\"img-responsive i<TMPL_IF NAME=\"STATE_WARNING\"> warn</TMPL_IF><TMPL_IF NAME=\"STATE_CRITICAL\"> crit</TMPL_IF>\"\r\n                   src=\"<TMPL_VAR NAME=\"IMGWEEK\">\"\r\n                   alt=\"<TMPL_VAR ESCAPE=\"HTML\" NAME=\"NAME\">\"\r\n                   <TMPL_IF NAME=\"IMGWEEKWIDTH\">width=\"<TMPL_VAR NAME=\"IMGWEEKWIDTH\">\" </TMPL_IF>\r\n                   <TMPL_IF NAME=\"IMGWEEKHEIGHT\">height=\"<TMPL_VAR NAME=\"IMGWEEKHEIGHT\">\"</TMPL_IF>/>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </TMPL_LOOP>\r\n        </div>\r\n      </TMPL_LOOP>\r\n    </div>\r\n\r\n<TMPL_INCLUDE NAME=\"partial/footer.tmpl\">\r\n"}}