File: test.mustache.html

package info (click to toggle)
kf6-syntax-highlighting 6.13.0-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid, trixie
  • size: 47,568 kB
  • sloc: xml: 197,750; cpp: 12,850; python: 3,023; sh: 955; perl: 546; ruby: 488; pascal: 393; javascript: 161; php: 150; jsp: 132; lisp: 131; haskell: 124; ada: 119; ansic: 107; makefile: 96; f90: 94; ml: 85; cobol: 81; yacc: 71; csh: 62; erlang: 54; sql: 51; java: 47; objc: 37; awk: 31; asm: 30; tcl: 29; fortran: 18; cs: 10
file content (122 lines) | stat: -rw-r--r-- 13,026 bytes parent folder | download 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
 
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>test.mustache</title>
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (Mustache/Handlebars (HTML)) - Theme (Breeze Light)"/>
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
<span style="color:#898887">&lt;!-- Mustache / Handlebars / Ractive template --></span>
<span style="color:#0057ae;font-weight:bold">&lt;!DOCTYPE</span> html<span style="color:#0057ae;font-weight:bold">></span>
<span style="font-weight:bold">&lt;html></span>
    <span style="font-weight:bold">&lt;head></span>
        <span style="font-weight:bold">&lt;meta</span><span style="color:#006e28"> charset</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"UTF-8"</span> <span style="font-weight:bold">/></span>
        <span style="font-weight:bold">&lt;title></span><span style="color:#0057ae">{{</span>title<span style="color:#0057ae">}}</span><span style="font-weight:bold">&lt;/title></span>
    <span style="font-weight:bold">&lt;/head></span>
    <span style="color:#898887">&lt;!-- CSS --></span>
    <span style="font-weight:bold">&lt;style></span>
        <span style="color:#898887">/* Mustache variable support in CSS is incomplete */</span>
        <span style="color:#0057ae">{{</span>mustache<span style="color:#0057ae">}}</span>
        <span style="color:#0095ff;font-weight:bold">[ </span><span style="color:#0057ae">{{</span>other<span style="color:#0057ae">}}</span><span style="color:#0095ff;font-weight:bold"> ]</span>
        body {
            <span style="color:#3daee9">{{{</span>other<span style="color:#3daee9">}}}</span>
            <span style="font-weight:bold">font-size</span><span style="color:#924c9d">:</span> <span style="color:#b08000">15</span><span style="color:#0057ae">pt</span><span style="color:#ca60ca">;</span>
            <span style="font-weight:bold">font-family</span><span style="color:#924c9d">:</span> Verdana<span style="color:#ca60ca">;</span>
        }
    <span style="font-weight:bold">&lt;/style></span>
    <span style="color:#898887">&lt;!-- JavaScript --></span>
    <span style="font-weight:bold">&lt;script></span>
        <span style="font-weight:bold">var</span> foo <span style="color:#ca60ca">=</span> <span style="color:#0057ae">{{</span>bar<span style="color:#0057ae">}}</span><span style="color:#ca60ca">;</span>
        <span style="color:#e31616">`template </span><span style="color:#0057ae">{{</span>foo<span style="color:#0057ae">}}</span><span style="color:#e31616"> </span><span style="color:#3daee9">${</span> <span style="font-weight:bold">var</span> a <span style="color:#ca60ca">=</span> <span style="color:#0057ae">{{</span>b<span style="color:#0057ae">}}</span> <span style="color:#3daee9">}</span><span style="color:#e31616">`</span>
    <span style="font-weight:bold">&lt;/script></span>

    <span style="font-weight:bold">&lt;body></span>
    <span style="color:#644a9b;font-weight:bold">{{#movie}}</span>
        <span style="font-weight:bold">&lt;div></span>
            <span style="font-weight:bold">&lt;h1></span><span style="color:#0057ae">{{</span>title<span style="color:#0057ae">}}</span><span style="font-weight:bold">&lt;/h1></span>
            <span style="font-weight:bold">&lt;img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#0057ae">{{</span>poster<span style="color:#0057ae">}}</span><span style="color:#bf0303">"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#0057ae">{{</span>title<span style="color:#0057ae">}}</span><span style="color:#bf0303">"</span><span style="font-weight:bold">/></span>
        <span style="font-weight:bold">&lt;/div></span>
        <span style="font-weight:bold">&lt;div></span>
            Rating - <span style="color:#0057ae">{{</span>ratings<span style="color:#ca60ca">.</span>critics_rating<span style="color:#0057ae">}}</span>
        <span style="font-weight:bold">&lt;/div></span>
    <span style="color:#644a9b;font-weight:bold">{{/movie}}</span>
    <span style="color:#644a9b;font-weight:bold">{{^movie}}</span>
        <span style="font-weight:bold">&lt;div></span>
            Movie Does Not Exist :(
        <span style="font-weight:bold">&lt;/div></span>
    <span style="color:#644a9b;font-weight:bold">{{/movie}}</span>
    <span style="color:#898887">{{! this is a comment </span><span style="color:#ca9219;background-color:#451e1a;font-weight:bold">TODO</span><span style="color:#898887"> </span><span style="color:#e85848;background-color:#451e1a;font-weight:bold">ALERT</span><span style="color:#898887"> }}</span>

    This is a partial <span style="color:#0057ae">{{></span><span style="color:#924c9d"> partial1 </span><span style="color:#0057ae">}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#block</span>
       <span style="color:#006e28"> param</span><span style="color:#ca60ca">=</span>foo
       <span style="color:#006e28"> param2</span><span style="color:#ca60ca">=</span>bar<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="color:#0057ae">{{</span>block<span style="color:#006e28"> foo</span><span style="color:#ca60ca">=</span>bar<span style="color:#0057ae">}}</span>
    <span style="color:#644a9b;font-weight:bold">{{/block}}</span>

    <span style="color:#898887">&lt;!-- Handlebars --></span>

    <span style="color:#644a9b;font-weight:bold">{{#list</span> people<span style="color:#644a9b;font-weight:bold">}}</span><span style="color:#0057ae">{{</span>firstName<span style="color:#0057ae">}}</span> <span style="color:#0057ae">{{</span>lastName<span style="color:#0057ae">}}</span><span style="color:#644a9b;font-weight:bold">{{/list}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#noop}}</span><span style="color:#0057ae">{{</span>body<span style="color:#0057ae">}}</span><span style="color:#644a9b;font-weight:bold">{{/noop}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#with</span> story<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;div</span><span style="color:#006e28"> class</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"intro"</span><span style="font-weight:bold">></span><span style="color:#3daee9">{{{</span>intro<span style="color:#3daee9">}}}</span><span style="font-weight:bold">&lt;/div></span>
        <span style="font-weight:bold">&lt;div</span><span style="color:#006e28"> class</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"body"</span><span style="font-weight:bold">></span><span style="color:#3daee9">{{{</span>body<span style="color:#3daee9">}}}</span><span style="font-weight:bold">&lt;/div></span>
    <span style="color:#644a9b;font-weight:bold">{{/with}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#each</span> comments<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;div</span><span style="color:#006e28"> class</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"comment"</span><span style="font-weight:bold">></span>
            <span style="font-weight:bold">&lt;h2></span><span style="color:#0057ae">{{</span>subject<span style="color:#0057ae">}}</span><span style="font-weight:bold">&lt;/h2></span>
            <span style="color:#3daee9">{{{</span>body<span style="color:#3daee9">}}}</span>
        <span style="font-weight:bold">&lt;/div></span>
    <span style="color:#644a9b;font-weight:bold">{{/each}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#list</span> nav<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;a</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#0057ae">{{</span>url<span style="color:#0057ae">}}</span><span style="color:#bf0303">"</span><span style="font-weight:bold">></span><span style="color:#0057ae">{{</span>title<span style="color:#0057ae">}}</span><span style="font-weight:bold">&lt;/a></span>
    <span style="color:#644a9b;font-weight:bold">{{/list}}</span>

    <span style="color:#898887">{{!-- Conditionals --}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#if</span> isActive<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"star.gif"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"Active"</span><span style="font-weight:bold">></span>
    <span style="color:#644a9b;font-weight:bold">{{else if</span> isInactive<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"cry.gif"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"Inactive"</span><span style="font-weight:bold">></span>
    <span style="color:#644a9b;font-weight:bold">{{else}}</span>
        <span style="font-weight:bold">&lt;img</span><span style="color:#006e28"> src</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"cry.gif"</span><span style="color:#006e28"> alt</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">""</span><span style="font-weight:bold">></span>
    <span style="color:#644a9b;font-weight:bold">{{/if}}</span>

    <span style="color:#898887">{{!-- Escaping --}}</span>
    \{{escaped}}
    <span style="color:#644a9b;font-weight:bold">{{{{raw}}}}</span>
        {{escaped}}
    <span style="color:#644a9b;font-weight:bold">{{{{/raw}}}}</span>

    <span style="color:#898887">{{!-- Whitespace Control --}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#each</span> nav ~<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;a</span><span style="color:#006e28"> href</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"</span><span style="color:#0057ae">{{</span>url<span style="color:#0057ae">}}</span><span style="color:#bf0303">"</span><span style="font-weight:bold">></span>
            <span style="color:#644a9b;font-weight:bold">{{~#if</span> test<span style="color:#644a9b;font-weight:bold">}}</span>
                <span style="color:#0057ae">{{</span>~title<span style="color:#0057ae">}}</span>
            <span style="color:#644a9b;font-weight:bold">{{~^</span>~<span style="color:#644a9b;font-weight:bold">}}</span>
                Empty
            <span style="color:#644a9b;font-weight:bold">{{~/if</span>~<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="font-weight:bold">&lt;/a></span>
    <span style="color:#644a9b;font-weight:bold">{{~/each}}</span>

    <span style="color:#898887">{{!-- Helpers --}}</span>
    <span style="color:#0057ae">{{link</span> <span style="color:#bf0303">"See more..."</span> story<span style="color:#ca60ca">.</span>url<span style="color:#0057ae">}}</span>
    <span style="color:#0057ae">{{log</span> <span style="color:#bf0303">"Look at me!"</span><span style="color:#006e28"> level</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"error"</span><span style="color:#0057ae">}}</span>

    <span style="color:#898887">{{!-- Partial --}}</span>
    <span style="color:#0057ae">{{></span><span style="color:#924c9d"> myPartial</span><span style="color:#006e28"> name</span><span style="color:#ca60ca">=..</span><span style="color:#924c9d">/name </span><span style="color:#0057ae">}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#> myPartial</span> <span style="color:#644a9b;font-weight:bold">}}</span>
        Failover content
    <span style="color:#644a9b;font-weight:bold">{{/myPartial}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#*inline</span> <span style="color:#bf0303">"myPartial"</span><span style="color:#644a9b;font-weight:bold">}}</span>
        My Content
    <span style="color:#644a9b;font-weight:bold">{{/inline}}</span>
    <span style="color:#644a9b;font-weight:bold">{{#each</span> children<span style="color:#644a9b;font-weight:bold">}}</span>
        <span style="color:#0057ae">{{></span><span style="color:#924c9d"> myPartial</span><span style="color:#0057ae">}}</span>
    <span style="color:#644a9b;font-weight:bold">{{/each}}</span>

    <span style="color:#898887">&lt;!-- Delimiters in tags (folding) --></span>
    word<span style="font-weight:bold">&lt;div></span>word

    word<span style="font-weight:bold">&lt;/div></span>word

    <span style="font-weight:bold">&lt;/body></span>
<span style="font-weight:bold">&lt;/html></span>
</pre></body></html>