Apg-Tng
SSR Html template engine

HomeCache menu

Cache functions

srv/templates/ApgTngCachePage.html

 
function anonymous(templateData
) {
with(templateData) {
const r=[];
r.push(`<!--
  ApgTngPicoDeployMaster_0_9_7
  @module [apg-tng]
  @author [APG] ANGELI Paolo Giusto
  @version 0.9.7 [APG 2023/04/25] 
  @remarks This version uses the standard Tng markups ad assets from https://apg-cdn.deno.dev
-->
<!DOCTYPE html>
<html lang="en">

  <head>
    <title>
      `);
r.push(_site_.name);
r.push(`:`);
r.push(_site_.version);
r.push(`</title>
    <meta charset="UTF-8" />
    <meta content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="author" content="APG Angeli Paolo Giusto" />
    <meta name="generator" content="Deno+Drash" />
    <meta name="keywords" content="Deno, Drash, APG, Angeli Paolo Giusto, Paolo Angeli" />
    <meta name="application-name" content="`);
r.push(_site_.name);
r.push(`" />

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon"
          href="https://apg-cdn.deno.dev/assets/img/ico/Apg-favicon-2022.ico" />
    <!-- <link rel="shortcut icon" type="image/x-icon"
          href="/assets/img/ico/Apg-favicon-2022.ico" /> -->

    <!-- Stylesheets -->
    <link rel="stylesheet"
          href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css" />

    <link rel="stylesheet" href="https://apg-cdn.deno.dev/assets/css/Apg-pico-custom.css" />
    <!-- <link rel="stylesheet" 
          href="/assets/css/Apg-pico-custom.css" /> -->
  </head>

  <body>
    <header style="padding: 0">
      <section id="title" style="padding: 0; margin: 0">
        <table>
          <tr>
            <td style="width:4rem">
              <a href="/" title="Home">
                <img title="Logo" style="min-width:3rem; min-height:3rem; "
                     src="https://apg-cdn.deno.dev/assets/img/png/APG-logo-2022-128px.png" />
                <!-- <img title="Logo" style="min-width:3rem; min-height:3rem; "
                     src="/assets/img/png/APG-logo-2022-128px.png" /> -->
              </a>
            </td>
            <td>
              <h2 style="margin-bottom: 0px">`);
r.push(_site_.name);
r.push(`<span style="font-size: 20%">`);
r.push(_site_.version);
r.push(`</span><br>
                <span style="font-size: 50%">`);
r.push(_site_.title);
r.push(`</span>
              </h2>
            </td>
          </tr>
        </table>
      </section>`);
if ( _page_.toolbar ) {
r.push(`<section id="bar" style="text-align: center;">`);
r.push(_page_.toolbar);
r.push(`<hr>
      </section>`);
}
r.push(`<h1 class="apg-page-title">`);
r.push(_page_.title);
r.push(`</h1>

    </header>

    <main style="padding: 0">`);
switch (_mode_) {
case "undefined": {
r.push(`<h2>ERROR! The querystring parameter`);
r.push(rawMode);
r.push(`is invalid.</h2>`);
break;
}
case "menu": {

for (const link of _links_) {
r.push(`<h4>
  <a href="`);
r.push(link.href);
r.push(`">`);
r.push(link.caption);
r.push(`</a>`);
if( link.items != ""){
r.push(`(`);
r.push(link.items);
r.push(`)`);
}
r.push(`</h4>`);
}

break;
}
case "files": {

for (const file of _files_) {
r.push(`<details>
  <summary>
    <h4>`);
r.push(file.key);
r.push(`</h4>
  </summary>
  <pre><code>`);
r.push(file.content);
r.push(`</code></pre>
</details>`);
}

break;
}
case "functions": {

for (const fn of _functions_) {
r.push(`<details>
  <summary>
    <h4>`);
r.push(fn.key);
r.push(`</h4>
  </summary>
  <pre><code>`);
r.push(fn.content);
r.push(`</code></pre>
</details>`);
}

break;
}
case "chunks": {

for (const chunk of _chunks_) {
r.push(`<details>
  <summary>
    <h4>`);
r.push(chunk.key);
r.push(`</h4>
  </summary>
  <pre><code>`);
r.push(chunk.content);
r.push(`</code></pre>
</details>`);
}

break;
}
case "examples": {

r.push(_examples_);

break;
}
case "schemas": {

for (const schema of _schemas_) {
r.push(`<details>
  <summary>
    <h4>`);
r.push(schema.key);
r.push(`</h4>
  </summary>
  <pre><code>`);
r.push(schema.content);
r.push(`</code></pre>
</details>`);
}

break;
}

}
r.push(`</main>

    <footer style="padding: 0">
      <hr />
      <section id="footer" style="padding: 0; margin: 2em, 0, 0, 0">
        <p style="text-align: center; font-size: 0.5em">
          <em>
            © 2017-2023 APG: free man angeli paolo giusto.<br />
            Made with &#10084; using
            <a href="https://deno.land/" target="_blank">Deno</a>,
            <a href="https://drash.land/" target="_blank"> Drash</a>,
            <a href="https://www.picocss.com/" target="_blank">Pico Css</a><br />
            SSR HTML by <a href="https://apg-cdn.deno.tng" target="_blank">Apg-Tng</a><br />
            Page released:`);
r.push(_page_.released);
r.push(`</em>
        </p>
      </section>
    </footer>
  </body>

</html>`);
return r.join("");
}
}

srv/templates/deliverables/pico/ApgTngPicoH2ToolbarDeliverable.html

 
function anonymous(templateData
) {
with(templateData) {
const r=[];
r.push(`<!--
  ApgTngPicoH2ToolbarDeliverable
  @module [apg-tng]
  @author [APG] Angeli Paolo Giusto
  @version 0.9.7 [APG 2023/05/28]
-->







<h2 style="text-align: center;">
  `);
for (const link of _links_) {
r.push(`<a href="`);
r.push(link.href);
r.push(`" role="button" style="margin: 0.5rem;" title="`);
r.push(link.description);
r.push(`">`);
r.push(link.caption);
r.push(`</a>`);
}
r.push(`</h2>`);
return r.join("");
}
}