{"spotTemplate":{"2":{"id":2,"name":"Video-Template","description":null,"templateData":{"title":"Video-Border-Template","version":"1.0.2","release":"29.09.2016","timestamp":"0","mediaPath":"","data":[{"id":"video","type":"video","dynamic":false,"value":"{mediaPath}video1.mov","label":"HintergrundVideo","visible":true,"editable":true},{"id":"border","label":"Rahmen anzeigen","type":"list","list":["ja","nein"],"visible":true,"editable":true,"dynamic":false,"value":"nein"}],"settings":{"margin":{"nein":0,"ja":33}},"spot":{"duration":0,"useBackground":true,"backgroundColor":"0xffffff","backgroundAlpha":1,"content":[{"type":"video","fullSize":"true","margin":"{settings.margin.{data.(id=border).value}}","useMask":true,"maskMargin":true,"scaleMode":"panscan","align":"center","source":"{data.(id=video).value}"}]}},"htmlData":"\u003C!-- Video template --\u003E \u003Cstyle type=\u0027text\/css\u0027\u003E {{divId}} .container { background-color: #fff; overflow:hidden; {{#equals border \u0027ja\u0027}} margin: 33px; width: calc(100% - 66px); height: calc(100% - 66px); {{\/equals}} {{#equals border \u0027nein\u0027}} height: 100%; width: 100%; {{\/equals}} } {{divId}} #videoPlayer { height: 100%; width: 100%; object-fit: cover; z-index: -100; right: 0; bottom: 0; overflow: hidden; } \u003C\/style\u003E \u003Cdiv class=\u0027container\u0027\u003E \u003Cvideo id=\u0027videoPlayer\u0027 crossOrigin=\u0027anonymous\u0027\u003E \u003Csource src=\u0027{{{video}}}\u0027 type=\u0027video\/mp4\u0027\u003E \u003C\/video\u003E \u003C\/div\u003E","setupName":"","setupCommand":"","startCommand":"","retailerAccess":false,"selectable":true},"4":{"id":4,"name":"Image-Template","description":null,"templateData":{"title":"Image-Border-Template","version":"1.0.2","release":"29.09.2016","timestamp":"0","mediaPath":"","media":{"image1":"{mediaPath}content\/media\/public\/media\/radatz.jpg"},"data":[{"id":"image","type":"image","dynamic":false,"value":"{image1}","label":"HintergrundBild","visible":true,"editable":true},{"id":"border","label":"Rahmen anzeigen","type":"list","list":["ja","nein"],"visible":true,"editable":true,"dynamic":false,"value":"nein"}],"settings":{"margin":{"nein":0,"ja":33}},"spot":{"duration":10,"useBackground":true,"backgroundColor":"0xffffff","backgroundAlpha":1,"content":[{"type":"image","fullSize":"true","margin":"{settings.margin.{data.(id=border).value}}","useMask":true,"maskMargin":true,"scaleMode":"panscan","align":"center","source":"{data.(id=image).value}"}]}},"htmlData":"\u003C!-- Radatz Image template --\u003E \u003Cstyle type=\u0027text\/css\u0027\u003E .spotPreviewDefault { width: 1920px; height: 1080px; } {{divId}} .image { background-image: url( {{#if image}} {{{image}}} {{else}} {{{mediaPath}}}content\/media\/public\/media\/radatz_hintergrund_menue.jpg {{\/if}} ); background-repeat: no-repeat; background-size: contain; background-position: center; overflow:hidden; width: 100%; height: 100%;} .border { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 33px solid #ffffff; display: {{#equals border \u0027ja\u0027}} block {{else}} none {{\/equals}}; } \u003C\/style\u003E \u003Cdiv class=\u0027image\u0027\u003E\u003C\/div\u003E \u003Cdiv class=\u0027border\u0027\u003E\u003C\/div\u003E","setupName":"","setupCommand":"","startCommand":"","retailerAccess":false,"selectable":true},"26":{"id":26,"name":"Tages-Menue-Template-Hoch","description":null,"templateData":{"title":"Menue-Template-Hoch","version":"1.0.9","release":"13.12.2019","timestamp":"0","mediaPath":"","media":{"image1":"{mediaPath}content\/media\/public\/media\/radatz_hintergrund_menue_hoch.png"},"fonts":{"font1":"MarketOT","font2":"Plantin Italic"},"settings":{"not":{"true":false,"false":true},"height":{"true":120,"false":0},"showBorder":false,"undefined":false,"true":true,"false":false},"data":[{"id":"menu","type":"entityList","entity":"radatzMenue","label":"Men\u00fc-Liste","visible":false,"editable":true,"dynamic":false,"value":[{"name":"Zuchinicremesuppe","sideDish":"mit Beilage","allergenes":"A, C, H","price":"\u20ac 2,90","available":true},{"name":"Kalbsfleisch","sideDish":"mit frischem Salat","allergenes":"A, C, H","price":"\u20ac 5,90","available":false},{"name":"Paprikahendl","sideDish":"mit Buttersp\u00e4tzle","allergenes":"A, C, H","price":"\u20ac 6,90","available":true},{"name":"Wurstfleckerl","sideDish":"mit frischem Salat","allergenes":"A, C, H","price":"\u20ac 4,90","available":true},{"name":"B\u00e4rlauch-Kalbsbratw\u00fcrstel","sideDish":"mit Erd\u00e4pfelp\u00fcree, R\u00f6stzwiebel \u0026 frischem Blattsalat","allergenes":"A, C, H","price":"\u20ac 99,90","available":true}]}],"spot":[]},"htmlData":"\u003C!-- Radatz Tagesmenu Hochformat Template --\u003E \u003Cstyle type=\u0027text\/css\u0027\u003E .spotPreviewDefault { width: 1080px; height: 1920px; } {{divId}} .template { background-image: url( {{#if image}} {{{image}}} {{else}} {{{mediaPath}}}content\/media\/public\/media\/radatz_hintergrund_menue_hoch.png {{\/if}} ); background-repeat: repeat; background-color: black; width: 1080px; height: 1920px; margin: 0} @font-face { font-family: \u0027MarketOT\u0027; src: url(\u0027fonts\/MarketOT.otf\u0027); } {{divId}} .container { position: relative; margin-left: 80px; margin-right: 80px; top: 340px; } {{divId}} .item { position: relative; font-family: \u0027MarketOT\u0027; font-size: 80px; letter-spacing: -0.3px; color: #fff; margin-bottom: 42px; } {{divId}} .item:nth-child(n+7) { display: none; } {{divId}} .labelField { position: relative; display: block; width: 650px; line-height: 95px; margin-right: 20px; word-wrap: normal; margin-bottom: 10px; } {{divId}} .subField { position: relative; display: block; width: 680px; font-size: 55px; margin-top: -10px; line-height: 55px; } {{divId}} .priceField { position: absolute; display: inline-block; top: 0px; right: 0px; text-align: right; font-size: 80px; line-height: 80px; letter-spacing: 1px; height: 100px; } span { display: inline-block; } \u003C\/style\u003E \u003Cdiv class=\u0027template\u0027\u003E \u003Cdiv class=\u0027container\u0027\u003E {{#menu}} {{#if available}} \u003Cdiv class=\u0027item\u0027\u003E \u003Cdiv class=\u0027labelField\u0027\u003E\u003Cspan\u003E{{name}}\u003C\/span\u003E\u003C\/div\u003E \u003Cdiv class=\u0027subField\u0027\u003E{{sideDish}}\u003C\/div\u003E \u003Cdiv class=\u0027priceField\u0027\u003E{{price}}\u003C\/div\u003E \u003C\/div\u003E {{\/if}} {{\/menu}} \u003C\/div\u003E \u003C\/div\u003E \u003Cscript type=\u0027text\/javascript\u0027\u003E \/*Resize items where text is to long*\/ function templateInitFunc{{playerId}}(player) { setTimeout(function(){ $(\u0027.labelField\u0027).each(function(){ var width = $(this).width(); var innerWidth = $(this).find(\u0027span\u0027).first().width(); console.log(width, $(this).find(\u0027span\u0027).first().width()); while(innerWidth \u003E width) { size = parseInt($(this).css(\u0027font-size\u0027), 10); $(this).css(\u0027font-size\u0027, size - 1); innerWidth = $(this).find(\u0027span\u0027).first().width(); } }); }, 100); setTimeout(function(){ var end = $(\u0027.item:visible:last-child\u0027).position().top + $(\u0027.item:visible:last-child\u0027).height(); if(end \u003E 1500){ $(\u0027.item\u0027).css(\u0027margin-bottom\u0027, \u002750px\u0027); } }, 0); } \u003C\/script\u003E","setupName":"","setupCommand":"","startCommand":"","retailerAccess":false,"selectable":true}}}