Forum embed.

courses_legacy/static/scss/components/_widgets.scss

@@ -133,7 +133,7 @@
 // --------------------------------------------------
 
 .forums-widget {
-    @include card(rgba(#fff,0.5));
+    @include card(transparent);
 
     .widget-filter {
         @include icon(after, search);

courses_legacy/static/scss/theme/_buttons.scss

@@ -152,7 +152,7 @@ a {
 .forums-widget {
     .btn {
         &.list-all, &.see-stats {
-            @include button-hover(#fff,#fff,rgba($orange,0.6),$orange);
+            @include button-hover(#fff,#fff,$brand-primary,darken($brand-primary, 10%));
         }
     }
 }

courses_legacy/templates/forum-embed.html

+{% extends 'base.html' %}
+{% load i18n %}
+{% load staticfiles %}
+{% load compress %}
+
+{% block js %}
+    {{ block.super }}
+    <script src="https://unpkg.com/ng-file-upload@12.0.4/dist/ng-file-upload.min.js"></script>
+    <script src="https://unpkg.com/angular-scroll@1.0.2/angular-scroll.min.js"></script>
+    <script src="https://unpkg.com/ui-select@0.19.8/dist/select.min.js"></script>
+
+    <script src="https://unpkg.com/tinymce@4.5.10/tinymce.min.js"></script>
+    <script src="https://unpkg.com/angular-ui-tinymce@0.0.19/dist/tinymce.min.js"></script>
+    <script src="{% static 'js/ui.tinymce.courses-legacy.config.js' %}"></script>
+    {% compress js %}
+    <script type="text/javascript" src="{% static 'js/discussion-app.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/discussion-controllers.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/discussion-services.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/discussion-directives.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/discussion-filters.js' %}"></script>
+    {% endcompress %}
+
+{% endblock %}
+
+{% block body_attrs %}
+  ng-app="discussion"
+{% endblock %}
+
+{% block content %}
+
+<ng-view></ng-view>
+
+{% verbatim %}
+<script type="text/ng-template" id="forum-embed.html">
+    <section class="widget forums forums-widget container-fluid forum-embed">
+        <header class="widget-header line one-column">
+            <div class="column">
+                <div class="pull-left">
+                    <h2 class="widget-title">Fóruns</h2>
+                </div>
+                <div class="pull-right hidden-xs">
+                    <a class="btn btn-success list-all" href="/discussion/">mostrar todos</a>
+                    <a class="btn btn-success new-topic" href="/discussion/topic/new/#!/topic/new/">criar novo tópico</a>
+                </div>
+                <div class="pull-right dropdown visible-xs">
+                    <button class="btn btn-default list-all dropdown-toggle" type="button" id="dropdownOptions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                        opções
+                    </button>
+                    <ul class="dropdown-menu dropdown-options" aria-labelledby="dropdownOptions">
+                        <li><a href="/discussion/">mostrar todos</a></li>
+                        <li><a href="/discussion/topic/new/#!/topic/new/">criar novo tópico</a></li>
+                    </ul>
+                </div>
+
+            </div>
+        </header>
+
+        <div class="line one-column">
+            <div class="column">
+                <h3 class="section-title">Últimas Postagens</h3>
+            </div>
+        </div>
+
+        <div class="line two-column fifty-fifty">
+
+            <div class="user-update column" ng-repeat="topic in latest_topics">
+                <div class="user-icon">
+                    <img ng-src="{{topic.author.picture}}" alt="{{topic.author.first_name}}" />
+                </div>
+                <div class="info">
+                    <a ng-href="/profile/{{ topic.author.username }}"><b>{{topic.author.first_name}}</b></a> comentou no tópico <a ng-href="/discussion/topic/#!/topic/{{topic.id}}/" class="thread-name">{{topic.title | charLimiter:50}}</a>
+                    no fórum <a ng-href="/discussion/#!/forum/{{ topic.forum }}">{{topic.forum_info.title}}</a></span>
+                </div>
+                <div class="actions">
+                    <span class="action last-update">Última atividade <b>{{ topic.last_activity_at | dateFilter }}</b></span>
+                    <span class="action liked"
+                          ng-class="{ 'active': topic.count_likes }">{{topic.count_likes}} {{topic.count_likes > 1 || topic.count_likes == 0? 'gostaram':'gostou'}}</span>
+                    <span class="action replies"
+                          ng-class="{ 'active': topic.count_replies }">{{topic.count_replies}} {{topic.count_replies > 1 || topic.count_replies == 0? 'comentários':'comentário'}}</span>
+                </div>
+            </div>
+        </div>
+    </section>
+</script>
+{% endverbatim %}
+{% endblock %}
\ No newline at end of file