diff options
Diffstat (limited to 'web/templates/links/create.tmpl')
-rw-r--r-- | web/templates/links/create.tmpl | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/web/templates/links/create.tmpl b/web/templates/links/create.tmpl new file mode 100644 index 0000000..3644e08 --- /dev/null +++ b/web/templates/links/create.tmpl @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="en"> +{{template "head" .}} +<body> +{{template "header" .}} + +<div class="container mb-5 h-100"> + <div class="row align-items-center h-100"> + <div class="col-12 pb-5 mb-5"> + + <div class="jumbotron my-auto" style="background: none!important;"> + <h2 style="font-size: 3.25em;text-align: center;margin-bottom: 0.75em;margin-top: 0;font-weight: 500;" class="site-welcome stick-top">Welcome <span style="color: #54487A !important;">{{.User.UserName}}</span>!<br> + Shorten your next link</h2> + + <form action="/links/create" method="post"> + <div class="typeahead-container px-5" style="font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;position: relative;"> + <div class="row"> + <div class="col-12"> + <div class="typeahead-field" style="display: table;border-collapse: separate;box-sizing: border-box;position: relative;width: 100%;"> + <span class="typeahead-query" style="font-size: 1.1em; height: 2.3em;display: table-cell;vertical-align: top;width: 100%;"> + <input class="rounded" style="border: 1px solid #ccc;padding-left:10px;font-size: 1.3em; height: 2.5em;" id="target" name="target" type="search" autocomplete="off" placeholder="Paste your link" aria-label="Paste your link" autofocus=""> + </span> + </div> + </div> + </div> + + <div class="collapse" id="collapseExample"> + <div class="row mt-4"> + <div class="col-5"> + <div class="form-group"> + <label for="prefix">Prefix</label> + <select class="form-control" name="prefix" id="prefix" onchange="togglePrefix();"> + <option value="">/</option> + <option value="{{$.User.UserName}}">/{{$.User.UserName}}/</option> + {{range $index, $project := .User.Projects}} + <option value="{{$project}}">/{{$project}}/</option> + {{end}} + </select> + </div> + </div> + <div class="col-2"> + <div class="form-group"> + <label for="index">Index</label> + <select class="form-control" name="index" id="index" disabled> + <option value="no" selected>no</option> + <option value="yes">yes</option> + </select> + </div> + </div> + <div class="col-5"> + <div class="form-group"> + <label for="token">Custom Link</label> + <input class="form-control" name="token" id="token" placeholder="Only available for prefix != '/'" disabled> + </div> + </div> + </div> + </div> + + <div class="row mt-4"> + <div class="col-12"> + <button class="float-right btn btn-primary">Shorten</button> + <button class="float-right btn btn-link text-dark" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> + Customize + </button> + </div> + </div> + </div> + </form> + </div> + + </div> + </div> +</div> + + +{{template "footer" .}} + +<script src="/assets/application.js"></script> + +</body> +</html> |