{% extends "site/layout/base_workspace.html" %}

{% load com %}

{% load i18n %}

{% load local_perms %}

{% load activity %}

{% block head_base %}

<link href="{% url public-feed %}" title="Workspace feed" type="application/rss+xml" rel="alternate" />

{% endblock %}

{% block title %}

{% blocktrans %}Dashboard{% endblocktrans %}

{% endblock %}

{% block head %}

{% endblock %}

{% block main %}

{% get_local_perm request can_create_text as can_create_text %}

{% get_local_perm request can_manage_workspace as can_manage_workspace %}

<script type="text/javascript">

<!--

tb_conf['current_tab'] = 'dashboard';

-->

</script>

<script type="text/javascript">

<!--

$(function() {

    $(".hidden-text-actions").css('visibility','hidden');   

}) ;

-->

</script>

<div id="dashboard" class="tab-meta">   

<div style="float:left;width:32%;">

	<table class="dash_table">

	    <thead>

	        <tr>

	        <th><span class="em">{% blocktrans %}Actions{% endblocktrans %}</span></th>

			</tr>

		</thead>

		<tbody>

	        <tr><td>	

            {% if can_create_text %}<div class="dash_action"><a class="" href="{% url text-create-content %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/sop_write.png"/>&nbsp;{% blocktrans %}Create a text{% endblocktrans %}</a>&nbsp;<a class="tip" href="#" title="{% blocktrans %}Write a text inside your browser or paste a content from your clipboard{% endblocktrans %}"> </a></div>{% endif %}

            {% if can_create_text %}<div class="dash_action"><a class="" href="{% url text-create-upload %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/sop_upload.png"/>&nbsp;{% blocktrans %}Upload a text{% endblocktrans %}</a>&nbsp;<a class="tip" href="#" title="{% blocktrans %}Upload a document from your computer (Text document, Open Format document, Word document){% endblocktrans %}"> </a></div>{% endif %}

            {% if can_create_text %}<div class="dash_action"><a class="" href="{% url text-create-import %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/sop_import.png"/>&nbsp;{% blocktrans %}Import a co-mented text{% endblocktrans %}</a>&nbsp;<a class="tip" href="#" title="{% blocktrans %}Import a text, possibly with comments and attachments, which has been previously exported in XML format from co-ment interface{% endblocktrans %}"> </a></div>{% endif %}

            {% if can_manage_workspace %}<div class="dash_action"><a class="" href="{% url user-add %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/group_add.png"/>&nbsp;{% blocktrans %}Invite user{% endblocktrans %}</a></div>{% endif %}

            <div class="dash_action"><a class="" href="{% url profile %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/user_edit.png"/>&nbsp;{% blocktrans %}Edit your profile{% endblocktrans %}</a></div>

            <div class="dash_action"><a class="" href="{% url text %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/page_white_stack.png"/>&nbsp;{% blocktrans %}View text list{% endblocktrans %}</a></div>

            {% if can_manage_workspace %}<div class="dash_action"><a class="" href="{% url settings %}"><img align="middle" src="{{ CM_MEDIA_PREFIX }}img/cog_edit.png"/>&nbsp;{% blocktrans %}Configure workspace{% endblocktrans %}</a></div>{% endif %}

            </td>

            </tr>

		</tbody>

	</table>

	{% if to_mod_profiles or to_mod_comments %}

	<table class="dash_table">

	    <thead>

	        <tr>

	        <th><span class="em">{% blocktrans %}Moderation queue{% endblocktrans %}</span></th>

			</tr>

		</thead>

		<tbody>

	        <tr><td>

            <ul class="dashlog_list">

            {% for profile in to_mod_profiles %}

            	{% with profile.user as user %}

            	<li class="dashlog_item">

				    <div class="dashlog">            	

						<img class="dashlog_img" src="{{ CM_MEDIA_PREFIX }}img/user_error_small.png"/>

						<span class="dashlog_data">

            			{% blocktrans %}user {{ user }} awaits approval{% endblocktrans %}

            			</span>

            			<div class="mod_actions">

<img src="{{ CM_MEDIA_PREFIX }}img/bullet_go_small.png"/>

<a id="user-approve-{{ user.get_profile.key }}" href="#">{% blocktrans %}approve{% endblocktrans %}</a>/<a id="user-refuse-{{ user.get_profile.key }}" href="#">{% blocktrans %}refuse{% endblocktrans %}</a> {% blocktrans %}membership{% endblocktrans %}

<script type="text/javascript">

<!--

$("#user-approve-{{ user.get_profile.key }}").click(function(){

    url = '{% url user-enable user.get_profile.key %}';

	question = "{% blocktrans %}Are you sure you want to approve this user's membership to the workspace?{% endblocktrans %}";

    if (confirm(question)) {

        $.post(url, function(data){

              window.location = '{% url index %}';

            });                        

    }

});

