165 lines
4.0 KiB
Smarty
Executable File
165 lines
4.0 KiB
Smarty
Executable File
<div class="list">
|
|
<div class="list_item">
|
|
<label class="desc" id="title1" for="tr_date">
|
|
<img src="/_image/training.png">
|
|
Dátum:
|
|
</label>
|
|
<div>{$training->get_tr_date(true)}</div>
|
|
</div>
|
|
|
|
<div class="list_item">
|
|
<label class="desc" id="title2" for="tr_training_type_trt_id">
|
|
<img src="/_image/tipus.png">
|
|
Típus:
|
|
</label>
|
|
<div>
|
|
{$training->get_tr_type_name_by_id()}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="list_item">
|
|
<label class="desc" id="title1" for="tr_duration">
|
|
<img src="/_image/time.png">
|
|
Időtartam:
|
|
</label>
|
|
<div>{$training->get_tr_duration()} perc</div>
|
|
</div>
|
|
|
|
{if $trc_coaches}
|
|
<div class="list_item">
|
|
<label class="desc" id="title1" for="coaches">
|
|
<img src="/_image/coach.png">
|
|
Edző(k):
|
|
</label>
|
|
<div>
|
|
{foreach $trc_coaches as $coach}
|
|
{$coach->get_ua_name()}<br>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
<div class="list_item">
|
|
<label class="desc" id="title1" for="tr_headcount">
|
|
<img src="/_image/letszam.png">
|
|
Létszám:
|
|
</label>
|
|
<div id="headcount">
|
|
{$headcount} fő
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<input type="hidden" id="tr_id" value="{$tr_id}">
|
|
|
|
<br><br><br>
|
|
|
|
<div class="list">
|
|
{foreach $users as $user}
|
|
|
|
<div class="{if $user->get_uk_presence($tr_id)}name_tag_checked{else}name_tag{/if}" id="{$user->get_uk_id()}">
|
|
<img src="/_image/shuttlecock.png">
|
|
<div>{$user->get_uk_name()}</div>
|
|
</div>
|
|
|
|
{/foreach}
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<div class="list">
|
|
{foreach $rest_users as $rest_user}
|
|
<div class="{if $rest_user->get_uk_presence($tr_id)}name_tag_checked{else}name_tag{/if}" id="{$rest_user->get_uk_id()}">
|
|
<img src="/_image/shuttlecock.png">
|
|
<div>{$rest_user->get_uk_name()}</div>
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
$('.name_tag').click(function() {
|
|
//alert($(this).css('backgroundColor'));
|
|
var user_id = $(this).attr('id');
|
|
var x = $(this).css('backgroundColor');
|
|
hexc(x);
|
|
var checked = (color == '#e2edff');
|
|
var tr_id = $("#tr_id").val();
|
|
//ha kék, akkor zöldre változtatja, egyébként fordítva
|
|
if (color == '#e2edff') {
|
|
$(this).css('backgroundColor', '#1eea0b');
|
|
var el = $('#headcount');
|
|
var num = parseInt(el.text());
|
|
el.text(num+1).append(" fő");
|
|
|
|
}
|
|
else {
|
|
$(this).css('backgroundColor', '#e2edff');
|
|
var el = $('#headcount');
|
|
var num = parseInt(el.text());
|
|
el.text(num-1).append(" fő");
|
|
}
|
|
//alert(checked);
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: '/_ajax/update_presence.php',
|
|
data: { checked : checked, user_id : user_id, tr_id : tr_id },
|
|
success: function(data) {
|
|
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
$('.name_tag_checked').click(function() {
|
|
//alert($(this).css('backgroundColor'));
|
|
var user_id = $(this).attr('id');
|
|
var x = $(this).css('backgroundColor');
|
|
hexc(x);
|
|
var checked = (color == '#e2edff');
|
|
var tr_id = $("#tr_id").val();
|
|
//ha kék, akkor zöldre változtatja, egyébként fordítva
|
|
if (color == '#e2edff') {
|
|
$(this).css('backgroundColor', '#1eea0b');
|
|
var el = $('#headcount');
|
|
var num = parseInt(el.text());
|
|
el.text(num+1).append(" fő");
|
|
|
|
}
|
|
else {
|
|
$(this).css('backgroundColor', '#e2edff');
|
|
var el = $('#headcount');
|
|
var num = parseInt(el.text());
|
|
el.text(num-1).append(" fő");
|
|
}
|
|
//alert(checked);
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: '/_ajax/update_presence.php',
|
|
data: { checked : checked, user_id : user_id, tr_id : tr_id },
|
|
success: function(data) {
|
|
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
|
|
function hexc(colorval) {
|
|
var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
|
|
delete(parts[0]);
|
|
for (var i = 1; i <= 3; ++i) {
|
|
parts[i] = parseInt(parts[i]).toString(16);
|
|
if (parts[i].length == 1) parts[i] = '0' + parts[i];
|
|
}
|
|
color = '#' + parts.join('');
|
|
}
|
|
|
|
|
|
</script> |