Select Git revision
tutorial-how-to-write-a-customcontrol.html
index.html 12.11 KiB
<!DOCTYPE html>
<html lang="{{ .Meta.Language }}">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<link href="assets/images/favicon.png" rel="icon"/>
<title>{{ .Meta.Title }}</title>
<meta name="description" content="{{ .Meta.Description }}">
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css"/>
<link rel="stylesheet" type="text/css" href="assets/vendor/magnific-popup/magnific-popup.min.css"/>
<link rel="stylesheet" type="text/css" href="assets/vendor/highlight.js/styles/github.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/stylesheet.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/color-red.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/thunderclient.css"/>
<style>
img {
max-width: 95%;
}
</style>
</head>
<body data-spy="scroll" data-target=".idocs-navigation" data-offset="125">
<template id="doc-api-request">
{{ $id := randomID }}
<a class="my-1 btn btn-outline-dark w-100 text-left" data-toggle="collapse" href="#collapse{{ $id }}" role="button"
aria-expanded="false" aria-controls="collapse{{ $id }}">
<small class="text-truncate mute">{{ .Name }}</small><br>
<span class="badge badge-secondary">{{ .Method }}</span> {{ .Url | cleanPlaceholder }}
</a>
<div class="collapse" data-role="doc-api-request" id="collapse{{ $id }}">
<div class="card card-body">
<h1>{{ .Name }}</h1>
{{ if .Docs }}
{{ .Docs | mkToHtml }}
{{ end }}
{{ if .Params }}
<h2>Query Parameters</h2>
<table class="table table-sm table-striped">
<thead>
<tr>
<th>Name</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<!-- {{ range .Params }} -->
<tr>
<td>{{ .Name }}</td>
<td>{{ .Value }}</td>
</tr>
<!-- {{ end }} -->
</tbody>
</table>
{{ end }}
{{ if .Headers }}
<h2>Headers</h2>
<table class="table table-sm table-striped"> <thead>
<tr>
<th>Name</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<!-- {{range .Headers }} -->
<tr>
<td>{{ .Name }}</td>
<td>{{ .Value }}</td>
</tr>
<!-- {{ end }} -->
</tbody>
</table>
{{ end }}
{{ if .Body }}
<h2>Body</h2>
<pre><code class="language-{{ .Body.Type }}">{{ .Body.Raw }}</code></pre>
{{ end }}
</div>
</div>
</template>
<!-- Preloader -->
<div class="preloader">
<div class="lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Preloader End -->
<div id="main-wrapper">
<header id="header" class="sticky-top">
<nav class="primary-menu navbar navbar-expand-lg navbar-dropdown-dark">
<div class="container-fluid">
<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span
class="w-75"></span><span class="w-50"></span></button>
<a class="logo ml-md-3" href="index.html" title="Home"> <img
src="https://cdn.alvine.io/image/logo/schukai-rot.svg" width="100" alt="schukai Logo"/> </a>
<span class="text-1 ml-4"><div style="display: flex;align-items: center;">{{ .Meta.ShortTitle }}<span class="ml-1 badge badge-primary">{{ .Version }}</span></div></span>
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#header-nav">
<span></span><span></span><span></span></button>
<div id="header-nav" class="collapse navbar-collapse justify-content-end">
<ul class="navbar-nav">
<li><a target="_blank"
href="https://service.schukai.com/">Support</a>
</li>
<li><a target="_blank"
href="https://gitlab.schukai.com/">Gitlab</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="content" role="main"> <div class="idocs-navigation bg-light">
{{if .DocumentTree }}
<ul class="nav flex-column ">
{{range $children1 := .DocumentTree.Children}}
<li class="nav-item">
<a class="nav-link" href="#{{ $children1.Payload.ID }}">{{ $children1.Payload.Title }}</a>
{{if $children1.Children }}
<ul class="nav flex-column ">
{{range $children2 := $children1.Children}}
<li class="nav-item">
<a class="nav-link" href="#{{ $children2.Payload.ID }}">{{ $children2.Payload.Title }}</a>
</li>
{{end}}
</ul>
{{end}}
</li>
{{end}}
</ul>
{{end}}
</div>
</div>
<div class="idocs-content">
<div class="container">
{{range $doc := .Documents }}
<section id="{{$doc.ID}}">
{{$doc.Content}}
</section>
<hr class="divider">
{{end}}
</div>
</div>
</div>
<footer id="footer" class="section bg-dark footer-text-light">
<section class="mt-5 d-print-none">
<div class="container">
<div class="row text-center text-sm-left">
<div class="col-12 col-sm-12 grid-margin pt-4 pt-md-2"><a href="https://www.schukai.com/"
class="pb-2 logo"><img
src="https://cdn.alvine.io/image/logo/schukai-weiss.svg" width="200"
alt="Logo der schukai GmbH"
title="schukai GmbH"></a>
</div>
</div>
<div class="row text-center text-sm-left text-white ">
<div class="col-12 col-sm-6 grid-margin pt-3">
<p class="text-white m-0">info@schukai.com</p>
<p class="text-white"><a class="text-white" href="tel://+49-8141-5098888">+49-8141-5098888</a>
</p>
<div class="pb-sm-1 pb-md-3"><p class="text-white">Eichenstraße 26<br>88290 Landsberied</p>
</div>
</div>
<div class="col-12 col-sm-6 grid-margin pt-3">
<a class="text-white" href="https://about.schukai.com/de/impressum/"><p
class="m-0 text-white">Impressum</p></a><a
href="https://about.schukai.com/de/datenschutz/"><p class="m-0 text-white">Datenschutz</p>
</a><a href="https://about.schukai.com/de/bedingungen-und-regeln/"><p class="m-0 text-white">
Bedigungen und Regeln</p></a>
<div class="pt-4 pb-sm-1 pb-md-3 d-flex justify-content-center justify-content-sm-start"><a
rel="noopener" target="_blank" title="schukai - Twitter"
href="https://twitter.com/schukaiGmbH"><span title="schukai - Twitter" class="text-white fab fa-twitter-square fa-2x pr-2"><span
class="sr-only">schukai - Twitter</span> </span></a><a rel="noopener"
target="_blank"
title="schukai - Instagram"
href="https://www.instagram.com/schukai_gmbh/"><span
title="schukai - Instagram"
class="text-white fab fa-instagram-square fa-2x pr-2"><span class="sr-only">schukai - Instagram</span> </span></a><a
rel="noopener" target="_blank" title="schukai - Linkedin"
href="https://de.linkedin.com/company/schukai-gmbh"><span title="schukai - Linkedin"
class="text-white fab fa-linkedin fa-2x pr-2"><span
class="sr-only">schukai - Linkedin</span> </span></a><a rel="noopener"
target="_blank"
title="schukai - Github"
href="https://github.com/schukai"><span
title="schukai - Github" class="text-white fab fa-github fa-2x pr-2"><span
class="sr-only">schukai - Github</span> </span></a><a rel="noopener" target="_blank"
title="schukai - Youtube"
href="https://www.youtube.com/channel/UCuH9jI1Lx-lW-kUaN6wNzFw"><span
title="schukai - Youtube" class="text-white fab fa-youtube fa-2x pr-2"><span
class="sr-only">schukai - Youtube</span></span></a></div>
</div>
</div>
</div>
</section>
<section class="mt-5 d-none d-print-block">
<div class="container">
<div class="row text-center text-sm-left">
<div class="col"><img src="https://cdn.alvine.io/image/logo/schukai-rot.svg" style="height:20px"
alt="schukai GmbH">
<div class="pt-3"><p class="text-muted mt-2 mb-3">Eichenstraße 26<br>88290 Landsberied</p>
<p class="text-muted m-0">info@schukai.com</p>
<p class="text-muted m-0">+49-8141-5098888</p>
<p class="text-muted m-0 mb-5">about.schukai.com</p></div>
</div>
</div>
</div>
</section>
<div class="container mt-4 d-print-none">
<div class="row">
<div class="col border-top"><p class="text-center text-white pt-4 small">© <span
class="px-1">schukai GmbH</span>-
All rights reserved.</p></div>
</div>
</div>
</footer>
</div>
<a id="back-to-top" data-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/highlight.js/highlight.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>