Scape
Материал из Department of Theoretical and Applied Mechanics
Версия от 10:29, 9 июля 2018; George (обсуждение | вклад)
Описание
Клиент
Исходный код клиента [JavaScript]:
1 /*
2 ------<====== Prelusive JS ======>------
3 */
4 function setCookie(cookieName, cookieValue){
5 document.cookie = cookieName + "=" + encodeURIComponent(cookieValue) + ";expires=" +
6 (new Date(new Date().getFullYear() + 2,0,0)).toUTCString();
7 }
8 function setCookieWithSpecifiedUTCDate(cookieName, cookieValue, cookieDate){
9 document.cookie = cookieName + "=" + encodeURIComponent(cookieValue) + ";expires=" +
10 cookieDate;
11 }
12 function getCookie(cookieName){
13 var cookieValue = document.cookie.match('(^|;)?' + cookieName + '=([^;]*)(;|$)');
14 return cookieValue ? decodeURIComponent(cookieValue[2]) : '';
15 }
16 function deleteCookie(cookieName){
17 document.cookie = cookieName + "=" + ";expires=Thu Jan 01 1970 00:00:00";
18 }
19 /*
20 ------<====== End ======>------
21 ------<====== Generic JS ======>------
22 */
23 function runScapeClient(){
24 document.getElementById('chooseTaskButton').onclick = function(){
25 document.getElementById('createTask').style.display = 'none';
26 document.getElementById('chooseTask').style.display = 'block';
27 };
28 document.getElementById('uploadFilesButton').onclick = function(){
29 document.getElementById('createTask').style.display = 'none';
30 document.getElementById('uploadFiles').style.display = 'block';
31 };
32 document.getElementById('sendTask').onclick = function(){
33 if(!document.getElementById('tasks').selectedIndex){
34 document.getElementById('creation').className = 'error';
35 return;
36 }
37
38 var id = generateId();
39 var task = document.getElementById('tasks').value;
40 var numberOfRealisations = document.getElementById('numberOfRealisations').valueAsNumber;
41 var parameters = document.getElementById('parameters').value;
42
43 chooseTaskClean();
44
45 var taskElement = document.createElement('div');
46 taskElement.id = 'task' + id;
47 taskElement.className = 'task';
48 taskElement.innerHTML = '<span class="title">' + task + ' [' + numberOfRealisations + ']</span><br>' +
49 'Параметры: ' + (parameters ? parameters : 'по умолчанию') +
50 '<br>Прошло: <span id="timeWindow' + id + '" data-time="' + new Date() + '">-</span><br>' +
51 '<span id="stop' + id + '" class="button">Прервать</span>' +
52 '<span id="reload' + id + '" class="button">Перезапустить</span>' +
53 '<span id="result' + id + '" class="button">Результаты</span>';
54 document.getElementById('workspace')
55 .insertBefore(taskElement, document.getElementById('creation').nextSibling);
56 var taskWindow = document.getElementById('task' + id);
57 setTimeout(function(){
58 taskWindow.style.height = '86px';
59 taskWindow.style.color = '#fff';
60 taskWindow.style.opacity = '1';
61 }, 1);
62 var timer = setInterval(function(){
63 var timeWindow = document.getElementById('timeWindow' + id);
64 var startDate = timeWindow.getAttribute('data-time');
65 var elapsedTime = (new Date() - new Date(startDate)) / 1000;
66 timeWindow.innerText = formatTime(elapsedTime);
67 }, 1000);
68 sendTask(id, task, numberOfRealisations, parameters, timer);
69 };
70 document.getElementById('uploadFiles').onclick = function(){
71 uploadFiles(document.getElementById('files').files);
72 };
73 document.getElementById('chooseTaskCancel').onclick = chooseTaskClean;
74 document.getElementById('uploadFilesCancel').onclick = uploadFilesClean;
75 document.getElementById('updateSpecsButton').onclick = updateSpecs;
76 try{
77 if(document.queryCommandEnabled('copy')){
78 document.getElementById('copyResults').onclick = function(){
79 document.getElementById('results').select();
80 document.execCommand('copy');
81 };
82 document.getElementById('copyResults').style.display = 'inline';
83 }else{
84 document.getElementById('selectResults').onclick = function(){
85 document.getElementById('results').select();
86 };
87 document.getElementById('selectResults').style.display = 'inline';
88 }
89 }catch(e){}
90 document.getElementById('saveResults').onclick = saveResult;
91 document.getElementById('closeResults').onclick = function(){
92 document.getElementById('results').innerText = '';
93 document.getElementById('resultsWindow').style.display = 'none';
94 };
95 document.getElementById('message').onclick = function(e){
96 this.style.display = 'none';
97 this.innerHtml = '';
98 this.className = '';
99 }
100 setInterval(updateSpecs, 60000);
101 updateSpecs();
102 updateTasks();
103 }
104
105 var generateId = (function(){var i = 0; return (function(){return ++i;});})();
106
107 function createCORSInstance(method, url){
108 var r = new XMLHttpRequest;
109 "withCredentials" in r ? r.open(method, url, !0) : "undefined" != typeof XDomainRequest ? (r = new XDomainRequest, r.open(method,url)) : r = null
110 return r;
111 }
112 function updateSpecs(){
113 var r = createCORSInstance('GET', 'http://tm.spbstu.ru:8100/specs/');
114 var elements = document.querySelectorAll('[id^=\'specs_\']');
115 for(var key in elements) elements[key].innerText = '-';
116 r.onerror = function(){
117 var message = document.getElementById('message');
118 message.innerHTML = message.innerHTML + 'Не удалось загрузить характеристики.<br>'
119 message.className = 'error';
120 message.style.display = 'block';
121 }
122 r.onload = function(){
123 var specs = JSON.parse(this.response);
124 for(var key in specs) document.getElementById('specs_' + key).innerText = specs[key];
125 };
126 r.send();
127 }
128 function updateTasks(){
129 var r = createCORSInstance('GET', 'http://tm.spbstu.ru:8100/tasks/');
130 var tasks = document.querySelectorAll('#tasks option[value]');
131 for(var i = 0; i < tasks.length; ++i) tasks[i].remove();
132 r.onerror = function(){
133 var message = document.getElementById('message');
134 message.innerHTML = message.innerHTML + 'Не удалось загрузить список заданий.<br>'
135 message.className = 'error';
136 message.style.display = 'block';
137 }
138 r.onload = function(){
139 var tasks = JSON.parse(this.response);
140 var tasksList = document.getElementById('tasks');
141 for(var i = 0; i < tasks.length; ++i){
142 var task = document.createElement('option');
143 task.value = task.innerText = tasks[i].slice(0, -3);
144 tasksList.appendChild(task);
145 }
146 };
147 r.send();
148 }
149 function sendTask(id, task, numberOfRealisations, parameters, timer){
150 var r = createCORSInstance('GET', 'http://tm.spbstu.ru:8100/' + encodeURIComponent(task) + '/' +
151 numberOfRealisations + '/' + parameters.replace(/, /g, '&'));//fix encode
152 console.log('http://tm.spbstu.ru:8100/' + encodeURIComponent(task) + '/' +
153 numberOfRealisations + '/' + parameters.replace(/, /g, '&'));
154 var taskElement = document.getElementById('task' + id);
155 var stopButton = document.getElementById('stop' + id);
156 var reloadButton = document.getElementById('reload' + id);
157 var resultButton = document.getElementById('result' + id);
158 stopButton.style.display = 'inline';
159 reloadButton.style.display = 'none';
160 resultButton.style.display = 'none';
161 stopButton.onclick = function(){
162 r.abort();
163 clearTimeout(timer);
164 taskElement.className = 'default';
165 stopButton.style.display = 'none';
166 reloadButton.style.display = 'inline';
167 resultButton.style.display = 'none';
168 };
169 reloadButton.onclick = function(){
170 r.send();
171 };
172 r.onerror = function(){
173 clearTimeout(timer);
174 taskElement.className = 'error';
175 stopButton.style.display = 'none';
176 reloadButton.style.display = 'inline';
177 resultButton.style.display = 'none';
178 }
179 r.onload = function(){
180 var result = this.response;
181 console.log(result);
182 clearTimeout(timer);
183 taskElement.className = 'success';
184 stopButton.style.display = 'none';
185 reloadButton.style.display = 'none';
186 resultButton.style.display = 'inline';
187 resultButton.onclick = function(){
188 document.getElementById('results').innerText = result;
189 document.getElementById('resultsWindow').style.display = 'block';
190 };
191 };
192 r.send();
193 }
194 function uploadFiles(files){
195 var r = createCORSInstance('POST', 'http://tm.spbstu.ru:8100/upload/');
196 var f = new FormData();
197 for (var i = 0; i < files.length; ++i){
198 var file = files[i];
199 if(!file.type.match('application/x-javascript')){
200 continue;
201 }
202 f.append('files', file, file.name);
203 }
204 r.onerror = function(){
205 var message = document.getElementById('message');
206 message.innerHTML = message.innerHTML + 'Не удалось загрузить файлы.<br>'
207 message.className = 'error';
208 message.style.display = 'block';
209 }
210 r.onload = function(){
211 console.log(this.response);
212 };
213 r.send(f);
214 }
215 function saveResult(){
216 var r = createCORSInstance('POST', './server/give.php');
217 var f = new FormData();
218 f.append('data', document.getElementById('results').innerText);
219
220 r.onerror = function(){
221 var message = document.getElementById('message');
222 message.innerHTML = message.innerHTML + 'Запрос на сохранение не отправлен.<br>'
223 message.className = 'error';
224 message.style.display = 'block';
225 }
226 r.onload = function(){
227 var response = JSON.parse(this.response);
228 if(response['error']){
229 var message = document.getElementById('message');
230 message.innerHTML = message.innerHTML + response + ' Файл не может быть сохранён.<br>'
231 message.className = 'error';
232 message.style.display = 'block';
233 }else{
234 var url = 'http://ailurus.ru/scape/' + decodeURIComponent(response['link']);
235 console.log(url);
236 window.open(url, '_blank');
237 }
238 };
239 r.send(f);
240 }
241 function chooseTaskClean(){
242 document.getElementById('creation').className = 'default';
243 document.getElementById('createTask').style.display = 'block';
244 document.getElementById('chooseTask').style.display = 'none';
245 document.getElementById('defaultTask').selected = 'selected';
246 document.getElementById('numberOfRealisations').value = 50;
247 document.getElementById('parameters').value = '';
248 }
249 function uploadFilesClean(){
250 document.getElementById('creation').className = 'default';
251 document.getElementById('createTask').style.display = 'block';
252 document.getElementById('uploadFiles').style.display = 'none';
253 document.getElementById('files').value = '';
254 }
255 function formatTime(input){
256 var hoursString = '00';
257 var minutesString = '00';
258 var secondsString = '00';
259 var hours = 0;
260 var minutes = 0;
261 var seconds = 0;
262
263 input = Math.ceil(input);
264 hours = Math.floor(input / (60 * 60));
265 input = input % (60 * 60);
266
267 minutes = Math.floor(input / 60);
268 input = input % 60;
269
270 seconds = input;
271
272 hoursString = (hours >= 10) ? hours.toString() : '0' + hours.toString();
273 minutesString = (minutes >= 10) ? minutes.toString() : '0' + minutes.toString();
274 secondsString = (seconds >= 10) ? seconds.toString() : '0' + seconds.toString();
275
276 return hoursString + ':' + minutesString + ':' + secondsString;
277 }
278 /*
279 ------<====== End ======>------
280 */
