{% extends "/old/layouts/free.html.twig" %}
{% do pimcore_head_link().appendStylesheet('/old/static/css/bootstrap-responsive.css') %}
{% do pimcore_head_link().appendStylesheet('/old/static/css/bootstrap.css') %}
{% do pimcore_head_link().appendStylesheet('/old/static/css/style_v2.css') %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/jquery-1.9.1.min.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/bootstrap.min.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/loDash.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/jquery-ui.min.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/moment.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/jstorage.min.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/libs/angular-1.1.5.min.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/free-version-2.js')) %}
{% do pimcore_head_script().appendFile(asset('/old/static/js/script.js')) %}
{% block content %}
<div class="row-fluid top-fix">
{# //Left Side (Groups) #}
<div class="row-fluid" data-spy="affix">
<div class="span3">
<form action="" class="span10" ng-submit="addList()">
<div class="input-append span12">
<input type="text" class="span12" ng-model="listText" data-placeholder="{{ 'input.placeholder.addGroup'|trans }}" />
<button class="btn btn-primary" type="submit">{{ 'submit.add-group'|trans }}</button>
</div>
</form>
</div>
{# //Right Side (Tasks) #}
<div class="span9">
<form action="" class="span10" ng-submit="addTask()">
<div class="input-append span12">
<input type="text" class="span12" id="taskText" name="taskText" ng-model="taskText" data-placeholder="{{ 'input.placeholder.tasks'|trans }}" />
<span class="btn speech" ng-click="speechTask()" data-toggle="tooltip" title="Speaking your Task text"><i class="icon-volume-up"></i></span>
<button class="btn btn-primary" type="submit">{{ 'submit.add-task'|trans }}</button>
</div>
</form>
</div>
</div>
</div>
<hr />
<div class="row-fluid free-version">
{# //Left Side (Groups) #}
<div class="span3">
<ul class="nav nav-pills nav-stacked sortable tt-hover-live">
{% verbatim %}
<li class="{{group.active}} tt-has-hover-menu" ng-repeat="group in groups track by group.id | orderBy:orderItems">
<a data-list="{{group.id}} tt-has-hover-menu" ng-click="setActive(group)">
{{group.name}}
</a>
<div class="tt-hover-menu">
<i class="tt-task-trash icon icon-trash icon-medium pull-right" ng-click="openModal(group)"></i>
</div>
</li>
{% endverbatim %}
</ul>
</div>
{# //Right Side (Tasks) #}
{% verbatim %}
<div class="span9 tt-task-row taskSortable" data-active-group="{{activeGroup}}">
<div class="row-fluid" ng-repeat="task in tasks track by task.id | orderBy:orderItems" data-id="{{task.id}}">
<div class="span6 well well-small task-row-first">
<span class="show-task-name" >{{task.name}}</span>
<input class="edit-task-name" ng-bind="changeName" type="text" data-task-id="{{task.id}}" value="{{task.name}}" />
<div class="tt-interaction">
<i class="tt-task-play icon icon-play icon-medium" ng-hide="task.isPlaying" ng-click="playTask(task)"></i>
<i class="tt-task-play icon icon-stop icon-medium" ng-show="task.isPlaying" ng-click="pauseTask(task)"></i>
<i class="tt-task-trash icon icon-trash icon-medium" ng-click="openModalTask(task)"></i>
</div>
</div>
<div class="span2 well well-small">{{task.startTime | date:'dd.MM.yy HH:mm:ss'}}</div>
<div class="span2 well well-small">{{task.endTime | date:'dd.MM.yy HH:mm:ss'}}</div>
<div class="span2 well well-small">{{task.showTime}}</div>
</div>
{% endverbatim %}
</div>
</div>
<div class="row-fluid">
<div class="span12">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Tasktimr -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7362254694267214"
data-ad-slot="1939897130"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
{# ### Gruppen Modal ### #}
<div class="modal hide" id="groupModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Gruppe löschen</h3>
</div>
<div class="modal-body">
{% verbatim %}
<p>Möchtest du die Gruppe <strong>"{{groupName}}"</strong> inkl. Tasks wirklich Löschen? </p>
{% endverbatim %}
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal" ng-click="noDelete()" aria-hidden="true">Nein auf keinen fall</a>
<a href="#" class="btn btn-primary" ng-click="deleteGroup()">Ja sicher</a>
</div>
</div>
{# ### Task Modal ### #}
<div class="modal hide" id="taskModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Task löschen</h3>
</div>
<div class="modal-body">
{% verbatim %}
<p>Möchtest du den Task <strong>"{{taskName}}"</strong> wirklich Löschen? </p>
{% endverbatim %}
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal" ng-click="noDelete()" aria-hidden="true">Nein auf keinen fall</a>
<a href="#" class="btn btn-primary" ng-click="deleteTask()">Ja sicher</a>
</div>
</div>
{% endblock %}