$("#user-refuse-{{ user.get_profile.key }}").click(function(){

    url = '{% url user-suspend user.get_profile.key %}';

	question = "{% blocktrans %}Are you sure you want to refuse this user's membership to the workspace?{% endblocktrans %}";

    if (confirm(question)) {

        $.post(url, function(data){

              window.location = '{% url index %}';

            });                        

    }

});

-->             			

</script>

</div>

					<div style="padding-left:22px;" class="dashlog_metadata">

					{% blocktrans with profile.modified|timesince as duration %}registered {{ duration }} ago{% endblocktrans %}

                    </div>

					</div>

            	</li>

            	{% endwith %}

            {% endfor %}

            {% for comment in to_mod_comments %}

            	<li class="dashlog_item">

				    <div class="dashlog">            	

						<img class="dashlog_img" src="{{ CM_MEDIA_PREFIX }}img/note_error_small.png"/>

						<span class="dashlog_data">

		            	{% blocktrans %}comment{% endblocktrans %} <a href="{% url text-view-show-comment comment.text_version.text.key comment.id_key %}">{{ comment.title }}</a>

		            	{% blocktrans with comment.user as cuser %}by {{ cuser }} on text{% endblocktrans %} <a href="{% url text-view comment.text_version.text.key %}">{{ comment.text_version.text.title }}</a> {% blocktrans %}awaits approval{% endblocktrans %}<br />

		            	</span>

		            	<div style="padding-left:22px;" class="mod_actions">

<img src="{{ CM_MEDIA_PREFIX }}img/bullet_go_small.png"/>

<a id="comment-approve-{{ comment.key }}" href="#">{% blocktrans %}approve{% endblocktrans %}</a>/<a id="comment-refuse-{{ comment.key }}" href="#">{% blocktrans %}refuse{% endblocktrans %}</a> {% blocktrans %}comment{% endblocktrans %},

<a href="{% url text-view-show-comment comment.text_version.text.key comment.id_key %}">{% blocktrans %}view in context{% endblocktrans %}</a>

<script type="text/javascript">

<!--

$("#comment-approve-{{ comment.key }}").click(function(){

    url = '{% url text-client-exchange %}';

	question = "{% blocktrans %}Are you sure you want to approve this comment?{% endblocktrans %}";

    if (confirm(question)) {

        $.post(url,

                {

            'comment_key':'{{ comment.key }}',

            'fun':'editComment',

            'key':'{{ comment.text_version.text.key }}',

            'version_key':'{{ comment.text_version.key }}',

            'state':'approved'

                 },

               function(data){

              window.location = '{% url index %}';

            });                        

    }

});

$("#comment-refuse-{{ comment.key }}").click(function(){

    url = '{% url text-client-exchange %}';

	question = "{% blocktrans %}Are you sure you want to refuse this comment?{% endblocktrans %}";

    if (confirm(question)) {

        $.post(url,

                {

            'comment_key':'{{ comment.key }}',

            'fun':'editComment',

            'key':'{{ comment.text_version.text.key }}',

            'version_key':'{{ comment.text_version.key }}',            

            'state':'unapproved'

                 },

               function(data){

              window.location = '{% url index %}';

            });                        

    }

});

-->             			

</script>		            	

		            	</div>

						<div style="padding-left:22px;" class="dashlog_metadata">

						{% blocktrans with comment.modified|timesince as duration %}modified {{ duration }} ago{% endblocktrans %}

	                    </div>

		            </div>      

            	</li>           

            {% endfor %}

            </ul>

            </td></tr>		

		</tbody>

	</table>

	{% endif %}	

</div>	

<div style="float:left;width:32%;padding-left:15px;">

	<table class="dash_table">

	    <thead>

	        <tr>

	        <th><span class="em">{% blocktrans %}Recent texts{% endblocktrans %}</span> (<a href="{% url text %}">{% blocktrans %}all{% endblocktrans %}</a>)</th>

			</tr>

		</thead>

		<tbody>

	        <tr><td>

            <ul class="dashlog_list">

            {% for text in last_texts %}

            <li class="dashlog_item">

				    <div class="dashlog">            	

						<img class="dashlog_img" src="{{ CM_MEDIA_PREFIX }}img/page_white.png"/>

						<span class="dashlog_data">

							<a href="{% url text-view text.key %}">{{ text.title }}</a>						

                    </span>

                    <div style="padding-left:22px;" class="dashlog_metadata">

                    {% nb_comments text as nb_comments %}

					{% blocktrans count nb_comments as nb_comments %}{{ nb_comments }} comment{% plural %}{{ nb_comments }} comments{% endblocktrans %},

					{% blocktrans count text.get_versions_number as versions_number %}1 version{% plural%}{{ versions_number }} versions{% endblocktrans %},

					{% blocktrans with text.modified|timesince as duration %}modified {{ duration }} ago{% endblocktrans %}

                    </div>

                    </div>

                    </li>

            {% empty %}

            {% blocktrans %}No texts yet{% endblocktrans %}                    

            {% endfor %}

            </ul>

            </td></tr>		

		</tbody>

	</table>

	{% if can_manage_workspace %}

	{% include "site/dashboard_bloc_recent_comments.html" %}

	{% endif %}

