Skip to content

Commit

Permalink
pushed from local
Browse files Browse the repository at this point in the history
  • Loading branch information
Du committed Aug 30, 2020
1 parent 6cb4f1e commit 8d0c732
Show file tree
Hide file tree
Showing 256 changed files with 36,026 additions and 0 deletions.
3 changes: 3 additions & 0 deletions CHANGELOG.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Filepicker 2.0.5

http://docs.hazzardweb.com/filepicker/master/changelog
12 changes: 12 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
# Storage
Storage is an extrmely fast program to store files on a webserver.

## Get Started
Simply clone the repository into whatever public server directory you want, and then point your (sub)domain to the directory where you placed the files.
Go to that domain in the browser, and you have access to upload, download, and delete files in that directory.

## Integrating with Retriever
You can integrate Storage with the Retriever search engine to search through your files. Storage is based on file metadata, and does not need a database.

## Can I view all files on the server?
Fear not, you can't view and edit anything, it is limited to a pre-generated folder called `files`.
38 changes: 38 additions & 0 deletions _navbar.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<?php

function tab_active($page)
{
echo substr($_SERVER['SCRIPT_NAME'], - strlen($page)) === $page ? ' class="active"' : '';
}

function demo_nav()
{
?>
<ul class="nav nav-tabs demo-nav-tabs">
<li<?php tab_active('index.php'); ?>><a href="index.php">Default</a></li>
<li<?php tab_active('plus.php'); ?>><a href="advanced.php">Advanced</a></li>
</ul>
<?php
}
?>

<div class="navbar navbar-default">
<div class="container">
<div class="col-md-9 col-md-offset-2">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.php" class="navbar-brand">Simple Storage</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://octarus.dev/storage" target="_blank">Docs</a></li>
</ul>
</div>
</div>
</div>
</div>
280 changes: 280 additions & 0 deletions advanced.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,280 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Octarus Storage</title>

<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,600,500,700">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropper/2.3.0/cropper.min.css">
<link rel="stylesheet" href="assets/css/demo.css">
<link rel="stylesheet" href="assets/css/fileicons.css">
<link rel="stylesheet" href="assets/css/filepicker.css">
</head>
<body>
<?php require __DIR__.'/_navbar.php'; ?>

<div class="container">
<div class="demo-container col-md-9 col-md-offset-2">
<?php demo_nav(); ?>

<div id="filepicker">
<!-- Button Bar -->
<div class="button-bar">
<div class="btn btn-success fileinput">
<i class="fa fa-plus"></i> Add files
<input type="file" name="files[]" multiple>
</div>

<button type="button" class="btn btn-info start-all">
<i class="fa fa-arrow-circle-o-up"></i> Start all
</button>

<button type="button" class="btn btn-warning cancel-all">
<i class="fa fa-ban"></i> Cancel all
</button>
</div>

<!-- Files -->
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="column-preview">Preview</th>
<th class="column-name">Name</th>
<th class="column-size">Size</th>
<th class="column-date">Modified</th>
<th>Actions</th>
</tr>
</thead>
<tbody class="files"></tbody>
<tfoot><tr><td colspan="5">No files where found.</td></tr></tfoot>
</table>
</div>

<!-- Pagination -->
<div class="pagination-container text-center"></div>

<!-- Drop Window -->
<div class="drop-window">
<div class="drop-window-content">
<h3><i class="fa fa-upload"></i> Drop files to upload</h3>
</div>
</div>
</div><!-- end of #filepicker -->
</div>
</div>

<!-- Crop Modal -->
<div id="crop-modal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<span class="close" data-dismiss="modal">&times;</span>
<h4 class="modal-title">Make a selection</h4>
</div>
<div class="modal-body">
<div class="alert alert-warning crop-loading">Loading image...</div>
<div class="crop-preview"></div>
</div>
<div class="modal-footer">
<div class="crop-rotate">
<button type="button" class="btn btn-default btn-sm crop-rotate-left" title="Rotate left">
<i class="fa fa-undo"></i>
</button>
<button type="button" class="btn btn-default btn-sm crop-flip-horizontal" title="Flip horizontal">
<i class="fa fa-arrows-h"></i>
</button>
<!-- <button type="button" class="btn btn-default btn-sm crop-flip-vertical" title="Flip vertical">
<i class="fa fa-arrows-v"></i>
</button> -->
<button type="button" class="btn btn-default btn-sm crop-rotate-right" title="Rotate right">
<i class="fa fa-repeat"></i>
</button>
</div>
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success crop-save" data-loading-text="Saving...">Save</button>
</div>
</div>
</div>
</div><!-- end of #crop-modal -->

<!-- Camera Modal -->
<div id="camera-modal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<span class="close" data-dismiss="modal">&times;</span>
<h4 class="modal-title">Take a picture</h4>
</div>
<div class="modal-body">
<div class="camera-preview"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left camera-hide" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success camera-capture">Take picture</button>
</div>
</div>
</div>
</div><!-- end of #camera-modal -->

<!-- Scripts -->
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.5.2/jquery.timeago.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropper/2.3.0/cropper.min.js"></script>

