Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
Gelencsér Szabolcs
/
cloud
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
606f3842
authored
Feb 05, 2013
by
Dányi Bence
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
store: ajax upload (drag'n'drop)
parent
c6fc41fe
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
109 additions
and
34 deletions
+109
-34
miscellaneous/homepage/index.html
+2
-0
miscellaneous/store-server/CloudStore.py
+14
-3
one/static/box.less
+8
-0
one/static/cloud.js
+72
-26
one/templates/box-filelist.html
+13
-5
No files found.
miscellaneous/homepage/index.html
View file @
606f3842
...
...
@@ -38,6 +38,8 @@ body {
display
:
block
;
box-shadow
:
0
0
30px
rgba
(
0
,
0
,
0
,
0.3
);
border-radius
:
5px
;
text-align
:
center
;
vertical-align
:
middle
;
}
.contentblock
h2
{
background-color
:
#000
;
...
...
miscellaneous/store-server/CloudStore.py
View file @
606f3842
...
...
@@ -2,7 +2,7 @@
# TODO File permission checks
from
bottle
import
route
,
run
,
request
,
static_file
,
abort
,
redirect
,
app
from
bottle
import
route
,
run
,
request
,
static_file
,
abort
,
redirect
,
app
,
response
import
json
,
os
,
shutil
import
uuid
import
subprocess
...
...
@@ -258,6 +258,14 @@ def dl_hash(hash_num):
else
:
filename
=
os
.
path
.
basename
(
os
.
path
.
realpath
(
hash_path
+
'/'
+
hash_num
))
return
static_file
(
hash_num
,
root
=
hash_path
,
download
=
filename
)
@route
(
'/ul/<hash_num>'
,
method
=
'OPTIONS'
)
def
upload_allow
(
hash_num
):
response
.
set_header
(
'Access-Control-Allow-Origin'
,
'*'
)
response
.
set_header
(
'Access-Control-Allow-Methods'
,
'POST, GET, OPTIONS'
)
response
.
set_header
(
'Access-Control-Allow-Headers'
,
'Content-Type, Content-Range, Content-Disposition, Content-Description'
)
return
'ok'
@route
(
'/ul/<hash_num>'
,
method
=
'POST'
)
def
upload
(
hash_num
):
if
not
os
.
path
.
exists
(
ROOT_WWW_FOLDER
+
'/'
+
hash_num
):
...
...
@@ -293,10 +301,13 @@ def upload(hash_num):
for
chunk
in
fbuffer
(
file_data
.
file
):
f
.
write
(
chunk
)
datalength
+=
len
(
chunk
)
try
:
try
:
redirect_address
=
request
.
headers
.
get
(
'Referer'
)
except
:
redirect_address
=
REDIRECT_URL
redirect_address
=
REDIRECT_URL
response
.
set_header
(
'Access-Control-Allow-Origin'
,
'*'
)
response
.
set_header
(
'Access-Control-Allow-Methods'
,
'POST, GET, OPTIONS'
)
response
.
set_header
(
'Access-Control-Allow-Headers'
,
'Content-Type, Content-Range, Content-Disposition, Content-Description'
)
redirect
(
redirect_address
)
#return 'Upload finished: '+file_name+' - '+str(datalength)+' Byte'
...
...
one/static/box.less
View file @
606f3842
...
...
@@ -155,6 +155,14 @@
display: none;
.container{
padding: 5px 5px;
.upload-zone{
margin: 10px;
border-radius: 10px;
border: 2px dashed #666;
height: 40px;
text-align: center;
line-height: 40px;
}
}
h3{
font-weight: normal;
...
...
one/static/cloud.js
View file @
606f3842
...
...
@@ -28,7 +28,7 @@ $(function() {
}
});
toggleDetails
=
function
()
{
if
(
$
(
this
).
parent
(
'.wm'
).
hasClass
(
'opened'
)){
if
(
$
(
this
).
parent
(
'.wm'
).
hasClass
(
'opened'
))
{
$
(
this
).
parent
(
'.wm'
).
removeClass
(
'opened'
);
$
(
this
).
next
(
'.details'
).
slideUp
(
700
);
}
else
{
...
...
@@ -69,6 +69,11 @@ $(function() {
})
$
(
'#modal'
).
show
();
});
$
(
'#old-upload'
).
click
(
function
(
e
){
e
.
preventDefault
();
$
(
this
).
parent
().
hide
().
next
(
'div'
).
show
();
return
false
;
})
function
Model
()
{
var
self
=
this
;
...
...
@@ -76,6 +81,7 @@ $(function() {
self
.
allFiles
=
[];
self
.
notInRoot
=
ko
.
observable
(
false
);
self
.
fileLimit
=
5
;
function
throttle
(
f
)
{
var
disabled
=
false
;
return
function
()
{
...
...
@@ -122,16 +128,17 @@ $(function() {
})
function
loadFolderDone
(
data
)
{
var
viewData
=
[];
var
added
=
0
;
self
.
notInRoot
(
self
.
currentPath
().
lastIndexOf
(
'/'
)
!==
0
);
self
.
files
([]);
self
.
allFiles
=
data
;
for
(
var
i
in
data
)
{
added
++
;
if
(
added
<
6
)
addFile
(
data
[
i
]);
var
viewData
=
[];
var
added
=
0
;
self
.
notInRoot
(
self
.
currentPath
().
lastIndexOf
(
'/'
)
!==
0
);
self
.
files
([]);
self
.
allFiles
=
data
;
for
(
var
i
in
data
)
{
added
++
;
if
(
added
<
6
)
addFile
(
data
[
i
]);
}
}
}
function
addFile
(
d
)
{
var
viewData
;
if
(
d
.
TYPE
===
'D'
)
{
...
...
@@ -192,31 +199,77 @@ $(function() {
}
})
}
self
.
uploadURL
=
ko
.
observable
(
'/'
);
self
.
getUploadURL
=
function
()
{
self
.
uploadURL
=
ko
.
observable
(
'/'
);
self
.
getUploadURL
=
function
()
{
$
.
ajax
({
type
:
'POST'
,
data
:
'ul='
+
self
.
currentPath
()
+
'&next='
+
encodeURI
(
window
.
location
.
href
),
data
:
'ul='
+
self
.
currentPath
()
+
'&next='
+
encodeURI
(
window
.
location
.
href
),
url
:
'/ajax/store/upload'
,
dataType
:
'json'
,
success
:
function
(
data
){
success
:
function
(
data
)
{
self
.
uploadURL
(
data
.
url
);
}
}).
error
(
function
(){
console
.
log
(
'asd'
,
arguments
)})
}).
error
(
function
()
{
console
.
log
(
'asd'
,
arguments
)
})
}
self
.
newFolderName
=
ko
.
observable
();
self
.
newFolder
=
throttle
(
function
(
i
,
e
)
{
self
.
newFolderName
=
ko
.
observable
();
self
.
newFolder
=
throttle
(
function
(
i
,
e
)
{
$
(
e
.
target
).
parent
().
parent
().
parent
().
removeClass
(
'opened'
);
$
.
ajax
({
type
:
'POST'
,
data
:
'new='
+
self
.
newFolderName
()
+
'&path='
+
self
.
currentPath
(),
data
:
'new='
+
self
.
newFolderName
()
+
'&path='
+
self
.
currentPath
(),
url
:
'/ajax/store/newFolder'
,
dataType
:
'json'
,
success
:
function
(
data
){
success
:
function
(
data
)
{
loadFolder
(
self
.
currentPath
());
}
})
});
self
.
uploadProgress
=
ko
.
observable
(
'0%'
);
var
tests
=
{
filereader
:
typeof
FileReader
!=
'undefined'
,
dnd
:
'draggable'
in
document
.
createElement
(
'span'
),
formdata
:
!!
window
.
FormData
,
progress
:
"upload"
in
new
XMLHttpRequest
};
function
readfiles
(
files
)
{
var
formData
=
tests
.
formdata
?
new
FormData
()
:
null
;
for
(
var
i
=
0
;
i
<
files
.
length
;
i
++
)
{
if
(
tests
.
formdata
)
formData
.
append
(
'data'
,
files
[
i
]);
}
// now post a new XHR request
if
(
tests
.
formdata
)
{
var
xhr
=
new
XMLHttpRequest
();
xhr
.
open
(
'POST'
,
self
.
uploadURL
());
console
.
log
(
xhr
);
xhr
.
onload
=
function
()
{
self
.
uploadProgress
(
'0%'
);
loadFolder
(
self
.
currentPath
());
};
if
(
tests
.
progress
)
{
xhr
.
upload
.
onprogress
=
function
(
event
)
{
console
.
log
(
event
);
if
(
event
.
lengthComputable
)
{
var
complete
=
(
event
.
loaded
/
event
.
total
*
100
|
0
);
//progress.value = progress.innerHTML = complete;
self
.
uploadProgress
(
parseInt
(
complete
)
+
'%'
);
}
}
}
xhr
.
send
(
formData
);
}
}
document
.
addEventListener
(
'drop'
,
function
(
e
)
{
console
.
log
(
e
);
e
.
stopPropagation
();
e
.
preventDefault
();
console
.
log
(
e
.
dataTransfer
.
files
)
readfiles
(
e
.
dataTransfer
.
files
);
return
false
;
});
loadFolder
(
self
.
currentPath
());
}
var
model
=
new
Model
();
...
...
@@ -233,12 +286,5 @@ $(function() {
e
.
preventDefault
();
return
false
;
});
document
.
addEventListener
(
'drop'
,
function
(
e
)
{
console
.
log
(
e
);
e
.
stopPropagation
();
e
.
preventDefault
();
console
.
log
(
e
.
dataTransfer
.
files
)
return
false
;
});
})
one/templates/box-filelist.html
View file @
606f3842
...
...
@@ -73,16 +73,24 @@
</li>
<li
class=
"file-upload wm"
>
<div
class=
"summary"
data-bind=
"click: getUploadURL"
>
<div
class=
"quota"
>
<div
id=
"upload-progress"
class=
"used"
style=
"background-color: rgba(0,255,0,0.2);"
data-bind=
"style: {width: uploadProgress}"
></div>
</div>
<div
class=
"name filetype-up"
>
Fájlfeltöltés
</div>
<div
class=
"clear"
></div>
</div>
<div
class=
"details"
>
<div
class=
"container"
>
<form
method=
"POST"
data-bind=
"attr: {action: uploadURL}"
enctype=
"multipart/form-data"
>
{% csrf_token %}
<input
name=
"data"
type=
"file"
/>
<input
type=
"submit"
value=
"Feltöltés"
/>
</form>
<div
id=
"upload-zone"
class=
"upload-zone"
>
A feltöltéshez húzza ide a fájlt.
<a
href=
"#"
id=
"old-upload"
>
Hagyományos fájltfeltöltési felület
</a>
<img
class=
"preview"
/>
</div>
<div
style=
"display: none"
class=
"upload-zone"
>
<form
action=
"/"
method=
"POST"
data-bind=
"attr: {action: uploadURL}"
enctype=
"multipart/form-data"
>
<input
type=
"file"
name=
"data"
/>
<input
type=
"submit"
value=
"Feltöltés"
/>
</form>
</div>
</div>
</div>
</li>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment