{"action":"created","issue":{"url":"https://api.github.com/repos/simile-widgets/exhibit/issues/138","labels_url":"https://api.github.com/repos/simile-widgets/exhibit/issues/138/labels{/name}","comments_url":"https://api.github.com/repos/simile-widgets/exhibit/issues/138/comments","events_url":"https://api.github.com/repos/simile-widgets/exhibit/issues/138/events","html_url":"https://github.com/simile-widgets/exhibit/issues/138","id":92901816,"number":138,"title":"colorKey for Thumbnails view","user":{"login":"jtoner","id":13168227,"avatar_url":"https://avatars.githubusercontent.com/u/13168227?v=3","gravatar_id":"","url":"https://api.github.com/users/jtoner","html_url":"https://github.com/jtoner","followers_url":"https://api.github.com/users/jtoner/followers","following_url":"https://api.github.com/users/jtoner/following{/other_user}","gists_url":"https://api.github.com/users/jtoner/gists{/gist_id}","starred_url":"https://api.github.com/users/jtoner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jtoner/subscriptions","organizations_url":"https://api.github.com/users/jtoner/orgs","repos_url":"https://api.github.com/users/jtoner/repos","events_url":"https://api.github.com/users/jtoner/events{/privacy}","received_events_url":"https://api.github.com/users/jtoner/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-07-03T16:03:37Z","updated_at":"2015-07-03T22:29:07Z","closed_at":null,"body":"Hi\r\nI cant get this to work. Any help or links to working model greatly appreciated.\r\nKind regards\r\nJ"},"comment":{"url":"https://api.github.com/repos/simile-widgets/exhibit/issues/comments/118434822","html_url":"https://github.com/simile-widgets/exhibit/issues/138#issuecomment-118434822","issue_url":"https://api.github.com/repos/simile-widgets/exhibit/issues/138","id":118434822,"user":{"login":"jtoner","id":13168227,"avatar_url":"https://avatars.githubusercontent.com/u/13168227?v=3","gravatar_id":"","url":"https://api.github.com/users/jtoner","html_url":"https://github.com/jtoner","followers_url":"https://api.github.com/users/jtoner/followers","following_url":"https://api.github.com/users/jtoner/following{/other_user}","gists_url":"https://api.github.com/users/jtoner/gists{/gist_id}","starred_url":"https://api.github.com/users/jtoner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jtoner/subscriptions","organizations_url":"https://api.github.com/users/jtoner/orgs","repos_url":"https://api.github.com/users/jtoner/repos","events_url":"https://api.github.com/users/jtoner/events{/privacy}","received_events_url":"https://api.github.com/users/jtoner/received_events","type":"User","site_admin":false},"created_at":"2015-07-03T22:29:07Z","updated_at":"2015-07-03T22:29:07Z","body":"Sorry - really grateful for your help but struggling to make that work. are you able to show me what I should be adding where?\r\n\r\n<html>\r\n  <head>\r\n    <title>SIMILE Widgets | Exhibit 3.0 | Examples | MIT Nobel Prize Winners</title>\r\n    <link rel=\"stylesheet\" href=\"http://www.simile-widgets.org/styles/common.css\" type=\"text/css\" />\r\n\r\n    <link href=\"nobelists.js\" type=\"application/json\" rel=\"exhibit-data\" />\r\n\r\n    <link rel=\"exhibit-extension\" type=\"text/javascript\" href=\"http://api.simile-widgets.org/exhibit/3.1.0rc/extensions/time/time-extension.js\" />\r\n\r\n    <script src=\"http://api.simile-widgets.org/exhibit/3.1.0rc/exhibit-api.js\"></script>\r\n    \r\n    \r\n    <style>\r\n        #main-content { background: white; }\r\n        #title-panel { padding: 0.25in 0.5in; }\r\n        #top-panels {\r\n            padding:        0.5em 0.5in;\r\n            border-top:     1px solid #BCB79E;\r\n            border-bottom:  1px solid #BCB79E;\r\n            background:     #FBF4D3;\r\n        }\r\n        \r\n        .exhibit-tileView-body { list-style: none; }\r\n        .exhibit-collectionView-group-count { display: none; }\r\n        \r\n        table.nobelist {\r\n            border:     1px solid #ddd;\r\n            padding:    0.5em;\r\n        }\r\n        div.name {\r\n            font-weight: bold;\r\n            font-size:   120%;\r\n        }\r\n        .relationship {\r\n            color:  #888;\r\n        }\r\n        \r\n        div.nobelist-thumbnail {\r\n            float:      left;\r\n            width:      13em;\r\n            height:     10em;\r\n            border:     1px solid #BCB79E;\r\n            background: #F0FFF0;\r\n            padding:    1em;\r\n            margin:     0.5em;\r\n            text-align: center;\r\n        }\r\n        div.nobelist-timeline-lens {\r\n            padding:    1em;\r\n            text-align: center;\r\n        }\r\n    </style>\r\n    <script type=\"text/javascript\">\r\n        function deceaseRowStyler(itemID, database, tr, rowIndex) {\r\n            var deceased = database.getObject(itemID, \"deceased\");\r\n            if (deceased == \"yes\") {\r\n                tr.style.backgroundColor = \"#f88\";\r\n            }\r\n        }\r\n    </script>\r\n  </head> \r\n  <body>\r\n    <ul id=\"path\">\r\n      <li><a href=\"/\">SIMILE Widgets</a></li>\r\n      <li><a href=\"/exhibit3/\">Exhibit 3.0</a></li>\r\n      <li><span>Examples: MIT Nobel Prize Winners</span></li>\r\n    </ul>\r\n    \r\n    <div id=\"main-content\">\r\n        <div id=\"title-panel\">\r\n            <h1>63 MIT-related Nobel Prize Winners</h1>\r\n            <p>The information within this page has been retrieved from\r\n                <a href=\"http://web.mit.edu/newsoffice/special/nobels.html\" target=\"_blank\">this MIT official source</a>\r\n                while the thumbnails are included from <a href=\"http://nobelprize.org/\" target=\"_blank\">Nobelprize.org</a>.\r\n                Here is the <a href=\"nobelists.js\" target=\"_blank\">Exhibit JSON data file</a>.\r\n            </p>\r\n        </div>\r\n    \r\n        <div id=\"top-panels\">\r\n            <table width=\"100%\"><tr>\r\n                <td><div ex:role=\"facet\" ex:expression=\".discipline\" ex:facetLabel=\"Discipline\"></div></td>\r\n                <td><div ex:role=\"facet\" ex:expression=\".relationship\" ex:facetLabel=\"Relationship\"></div></td>\r\n                <td><div ex:role=\"facet\" ex:expression=\".shared\" ex:facetLabel=\"Shared?\"></div></td>\r\n                <td><div ex:role=\"facet\" ex:expression=\".deceased\" ex:facetLabel=\"Deceased?\"></div></td>\r\n            </tr></table>\r\n        </div>\r\n        <div ex:role=\"viewPanel\" style=\"padding: 1em 0.5in;\">\r\n            <table ex:role=\"lens\" class=\"nobelist\" style=\"display: none;\"><tr>\r\n                <td><img ex:src-content=\".imageURL\" /></td>\r\n                <td>\r\n                    <div ex:content=\".label\" class=\"name\"></div>\r\n                    <div>\r\n                        <span ex:content=\".discipline\" class=\"discipline\"></span>, \r\n                        <i ex:content=\".nobel-year\"></i>\r\n                    </div>\r\n                    <div ex:if-exists=\".co-winner\" class=\"co-winners\">\r\n                        Co-winners: <span ex:content=\".co-winner\"></span>\r\n                    </div>\r\n                    <div ex:content=\".relationship-detail\" class=\"relationship\"></div>\r\n                </td>\r\n            </tr></table>\r\n        \r\n            <div ex:role=\"view\"\r\n                ex:viewClass=\"Thumbnail\"\r\n                ex:showAll=\"true\"\r\n                ex:orders=\".discipline\"\r\n                ex:possibleOrders=\".label, .last-name, .discipline, .relationship, .shared, .deceased, .nobel-year\">\r\n                <div ex:role=\"exhibit-lens\" class=\"nobelist-thumbnail\" style=\"display: none;\">\r\n                    <img ex:src-content=\".imageURL\" />\r\n                    <div ex:role=\"exhibit-lens\" ex:class-subcontent=\"nobelist-thumbnail {{.discipline}}\"  \r\n    \t\t\t\tstyle=\"display: none;\">\r\n                    <div><span ex:content=\".label\"></span></div>\r\n                    <div>\r\n                        <span ex:content=\".discipline\" class=\"discipline\"></span>, \r\n                        <span ex:content=\".nobel-year\" class=\"year\"></span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div ex:role=\"view\"\r\n                ex:label=\"Details\"\r\n                ex:viewClass=\"Tile\"\r\n                ex:showAll=\"true\"\r\n                ex:orders=\".discipline, .nobel-year\"\r\n                ex:possibleOrders=\".label, .last-name, .discipline, .relationship, .shared, .deceased, .nobel-year\">\r\n            </div>\r\n            <div ex:role=\"view\"\r\n                ex:viewClass=\"Timeline\"\r\n                ex:start=\".nobel-year\"\r\n                ex:colorKey=\".discipline\"\r\n                ex:bubbleWidth=\"150\"\r\n                ex:bubbleHeight=\"150\">\r\n                <div ex:role=\"lens\" class=\"nobelist-timeline-lens\" style=\"display: none;\">\r\n                    <img ex:src-content=\".imageURL\" />\r\n                    <div><span ex:content=\".label\"></span></div>\r\n                    <div>\r\n                        <span ex:content=\".discipline\" class=\"discipline\"></span>, \r\n                        <span ex:content=\".nobel-year\" class=\"year\"></span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n  </body>\r\n</html>\r\n "}}