1<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%>
2
3<html><head>
4    <%@ include file="head.jsp" %>
5    <style type="text/css">
6        #progressBar {width: 350px; height: 11px; border: 1px solid black; display:none;}
7        #progressBarContent {width: 0; height: 10px; background: url("<c:url value="/icons/default/progress.png"/>") repeat;}
8    </style>
9    <script type="text/javascript" src="<c:url value="/dwr/engine.js"/>"></script>
10    <script type="text/javascript" src="<c:url value="/dwr/util.js"/>"></script>
11    <script type="text/javascript" src="<c:url value="/dwr/interface/transferService.js"/>"></script>
12
13    <script type="text/javascript">
14        function refreshProgress() {
15            transferService.getUploadInfo(updateProgress);
16        }
17
18        function updateProgress(uploadInfo) {
19
20            var progressBar = document.getElementById("progressBar");
21            var progressBarContent = document.getElementById("progressBarContent");
22            var progressText = document.getElementById("progressText");
23
24
25            if (uploadInfo.bytesTotal > 0) {
26                var percent = Math.ceil((uploadInfo.bytesUploaded / uploadInfo.bytesTotal) * 100);
27                var width = parseInt(percent * 3.5) + 'px';
28                progressBarContent.style.width = width;
29                progressText.innerHTML = percent + "<fmt:message key="more.upload.progress"/>";
30                progressBar.style.display = "block";
31                progressText.style.display = "block";
32                window.setTimeout("refreshProgress()", 1000);
33            } else {
34                progressBar.style.display = "none";
35                progressText.style.display = "none";
36                window.setTimeout("refreshProgress()", 5000);
37            }
38        }
39    </script>
40
41</head>
42<body class="mainframe bgcolor1 content_main" onload="${model.user.uploadRole ? "javascript:refreshProgress()" : ""}">
43<table align="right">
44<tr>
45<td></td>
46</tr>
47</table>
48
49<h1>
50    <img src="<spring:theme code="loadImage_mini"/>" width="32" alt=""/> &nbsp;<fmt:message key="more.upload.title"/>
51</h1>
52
53
54<c:if test="${model.user.uploadRole}">
55
56    <h2></h2>
57
58    <form method="post" enctype="multipart/form-data" action="upwin.view">
59        <table>
60            <tr>
61                <td><fmt:message key="more.upload.source"/></td>
62                <td colspan="2"><input type="file" id="file" name="file" size="55"/></td>
63            </tr>
64            <tr>
65                <td><fmt:message key="more.upload.target"/></td>
66                <td><input type="text" id="dir" readonly="readonly" name="dir" size="45" value="${model.uploadDirectory}Upload-${model.user.username}"/></td>
67                <td><input type="submit" value="<fmt:message key="more.upload.ok"/>"/></td>
68            </tr>
69            <tr>
70                <td colspan="2">
71                    <input type="checkbox" checked name="unzip" id="unzip" class="checkbox"/>
72                    <label for="unzip"><fmt:message key="more.upload.unzip"/></label>
73                </td>
74            </tr>
75        </table>
76    </form>
77	<br>
78
79	<p class="enter" id="progressText"/>
80
81    <div id="progressBar">
82        <div id="progressBarContent"/>
83    </div>
84
85</c:if>
86
87</body>
88</html>