services
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
{{define "access"}}
|
||||
{{template "header" .Error}}
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header">Access denied</h1>
|
||||
<div class="ui one column grid">
|
||||
<div class="column">
|
||||
<div class="ui message">
|
||||
<h4 class="ui header">This video is private. You can get access to it using author's token.</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ui text container">
|
||||
<form class="ui form" method="post" action="/access" enctype="multipart/form-data">
|
||||
<div class="field">
|
||||
<label>Token:</label>
|
||||
<input required type="text" style="width: 30%;" name="token" placeholder="aAbBcC">
|
||||
</div>
|
||||
<input name="videoID" type="hidden" value="{{ .ID}}">
|
||||
<button class="ui button" type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
@@ -0,0 +1,67 @@
|
||||
{{define "header"}}
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>TikTak</title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.1.1.min.js"
|
||||
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
|
||||
</head>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.ui.menu .item img.logo {
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
.main.container {
|
||||
margin-top: 7em;
|
||||
}
|
||||
|
||||
.wireframe {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.ui.footer.segment {
|
||||
margin: 5em 0em 0em;
|
||||
padding: 5em 0em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<div class="ui inverted segment">
|
||||
<div class="ui inverted secondary menu">
|
||||
<a href="/" class="active item">
|
||||
Home
|
||||
</a>
|
||||
<a href="/register" class="item">
|
||||
Register
|
||||
</a>
|
||||
<a href="/login" class="item">
|
||||
Login
|
||||
</a>
|
||||
<a href="/feed" class="item">
|
||||
Feed
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ if . }}
|
||||
<div class="ui text container">
|
||||
<div class="ui error message"> {{.}}</div>
|
||||
</div>
|
||||
<br>
|
||||
{{end}}
|
||||
|
||||
|
||||
{{end}}
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
{{define "create"}}
|
||||
{{template "header" .Error}}
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header">Upload new video</h1>
|
||||
<div class="ui one column grid">
|
||||
<div class="column">
|
||||
<div class="ui message">
|
||||
<h4 class="ui header">Upload your best moments (only webm is supported)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ui text container">
|
||||
<form class="ui form" method="post" action="" enctype="multipart/form-data">
|
||||
<div class="field">
|
||||
<label>Description:</label>
|
||||
<input required type="text" style="width: 30%;" name="description" placeholder="kek">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Add caption to your video</label>
|
||||
<textarea required rows="3" style="width: 30%" name="subtitles" placeholder="Some text"></textarea>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="ui checkbox">
|
||||
<input name="private" type="checkbox" tabindex="0" class="hidden">
|
||||
<label>Make video private</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<input type="file" name="video" required id="fileupload"/>
|
||||
</div>
|
||||
<button class="ui button" type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
@@ -0,0 +1,21 @@
|
||||
{{define "feed"}}
|
||||
{{template "header" }}
|
||||
|
||||
<div class="ui text container">
|
||||
<h3>Check out last videos: (some of them are private)</h3>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ui grid">
|
||||
{{range .}}
|
||||
<div class="four wide column">
|
||||
<div class="ui secondary segment">
|
||||
<p><b>ID:</b> {{.ID}}</p>
|
||||
<p><a href="/watch/{{ .ID}}">Watch</a> </p>
|
||||
<a href="/watch/{{ .ID}}"><img class="thumbnail" width="256" height="144" src="{{ .Preview}}"></a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end}}
|
||||
</div>
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
@@ -0,0 +1,10 @@
|
||||
{{define "footer"}}
|
||||
|
||||
</body>
|
||||
<script>
|
||||
$('.ui.checkbox')
|
||||
.checkbox()
|
||||
;
|
||||
</script>
|
||||
</html>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,26 @@
|
||||
{{define "home"}}
|
||||
{{template "header" }}
|
||||
|
||||
<div class="ui text container">
|
||||
<p>You can add new video <a href="/create">here</a></p>
|
||||
<h3>Your videos:</h3>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ui grid">
|
||||
{{range .}}
|
||||
<div class="four wide column">
|
||||
<div class="ui secondary segment">
|
||||
<p><b>ID:</b> {{.ID}}</p>
|
||||
<p><a href="/watch/{{ .ID}}">Watch</a></p>
|
||||
<a href="/watch/{{ .ID}}"><img class="thumbnail" width="256" height="144" src="{{ .Preview}}"></a>
|
||||
<p>Description: {{ .Description}}</p>
|
||||
{{ if .Private}}
|
||||
<p>Share Token: {{ .Token}}</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end}}
|
||||
</div>
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
@@ -0,0 +1,30 @@
|
||||
{{define "login"}}
|
||||
{{template "header" .Error}}
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header">Login</h1>
|
||||
<div class="ui one column grid">
|
||||
<div class="column">
|
||||
<div class="ui message">
|
||||
<h4 class="ui header">Welcome to tiktak, best video service ever</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui text container">
|
||||
<form class="ui form" method="post" action="">
|
||||
<div class="field">
|
||||
<label>Login</label>
|
||||
<input type="text" required name="login" placeholder="admin">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Password</label>
|
||||
<input type="password" required name="password" placeholder="">
|
||||
</div>
|
||||
<button class="ui button" type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
@@ -0,0 +1,30 @@
|
||||
{{define "register"}}
|
||||
{{template "header" .Error}}
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header">Register</h1>
|
||||
<div class="ui one column grid">
|
||||
<div class="column">
|
||||
<div class="ui message">
|
||||
<h4 class="ui header">Sign-up to tiktak, best video service ever</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui text container">
|
||||
<form class="ui form" method="post" action="">
|
||||
<div class="field">
|
||||
<label>Login</label>
|
||||
<input type="text" required name="login" placeholder="admin">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Password</label>
|
||||
<input type="password" required name="password" placeholder="">
|
||||
</div>
|
||||
<button class="ui button" type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
@@ -0,0 +1,21 @@
|
||||
{{define "watch"}}
|
||||
{{template "header"}}
|
||||
<div class="ui text container">
|
||||
|
||||
<video controls width="640">
|
||||
<source src="/{{ .VideoPath}}" type="video/webm"/>
|
||||
<track label="Text" kind="subtitles" srclang="en" src="{{ .VttPath }}" default>
|
||||
<p>Video is not supported in your browser</p>
|
||||
</video>
|
||||
|
||||
<div class="ui one column grid">
|
||||
<div class="column">
|
||||
<div class="ui message">
|
||||
<h4 class="ui header">{{ .Description }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{template "footer"}}
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user