Skip to content

Commit

Permalink
refactor timetracker
Browse files Browse the repository at this point in the history
to vue
  • Loading branch information
philippK-de committed Sep 26, 2016
1 parent f8f0cc6 commit fbcc7a9
Show file tree
Hide file tree
Showing 2 changed files with 130 additions and 132 deletions.
127 changes: 127 additions & 0 deletions templates/standard/userProfileTimetracker.tpl
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<div class="timetrack" id="userTimetracker">
<div class="headline">
<a href="javascript:void(0);" id="acc-tracker_toggle" class="win_block" onclick = "toggleBlock('acc-tracker');"></a>
<div class="wintools">
<div class="export-main">
<a class="export"><span>{#export#}</span></a>
<div class="export-in" style="width:46px;left: -46px;"> {*at one item*}
<a class="pdf" href="managetimetracker.php?action=userpdf&amp;id={$project.ID}{if $start != "" and $end != ""}&amp;start={$start}&amp;end={$end}{/if}{if $usr > 0}&amp;usr={$usr}{/if}{if $task > 0}&amp;task={$task}{/if}{if $fproject > 0}&amp;project={$fproject}{/if}"><span>{#pdfexport#}</span></a>
<a class="excel" href="managetimetracker.php?action=userxls&amp;id={$project.ID}{if $start != "" and $end != ""}&amp;start={$start}&amp;end={$end}{/if}{if $usr > 0}&amp;usr={$usr}{/if}{if $task > 0}&amp;task={$task}{/if}{if $fproject > 0}&amp;project={$fproject}{/if}"><span>{#excelexport#}</span></a>
</div>
</div>

<div class="toolwrapper">
<a class="filter" href="javascript:blindtoggle('form_filter');" id="filter_report" onclick="toggleClass(this,'filter-active','filter');toggleClass('filter_butn','butn_link_active','butn_link');toggleClass('sm_report','smooth','nosmooth');"><span>{#filterreport#}</span></a>
</div>
</div>

<h2>
<img src="./templates/{$settings.template}/theme/{$settings.theme}/images/symbols/timetracker.png" alt="" />{#report#}
</h2>
</div>

<div class="block" id="acc-tracker"> {*Filter Report*}
<div id = "form_filter" class="addmenue display-none">
{include file="filterreport.tpl" }
</div>

<div class="nosmooth" id="sm_report">
<table cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th class="a"></th>
<th class="b">{#project#}</th>
<th class="cf">{#day#}</th>
<th class="cf">{#started#}</th>
<th class="cf">{#ended#}</th>
<th class="e text-align-right">{#hours#}&nbsp;&nbsp;</th>
<th class="tools"></th>
</tr>
</thead>

<tfoot>
<tr>
<td colspan="6"></td>
</tr>
</tfoot>

{literal}

<tbody v-for="tracker in items" class="alternateColors" id="track_{{*tracker.ID}}">
<tr>
<td></td>
<td>
<div class="toggle-in">
<span class="acc-toggle" onclick="javascript:accord_tracker.toggle(css('#acc-tracker_content{{$index}}"></span>
<a href = "managetimetracker.php?action=showproject&amp;id={{*tracker.project}}" title="{{*tracker.pname}}">
{{{*tracker.pname | truncate '30'}}}
</a>
</div>
</td>
<td>{{*tracker.daystring | truncate '12'}}</td>
<td>{{*tracker.startstring | truncate '12'}}</td>
<td>{{*tracker.endstring | truncate '12'}}</td>
<td class="text-align-right">{{*tracker.hours | truncate '12' }}&nbsp;&nbsp;</td>
<td class="tools">
{/literal}
{if $userpermissions.timetracker.edit}
{literal}
<a class="tool_edit"
href="managetimetracker.php?action=editform&amp;tid={$tracker[track].ID}&amp;id={$tracker[track].project}"
title="{/literal}{#edit#}"></a>
{/if}
{if $userpermissions.timetracker.del}
{literal}
<a class="tool_del"
href="javascript:confirmfunction('{#confirmdel#}','deleteElement(\'track_{$tracker[track].ID}\',\'managetimetracker.php?action=del&amp;tid={$tracker[track].ID}&amp;id={$project.ID}\')');"
title={/literal}"{#delete#}"></a>
{/if}
</td>
</tr>
{literal}
<tr class="acc">
<td colspan="7">
<div class="accordion_content">
<div class="acc-in">
<strong>{#comment#}:</strong><br />{{*tracker.comment}}
<template v-if="tracker.task > 0">
<p class="tags-miles">
<strong>{#task#}:</strong><br />
<a href = "managetask.php?action=showtask&amp;tid={$tracker[track].task}&amp;id={$tracker[track].project}">{$tracker[track].tname}</a>
</p>
</template>
</div>
</div>
</td>
</tr>
</tbody>
{/literal}

<tbody class="tableend">
<tr>
<td></td>
<td colspan="4"><strong>{#totalhours#}:</strong></td>
<td class="text-align-right"><strong>{$totaltime}</strong>&nbsp;&nbsp;</td>
<td class="tools"></td>
</tr>
</tbody>
</table>

</div> {*smooth End*}

<div class="tablemenue">
<div class="tablemenue-in">
<a class="butn_link" href="javascript:blindtoggle('form_filter');" id="filter_butn" onclick="toggleClass('filter_report','filter-active','filter');toggleClass(this,'butn_link_active','butn_link');toggleClass('sm_report','smooth','nosmooth');">{#filterreport#}</a>
</div>
</div>
</div> {*block END*}
</div> {*timetrack END*}
<script type="text/javascript">
userProfileTimetracker.url = userProfileTimetracker.url + "&id=" + {$user.ID};
var userProfileTimetrackerView = createView(userProfileTimetracker);
var accord_tracker;
userProfileTimetrackerView.afterUpdate(function() {
accord_tracker = new accordion2('acc-tracker');
});
</script>
135 changes: 3 additions & 132 deletions templates/standard/userprofile.tpl
Original file line number Diff line number Diff line change
Expand Up @@ -128,138 +128,9 @@



{if $userpermissions.admin.add or $userid == $user.ID}{if $tracker} {*timetracker start*}
<div class="timetrack" id="userTimetracker">
<div class="headline">
<a href="javascript:void(0);" id="acc-tracker_toggle" class="win_block" onclick = "toggleBlock('acc-tracker');"></a>
<div class="wintools">
<div class="export-main">
<a class="export"><span>{#export#}</span></a>
<div class="export-in" style="width:46px;left: -46px;"> {*at one item*}
<a class="pdf" href="managetimetracker.php?action=userpdf&amp;id={$project.ID}{if $start != "" and $end != ""}&amp;start={$start}&amp;end={$end}{/if}{if $usr > 0}&amp;usr={$usr}{/if}{if $task > 0}&amp;task={$task}{/if}{if $fproject > 0}&amp;project={$fproject}{/if}"><span>{#pdfexport#}</span></a>
<a class="excel" href="managetimetracker.php?action=userxls&amp;id={$project.ID}{if $start != "" and $end != ""}&amp;start={$start}&amp;end={$end}{/if}{if $usr > 0}&amp;usr={$usr}{/if}{if $task > 0}&amp;task={$task}{/if}{if $fproject > 0}&amp;project={$fproject}{/if}"><span>{#excelexport#}</span></a>
</div>
</div>

<div class="toolwrapper">
<a class="filter" href="javascript:blindtoggle('form_filter');" id="filter_report" onclick="toggleClass(this,'filter-active','filter');toggleClass('filter_butn','butn_link_active','butn_link');toggleClass('sm_report','smooth','nosmooth');"><span>{#filterreport#}</span></a>
</div>
</div>

<h2>
<img src="./templates/{$settings.template}/theme/{$settings.theme}/images/symbols/timetracker.png" alt="" />{#report#}
</h2>
</div>

<div class="block" id="acc-tracker"> {*Filter Report*}
<div id = "form_filter" class="addmenue display-none">
{include file="filterreport.tpl" }
</div>

<div class="nosmooth" id="sm_report">

<table cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th class="a"></th>
<th class="b">{#project#}</th>
<th class="cf">{#day#}</th>
<th class="cf">{#started#}</th>
<th class="cf">{#ended#}</th>
<th class="e text-align-right">{#hours#}&nbsp;&nbsp;</th>
<th class="tools"></th>
</tr>
</thead>

<tfoot>
<tr>
<td colspan="6"></td>
</tr>
</tfoot>

{section name = track loop=$tracker}

{*Color-Mix*}
{if $smarty.section.track.index % 2 == 0}
<tbody class="color-a" id="track_{$tracker[track].ID}">
{else}
<tbody class="color-b" id="track_{$tracker[track].ID}">
{/if}
<tr>
<td></td>
<td>
<div class="toggle-in">
<span class="acc-toggle" onclick="javascript:accord_tracker.activate($$('#acc-tracker .accordion_toggle')[{$smarty.section.track.index}]);toggleAccordeon('acc-tracker',this);"></span>
<a href = "managetimetracker.php?action=showproject&amp;id={$tracker[track].project}" title="{$tracker[track].pname}">
{$tracker[track].pname|truncate:30:"...":true}
</a>
</div>
</td>
<td>{$tracker[track].daystring|truncate:12:"...":true}</td>
<td>{$tracker[track].startstring|truncate:12:"...":true}</td>
<td>{$tracker[track].endstring|truncate:12:"...":true}</td>
<td class="text-align-right">{$tracker[track].hours|truncate:12:"...":true}&nbsp;&nbsp;</td>
<td class="tools">
{if $userpermissions.timetracker.edit}
<a class="tool_edit" href="managetimetracker.php?action=editform&amp;tid={$tracker[track].ID}&amp;id={$tracker[track].project}" title="{#edit#}"></a>
{/if}
{if $userpermissions.timetracker.del}
<a class="tool_del" href="javascript:confirmfunction('{#confirmdel#}','deleteElement(\'track_{$tracker[track].ID}\',\'managetimetracker.php?action=del&amp;tid={$tracker[track].ID}&amp;id={$project.ID}\')');" title="{#delete#}"></a>
{/if}
</td>
</tr>

<tr class="acc">
<td colspan="7">
<div class="accordion_toggle"></div>
<div class="accordion_content">
<div class="acc-in">
{if $tracker[track].comment != ""}
<strong>{#comment#}:</strong><br />{$tracker[track].comment}
{/if}
{if $tracker[track].task > 0}
<p class="tags-miles">
<strong>{#task#}:</strong><br />
<a href = "managetask.php?action=showtask&amp;tid={$tracker[track].task}&amp;id={$tracker[track].project}">{$tracker[track].tname}</a>
</p>
{/if}
</div>
</div>
</td>
</tr>
</tbody>
{/section}

<tbody class="tableend">
<tr>
<td></td>
<td colspan="4"><strong>{#totalhours#}:</strong></td>
<td class="text-align-right"><strong>{$totaltime}</strong>&nbsp;&nbsp;</td>
<td class="tools"></td>
</tr>
</tbody>

<tbody class="color-a">
<tr>
<td colspan="7">
<div id="paging float-right">
</div>
</td>

</tr>
</tbody>
</table>

</div> {*smooth End*}

<div class="tablemenue">
<div class="tablemenue-in">
<a class="butn_link" href="javascript:blindtoggle('form_filter');" id="filter_butn" onclick="toggleClass('filter_report','filter-active','filter');toggleClass(this,'butn_link_active','butn_link');toggleClass('sm_report','smooth','nosmooth');">{#filterreport#}</a>
</div>
</div>
</div> {*block END*}
</div> {*timetrack END*}
{/if}{/if}
{if $userpermissions.admin.add or $userid == $user.ID} {*timetracker start*}
{include file="userProfileTimetracker.tpl"}
{/if}
<div class="content-spacer"></div>


Expand Down

0 comments on commit fbcc7a9

Please sign in to comment.