Data-Den/packages/docs/layouts/_default/list.html at 563b030d5c46ea2046aa284e21fd56fb2eb82fcf · mdbootstrap/Data-Den · GitHub

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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
{{ $hidden_sidenav := .Params.hidden_sidenav }}

{{ $currentDir := "" }}
{{ with .File }}
  {{ $currentDir = .Dir }}
{{ end }}

{{ $api_file_exists := fileExists (printf "/content/%s/a.html" $currentDir) }}

{{ $scrollspy_file_exists := fileExists (printf "/content/%s/index-ss.html" $currentDir) }}


<html lang="{{ .Language.Lang }}">
  <head>
    {{ partial "head/head.html" . }}
  </head>
  <body class="dark:bg-neutral-800">
    {{ partial "header/header.html" . }}


    <nav
      id="sidenav-main"
      class="fixed left-0 top-0 z-[1036] h-screen w-60 -translate-x-full overflow-hidden bg-white shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] dark:bg-neutral-800 xl:data-[te-sidenav-hidden='false']:translate-x-0"
      data-te-sidenav-init
      {{ if ne $hidden_sidenav true }}
        data-te-sidenav-mode-breakpoint-over="0" data-te-sidenav-mode-breakpoint-side="xl"
        data-te-sidenav-hidden="false" data-te-sidenav-mode="side"
      {{ else }}
        data-te-sidenav-hidden="true" data-te-sidenav-mode="over"
      {{ end }}
      data-te-sidenav-content="#page-content"
      data-te-sidenav-accordion="true">
      <a
        href="/"
        class="mb-3 flex items-center justify-center rounded-md py-6 pr-3 text-lg font-medium dark:text-neutral-100"
        aria-current="page">
        <img src="https://mdbcdn.b-cdn.net/img/logo/data-den-logo.png" class="mr-2 h-[20px]" alt="logo" />Data Den
      </a>
      {{ partial "sidenav/standard.html" . }}
    </nav>
    <div class="{{ if ne $hidden_sidenav true }}xl:!pl-60{{ end }} mt-10" id="page-content">
      <div
        class="{{ if eq $hidden_sidenav true }}
          mx-auto w-1/2
        {{ else }}
          max-w-[540px] sm:max-w-[604px] md:max-w-[720px] lg:max-w-[972px] xl:max-w-full xl:px-12 2xl:max-w-[1400px]
          mx-auto
        {{ end }} flex">
        <div class="flex w-full flex-col">
          {{ if (or ($api_file_exists) (isset .Params "custom_links")) }}
            <ul id="docs-nav-pills" class="mx-4 mt-3 flex" role="tablist" data-te-nav-ref>
              <li>
                <a
                  id="docs-tab-overview"
                  class="my-2 block min-w-[120px] rounded bg-neutral-100 px-6 pb-3.5 pt-4 text-center text-xs font-medium uppercase leading-tight text-neutral-500 data-[te-nav-active]:!bg-primary-100 data-[te-nav-active]:text-primary-700 dark:bg-neutral-700 dark:text-white dark:data-[te-nav-active]:text-primary-700 md:mr-4"
                  href="#docsTabsOverview"
                  role="tab"
                  data-te-toggle="pill"
                  data-te-target="#docsTabsOverview"
                  aria-selected="true"
                  aria-controls="docsTabsOverview"
                  data-te-nav-active>
                  Overview
                </a>
              </li>

              {{ if isset .Params "custom_links" }}
                {{ $link_entries := split .Params.custom_links "," }}
                {{ range $entry
                  := $link_entries
                }}
                  {{ $link_data := split $entry "=" }}
                  <li class="nav-item">
                    <a
                      class="my-2 block min-w-[120px] rounded bg-neutral-100 px-6 pb-3.5 pt-4 text-center text-xs font-medium uppercase leading-tight text-neutral-500 data-[te-nav-active]:!bg-primary-100 data-[te-nav-active]:text-primary-700 dark:bg-neutral-700 dark:text-white dark:data-[te-nav-active]:text-primary-700 md:mr-4"
                      href="{{ index $link_data 1 }}"
                      target="_blank">
                      {{ index $link_data 0 }}
                      <span class="inline-block align-bottom">
                        <svg
                          xmlns="http://www.w3.org/2000/svg"
                          fill="none"
                          viewBox="0 0 24 24"
                          stroke-width="1.5"
                          stroke="currentColor"
                          class="ml-2 h-4 w-4">
                          <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
                        </svg>
                      </span>
                    </a>
                  </li>
                {{ end }}
              {{ end }}
            </ul>
          {{ end }}


          <div
            id="docsTabsOverview"
            role="tabpanel"
            class="hidden opacity-100 transition-opacity data-[te-tab-active]:flex"
            role="tabpanel"
            aria-labelledby="docs-tab-overview-tab"
            data-te-tab-active>
            <div class="{{ if $scrollspy_file_exists }}lg:w-4/5{{ end }} flex w-full flex-col px-3">
              {{ if not (isset .Params "custom_links") }}
                <h2
                  class="flex items-center mt-0 text-3xl font-bold leading-8 sm:text-[33px] md:text-4xl lg:text-[40px]">
                  {{ .Params.main_title }}
                  {{ if eq .Page.Params.docs_content_pro true }}
                    <a data-te-ripple-init class="text-danger" href="/pro" role="button">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        fill="none"
                        viewBox="0 0 24 24"
                        stroke-width="3"
                        stroke="currentColor"
                        class="w-6 h-6 ms-2">
                        <path
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
                      </svg>
                    </a>
                  {{ end }}
                </h2>

                <h1 class="my-3 text-base font-bold text-neutral-500 dark:text-neutral-300">
                  {{ .Params.subheading }}
                </h1>

                <p class="text-neutral-500 dark:text-neutral-300">{{ .Params.description }}</p>

                <hr class="my-12 dark:border-neutral-600" />
              {{ end }}


              <main>{{ .Content }}</main>
            </div>
          </div>
        </div>
      </div>
    </div>

    {{ partial "footer/footer-docs.html" . }}
    {{ if ne $hidden_sidenav true }}
      <script type="module">
        const sidenav = document.getElementById('sidenav-main');
        const sidenavInstance = te.Sidenav.getInstance(sidenav);

        let innerWidth = null;

        const setMode = (e) => {
          // Check necessary for Android devices
          if (window.innerWidth === innerWidth) {
            return;
          }

          innerWidth = window.innerWidth;

          if (window.innerWidth < sidenavInstance.getBreakpoint('xl')) {
            sidenavInstance.changeMode('over');
            sidenavInstance.hide();
          } else {
            sidenavInstance.changeMode('side');
            sidenavInstance.show();
          }
        };

        // Event listeners
        window.addEventListener('resize', setMode);
      </script>
    {{ end }}
  </body>
</html>