<script src="assets/js/filepicker.js"></script>
<script src="assets/js/filepicker-ui.js"></script>
<script src="assets/js/filepicker-drop.js"></script>
<script src="assets/js/filepicker-crop.js"></script>
<script src="assets/js/filepicker-camera.js"></script>

<script>
/*global $*/

$('#filepicker').filePicker({
url: 'uploader/index.php',
ui: {
autoUpload: false
},
plugins: ['ui', 'drop', 'camera', 'crop']
});

// Replace timeago strings.
if ($.fn.timeago) {
$.timeago.settings.strings = $.extend({}, $.timeago.settings.strings , {
seconds: 'few seconds', minute: 'a minute',
hour: 'an hour', hours: '%d hours', day: 'a day',
days: '%d days', month: 'a month', year: 'a year'
});
}
</script>

<!-- Upload Template -->
<script type="text/x-tmpl" id="uploadTemplate">
<tr class="upload-template">
<td class="column-preview">
<div class="preview">
<span class="fa file-icon-{%= o.file.extension %}"></span>
</div>
</td>
<td class="column-name">
<p class="name">{%= o.file.name %}</p>
<span class="text-danger error">{%= o.file.error || '' %}</span>
</td>
<td colspan="2">
<p>{%= o.file.sizeFormatted || '' %}</p>
<div class="progress">
<div class="progress-bar progress-bar-striped active"></div>
</div>
</td>
<td>
{% if (!o.file.autoUpload && !o.file.error) { %}
<a href="#" class="action action-primary start" title="Upload">
<i class="fa fa-arrow-circle-o-up"></i>
</a>
{% } %}
<a href="#" class="action action-warning cancel" title="Cancel">
<i class="fa fa-ban"></i>
</a>
</td>
</tr>
</script><!-- end of #uploadTemplate -->

<!-- Download Template -->
<script type="text/x-tmpl" id="downloadTemplate">
{% o.timestamp = function (src) {
return (src += (src.indexOf('?') > -1 ? '&' : '?') + new Date().getTime());
}; %}
<tr class="download-template">
<td class="column-preview">
<div class="preview">
{% if (o.file.versions && o.file.versions.thumb) { %}
<a href="{%= o.file.url %}" target="_blank">
<img src="{%= o.timestamp(o.file.versions.thumb.url) %}" width="64" height="64"></a>
</a>
{% } else { %}
<span class="fa file-icon-{%= o.file.extension %}"></span>
{% } %}
</div>
</td>
<td class="column-name">
<p class="name">
{% if (o.file.url) { %}
<a href="{%= o.file.url %}" target="_blank">{%= o.file.name %}</a>
{% } else { %}
{%= o.file.name %}
{% } %}
</p>
{% if (o.file.error) { %}
<span class="text-danger">{%= o.file.error %}</span>
{% } %}
</td>
<td class="column-size"><p>{%= o.file.sizeFormatted %}</p></td>
<td class="column-date">
{% if (o.file.time) { %}
<time datetime="{%= o.file.timeISOString() %}">
{%= o.file.timeFormatted %}
</time>
{% } %}
</td>
<td>
{% if (o.file.imageFile && !o.file.error) { %}
<a href="#" class="action action-primary crop" title="Crop">
<i class="fa fa-crop"></i>
</a>
{% } %}
{% if (o.file.error) { %}
<a href="#" class="action action-warning cancel" title="Cancel">
<i class="fa fa-ban"></i>
</a>
{% } else { %}
<a href="#" class="action action-danger delete" title="Delete">
<i class="fa fa-trash-o"></i>
</a>
{% } %}
</td>
</tr>
</script><!-- end of #downloadTemplate -->

<!-- Pagination Template -->
<script type="text/x-tmpl" id="paginationTemplate">
{% if (o.lastPage > 1) { %}
<ul class="pagination pagination-sm">
<li {% if (o.currentPage === 1) { %} class="disabled" {% } %}>
<a href="#!page={%= o.prevPage %}" data-page="{%= o.prevPage %}" title="Previous">&laquo;</a>
</li>

{% if (o.firstAdjacentPage > 1) { %}
<li><a href="#!page=1" data-page="1">1</a></li>
{% if (o.firstAdjacentPage > 2) { %}
<li class="disabled"><a>...</a></li>
{% } %}
{% } %}

{% for (var i = o.firstAdjacentPage; i <= o.lastAdjacentPage; i++) { %}
<li {% if (o.currentPage === i) { %} class="active" {% } %}>
<a href="#!page={%= i %}" data-page="{%= i %}">{%= i %}</a>
</li>
{% } %}

{% if (o.lastAdjacentPage < o.lastPage) { %}
{% if (o.lastAdjacentPage < o.lastPage - 1) { %}
<li class="disabled"><a>...</a></li>
{% } %}
<li><a href="#!page={%= o.lastPage %}" data-page="{%= o.lastPage %}">{%= o.lastPage %}</a></li>
{% } %}

<li {% if (o.currentPage === o.lastPage) { %} class="disabled" {% } %}>
<a href="#!page={%= o.nextPage %}" data-page="{%= o.nextPage %}" title="Next">&raquo</a>
</li>
</ul>
{% } %}
</script><!-- end of #paginationTemplate -->

</body>
</html>
Loading

0 comments on commit 8d0c732

Please sign in to comment.