<?php
$AutoChek = empty($AutoChek) ? FALSE : TRUE;
?>
<div>
<article id="mav_task" style="text-align:left;" class="earn_task_page mav">
<p><a class="btn btn-default" href="/user/task">Список заданий</a></p>
<?php if(!$GLOBALS['uid']) { ?>
<h1>Просмотр задания</h1>
<?php //include HTML.'no_auth.php'; ?>
<?php } elseif($ChBlok){ ?>
<h1>Просмотр задания</h1>
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-danger"><strong>Вы заблокированны!</strong><br />
<?php echo empty($ChBlokComm) ? 'Это могло случится если вы нарушали правила сервиса. Пожалуйста, свяжитесь с администрацией сайта.' : 'Причина блокировки: '.$ChBlokComm; ?>
</div>
</div>
</div>
<?php } elseif(empty($item)) { ?>
<h1>Просмотр задания</h1>
<div class="alert alert-warning"><strong>Задание не найдено :(</strong></div>
<?php } else {
extract($item);
$timer = $EndDate - time();
$st = (int)$Status;
$action = TRUE;
$Rat = (int)($Rat);
echo $feed;
?>
<h1>Задание №<?php echo $TaskId; ?>: <?php echo $Title; ?></h1>
<div class="panel panel-default" style="text-align: center;"><div class="panel-body">
<?php if(($st === 1 || $st === 3) && $timer > 0){ $action = TRUE; ?>
<?php if($st === 3) { ?>
<p><strong style="font-size: 24px;" class="text-danger">Внимание! Задание нужно доработать</strong></p>
<?php } else { ?>
<p><strong style="font-size: 24px;" class="text-success">Вы выполняете это задание!</strong></p>
<?php } ?>
<p>Завершить выполнение задания нужно до: <strong class="text-danger"><?php echo date('d.m.Y H:i',$EndDate); ?></strong> <span class="text-muted">(МСК)</span></p>
<div id="timerok">
<small>(<span>Осталось: </span><span class="afss_day_bv">0</span> дн.
<span class="afss_hours_bv">00</span> час.
<span class="afss_mins_bv">00</span> мин.
<span class="afss_secs_bv">00 </span> сек.)</small>
</div>
<div style="display: none;" id="timerend"><small>(Время на выполнения задания окончено)</small></div>
<p class="tect-center"><button data-scroll="#panel_otchet" class="btn btn-default">Перейти к отчету<br /><i class="fa fa-angle-double-down"></i></button></p>
<?php } elseif($st === 2){ $action = FALSE; ?>
<p><strong style="font-size: 24px;" class="text-warning"><i class="fa fa-clock-o"></i> Задание отправлено на проверку! Ожидайте результата проверки</strong></p>
<?php } elseif($st === 4){ $action = FALSE; ?>
<p><strong style="font-size: 24px;" class="text-success"><i class="fa fa-check"></i> Задание выполнено</strong></p>
<?php if($Rat === 0){ ?>
<div class="form-group">
<label>Оцените задание:</label>
<form method="post">
<input type="hidden" name="RatOk" value="<?php echo $Id; ?>" />
<button class="btn btn-success" type="submit" name="Rat" value="1"><i class="fa fa-plus"></i></button>
<button class="btn btn-warning" type="submit" name="Rat" value="0"><i class="fa fa-minus"></i></button>
</form>
</div>
<?php } else { ?>
<p style="text-align: center;"><strong>Ваша оценка:</strong> <?php echo ($Rat === 1) ? '<label class="btn btn-success"><i class="fa fa-plus"></i></label>' : '<label class="btn btn-warning"><i class="fa fa-minus"></i></label>'; ?></p>
<?php } ?>
<?php } elseif($st === 7) { $action = FALSE; ?>
<p><strong style="font-size: 24px;" class="text-muted"><i class="fa fa-minus-circle"></i> Рекламадатель заблокировал это задание</strong></p>
<div class="alert alert-danger" style="color: #000;margin: 0;text-align: left;">
<strong>Причина блокировки:</strong>
<div class="panel panel-default"><div class="panel-body"><?php echo $BlokMess; ?></div></div>
<!--<p>
<button class="btn btn-danger" onclick="$('#mod_edititem').hide(); send_bug(<?php echo $TaskId; ?>,'<?php echo $Title; ?>');"><i class="fa fa-exclamation-triangle"></i> Пожаловаться</button>
</p>-->
</div>
<?php } elseif($timer <= 0 || $st === 5){ $action = FALSE; ?>
<p><strong style="font-size: 24px;" class="text-danger">Время на выполнения этого задания истекло: <?php echo date('d.m.Y H:i',$EndDate); ?></strong></p>
<?php } else { $action = FALSE; ?>
<p><strong style="font-size: 24px;" class="text-muted">Задание больше недоступно</strong></p>
<?php } ?>
</div></div>
<div class="panel panel-default" >
<div class="table-responsive">
<table class="table table-condensed r-table table-bordered">
<tr>
<th style="width: 180px;">Категория:</th>
<td><?php echo $CatTitle; ?></td>
</tr>
<tr>
<th style="width: 180px;">Выполнить до:</th>
<td><?php echo date('d.m.Y H:i',$EndDate); ?></td>
</tr>
<tr>
<th style="width: 180px;">URL адрес задания:</th>
<td><?php
$_url = (mb_strlen($Url) > 40) ? (mb_substr($Url, 0, 40).' ...') : $Url; ?>
<a href="<?php echo $Url; ?>" target="_blank" title="Перейти на сайт задания"><?php echo $_url; ?></a>
</td>
</tr>
<tr>
<th style="width: 180px;">Оплата:</th>
<td><?php echo number_format ($Amount, 2,","," " ); ?> руб.</td>
</tr>
<tr>
<th style="width: 180px;">Проверка:</th>
<td><?php echo !$AutoChek ? 'Ручная' : 'Автопроверка'; ?></td>
</tr>
<?php if(!empty($TaskUserLogin)) { ?>
<tr>
<th style="width: 180px;">Пользователь:</th>
<td><?php echo $TaskUserLogin; ?></td>
<tr>
<?php } ?>
</table>
</div>
</div>
<div class="form-group">
<label>Описание задания:</label>
<textarea style="background-color: #effee7;" rows="5" readonly="" class="form-control"><?php echo $Body; ?></textarea>
</div>
<div class="form-group">
<label>Что нужно отправить для подтверждения:</label><br />
<textarea style="background-color: #effee7;" rows="3" readonly="" class="form-control"><?php echo $Otvet; ?></textarea>
</div>
<?php if(($st === 3 || $st === 5) && !empty($Dorabotka)) { ?>
<div class="alert alert-danger">
<strong>Причина доработки:</strong>
<textarea rows="3" class="form-control" readonly="readonly"><?php echo $Dorabotka; ?></textarea>
</div>
<?php } ?>
<?php if($action) { ?>
<div class="panel panel-primary" id="panel_otchet" style="margin: auto;max-width: 600px;">
<div class="panel-heading"><h3 class="panel-title">Отчет о выполненом задании</h3></div>
<div class="panel-body">
<small>Если Вы выполнили это задание, отправьте отчет заказчику.</small>
<form method="post" enctype="multipart/form-data">
<div class="form-group">
<label>Напишите подтверждение:</label><span data-valgroup="otchet" data-validel="otchet_send" data-valtype="reqired" data-valerrormes="Отчет не может быть пустым!" class="validator" >*</span>
<textarea rows="3" name="otchet" class="form-control" id="otchet_send"></textarea>
</div>
<?php if($AutoChek) { ?>
<div class="alert alert-danger"><strong>Внимание!</strong> Отчет проверяется автоматически. Пишите четкий и однозначный ответ. Не указывайте ничего лишнего. Будьте внимательны, в случае ошибки задание заблокируется.</div>
<?php } else { ?>
<?php } ?>
<style>
.form-row {
margin-bottom: 15px;
}
.form-row label {
display: block;
color: #777;
margin-bottom: 5px;
}
.form-row input[type="text"] {
width: 100%;
padding: 5px;
box-sizing: border-box;
}
/* Стили для вывода превью */
.img-item {
display: inline-block;
margin: 0 20px 20px 0;
position: relative;
user-select: none;
}
.img-item img {
border: 1px solid #767676;
}
.img-item a {
display: inline-block;
position: absolute;
top: -5px;
right: -9px;
width: 20px;
height: 20px;
background: rebeccapurple;
background: url(/assets/img/taskscreenshot/remove1.png) 0 0 no-repeat;
cursor: pointer;
}
</style>
<div class="img-list" id="js-file-list"></div>
<input id="js-file" type="file" name="file[]" multiple accept=".jpg,.jpeg,.png,.gif" style="margin-bottom: 15px;">
<script>
$("#js-file").change(function(){
if (window.FormData === undefined) {
alert('В вашем браузере загрузка файлов не поддерживается');
}
else {
var formData = new FormData();
$.each($("#js-file")[0].files, function(key, input){
formData.append('file[]', input);
});
$.ajax({
type: 'POST',
url: '/assets/img/taskscreenshot/upload_image.php',
cache: false,
contentType: false,
processData: false,
data: formData,
dataType : 'json',
success: function(msg){
msg.forEach(function(row) {
if (row.error == '') {
$('#js-file-list').append(row.data);
} else {
alert(row.error);
}
});
$("#js-file").val('');
}
});
}
});
/* Удаление загруженной картинки */
function remove_img(target){
$(target).parent().remove();
}
</script>
<div class="row" style="text-align: center;width: 100%;display: table;">
<div class="col-sm-6 cell"><p><button onclick="return validator('otchet');" type="submit" name="TaskOk" value="<?php echo $Id; ?>" class="btn btn-success"><i class="fa fa-check"></i> Закончить выполнение</button></p></div>
<div class="col-sm-6 cell"><p><button onclick="return confirm('Отказаться от задания?');" type="submit" name="TaskDel" value="<?php echo $Id; ?>" class="btn btn-warning"><i class="fa fa-times"></i> Отказаться от задания</button></p></div>
</div>
</form>
</div>
</div>
<?php } /* ?>
<form method="post"><p><button type="submit" name="TaskDel" value="<?php echo $Id; ?>" class="btn btn-default"><i class="fa fa-times"></i> Отказаться от задания</button></p></form>
<?php } */ ?>
<p> </p>
<script src="/assets/mav/js/start.js"></script>
<script type="text/javascript">
//<![CDATA[
var remain_bv = <?php echo $timer; ?>;
function parseTime_bv(timestamp){
if (timestamp < 0) timestamp = 0;
var day = Math.floor( (timestamp/60/60) / 24);
var hour = Math.floor(timestamp/60/60);
var mins = Math.floor((timestamp - hour*60*60)/60);
var secs = Math.floor(timestamp - hour*60*60 - mins*60);
var left_hour = Math.floor( (timestamp - day*24*60*60) / 60 / 60 );
$('span.afss_day_bv').text(day);
$('span.afss_hours_bv').text(left_hour);
if(String(mins).length > 1)
$('span.afss_mins_bv').text(mins);
else
$('span.afss_mins_bv').text("0" + mins);
if(String(secs).length > 1)
$('span.afss_secs_bv').text(secs);
else
$('span.afss_secs_bv').text("0" + secs);
}
$(document).ready(function(){
setInterval(function(){
remain_bv = remain_bv - 1;
parseTime_bv(remain_bv);
if(remain_bv <= 0){
$('#timerok').hide();
$('#timerend').show();
}
}, 1000);
});
//]]>
</script>
<?php } ?>
</article>
</div>