</div>

<div style="float:left;width:32%;padding-left:15px;">

	{% if can_manage_workspace %}

	<table class="dash_table">

	    <thead>

	        <tr>

	        <th><span class="em">{% blocktrans %}Workspace activity{% endblocktrans %}</span>

		        ({% ifnotequal span 'month' %}<a href="?{% newparams 'span' 'month' %}">{% blocktrans %}month{% endblocktrans %}</a>{% else %}{% blocktrans %}month{% endblocktrans %}{% endifnotequal %}/{% ifnotequal span 'week' %}<a href="?{% newparams 'span' 'week' %}">{% blocktrans %}week{% endblocktrans %}</a>{% else %}{% blocktrans %}week{% endblocktrans %}{% endifnotequal %}/{% ifnotequal span 'day' %}<a href="?{% newparams 'span' 'day' %}">{% blocktrans %}24 hours{% endblocktrans %}</a>{% else %}{% blocktrans %}24 hours{% endblocktrans %}{% endifnotequal %})</th>

			</tr>

		</thead>

		<tbody>

        <tr>

            <td>

                <div>{% blocktrans %}Access{% endblocktrans %}</div>  

                <div class="spark" id="access">{% blocktrans %}Loading...{% endblocktrans %}</div>

                <script type="text/javascript">

                $(function() {

                    $('#access').sparkline({% activity all all span auto 'text_view' 'raw' %}, {'width': '250px','height': '40px'});

                });                

                </script>

            </td>

        </tr>

        <tr>

            <td>

                <div>{% blocktrans %}Commenting{% endblocktrans %}</div>  

                <div class="spark" id="commenting">{% blocktrans %}Loading...{% endblocktrans %}</div>

                <script type="text/javascript">

                $(function() {

                    $('#commenting').sparkline({% activity all all span auto 'comment_created' 'raw' %}, {'width': '250px','height': '40px'});

                });                

                </script>

            </td>

        </tr>

		</tbody>

	</table>

	<table class="dash_table">

	    <thead>

	        <tr>

	        <th>       

	        {% with "yes" as not_show_all%}

	        {% include "site/macros/paginator.html" %}

	        {% endwith %}    

		        <span class="em">{% blocktrans %}Activities{% endblocktrans %}</span>

		        <br />

	        <span class="view_options">

	            <input type="checkbox" name="view_texts" {% ifequal view_texts 1 %}checked="checked"{% endifequal %} id="view_texts"/>{% blocktrans %}texts{% endblocktrans %}

	            <input type="checkbox" name="view_comments" {% ifequal view_comments 1 %}checked="checked"{% endifequal %} id="view_comments"/>{% blocktrans %}comments{% endblocktrans %}

		        {% if can_manage_workspace %}

		            <input type="checkbox" name="view_users" {% ifequal view_users 1 %}checked="checked"{% endifequal %} id="view_users"/>{% blocktrans %}users{% endblocktrans %}

		        {% endif %}

	        </span>

        <script type="text/javascript">                

        <!--

        $(function() {

            $("#view_texts").click(function(){                

                window.location = ($(this).attr('checked'))? '?{% newparams 'view_texts' '1' %}' : '?{% newparams 'view_texts' '0' %}' ;

            });

            $("#view_comments").click(function(){                

                window.location = ($(this).attr('checked'))? '?{% newparams 'view_comments' '1' %}' : '?{% newparams 'view_comments' '0' %}' ;

            });

            $("#view_users").click(function(){                

                window.location = ($(this).attr('checked'))? '?{% newparams 'view_users' '1' %}' : '?{% newparams 'view_users' '0' %}' ;

            });

        }) ;

        --> 

        </script>	        

			</th>

			</tr>

		</thead>

		<tbody>

	        <tr><td>

                <ul class="dashlog_list">

                <!--     {{ activity.type }} {{ activity.text }} {{ activity.comment }} {{ activity.user }} -->

                {% for activity in object_list %}

                    <li class="dashlog_item">

				    <div class="dashlog">                    

                    <img class="dashlog_img" src={{ CM_MEDIA_PREFIX }}img/{{ activity.img_name }} />

                    <span class="dashlog_data">                    

                    {{ activity.printable_data }}

                    </span>

                    <div style="padding-left:22px;" class="dashlog_metadata">

                    {{ activity.printable_metadata }}

                    </div>

                    </div>

                    </li>

                {% empty %}

            	{% blocktrans %}No activities{% endblocktrans %}

                {% endfor %}

                </ul>    

            </td></tr>		

		</tbody>

	</table>

	{% else %}

		{% include "site/dashboard_bloc_recent_comments.html" %}	

	{% endif %}

</div>

<div style="clear:both;"></div>

</div>

{% endblock %}