summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorhorus_arch2015-04-19 22:09:52 +0200
committerhorus_arch2015-04-19 22:09:52 +0200
commit01e9a34952bd6ddd383680b0ca2312e476ad07a6 (patch)
tree00902575e5c271cc5d35ea65aa8795b8caeb97bc /templates
downloadmandible-01e9a34952bd6ddd383680b0ca2312e476ad07a6.tar.gz
Initial commit.
Diffstat (limited to 'templates')
-rw-r--r--templates/404.html27
l---------templates/api.html1
-rw-r--r--templates/cli.html16
-rw-r--r--templates/file.html35
-rw-r--r--templates/footer.html21
-rw-r--r--templates/header.html18
-rw-r--r--templates/index.html74
-rw-r--r--templates/modal_error.html16
-rw-r--r--templates/modal_uploaded.html16
-rw-r--r--templates/navbar.html45
-rw-r--r--templates/navbar.html.bak42
-rw-r--r--templates/navbar.html.full31
12 files changed, 342 insertions, 0 deletions
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..0be97a5
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,27 @@
+{{template "header.html" "Not Found"}}
+{{template "navbar.html"}}
+
+<div class="jumbotron">
+ <div class="container -center">
+ <h1>
+ <i class="fa fa-exclamation-circle"></i>
+ <!--i class="mdi-alert-warning"></i--> Oooops, not found :(</h1>
+ <p>
+ The url <b>{{.}}</b> wasn't found on this server.
+ <br>
+ Maybe try again at the start page?
+ </p>
+ <!--p>
+ The url <b>{{.}}</b> wasn't found on this server.
+ <br>
+ Maybe try again at the start page?
+ </p-->
+ </div>
+</div>
+<div class="container">
+ <div class="row">
+ <div class="col-md-12 -center">
+ </div>
+ </div>
+</div>
+{{template "footer.html"}}
diff --git a/templates/api.html b/templates/api.html
new file mode 120000
index 0000000..7b03479
--- /dev/null
+++ b/templates/api.html
@@ -0,0 +1 @@
+cli.html \ No newline at end of file
diff --git a/templates/cli.html b/templates/cli.html
new file mode 100644
index 0000000..d6dfa84
--- /dev/null
+++ b/templates/cli.html
@@ -0,0 +1,16 @@
+{{template "header.html" "Upload images from file!"}}
+{{template "navbar.html"}}
+{{template "modal_uploaded.html"}}
+{{template "modal_error.html"}}
+
+<div class="container">
+ <div class="row">
+ <div class="col-md-12">
+
+ <h1>TODO!</h1>
+
+ </div>
+ </div>
+</div>
+
+{{template "footer.html"}}
diff --git a/templates/file.html b/templates/file.html
new file mode 100644
index 0000000..a3beae9
--- /dev/null
+++ b/templates/file.html
@@ -0,0 +1,35 @@
+{{template "header.html" "Upload images from file!"}}
+{{template "navbar.html"}}
+{{template "modal_uploaded.html"}}
+{{template "modal_error.html"}}
+
+<div class="container">
+ <div class="row">
+ <div class="col-md-12">
+
+ <form class="form-horizontal" method="POST" enctype="multipart/form-data">
+ <fieldset>
+ <legend>
+ <h2>File Upload</h2>
+ <p>Search for a file locally to upload.</p>
+ </legend>
+ <div class="well">
+ <div class="form-group">
+ <div class="col-md-4">
+ <input id="file" name="image" type="file" data-filename-placement="inside" title="Search for a file to add">
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="col-md-4">
+ <a href="/api/v1/file" id="imageSubmit" name="imageSubmit" class="btn btn-material-indigo-A700 btn-upload" autocomplete="off">Upload!</a>
+ </div>
+ </div>
+ </div>
+ </fieldset>
+ </form>
+
+ </div>
+ </div>
+</div>
+
+{{template "footer.html"}}
diff --git a/templates/footer.html b/templates/footer.html
new file mode 100644
index 0000000..1d1d9a8
--- /dev/null
+++ b/templates/footer.html
@@ -0,0 +1,21 @@
+<footer class="footer shadow-y-2 btn-material-indigo-A700">
+ <div class="container">
+ <div class="col-md-12">
+ <p class="sticky-footer">
+ <span class="fa fa-copyright"></span> <a class='footer-a' href='//www.iamfabulous.de' title='Maximilian Möhring'>Maximilian M&ouml;hring <span class="fa fa-external-link"></span></a>
+ </p>
+ </div>
+ </div>
+</footer>
+
+<script src='//code.jquery.com/jquery-1.11.2.min.js'></script>
+<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script>
+<!--script src='/static/js/jquery-1.11.2.min.js'></script>
+<script src='/static/js/bootstrap.min.js'></script-->
+<script src='/static/js/material.min.js'></script>
+<script src='/static/js/ripples.min.js'></script>
+<script src='/static/js/bootstrap.file-input.js'></script>
+<script src='/static/js/functions.js'>
+</script>
+ </body>
+</html>
diff --git a/templates/header.html b/templates/header.html
new file mode 100644
index 0000000..2e0b604
--- /dev/null
+++ b/templates/header.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+
+<html>
+ <head>
+ <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+ <title>{{.}}</title>
+ <link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css'>
+ <link rel='stylesheet' type='text/css' href='/static/css/material-wfont.min.css'>
+ <link rel='stylesheet' type='text/css' href='/static/css/material.min.css'>
+ <link rel='stylesheet' type='text/css' href='/static/css/ripples.min.css'>
+ <link rel='stylesheet' type='text/css' href='/static/css/style.css'>
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+ <link rel='shortcut icon' type='image/png' href='/static/img/favicon.ico'>
+ <!--noscript><style>.navbar{margin-bottom:0;}.noscript{margin-bottom:20;}</style></noscript-->
+ </head>
+ <body>
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..21180b7
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,74 @@
+{{template "header.html" "Image uploader"}}
+{{template "navbar.html"}}
+{{template "modal_uploaded.html"}}
+{{template "modal_error.html"}}
+
+<div class="jumbotron">
+ <div class="container">
+ <h1>
+ <i class="fa fa-picture-o"></i>
+ Image Uploader</h1>
+ <p>
+ Quick, reliable image uploading.
+ </p>
+ </div>
+</div>
+<div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <h2>
+ <i class="fa fa-upload"></i>
+ From File
+ </h2>
+ <p>
+ <form method="POST" action="/api/v1/url" enctype="multipart/form-data">
+ <input id="file" name="image" type="file" data-filename-placement="inside" title="Search for a file to add">
+ <br>
+ <a href="/api/v1/file" class="btn btn-material-indigo-A700 btn-upload hidden" id="imageSubmit" data-loading-text="Uploading..." autocomplete="off">Upload!</a>
+ </form>
+ </p>
+ </div>
+ <div class="col-md-6">
+ <h2>
+ <i class="fa fa-link"></i>
+ From URL
+ </h2>
+ <p>
+ <form method="POST" action="/api/v1/url" enctype="multipart/form-data">
+ <input id="urlBar" name="image" class="form-control expand" placeholder="Link to image" type="text">
+ <br>
+ <a class="btn btn-material-indigo-A700 btn-upload hidden" id="urlSubmit" data-loading-text="Uploading..." autocomplete="off">Fetch the image!</a>
+ </form>
+ </p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-6">
+ <h2>
+ <i class="fa fa-file-code-o"></i>
+ From Data URI
+ </h2>
+ <p>
+ <form method="POST" action="/api/v1/base64" enctype="multipart/form-data">
+ <input id="base64Bar" name="image" class="form-control expand" placeholder="Base64 encoded image" type="text">
+ <br>
+ <a class="btn btn-material-indigo-A700 btn-upload hidden" id="base64Submit" data-loading-text="Uploading..." autocomplete="off">Decode the image!</a>
+ </form>
+ </p>
+ </div>
+ <div class="col-md-6">
+ <h2>
+ <i class="fa fa-exchange"></i>
+
+ REST-Like API</h2>
+ <p><strong>TODO:</strong> Read the documentation here.</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <h2><i class="fa fa-terminal"></i> CLI Program</h2>
+ <p><strong>TODO:</strong> Use the image hoster direct from the command line.</p>
+ </div>
+ </div>
+</div>
+{{template "footer.html"}}
diff --git a/templates/modal_error.html b/templates/modal_error.html
new file mode 100644
index 0000000..3e022e0
--- /dev/null
+++ b/templates/modal_error.html
@@ -0,0 +1,16 @@
+<div id="error-dialog" class="modal fade" tabindex="-1">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header btn-danger">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3 class="modal-title"><i class="fa fa-exclamation-circle"></i> Failure!</h3>
+ </div>
+ <div class="modal-body">
+ <h5><strong><span class="error-msg"></span></strong></h5>
+ <p>
+ Please review your input and try again.
+ </p>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/templates/modal_uploaded.html b/templates/modal_uploaded.html
new file mode 100644
index 0000000..71ef1aa
--- /dev/null
+++ b/templates/modal_uploaded.html
@@ -0,0 +1,16 @@
+<div id="uploaded-dialog" class="modal fade" tabindex="-1">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header btn-success">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3 class="modal-title">Well done!</h3>
+ </div>
+ <div class="modal-body">
+
+ <h5><strong><i class="fa fa-picture-o"></i> Your image link is: <span id="imageLink"></span></strong></h5>
+ <br>
+ <p><span id="imageObj"></span></p>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/templates/navbar.html b/templates/navbar.html
new file mode 100644
index 0000000..653faca
--- /dev/null
+++ b/templates/navbar.html
@@ -0,0 +1,45 @@
+<nav class='navbar navbar-default navbar-custom shadow-z-2 btn-material-indigo-A700' role='navigation'>
+ <div class='container'>
+ <div class='navbar-header'>
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-controls="navbar">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a>
+ </div>
+ <div class="collapse navbar-collapse" id="navbarCollapse">
+ <ul class="nav navbar-nav navbar-left">
+ <li><a class="" href="/cli" title="CLI programm."><span class="fa fa-terminal"></span> CLI Program</a></li>
+ <li><a class="" href="/api" title="Api documentation"><span class="fa fa-exchange"></span> Api Documentation</a></li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li class="dropdown">
+ <a class="" href="//www.iamfabulous.de" title="More" data-target="#" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> More <span class="caret"></span></a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a class="" href="//www.iamfabulous.de" title="Follow my Blog"><span class="fa fa-user-plus"></span> Follow my Blog </a></li>
+ <li><a class="" href="//git.iamfabulous.de/cgit.cgi/mandible" title="Source code"><span class="fa fa-code"></span> Source code</a></li>
+ <li></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <noscript class="noscript">
+ <div class="container-fluid btn-danger">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h4>You have JavaScript disabled. <strong>Please note:</strong> Without JavaScript it's better to use direct the API or our cli program rather than this webpage.
+ <br>
+ You can read <strong><a href="/api" title="API Documentation" style='color:white;' class='underline'>here</a></strong> more about the API and <strong><a href="/cli" title="CLI program" style='color:white;' class='underline'>here</a></strong> more about our program.
+ </h4>
+ <p>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </noscript>
+</nav>
diff --git a/templates/navbar.html.bak b/templates/navbar.html.bak
new file mode 100644
index 0000000..d8832e6
--- /dev/null
+++ b/templates/navbar.html.bak
@@ -0,0 +1,42 @@
+<nav class='navbar navbar-default navbar-custom shadow-z-2' role='navigation'>
+ <div class='container'>
+ <div class='navbar-header'>
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-controls="navbar">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a>
+ </div>
+ <div class="collapse navbar-collapse" id="navbarCollapse">
+ <ul class="nav navbar-nav navbar-left">
+ <li>
+ <a class="" href="/about" title="About us"><span class="glyphicon glyphicon-file"></span> About</a>
+ </li>
+ <li>
+ <a class="" href="/howto" title="How to"><span class="glyphicon glyphicon-star"></span> How to</a>
+ </li>
+ <li>
+ <a class="" href="/server" title="Server"><span class="glyphicon glyphicon-cog"></span> Server</a>
+ </li>
+ <li>
+ <a class="" href="https://iamfabulous.de/contact/" title="Contact" target="_blank"><span class="glyphicon glyphicon-phone-alt"></span> Contact</a>
+ </li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li>
+ <a class="" href="https://iamfabulous.de/webmail" title="Webmail"><span class="glyphicon glyphicon-envelope"></span> Webmail</a>
+ </li>
+ <li class="dropdown">
+ <a class="" href="/register" title="Sign Up" data-target="#" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> User <span class="caret"></span></a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a class="" href="/register" title="Sign Up"><span class="fa fa-user-plus"></span> Create New</a></li>
+ <li><a class="" href="/password" title="Change Password"><span class="fa fa-lock"></span> Change Password</a></li>
+ <li></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+</nav>
diff --git a/templates/navbar.html.full b/templates/navbar.html.full
new file mode 100644
index 0000000..54482bd
--- /dev/null
+++ b/templates/navbar.html.full
@@ -0,0 +1,31 @@
+<nav class='navbar navbar-default navbar-custom shadow-z-2 btn-material-indigo-A700' role='navigation'>
+ <div class='container'>
+ <div class='navbar-header'>
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-controls="navbar">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a>
+ </div>
+ <div class="collapse navbar-collapse" id="navbarCollapse">
+ <ul class="nav navbar-nav navbar-left">
+ <li><a class="" href="/file" title="Upload from file"><span class="fa fa-upload"></span> File Upload</a></li>
+ <li><a class="" href="/url" title="Upload from URL"><span class="fa fa-link"></span> URL Upload</a></li>
+ <li><a class="" href="/base64" title="Upload from data uri"><span class="fa fa-file-code-o"></span> Base64</a></li>
+ <li><a class="" href="/api" title="Api documentation"><span class="fa fa-exchange"></span> Api Documentation</a></li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li class="dropdown">
+ <a class="" href="//www.iamfabulous.de" title="More" data-target="#" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> More <span class="caret"></span></a>
+ <ul class="dropdown-menu" role="menu">
+ <li><a class="" href="//www.iamfabulous.de" title="Follow my Blog"><span class="fa fa-user-plus"></span> Follow my Blog </a></li>
+ <li><a class="" href="//git.iamfabulous.de/cgit.cgi/mandible" title="Source code"><span class="fa fa-code"></span> Source code</a></li>
+ <li></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+</nav>