{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>layout.html</code></h3>\n</div>\n<div class=\"djDebugPanelContent\">\n  <div class=\"djdt-scroll\">\n    <div class=\"highlight\"><pre><span></span><span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">static</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">i18n</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">user_dict</span> <span class=\"nv\">from</span> <span class=\"nv\">user_dict</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">bundle</span> <span class=\"nv\">from</span> <span class=\"nv\">vue</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">bundlechunk</span> <span class=\"nv\">from</span> <span class=\"nv\">vue</span> <span class=\"cp\">%}</span>\n\n<span class=\"cp\">&lt;!DOCTYPE html&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">html</span> <span class=\"na\">lang</span><span class=\"o\">=</span><span class=\"s\">&quot;en&quot;</span><span class=\"p\">&gt;</span>\n\n<span class=\"p\">&lt;</span><span class=\"nt\">head</span><span class=\"p\">&gt;</span>\n\n  <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">charset</span><span class=\"o\">=</span><span class=\"s\">&quot;utf-8&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">http-equiv</span><span class=\"o\">=</span><span class=\"s\">&quot;X-UA-Compatible&quot;</span> <span class=\"na\">content</span><span class=\"o\">=</span><span class=\"s\">&quot;IE=edge&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">meta_viewport</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;viewport&quot;</span> <span class=\"na\">content</span><span class=\"o\">=</span><span class=\"s\">&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">meta_viewport</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;description&quot;</span> <span class=\"na\">content</span><span class=\"o\">=</span><span class=\"s\">&quot;The all-in-one, open-source, smart 3D printing platform for makers. </span><span class=\"cp\">{{</span> <span class=\"nv\">page_context.syndicate.display_name</span> <span class=\"cp\">}}</span><span class=\"s\"> is the easiest way to monitor and control your 3D printer from anywhere.&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;author&quot;</span> <span class=\"na\">content</span><span class=\"o\">=</span><span class=\"s\">&quot;&quot;</span><span class=\"p\">&gt;</span>\n\n  <span class=\"p\">&lt;</span><span class=\"nt\">title</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">page_context.syndicate.display_name</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">title</span><span class=\"p\">&gt;</span>\n\n  <span class=\"cm\">&lt;!-- Font Awesome --&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">link</span>\n    <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;stylesheet&quot;</span>\n    <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;https://use.fontawesome.com/releases/v5.6.3/css/all.css&quot;</span>\n    <span class=\"na\">integrity</span><span class=\"o\">=</span><span class=\"s\">&quot;sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/&quot;</span>\n    <span class=\"na\">crossorigin</span><span class=\"o\">=</span><span class=\"s\">&quot;anonymous&quot;</span>\n  <span class=\"p\">&gt;</span>\n\n  <span class=\"cm\">&lt;!-- Google Fonts --&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;preconnect&quot;</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;https://fonts.googleapis.com&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;preconnect&quot;</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;https://fonts.gstatic.com&quot;</span> <span class=\"na\">crossorigin</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&amp;display=swap&quot;</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;stylesheet&quot;</span><span class=\"p\">&gt;</span>\n\n  <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;stylesheet&quot;</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;text/css&quot;</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/css/sweetalert2.min.css&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span> <span class=\"p\">/&gt;</span>\n\n  <span class=\"cp\">{%</span> <span class=\"k\">bundle</span> <span class=\"s1\">&#39;styles&#39;</span> <span class=\"cp\">%}</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">bundlechunk</span> <span class=\"s1\">&#39;chunk-vendors&#39;</span> <span class=\"s1\">&#39;css&#39;</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">page_css</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">page_css</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cm\">&lt;!-- favicons --&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">with</span> <span class=\"nv\">favicon_path</span><span class=\"o\">=</span><span class=\"s1\">&#39;img/favicon.png&#39;</span> <span class=\"cp\">%}</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">page_context.syndicate</span> <span class=\"k\">and</span> <span class=\"nv\">page_context.syndicate.name</span> <span class=\"o\">!=</span> <span class=\"s1\">&#39;base&#39;</span> <span class=\"cp\">%}</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">with</span> <span class=\"nv\">favicon_path</span><span class=\"o\">=</span><span class=\"nv\">page_context.syndicate.name</span><span class=\"o\">|</span><span class=\"nf\">add</span><span class=\"s1\">:&#39;/img/favicon.png&#39;</span> <span class=\"cp\">%}</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;icon&quot;</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;image/png&quot;</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"nv\">favicon_path</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">endwith</span> <span class=\"cp\">%}</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">else</span> <span class=\"cp\">%}</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">link</span> <span class=\"na\">rel</span><span class=\"o\">=</span><span class=\"s\">&quot;icon&quot;</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;image/png&quot;</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"nv\">favicon_path</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">endwith</span> <span class=\"cp\">%}</span>\n\n  <span class=\"p\">&lt;</span><span class=\"nt\">meta</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;theme-color&quot;</span> <span class=\"na\">content</span><span class=\"o\">=</span><span class=\"s\">&quot;rgb(45 62 79)&quot;</span><span class=\"p\">&gt;</span>\n\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">header_ext</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">header_ext</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cp\">{{</span> <span class=\"nv\">settings</span><span class=\"o\">|</span><span class=\"nf\">json_script</span><span class=\"s2\">:&quot;settings-json&quot;</span> <span class=\"cp\">}}</span>\n  <span class=\"cp\">{{</span> <span class=\"nv\">user</span><span class=\"o\">|</span><span class=\"nf\">user_dict</span><span class=\"o\">|</span><span class=\"nf\">json_script</span><span class=\"s2\">:&quot;user-json&quot;</span> <span class=\"cp\">}}</span>\n  <span class=\"cp\">{{</span> <span class=\"nv\">page_context</span><span class=\"o\">|</span><span class=\"nf\">json_script</span><span class=\"s2\">:&quot;page-context-json&quot;</span> <span class=\"cp\">}}</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">head</span><span class=\"p\">&gt;</span>\n\n<span class=\"p\">&lt;</span><span class=\"nt\">body</span> <span class=\"na\">data-tenant</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{{</span> <span class=\"nv\">page_context.syndicate.name</span> <span class=\"cp\">}}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">csrf_token</span> <span class=\"cp\">%}</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">top_page_js</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">top_page_js</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">body_top_ext</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">body_top_ext</span> <span class=\"cp\">%}</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">include</span> <span class=\"s2\">&quot;snippets/svg_sprite.html&quot;</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cm\">&lt;!-- For non_vue_layout only --&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">navbar</span> <span class=\"cp\">%}</span> <span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">navbar</span> <span class=\"cp\">%}</span>\n\n  <span class=\"p\">&lt;</span><span class=\"nt\">main</span><span class=\"p\">&gt;</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">include</span> <span class=\"s1\">&#39;snippets/messages.html&#39;</span> <span class=\"cp\">%}</span>\n    <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">content</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">content</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;/</span><span class=\"nt\">main</span><span class=\"p\">&gt;</span>\n\n  <span class=\"cm\">&lt;!-- Optional: include a polyfill for ES6 Promises for IE11 and Android browser --&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/polyfill.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n\n  <span class=\"cm\">&lt;!-- Bootstrap and dependecies --&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">bootstrap_js</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/jquery-3.4.1.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/popper.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/bootstrap.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cm\">&lt;!-- Useful libs --&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">useful_libs</span> <span class=\"cp\">%}</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/clipboard.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/bootstrap-input-spinner.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/download.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">script</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;vendor/js/filesize.min.js&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">script</span><span class=\"p\">&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cm\">&lt;!-- Bundles --&gt;</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">bundlechunk</span> <span class=\"s1\">&#39;chunk-vendors&#39;</span> <span class=\"s1\">&#39;js&#39;</span> <span class=\"cp\">%}</span>\n\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">page_js</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">page_js</span> <span class=\"cp\">%}</span>\n  <span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">body_bottom_ext</span> <span class=\"cp\">%}{%</span> <span class=\"k\">endblock</span> <span class=\"nv\">body_bottom_ext</span> <span class=\"cp\">%}</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">body</span><span class=\"p\">&gt;</span>\n\n<span class=\"p\">&lt;/</span><span class=\"nt\">html</span><span class=\"p\">&gt;</span>\n</pre></div>\n\n  </div>\n</div>\n"}