Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-28 04:34:01 +00:00
Code Issues Projects Releases Wiki Activity

added examples folder

Browse source
This commit is contained in:
Harry Hedger 2015-11-23 09:05:07 -05:00
parent 480bde9893
commit d87f73a6bc
8 changed files with 100 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

85
examples/playground/index.html Normal file
View file

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Loading...</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="static/images/favicon.png">
<link rel="stylesheet" href=".static/css/transloadit-js-client.css" type="text/css" />
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="twelve columns" style="margin-top: 10%">
<h1>
Loading..
</h1>
<h4>transloadit-js-client</h4>
<p>
With this file we can easily test the built js client locally (via <code>npm run preview</code>)
and online.
</p>
<div id="upload-target">
Loading..
</div>
</div>
</div>
</div>
<footer>
<hr />
<ul>
<li><a href="https://travis-ci.org/transloadit/transloadit-js-client">Travis</a></li>
<li><a href="https://github.com/transloadit/transloadit-js-client">GitHub</a></li>
</ul>
</footer>
</body>
<!-- Include the built js client -->
<script src="../../build/transloadit-js-client.js"></script>
<script src="static/js/app.js"></script>
<!-- Apply the js client on a selector -->
<script>
var tl = Transloadit("#upload-target");
</script>
<!-- Add the branch name to the <title> and <h1> of this page -->
<script>
var branch = location.pathname.split('/')[2] || 'local-unknown';
var elTitle = document.querySelector('title');
var elH1 = document.querySelector('h1');
var title = 'You are reviewing branch: ' + branch;
elTitle.innerHTML = title;
elH1.innerHTML = title;
</script>
</html>

12
examples/playground/package.json Normal file
View file

@ -0,0 +1,12 @@
{
"name": "playground",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"watch": "../../node_modules/.bin/watchify src/js/app.js -o static/js/app.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

0
examples/playground/src/js/app.js Normal file
View file

0
build/css/normalize.css → examples/playground/static/css/normalize.css vendored
View file

0
build/css/skeleton.css → examples/playground/static/css/skeleton.css vendored
View file

0
examples/playground/static/css/style.css Normal file
View file

0
build/images/favicon.png → examples/playground/static/images/favicon.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

Before After
Before After

3
examples/playground/static/js/app.js Normal file
View file

@ -0,0 +1,3 @@
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
},{}]},{},[1]);