Complete project overview page

Signed-off-by: Michal Čihař <michal@cihar.com>

weblate/html/project.html

@@ -12,6 +12,37 @@
 {% endblock %}
 
 {% block content %}
+<ul class="nav nav-pills">
+  <li class="active"><a href="#overview" data-toggle="pill">{% trans "Overview" %}</a></li>
+  <li class="dropdown">
+    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+      {% trans "Tools" %} <span class="caret"></span>
+    </a>
+    <ul class="dropdown-menu">
+      <li><a href="{% url 'data_project' project=object.slug  %}">{% trans "Data exports" %}</a></li>
+      <li><a href="#activity" data-toggle="pill" data-href="{% url 'view_activity_project' project=object.slug %}">{% trans "Activity" %}</a></li>
+      {% if perms.trans.commit_translation or perms.trans.update_translation %}
+      <li><a href="#git" data-toggle="pill" data-href="{% url 'git_status_project' project=object.slug %}">{% trans "Git maintenance" %}</a></li>
+      {% endif %}
+    </ul>
+  </li>
+  <li class="dropdown">
+    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+      {% trans "Share" %} <span class="caret"></span>
+    </a>
+    <ul class="dropdown-menu">
+{% with object.get_share_url as share_url and object.get_widgets_url as widgets_url %}
+      <li><a href="http://www.facebook.com/sharer.php?u={{ share_url }}">{% trans "Share on Facebook!" %}</a></li>
+      <li><a href="https://twitter.com/share?text={% blocktrans %}Translate {{ object }} using %23Weblate at {{ share_url }}!{% endblocktrans %}">{% trans "Tweet this translation!" %}</a></li>
+      <li><a href="{{ widgets_url }}">{% trans "Status widgets" %}</a></li>
+{% endwith %}
+    </ul>
+  </li>
+</ul>
+
+<div class="tab-content">
+<div class="tab-pane active" id="overview">
+
 <div class="row">
 
 <div class="col-md-6">
@@ -82,21 +113,31 @@
 </div>
 </div>
 
-<h2>{% trans "Tools" %}</h2>
+</div>
+
+
+<div class="tab-pane" id="activity">
+<div class="panel panel-primary">
+<div class="panel-heading"><h4 class="panel-title">{% trans "Activity" %}</h4></div>
+<div class="panel-body">
+<p>{% trans "Loading…" %}</p>
+</div>
+
+</div>
+</div>
 
-<div class="tabs" id="project-tabs">
-<ul>
 {% if perms.trans.commit_translation or perms.trans.update_translation %}
-<li><a href="{% url 'git_status_project' project=object.slug %}">{% trans "Git maintenance" %}</a></li>
+<div class="tab-pane" id="git">
+<div class="panel panel-primary">
+<div class="panel-heading"><h4 class="panel-title">{% trans "Git maintenance" %}</h4></div>
+<div class="panel-body">
+<p>{% trans "Loading…" %}</p>
+</div>
+
+</div>
+</div>
 {% endif %}
-<li><a href="#share">{% trans "Share" %}</a></li>
-<li><a href="{% url 'view_activity_project' project=object.slug %}">{% trans "Activity" %}</a></li>
-</ul>
 
-<div id="share">
-{% with object as project %}
-{% include 'share.html' %}
-{% endwith %}
 </div>
 
 </div>