UNPKG

coveo-search-ui

Version:

Coveo JavaScript Search Framework

github.com/coveo/search-ui

coveo/search-ui

5 lines • 12.3 kB
1
2
3
4
5
Coveo.TemplateCache.registerTemplate("CardYouTubeVideo", Coveo.HtmlTemplate.fromString("<div class=\"coveo-result-frame\" style=\"padding: 0\">\n <div class=\"CoveoBackdrop coveo-result-row\" data-image-field=\"@ytthumbnailurl\" data-overlay-color=\"rgb(38, 62, 85)\" data-overlay-gradient=\"true\">\n <div style=\"padding: 20px\">\n <div class=\"coveo-result-row\" style=\"margin-bottom: 15px\">\n <div class=\"coveo-result-cell\" style=\"width: 32px; flex-grow:0\">\n <span class=\"CoveoIcon\" data-small=\"true\" data-with-label=\"false\"></span>\n </div>\n <div class=\"coveo-result-cell\" style=\"padding-left: 10px; \" role=\"heading\" aria-level=\"2\">\n <span class=\"CoveoResultLink\" style=\"color: white\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-bottom: 20px\">\n <div class=\"coveo-result-cell\" style=\"padding-top:5px; padding-bottom:5px\">\n <div class=\"CoveoExcerpt\" style=\"color: white;\"></div>\n </div>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"display: flex; justify-content: space-between; margin: 0; color: white;\">\n <div class=\"coveo-result-cell\" style=\"background-color: rgba(38, 62, 85, 0.8); padding: 10px 10px 10px 20px; display: inline-block;\">\n <span class=\"CoveoFieldValue\" data-field=\"@ytviewcount\" data-helper=\"number\" data-helper-options-format=\"n0\"></span>\n <span class=\"CoveoText\" data-value=\"views\"></span>\n </div>\n <div class=\"coveo-result-cell\" style=\"background-color: rgba(38, 62, 85, 0.8); padding: 10px 20px 10px 10px; display: inline-block;\">\n <span class=\"CoveoFieldValue\" data-field=\"@ytvideoduration\" data-helper=\"timeSpan\" data-helper-options-is-milliseconds=\"false\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"coveo-result-row\" style=\"padding: 20px\">\n <div class=\"coveo-result-cell\">\n <div class=\"CoveoText\" data-value=\"Date\" data-weight=\"bold\" style=\"margin-bottom: .5em\"></div>\n <div class=\"CoveoFieldValue\" data-field=\"@date\" data-helper=\"emailDateTime\" data-helper-options-always-include-time=\"true\"></div>\n <div class=\"CoveoMissingTerms\" style=\"margin-top:12px;\"></div>\n </div>\n </div>\n <div class=\"CoveoCardActionBar\" style=\"margin: auto 0 0 0\">\n <div class=\"CoveoCardOverlay\" data-title=\"Details\" data-icon=\"search\">\n <table class=\"CoveoFieldTable\" data-allow-minimization=\"false\">\n <tbody>\n <tr data-field=\"@author\" data-caption=\"Author\">\n </tr>\n <tr data-field=\"@source\" data-caption=\"Source\">\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n</div>",{"condition":null,"layout":"card","fieldsToMatch":[{"field":"filetype","values":["YoutubeVideo"]}],"mobile":null,"role":null}),true, true) Coveo.TemplateCache.registerTemplate("CardYouTubePlaylistItem", Coveo.HtmlTemplate.fromString("<div class=\"coveo-result-frame\">\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\" style=\"padding-top:7px; text-align:center;\">\n <span class=\"CoveoYouTubeThumbnail\">\n </span>\n </div>\n </div>\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\">\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell coveo-no-wrap\" style=\"font-size:16x\" role=\"heading\" aria-level=\"2\">\n <a class=\"CoveoResultLink\"></a>\n </div>\n </div>\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\" style=\"font-size:12px\">\n <span class=\"CoveoFieldValue\" data-field=\"@date\" data-helper=\"dateTime\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-top:10px;\">\n <div class=\"coveo-result-cell\">\n <span class=\"CoveoExcerpt\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-top:10px;\">\n <div class=\"coveo-result-cell\">\n <span class=\"CoveoFieldValue\" data-field=\"@author\" data-text-caption=\"Author\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@ytvideoduration\" data-helper=\"timeSpan\" data-helper-options-is-milliseconds=\"false\"\n data-text-caption=\"Length\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@ytviewcount\" data-helper=\"number\" data-helper-options-format=\"n0\" data-text-caption=\"Views\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@language\" data-text-caption=\"Language\" style=\"margin-right:30px;\"></span>\n </div>\n </div>\n </div>\n </div>\n</div>",{"condition":null,"layout":"card","fieldsToMatch":[{"field":"filetype","values":["YouTubePlaylistItem"]}],"mobile":null,"role":null}),true, true) Coveo.TemplateCache.registerTemplate("CardYouTubePlaylist", Coveo.HtmlTemplate.fromString("<div class=\"coveo-result-frame\" style=\"padding: 0\">\n <div class=\"CoveoBackdrop coveo-result-row\" data-image-field=\"@ytthumbnailurl\" data-overlay-color=\"rgb(38, 62, 85)\" data-overlay-gradient=\"true\">\n <div style=\"padding: 20px\">\n <div class=\"coveo-result-row\" style=\"margin-bottom: 15px\">\n <div class=\"coveo-result-cell\" style=\"width: 32px; flex-grow:0\">\n <span class=\"CoveoIcon\" data-small=\"true\" data-with-label=\"false\"></span>\n </div>\n <div class=\"coveo-result-cell\" style=\"padding-left: 10px; \" role=\"heading\" aria-level=\"2\">\n <span class=\"CoveoResultLink\" style=\"color: white\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-bottom: 20px\">\n <div class=\"coveo-result-cell\" style=\"padding-top:5px; padding-bottom:5px\">\n <div class=\"CoveoExcerpt\" style=\"color: white;\"></div>\n </div>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"display: flex; justify-content: space-between; margin: 0; color: white;\">\n <div class=\"coveo-result-cell\" style=\"background-color: rgba(255, 255, 255, 0.8); padding: 10px 20px 10px 10px; display: inline-block;\">\n <span class=\"CoveoFieldValue\" data-field=\"@filetype\"></span>\n </div>\n <div class=\"coveo-result-cell\" style=\"background-color: rgba(38, 62, 85, 0.8); padding: 10px 10px 10px 20px; display: inline-block;\">\n <span class=\"CoveoFieldValue\" data-field=\"@ytitemcount\" data-helper=\"number\" data-helper-options-format=\"n\"></span>\n <span class=\"CoveoText\" data-value=\"Videos\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"coveo-result-row\" style=\"padding: 20px\">\n <div class=\"coveo-result-cell\">\n <div class=\"CoveoText\" data-value=\"Date\" data-weight=\"bold\" style=\"margin-bottom: .5em\"></div>\n <div class=\"CoveoFieldValue\" data-field=\"@date\" data-helper=\"emailDateTime\" data-helper-options-always-include-time=\"true\"></div>\n </div>\n </div>\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\">\n <div class=\"CoveoMissingTerms\"></div>\n </div>\n </div>\n <div class=\"CoveoCardActionBar\" style=\"margin: auto 0 0 0\">\n <div class=\"CoveoCardOverlay\" data-title=\"Show Playlist\" data-icon=\"video\">\n <span class=\"CoveoResultFolding\" data-result-template-id=\"CardYouTubePlaylistItem\"></span>\n </div>\n <div class=\"CoveoCardOverlay\" data-title=\"Details\" data-icon=\"search\">\n <table class=\"CoveoFieldTable\" data-allow-minimization=\"false\">\n <tbody>\n <tr data-field=\"@author\" data-caption=\"Author\">\n </tr>\n <tr data-field=\"@source\" data-caption=\"Source\">\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n</div>",{"condition":null,"layout":"card","fieldsToMatch":[{"field":"filetype","values":["YouTubePlaylist"]}],"mobile":null,"role":null}),true, true) Coveo.TemplateCache.registerTemplate("YouTubeVideo", Coveo.HtmlTemplate.fromString("<div class=\"coveo-result-frame\">\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\" style=\"width:220px; padding-top:7px\">\n <span class=\"CoveoYouTubeThumbnail\">\n </span>\n </div>\n <div class=\"coveo-result-cell\" >\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\" style=\"font-size:16px\" role=\"heading\" aria-level=\"2\">\n <a class=\"CoveoResultLink\">\n </a>\n </div>\n <div class=\"coveo-result-cell\" style=\"text-align:right; width:120px;font-size:12px\">\n <span class=\"CoveoFieldValue\" data-field=\"@date\" data-helper=\"dateTime\">\n </span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-top:10px;\">\n <div class=\"coveo-result-cell\">\n <span class=\"CoveoExcerpt\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-top:10px;\">\n <div class=\"coveo-result-cell\">\n <span class=\"CoveoFieldValue\" data-field=\"@author\" data-text-caption=\"Author\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@ytvideoduration\" data-helper=\"timeSpan\" data-helper-options-is-milliseconds=\"false\" data-text-caption=\"Length\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@ytviewcount\" data-helper=\"number\" data-helper-options-format=\"n0\" data-text-caption=\"Views\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@language\" data-text-caption=\"Language\" style=\"margin-right:30px;\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\">\n <div class=\"CoveoMissingTerms\"></div>\n </div>\n </div>\n </div>\n </div>\n</div>",{"condition":null,"layout":"list","fieldsToMatch":[{"field":"filetype","values":["YouTubeVideo"]}],"mobile":null,"role":null}),true, true) Coveo.TemplateCache.registerTemplate("YouTubePlaylist", Coveo.HtmlTemplate.fromString("<div class=\"coveo-result-frame\">\n <div class=\"coveo-result-cell\" style=\"vertical-align:top;text-align:center;width:32px;\">\n <span class=\"CoveoIcon\" data-small=\"true\" data-with-label=\"false\"></span>\n </div>\n <div class=\"coveo-result-cell\" style=\"vertical-align: top;padding-left: 16px;\">\n <div class=\"coveo-result-row\" style=\"margin-top:0;\">\n <div class=\"coveo-result-cell coveo-no-wrap\" style=\"vertical-align:top;font-size:16px;\" role=\"heading\" aria-level=\"2\">\n <a class=\"CoveoResultLink\"></a>\n </div>\n <div class=\"coveo-result-cell\" style=\"width:120px;text-align:right;font-size:12px\">\n <div class=\"coveo-result-row\">\n <span class=\"CoveoFieldValue\" data-field=\"@date\" data-helper=\"date\"></span>\n </div>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-top:10px;\">\n <div class=\"coveo-result-cell\">\n <span class=\"CoveoFieldValue\" data-field=\"@filetype\" data-text-caption=\"Type\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@author\" data-text-caption=\"Author\" style=\"margin-right:30px;\"></span>\n <span class=\"CoveoFieldValue\" data-field=\"@ytitemcount\" data-text-caption=\"NumberOfVideos\" style=\"margin-right:30px;\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\" style=\"margin-top:12px;\">\n <div class=\"coveo-result-cell\" style=\"padding-top:5px; padding-bottom:5px; font-size:13px;\">\n <span class=\"CoveoResultFolding\" data-result-template-id=\"YouTubeVideo\"></span>\n </div>\n </div>\n <div class=\"coveo-result-row\">\n <div class=\"coveo-result-cell\">\n <div class=\"CoveoMissingTerms\"></div>\n </div>\n </div>\n </div>\n</div>",{"condition":null,"layout":"list","fieldsToMatch":[{"field":"filetype","values":["YouTubePlaylist"]}],"mobile":null,"role":null}),true, true)