Initial commit 2
This commit is contained in:
Merrick Rumel
parent
8c6a83f3be
commit
7c1ac022cb
28 changed files with 8640 additions and 0 deletions
127
css/index.css
Normal file
127
css/index.css
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
html body #mainContent {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#uploadSquare {
|
||||
background: gray;
|
||||
width: 600px;
|
||||
height: 300px;
|
||||
padding: 1em;
|
||||
border-radius: .5em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.successGlow {
|
||||
-webkit-animation: successGlow 2s;
|
||||
animation: successGlow 2s;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes successGlow {
|
||||
30% {
|
||||
-webkit-box-shadow: 0px 0px 100px 50px lime;
|
||||
box-shadow: 0px 0px 100px 50px lime;
|
||||
}
|
||||
70% {
|
||||
-webkit-box-shadow: 0px 0px 100px 50px lime;
|
||||
box-shadow: 0px 0px 100px 50px lime;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes successGlow {
|
||||
30% {
|
||||
-webkit-box-shadow: 0px 0px 100px 50px lime;
|
||||
box-shadow: 0px 0px 100px 50px lime;
|
||||
}
|
||||
70% {
|
||||
-webkit-box-shadow: 0px 0px 100px 50px lime;
|
||||
box-shadow: 0px 0px 100px 50px lime;
|
||||
}
|
||||
}
|
||||
|
||||
.failureGlow {
|
||||
-webkit-animation: failureGlow 1s;
|
||||
animation: failureGlow 1s;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes failureGlow {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: translate(5px, 0px);
|
||||
transform: translate(5px, 0px);
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
-webkit-box-shadow: 0px 0px 100px 50px red;
|
||||
box-shadow: 0px 0px 100px 50px red;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translate(-5px, 0px);
|
||||
transform: translate(-5px, 0px);
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translate(5px, 0px);
|
||||
transform: translate(5px, 0px);
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
-webkit-box-shadow: 0px 0px 100px 50px red;
|
||||
box-shadow: 0px 0px 100px 50px red;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: translate(-5px, 0px);
|
||||
transform: translate(-5px, 0px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes failureGlow {
|
||||
0% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform: translate(5px, 0px);
|
||||
transform: translate(5px, 0px);
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
-webkit-box-shadow: 0px 0px 100px 50px red;
|
||||
box-shadow: 0px 0px 100px 50px red;
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translate(-5px, 0px);
|
||||
transform: translate(-5px, 0px);
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translate(5px, 0px);
|
||||
transform: translate(5px, 0px);
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
-webkit-box-shadow: 0px 0px 100px 50px red;
|
||||
box-shadow: 0px 0px 100px 50px red;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: translate(-5px, 0px);
|
||||
transform: translate(-5px, 0px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
9
css/index.css.map
Normal file
9
css/index.css.map
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,AAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;EACnB,MAAM,EAAE,KAAK;CAAG;;AAGpB,AAAA,aAAa,CAAC;EACV,UAAU,EAAE,IAAI;EAEhB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EAEb,OAAO,EAAE,GAAG;EACZ,aAAa,EAAE,IAAI;EAEnB,KAAK,EAAE,KAAK;CAAG;;AAGnB,AAAA,YAAY,CAAC;EACT,SAAS,EAAE,cAAc;EACzB,yBAAyB,EAAE,CAAC;CAAG;;AAEnC,UAAU,CAAV,WAAU;EACN,GAAG;IACC,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAc;;EAEjD,GAAG;IACC,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAc;;;;AAGrD,AAAA,YAAY,CAAC;EACT,SAAS,EAAE,cAAc;EACzB,yBAAyB,EAAE,CAAC;CAAG;;AAEnC,UAAU,CAAV,WAAU;EACN,EAAE;IACE,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,sBAAsB;;EAEtC,GAAG;IACC,SAAS,EAAE,oBAAoB;;EAEnC,GAAG;IACC,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,sBAAsB;;EAEtC,GAAG;IACC,SAAS,EAAE,oBAAoB;;EAEnC,IAAI;IACA,SAAS,EAAE,mBAAmB",
|
||||
"sources": [
|
||||
"index.sass"
|
||||
],
|
||||
"names": [],
|
||||
"file": "index.css"
|
||||
}
|
||||
58
css/index.sass
Normal file
58
css/index.sass
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
html body #mainContent
|
||||
height: 100vh
|
||||
|
||||
|
||||
#uploadSquare
|
||||
background: gray
|
||||
|
||||
width: 600px
|
||||
height: 300px
|
||||
|
||||
padding: 1em
|
||||
border-radius: .5em
|
||||
|
||||
color: white
|
||||
|
||||
|
||||
.successGlow
|
||||
animation: successGlow 2s
|
||||
animation-iteration-count: 1
|
||||
|
||||
@keyframes successGlow
|
||||
30%
|
||||
box-shadow: 0px 0px 100px 50px rgb(0, 255, 0)
|
||||
|
||||
70%
|
||||
box-shadow: 0px 0px 100px 50px rgb(0, 255, 0)
|
||||
|
||||
|
||||
.failureGlow
|
||||
animation: failureGlow 1s
|
||||
animation-iteration-count: 1
|
||||
|
||||
@keyframes failureGlow
|
||||
0%
|
||||
transform: translate(0px, 0px)
|
||||
|
||||
25%
|
||||
transform: translate(5px, 0px)
|
||||
|
||||
30%
|
||||
transform: translate(0px, 0px)
|
||||
box-shadow: 0px 0px 100px 50px red
|
||||
|
||||
40%
|
||||
transform: translate(-5px, 0px)
|
||||
|
||||
60%
|
||||
transform: translate(5px, 0px)
|
||||
|
||||
70%
|
||||
transform: translate(0px, 0px)
|
||||
box-shadow: 0px 0px 100px 50px red
|
||||
|
||||
75%
|
||||
transform: translate(-5px, 0px)
|
||||
|
||||
100%
|
||||
transform: translate(0px, 0px)
|
||||
12
failureToast.html
Normal file
12
failureToast.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div id="failureToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0px; left: 10px; width: 300px" data-delay="5000">
|
||||
<div class="toast-header">
|
||||
<strong class="mr-auto">Upload has Failed</strong>
|
||||
<small>Just Now</small>
|
||||
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
File could not be uploaded.
|
||||
</div>
|
||||
</div>
|
||||
42
index.php
Normal file
42
index.php
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Fax Me</title>
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<script src="js/index.js"></script>
|
||||
|
||||
<script src="js/dropzone-5.7.0/dist/dropzone.js"></script>
|
||||
</head>
|
||||
|
||||
<body onload="onload()">
|
||||
<div id="mainContent" class="container d-flex flex-column">
|
||||
<div class="jumbotron">
|
||||
<h1>Page Header</h1>
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 d-flex flex-column align-items-center justify-content-center">
|
||||
<div id="uploadSquare" class="d-flex flex-column align-items-center justify-content-center">
|
||||
<h5>Drag Files Here for Upload</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
include("successToast.html");
|
||||
include("failureToast.html");
|
||||
?>
|
||||
<script>
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
7
js/dropzone-5.7.0/.gitignore
vendored
Normal file
7
js/dropzone-5.7.0/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
build
|
||||
components
|
||||
node_modules
|
||||
.DS_Store
|
||||
.sass-cache
|
||||
_site
|
||||
_config.yaml
|
||||
52
js/dropzone-5.7.0/.tagconfig
Normal file
52
js/dropzone-5.7.0/.tagconfig
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
{
|
||||
"files": [
|
||||
{
|
||||
"name": "src/dropzone.coffee",
|
||||
"regexs": [
|
||||
"Dropzone.version = \"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "dist/dropzone.js",
|
||||
"regexs": [
|
||||
"version = \"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "dist/min/dropzone.min.js",
|
||||
"regexs": [
|
||||
"version=\"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "dist/dropzone-amd-module.js",
|
||||
"regexs": [
|
||||
"version = \"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "dist/min/dropzone-amd-module.min.js",
|
||||
"regexs": [
|
||||
"version=\"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "package.json",
|
||||
"regexs": [
|
||||
"\"version\": \"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "component.json",
|
||||
"regexs": [
|
||||
"\"version\": \"###\""
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "bower.json",
|
||||
"regexs": [
|
||||
"\"version\": \"###\""
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
6
js/dropzone-5.7.0/CONTRIBUTING.md
Normal file
6
js/dropzone-5.7.0/CONTRIBUTING.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
Contribute
|
||||
==========
|
||||
|
||||
DO NOT CREATE PULL REQUESTS ON GITHUB!
|
||||
|
||||
I will simply close them. If you want to contribute, please use [gitlab.com](https://gitlab.com/meno/dropzone) instead.
|
||||
12
js/dropzone-5.7.0/LICENSE
Normal file
12
js/dropzone-5.7.0/LICENSE
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
License
|
||||
|
||||
(The MIT License)
|
||||
|
||||
Copyright (c) 2012 Matias Meno <m@tias.me>
|
||||
Logo & Website Design (c) 2015 "1910" www.weare1910.com
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
36
js/dropzone-5.7.0/README.md
Normal file
36
js/dropzone-5.7.0/README.md
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<img alt="Dropzone.js" src="http://www.dropzonejs.com/images/new-logo.svg" />
|
||||
|
||||
Dropzone.js is a light weight JavaScript library that turns an HTML element into a dropzone.
|
||||
This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX.
|
||||
|
||||
* * *
|
||||
|
||||
_If you want support, please use [stackoverflow](http://stackoverflow.com/) with the `dropzone.js` tag and not the
|
||||
GitHub issues tracker. Only post an issue here if you think you discovered a bug or have a feature request._
|
||||
|
||||
* * *
|
||||
|
||||
**Please read the [contributing guidelines](CONTRIBUTING.md) before you start working on Dropzone!**
|
||||
|
||||
<br>
|
||||
<div align="center">
|
||||
<a href="https://gitlab.com/meno/dropzone/builds/artifacts/master/download?job=release"><strong>>> Download <<</strong></a>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
This is no longer the official repository for Dropzone. I have switched to [gitlab.com](https://gitlab.com/meno/dropzone)
|
||||
as the primary location to continue development.
|
||||
|
||||
There are multiple reasons why I am switching from GitHub to GitLab, but a few of the reasons are the
|
||||
issue tracker that GitHub is providing, *drowning* me in issues that I am unable to categorise or prioritize properly,
|
||||
the lack of proper continuous integration, and build files. I don't want the compiled `.js` files in my repository, and
|
||||
people regularly commit changes to the compiled files and create pull requests with them.
|
||||
|
||||
I will write a blog post soon, that goes into detail about why I am doing the switch.
|
||||
|
||||
This repository will still remain, and always host the most up to date versions of dropzone, but only the distribution
|
||||
files!
|
||||
|
||||
MIT License
|
||||
-----------
|
||||
16
js/dropzone-5.7.0/bower.json
Normal file
16
js/dropzone-5.7.0/bower.json
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{
|
||||
"name": "dropzone",
|
||||
"location": "enyo/dropzone",
|
||||
"version": "5.7.0",
|
||||
"description": "Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.",
|
||||
"homepage": "http://www.dropzonejs.com",
|
||||
"main": [
|
||||
"dist/min/dropzone.min.css",
|
||||
"dist/min/dropzone.min.js"
|
||||
],
|
||||
"ignore": [
|
||||
"*",
|
||||
"!dist",
|
||||
"!dist/**/*"
|
||||
]
|
||||
}
|
||||
10
js/dropzone-5.7.0/component.json
Normal file
10
js/dropzone-5.7.0/component.json
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"name": "dropzone",
|
||||
"repo": "enyo/dropzone",
|
||||
"version": "5.7.0",
|
||||
"description": "Handles drag and drop of files for you.",
|
||||
"scripts": [ "index.js", "dist/dropzone.js" ],
|
||||
"styles": [ "dist/basic.css" ],
|
||||
"dependencies": { },
|
||||
"license": "MIT"
|
||||
}
|
||||
18
js/dropzone-5.7.0/composer.json
Normal file
18
js/dropzone-5.7.0/composer.json
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "enyo/dropzone",
|
||||
"description": "Handles drag and drop of files for you.",
|
||||
"homepage": "http://www.dropzonejs.com",
|
||||
"keywords": [
|
||||
"dragndrop",
|
||||
"drag and drop",
|
||||
"file upload",
|
||||
"upload"
|
||||
],
|
||||
"authors": [{
|
||||
"name": "Matias Meno",
|
||||
"email": "m@tias.me",
|
||||
"homepage": "http://www.matiasmeno.com"
|
||||
}],
|
||||
"license": "MIT",
|
||||
"minimum-stability": "dev"
|
||||
}
|
||||
39
js/dropzone-5.7.0/dist/basic.css
vendored
Normal file
39
js/dropzone-5.7.0/dist/basic.css
vendored
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
/*
|
||||
* The MIT License
|
||||
* Copyright (c) 2012 Matias Meno <m@tias.me>
|
||||
*/
|
||||
.dropzone, .dropzone * {
|
||||
box-sizing: border-box; }
|
||||
|
||||
.dropzone {
|
||||
position: relative; }
|
||||
.dropzone .dz-preview {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
margin: 0.5em; }
|
||||
.dropzone .dz-preview .dz-progress {
|
||||
display: block;
|
||||
height: 15px;
|
||||
border: 1px solid #aaa; }
|
||||
.dropzone .dz-preview .dz-progress .dz-upload {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 0;
|
||||
background: green; }
|
||||
.dropzone .dz-preview .dz-error-message {
|
||||
color: red;
|
||||
display: none; }
|
||||
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
|
||||
display: block; }
|
||||
.dropzone .dz-preview.dz-success .dz-success-mark {
|
||||
display: block; }
|
||||
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
|
||||
position: absolute;
|
||||
display: none;
|
||||
left: 30px;
|
||||
top: 30px;
|
||||
width: 54px;
|
||||
height: 58px;
|
||||
left: 50%;
|
||||
margin-left: -27px; }
|
||||
3845
js/dropzone-5.7.0/dist/dropzone-amd-module.js
vendored
Normal file
3845
js/dropzone-5.7.0/dist/dropzone-amd-module.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
396
js/dropzone-5.7.0/dist/dropzone.css
vendored
Normal file
396
js/dropzone-5.7.0/dist/dropzone.css
vendored
Normal file
|
|
@ -0,0 +1,396 @@
|
|||
/*
|
||||
* The MIT License
|
||||
* Copyright (c) 2012 Matias Meno <m@tias.me>
|
||||
*/
|
||||
@-webkit-keyframes passing-through {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30%, 70% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
transform: translateY(0px); }
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-40px);
|
||||
-moz-transform: translateY(-40px);
|
||||
-ms-transform: translateY(-40px);
|
||||
-o-transform: translateY(-40px);
|
||||
transform: translateY(-40px); } }
|
||||
@-moz-keyframes passing-through {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30%, 70% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
transform: translateY(0px); }
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-40px);
|
||||
-moz-transform: translateY(-40px);
|
||||
-ms-transform: translateY(-40px);
|
||||
-o-transform: translateY(-40px);
|
||||
transform: translateY(-40px); } }
|
||||
@keyframes passing-through {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30%, 70% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
transform: translateY(0px); }
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-40px);
|
||||
-moz-transform: translateY(-40px);
|
||||
-ms-transform: translateY(-40px);
|
||||
-o-transform: translateY(-40px);
|
||||
transform: translateY(-40px); } }
|
||||
@-webkit-keyframes slide-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
transform: translateY(0px); } }
|
||||
@-moz-keyframes slide-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
transform: translateY(0px); } }
|
||||
@keyframes slide-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px); }
|
||||
30% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
transform: translateY(0px); } }
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
10% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
20% {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
@-moz-keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
10% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
20% {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
10% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1); }
|
||||
20% {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
.dropzone, .dropzone * {
|
||||
box-sizing: border-box; }
|
||||
|
||||
.dropzone {
|
||||
min-height: 150px;
|
||||
border: 2px solid rgba(0, 0, 0, 0.3);
|
||||
background: white;
|
||||
padding: 20px 20px; }
|
||||
.dropzone.dz-clickable {
|
||||
cursor: pointer; }
|
||||
.dropzone.dz-clickable * {
|
||||
cursor: default; }
|
||||
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
|
||||
cursor: pointer; }
|
||||
.dropzone.dz-started .dz-message {
|
||||
display: none; }
|
||||
.dropzone.dz-drag-hover {
|
||||
border-style: solid; }
|
||||
.dropzone.dz-drag-hover .dz-message {
|
||||
opacity: 0.5; }
|
||||
.dropzone .dz-message {
|
||||
text-align: center;
|
||||
margin: 2em 0; }
|
||||
.dropzone .dz-message .dz-button {
|
||||
background: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
outline: inherit; }
|
||||
.dropzone .dz-preview {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 16px;
|
||||
min-height: 100px; }
|
||||
.dropzone .dz-preview:hover {
|
||||
z-index: 1000; }
|
||||
.dropzone .dz-preview:hover .dz-details {
|
||||
opacity: 1; }
|
||||
.dropzone .dz-preview.dz-file-preview .dz-image {
|
||||
border-radius: 20px;
|
||||
background: #999;
|
||||
background: linear-gradient(to bottom, #eee, #ddd); }
|
||||
.dropzone .dz-preview.dz-file-preview .dz-details {
|
||||
opacity: 1; }
|
||||
.dropzone .dz-preview.dz-image-preview {
|
||||
background: white; }
|
||||
.dropzone .dz-preview.dz-image-preview .dz-details {
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
-moz-transition: opacity 0.2s linear;
|
||||
-ms-transition: opacity 0.2s linear;
|
||||
-o-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear; }
|
||||
.dropzone .dz-preview .dz-remove {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
border: none; }
|
||||
.dropzone .dz-preview .dz-remove:hover {
|
||||
text-decoration: underline; }
|
||||
.dropzone .dz-preview:hover .dz-details {
|
||||
opacity: 1; }
|
||||
.dropzone .dz-preview .dz-details {
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
font-size: 13px;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 2em 1em;
|
||||
text-align: center;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
line-height: 150%; }
|
||||
.dropzone .dz-preview .dz-details .dz-size {
|
||||
margin-bottom: 1em;
|
||||
font-size: 16px; }
|
||||
.dropzone .dz-preview .dz-details .dz-filename {
|
||||
white-space: nowrap; }
|
||||
.dropzone .dz-preview .dz-details .dz-filename:hover span {
|
||||
border: 1px solid rgba(200, 200, 200, 0.8);
|
||||
background-color: rgba(255, 255, 255, 0.8); }
|
||||
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; }
|
||||
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
|
||||
border: 1px solid transparent; }
|
||||
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
padding: 0 0.4em;
|
||||
border-radius: 3px; }
|
||||
.dropzone .dz-preview:hover .dz-image img {
|
||||
-webkit-transform: scale(1.05, 1.05);
|
||||
-moz-transform: scale(1.05, 1.05);
|
||||
-ms-transform: scale(1.05, 1.05);
|
||||
-o-transform: scale(1.05, 1.05);
|
||||
transform: scale(1.05, 1.05);
|
||||
-webkit-filter: blur(8px);
|
||||
filter: blur(8px); }
|
||||
.dropzone .dz-preview .dz-image {
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 10; }
|
||||
.dropzone .dz-preview .dz-image img {
|
||||
display: block; }
|
||||
.dropzone .dz-preview.dz-success .dz-success-mark {
|
||||
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
|
||||
.dropzone .dz-preview.dz-error .dz-error-mark {
|
||||
opacity: 1;
|
||||
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
|
||||
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: 500;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -27px;
|
||||
margin-top: -27px; }
|
||||
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
|
||||
display: block;
|
||||
width: 54px;
|
||||
height: 54px; }
|
||||
.dropzone .dz-preview.dz-processing .dz-progress {
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-moz-transition: all 0.2s linear;
|
||||
-ms-transition: all 0.2s linear;
|
||||
-o-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear; }
|
||||
.dropzone .dz-preview.dz-complete .dz-progress {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.4s ease-in;
|
||||
-moz-transition: opacity 0.4s ease-in;
|
||||
-ms-transition: opacity 0.4s ease-in;
|
||||
-o-transition: opacity 0.4s ease-in;
|
||||
transition: opacity 0.4s ease-in; }
|
||||
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
|
||||
-webkit-animation: pulse 6s ease infinite;
|
||||
-moz-animation: pulse 6s ease infinite;
|
||||
-ms-animation: pulse 6s ease infinite;
|
||||
-o-animation: pulse 6s ease infinite;
|
||||
animation: pulse 6s ease infinite; }
|
||||
.dropzone .dz-preview .dz-progress {
|
||||
opacity: 1;
|
||||
z-index: 1000;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
width: 80px;
|
||||
margin-left: -40px;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
-webkit-transform: scale(1);
|
||||
border-radius: 8px;
|
||||
overflow: hidden; }
|
||||
.dropzone .dz-preview .dz-progress .dz-upload {
|
||||
background: #333;
|
||||
background: linear-gradient(to bottom, #666, #444);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
-webkit-transition: width 300ms ease-in-out;
|
||||
-moz-transition: width 300ms ease-in-out;
|
||||
-ms-transition: width 300ms ease-in-out;
|
||||
-o-transition: width 300ms ease-in-out;
|
||||
transition: width 300ms ease-in-out; }
|
||||
.dropzone .dz-preview.dz-error .dz-error-message {
|
||||
display: block; }
|
||||
.dropzone .dz-preview.dz-error:hover .dz-error-message {
|
||||
opacity: 1;
|
||||
pointer-events: auto; }
|
||||
.dropzone .dz-preview .dz-error-message {
|
||||
pointer-events: none;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
display: block;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-moz-transition: opacity 0.3s ease;
|
||||
-ms-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
top: 130px;
|
||||
left: -10px;
|
||||
width: 140px;
|
||||
background: #be2626;
|
||||
background: linear-gradient(to bottom, #be2626, #a92222);
|
||||
padding: 0.5em 1.2em;
|
||||
color: white; }
|
||||
.dropzone .dz-preview .dz-error-message:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 64px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #be2626; }
|
||||
3849
js/dropzone-5.7.0/dist/dropzone.js
vendored
Normal file
3849
js/dropzone-5.7.0/dist/dropzone.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
js/dropzone-5.7.0/dist/dropzone.js.map
vendored
Normal file
1
js/dropzone-5.7.0/dist/dropzone.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/dropzone-5.7.0/dist/min/basic.min.css
vendored
Normal file
1
js/dropzone-5.7.0/dist/min/basic.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}
|
||||
1
js/dropzone-5.7.0/dist/min/dropzone-amd-module.min.js
vendored
Normal file
1
js/dropzone-5.7.0/dist/min/dropzone-amd-module.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/dropzone-5.7.0/dist/min/dropzone.min.css
vendored
Normal file
1
js/dropzone-5.7.0/dist/min/dropzone.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/dropzone-5.7.0/dist/min/dropzone.min.js
vendored
Normal file
1
js/dropzone-5.7.0/dist/min/dropzone.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/dropzone-5.7.0/index.js
Normal file
1
js/dropzone-5.7.0/index.js
Normal file
|
|
@ -0,0 +1 @@
|
|||
module.exports = require("./dist/dropzone.js"); // Exposing dropzone
|
||||
40
js/dropzone-5.7.0/package.json
Normal file
40
js/dropzone-5.7.0/package.json
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
{
|
||||
"name": "dropzone",
|
||||
"version": "5.7.0",
|
||||
"description": "Handles drag and drop of files for you.",
|
||||
"keywords": [
|
||||
"dragndrop",
|
||||
"drag and drop",
|
||||
"file upload",
|
||||
"upload"
|
||||
],
|
||||
"homepage": "http://www.dropzonejs.com",
|
||||
"main": "./dist/dropzone.js",
|
||||
"maintainers": [
|
||||
{
|
||||
"name": "Matias Meno",
|
||||
"email": "m@tias.me",
|
||||
"web": "http://www.colorglare.com"
|
||||
}
|
||||
],
|
||||
"contributors": [
|
||||
{
|
||||
"name": "Matias Meno",
|
||||
"email": "m@tias.me",
|
||||
"web": "http://www.colorglare.com"
|
||||
}
|
||||
],
|
||||
"scripts": {
|
||||
"test": "grunt && npm run test-prebuilt",
|
||||
"test-prebuilt": "mocha-headless-chrome -f test/test-prebuilt.html -a no-sandbox -a disable-setuid-sandbox"
|
||||
},
|
||||
"bugs": {
|
||||
"email": "m@tias.me",
|
||||
"url": "https://gitlab.com/meno/dropzone/issues"
|
||||
},
|
||||
"license": "MIT",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://gitlab.com/meno/dropzone.git"
|
||||
}
|
||||
}
|
||||
32
js/index.js
Normal file
32
js/index.js
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
function onload() {
|
||||
var myDropzone = new Dropzone("div#uploadSquare", { url: "upload.php" });
|
||||
|
||||
var cookie = document.cookie;
|
||||
document.cookie = "status=none";
|
||||
|
||||
if (cookie == "") {
|
||||
window.location.reload(false);
|
||||
}
|
||||
|
||||
if (cookie == "status=success") {
|
||||
$('#successToast').toast('show');
|
||||
glowSuccess();
|
||||
} else if (cookie == "status=failure") {
|
||||
$('#failureToast').toast('show');
|
||||
glowFailure();
|
||||
}
|
||||
}
|
||||
|
||||
function glowSuccess() {
|
||||
setTimeout(function() {
|
||||
document.getElementById('uploadSquare').classList.remove('successGlow');
|
||||
}, 1500);
|
||||
document.getElementById('uploadSquare').classList.add('successGlow');
|
||||
}
|
||||
|
||||
function glowFailure() {
|
||||
setTimeout(function() {
|
||||
document.getElementById('uploadSquare').classList.remove('failureGlow');
|
||||
}, 1000);
|
||||
document.getElementById('uploadSquare').classList.add('failureGlow');
|
||||
}
|
||||
12
successToast.html
Normal file
12
successToast.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div id="successToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0px; left: 10px; width: 300px" data-delay="5000">
|
||||
<div class="toast-header">
|
||||
<strong class="mr-auto">Upload Successful</strong>
|
||||
<small>Just Now</small>
|
||||
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
File uploaded successfully.
|
||||
</div>
|
||||
</div>
|
||||
16
upload.php
Normal file
16
upload.php
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<?php
|
||||
$ds = DIRECTORY_SEPARATOR; //1
|
||||
|
||||
$storeFolder = 'uploads'; //2
|
||||
|
||||
if (!empty($_FILES)) {
|
||||
|
||||
$tempFile = $_FILES['file']['tmp_name']; //3
|
||||
|
||||
$targetPath = dirname(__FILE__) . $ds . $storeFolder . $ds; //4
|
||||
|
||||
$targetFile = $targetPath . $_FILES['file']['name']; //5
|
||||
|
||||
move_uploaded_file($tempFile, $targetFile); //6
|
||||
|
||||
}
|
||||
BIN
uploads/Quick Reference.pdf
Normal file
BIN
uploads/Quick Reference.pdf
Normal file
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue