Commit 8d9d0354fcee04806b4260cc5cabb0aadee0ff04
Committed by
GitHub
Exists in
amadeus_univasf
Merge pull request #588 from amadeusproject/refactoring
Daily Update - 16_10_2017
Showing
23 changed files
with
12781 additions
and
65 deletions
Show diff stats
amadeus/static/css/base/amadeus_responsive.css
@@ -91,6 +91,30 @@ | @@ -91,6 +91,30 @@ | ||
91 | } | 91 | } |
92 | 92 | ||
93 | @media(max-width: 768px) { | 93 | @media(max-width: 768px) { |
94 | + /* Buttons */ | ||
95 | + .visible-xs-block { | ||
96 | + margin: 10px auto; | ||
97 | + } | ||
98 | + | ||
99 | + .btn-mobile { | ||
100 | + padding: 5px 20px; | ||
101 | + font-size: 12px; | ||
102 | + } | ||
103 | + | ||
104 | + .btn-popover-mobile { | ||
105 | + padding: 4px 15px; | ||
106 | + font-size: 10px; | ||
107 | + } | ||
108 | + /* End Buttons */ | ||
109 | + | ||
110 | + .subject-period { | ||
111 | + font-size: 12px; | ||
112 | + } | ||
113 | + | ||
114 | + .mural .mural-list { | ||
115 | + padding: 0px; | ||
116 | + } | ||
117 | + | ||
94 | .navbar .project_name{ | 118 | .navbar .project_name{ |
95 | display: block !important; | 119 | display: block !important; |
96 | } | 120 | } |
@@ -494,6 +518,10 @@ | @@ -494,6 +518,10 @@ | ||
494 | } | 518 | } |
495 | 519 | ||
496 | @media(min-width: 769px) { | 520 | @media(min-width: 769px) { |
521 | + .btn-popover-mobile { | ||
522 | + padding: 5px 20px; | ||
523 | + font-size: 12px; | ||
524 | + } | ||
497 | 525 | ||
498 | #profile-menu{ | 526 | #profile-menu{ |
499 | float:right; | 527 | float:right; |
No preview for this file type
91.9 KB
amadeus/static/img/themes/black.png
69 KB
104 KB
amadeus/static/img/themes/green.png
69.3 KB
96.2 KB
amadeus/static/img/themes/red.png
71.4 KB
amadeus/static/js/mural.js
@@ -31,6 +31,9 @@ $(function () { | @@ -31,6 +31,9 @@ $(function () { | ||
31 | function setUserDataPopover() { | 31 | function setUserDataPopover() { |
32 | $('[data-toggle="popover"]').popover({ | 32 | $('[data-toggle="popover"]').popover({ |
33 | html: true, | 33 | html: true, |
34 | + placement: function () { | ||
35 | + return window.innerWidth <= 768 ? 'bottom' : 'right'; | ||
36 | + }, | ||
34 | content: function () { | 37 | content: function () { |
35 | return $(this).parent().find(".popover").html(); | 38 | return $(this).parent().find(".popover").html(); |
36 | } | 39 | } |
bulletin/templates/bulletin/view.html
@@ -171,9 +171,19 @@ | @@ -171,9 +171,19 @@ | ||
171 | </div> | 171 | </div> |
172 | 172 | ||
173 | <div class="row" style="padding-left: 10px;"> | 173 | <div class="row" style="padding-left: 10px;"> |
174 | - <div class="col-md-7" > | 174 | + <div class="col-md-2" > |
175 | <div class="row"> | 175 | <div class="row"> |
176 | - <div id="bullet_chart"> </div> | 176 | + <div id="bullet_chart1" > </div> |
177 | + </div> | ||
178 | + </div> | ||
179 | + <div class="col-md-2"> | ||
180 | + <div class="row"> | ||
181 | + <div id="bullet_chart2"> </div> | ||
182 | + </div> | ||
183 | + </div> | ||
184 | + <div class="col-md-3"> | ||
185 | + <div class="row"> | ||
186 | + <div id="bullet_chart3"> </div> | ||
177 | </div> | 187 | </div> |
178 | </div> | 188 | </div> |
179 | <div class="col-md-5"> | 189 | <div class="col-md-5"> |
@@ -441,11 +451,11 @@ | @@ -441,11 +451,11 @@ | ||
441 | var ind06 = [{valor: dataset[5].valor, mediana: dataset[5].mediana, maximo: dataset[5].maximo}]; | 451 | var ind06 = [{valor: dataset[5].valor, mediana: dataset[5].mediana, maximo: dataset[5].maximo}]; |
442 | 452 | ||
443 | // Variáveis de largura e altura da área de desenho do SVG | 453 | // Variáveis de largura e altura da área de desenho do SVG |
444 | - var w = 110; | ||
445 | - var h = 350; | 454 | + var w = 100; |
455 | + var h = 3*w; | ||
446 | 456 | ||
447 | // Margens | 457 | // Margens |
448 | - var margin = {top: 40,bottom: 40,left: 40,right: 10}; | 458 | + var margin = {top: w/3,bottom: w/3,left: w/3,right: w/12}; |
449 | 459 | ||
450 | // Definindo a área em que o gráfico será construído dentro da área de desenho | 460 | // Definindo a área em que o gráfico será construído dentro da área de desenho |
451 | var width = w - margin.left - margin.right; | 461 | var width = w - margin.left - margin.right; |
@@ -492,15 +502,17 @@ | @@ -492,15 +502,17 @@ | ||
492 | 502 | ||
493 | 503 | ||
494 | // Definindo o objeto SVG | 504 | // Definindo o objeto SVG |
495 | - var svg = d3.select("#bullet_chart").append("svg").attr("id", "bullet_chart1").attr("width", 6*w).attr("height", h); | 505 | + var svg = d3.select("#bullet_chart1").append("svg").attr("id", "bullet_chart").attr("width", 6*w).attr("height", h); |
506 | + var svg2 = d3.select("#bullet_chart2").append("svg").attr("id", "bullet_chart").attr("width", 6*w).attr("height", h); | ||
507 | + var svg3 = d3.select("#bullet_chart3").append("svg").attr("id", "bullet_chart").attr("width", 6*w).attr("height", h); | ||
496 | 508 | ||
497 | // Definindo um objeto SVG agrupado | 509 | // Definindo um objeto SVG agrupado |
498 | var bullet_chart = svg.append("g").classed("display", true).attr("transform", "translate(" + margin.left + "," + margin.top + ")"); | 510 | var bullet_chart = svg.append("g").classed("display", true).attr("transform", "translate(" + margin.left + "," + margin.top + ")"); |
499 | - var bullet_chart2 = svg.append("g").classed("display", true).attr("transform", "translate(" + (margin.left+w) + "," + margin.top + ")"); | ||
500 | - var bullet_chart3 = svg.append("g").classed("display", true).attr("transform", "translate(" + (margin.left+2*w) + "," + margin.top + ")"); | ||
501 | - var bullet_chart4 = svg.append("g").classed("display", true).attr("transform", "translate(" + (margin.left+3*w) + "," + margin.top + ")"); | ||
502 | - var bullet_chart5 = svg.append("g").classed("display", true).attr("transform", "translate(" + (margin.left+4*w) + "," + margin.top + ")"); | ||
503 | - var bullet_chart6 = svg.append("g").classed("display", true).attr("transform", "translate(" + (margin.left+5*w) + "," + margin.top + ")"); | 511 | + var bullet_chart2 = svg.append("g").classed("display", true).attr("transform", "translate(" + (margin.left + w) + "," + margin.top + ")"); |
512 | + var bullet_chart3 = svg2.append("g").classed("display", true).attr("transform", "translate(" + margin.left + "," + margin.top + ")"); | ||
513 | + var bullet_chart4 = svg2.append("g").classed("display", true).attr("transform", "translate(" + (margin.left + w) + "," + margin.top + ")"); | ||
514 | + var bullet_chart5 = svg3.append("g").classed("display", true).attr("transform", "translate(" + margin.left + "," + margin.top + ")"); | ||
515 | + var bullet_chart6 = svg3.append("g").classed("display", true).attr("transform", "translate(" + (margin.left + w) + "," + margin.top + ")"); | ||
504 | 516 | ||
505 | // Definindo o objeto tooltip | 517 | // Definindo o objeto tooltip |
506 | var tooltip = d3.select("body").append("div").attr("class", "toolTip"); | 518 | var tooltip = d3.select("body").append("div").attr("class", "toolTip"); |
chat/templates/chat/list.html
@@ -32,7 +32,7 @@ | @@ -32,7 +32,7 @@ | ||
32 | </form> | 32 | </form> |
33 | </div> | 33 | </div> |
34 | <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12"> | 34 | <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12"> |
35 | - <a href="{% url 'chat:participants_general' %}" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a> | 35 | + <a href="{% url 'chat:participants_general' %}" class="pull-right btn btn-default btn-raised btn-md btn-mobile visible-xs-block visible-sm-block">{% trans 'List all participants' %}</a> |
36 | </div> | 36 | </div> |
37 | </div> | 37 | </div> |
38 | </div> | 38 | </div> |
chat/templates/chat/list_participants.html
@@ -34,7 +34,7 @@ | @@ -34,7 +34,7 @@ | ||
34 | </form> | 34 | </form> |
35 | </div> | 35 | </div> |
36 | <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12"> | 36 | <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12"> |
37 | - <a href="{% url 'chat:participants_general' %}" class="pull-right btn btn-default btn-raised btn-md">{% trans 'List all participants' %}</a> | 37 | + <a href="{% url 'chat:participants_general' %}" class="pull-right btn btn-default btn-raised btn-md btn-mobile visible-xs-block visible-sm-block">{% trans 'List all participants' %}</a> |
38 | </div> | 38 | </div> |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
mural/templates/mural/_view.html
@@ -18,18 +18,18 @@ | @@ -18,18 +18,18 @@ | ||
18 | 18 | ||
19 | <br clear="all" /> | 19 | <br clear="all" /> |
20 | 20 | ||
21 | - <div class="col-md-3 col-sm-3 user-img"> | 21 | + <div class="col-md-3 col-sm-3 col-xs-3 user-img"> |
22 | <img src="{{ post.user.image_url }}" class="img-responsive" /> | 22 | <img src="{{ post.user.image_url }}" class="img-responsive" /> |
23 | </div> | 23 | </div> |
24 | - <div class="col-md-9 col-sm-9 user-info"> | 24 | + <div class="col-md-9 col-sm-9 col-xs-9 user-info"> |
25 | <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ post.user }}</h4> | 25 | <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ post.user }}</h4> |
26 | </div> | 26 | </div> |
27 | </div> | 27 | </div> |
28 | <div class="popover-footer"> | 28 | <div class="popover-footer"> |
29 | - <a href="#" onclick="getModalInfo($(this), '{{ post|chat_space }}', '{{ post|chat_space_type }}'); return false;" data-url='{% url "chat:profile" post.user.email %}' class="btn btn-default btn-sm btn-raised pull-left"> | 29 | + <a href="#" onclick="getModalInfo($(this), '{{ post|chat_space }}', '{{ post|chat_space_type }}'); return false;" data-url='{% url "chat:profile" post.user.email %}' class="btn btn-default btn-raised pull-left btn-popover-mobile"> |
30 | {% trans 'See Profile' %} | 30 | {% trans 'See Profile' %} |
31 | </a> | 31 | </a> |
32 | - <a href="#" onclick="getModalInfo($(this), '{{ post|chat_space }}', '{{ post|chat_space_type }}'); return false;" data-url='{% url "chat:talk" post.user.email %}' class="btn btn-success btn-sm btn-raised pull-right"> | 32 | + <a href="#" onclick="getModalInfo($(this), '{{ post|chat_space }}', '{{ post|chat_space_type }}'); return false;" data-url='{% url "chat:talk" post.user.email %}' class="btn btn-success btn-raised pull-right btn-popover-mobile"> |
33 | {% trans 'Send Message' %} | 33 | {% trans 'Send Message' %} |
34 | </a> | 34 | </a> |
35 | </div> | 35 | </div> |
mural/templates/mural/_view_comment.html
@@ -19,18 +19,18 @@ | @@ -19,18 +19,18 @@ | ||
19 | 19 | ||
20 | <br clear="all" /> | 20 | <br clear="all" /> |
21 | 21 | ||
22 | - <div class="col-md-3 col-sm-3 user-img"> | 22 | + <div class="col-md-3 col-sm-3 col-xs-3 user-img"> |
23 | <img src="{{ comment.user.image_url }}" class="img-responsive" /> | 23 | <img src="{{ comment.user.image_url }}" class="img-responsive" /> |
24 | </div> | 24 | </div> |
25 | - <div class="col-md-9 col-sm-9 user-info"> | 25 | + <div class="col-md-9 col-sm-9 col-xs-9 user-info"> |
26 | <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ comment.user }}</h4> | 26 | <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ comment.user }}</h4> |
27 | </div> | 27 | </div> |
28 | </div> | 28 | </div> |
29 | <div class="popover-footer"> | 29 | <div class="popover-footer"> |
30 | - <a href="#" onclick="getModalInfo($(this), '{{ comment.post|chat_space }}', '{{ comment.post|chat_space_type }}'); return false;" data-url='{% url "chat:profile" comment.user.email %}' class="btn btn-default btn-sm btn-raised pull-left"> | 30 | + <a href="#" onclick="getModalInfo($(this), '{{ comment.post|chat_space }}', '{{ comment.post|chat_space_type }}'); return false;" data-url='{% url "chat:profile" comment.user.email %}' class="btn btn-default btn-raised pull-left btn-popover-mobile"> |
31 | {% trans 'See Profile' %} | 31 | {% trans 'See Profile' %} |
32 | </a> | 32 | </a> |
33 | - <a href="#" onclick="getModalInfo($(this), '{{ comment.post|chat_space }}', '{{ comment.post|chat_space_type }}'); return false;" data-url='{% url "chat:talk" comment.user.email %}' class="btn btn-success btn-sm btn-raised pull-right"> | 33 | + <a href="#" onclick="getModalInfo($(this), '{{ comment.post|chat_space }}', '{{ comment.post|chat_space_type }}'); return false;" data-url='{% url "chat:talk" comment.user.email %}' class="btn btn-success btn-raised pull-right btn-popover-mobile"> |
34 | {% trans 'Send Message' %} | 34 | {% trans 'Send Message' %} |
35 | </a> | 35 | </a> |
36 | </div> | 36 | </div> |
mural/templates/mural/list.html
@@ -21,7 +21,7 @@ | @@ -21,7 +21,7 @@ | ||
21 | </div> | 21 | </div> |
22 | 22 | ||
23 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:manage_general' %}" data-pages="{{ paginator.num_pages }}" data-page="{{ page_obj.number }}" data-fav="{{ favorites }}" data-mine="{{ mines }}"> | 23 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:manage_general' %}" data-pages="{{ paginator.num_pages }}" data-page="{{ page_obj.number }}" data-fav="{{ favorites }}" data-mine="{{ mines }}"> |
24 | - <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding-left: 0px"> | 24 | + <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding: 0px"> |
25 | <div class="post-filter post-filter-small"> | 25 | <div class="post-filter post-filter-small"> |
26 | <h4>{% trans 'Filter' %}</h4> | 26 | <h4>{% trans 'Filter' %}</h4> |
27 | 27 |
mural/templates/mural/list_category.html
@@ -70,7 +70,7 @@ | @@ -70,7 +70,7 @@ | ||
70 | <input type="hidden" class="log_id" value="" /> | 70 | <input type="hidden" class="log_id" value="" /> |
71 | 71 | ||
72 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:load_category' category.id %}"> | 72 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:load_category' category.id %}"> |
73 | - <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding-left: 0px"> | 73 | + <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding: 0px"> |
74 | <div class="post-filter post-filter-small"> | 74 | <div class="post-filter post-filter-small"> |
75 | <h4>{% trans 'Filter' %}</h4> | 75 | <h4>{% trans 'Filter' %}</h4> |
76 | 76 |
mural/templates/mural/list_subject.html
@@ -69,7 +69,7 @@ | @@ -69,7 +69,7 @@ | ||
69 | <input type="hidden" class="log_id" value="" /> | 69 | <input type="hidden" class="log_id" value="" /> |
70 | 70 | ||
71 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:load_subject' subject.id %}"> | 71 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:load_subject' subject.id %}"> |
72 | - <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding-left: 0px"> | 72 | + <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding: 0px"> |
73 | <div class="post-filter post-filter-small"> | 73 | <div class="post-filter post-filter-small"> |
74 | <h4>{% trans 'Filter' %}</h4> | 74 | <h4>{% trans 'Filter' %}</h4> |
75 | 75 |
mural/templates/mural/resource_view.html
@@ -32,8 +32,26 @@ | @@ -32,8 +32,26 @@ | ||
32 | </div> | 32 | </div> |
33 | </div> | 33 | </div> |
34 | <div id="{{subject.slug}}" class="panel-collapse panel-body in collapse mural-ungeneral subject-related-panel"> | 34 | <div id="{{subject.slug}}" class="panel-collapse panel-body in collapse mural-ungeneral subject-related-panel"> |
35 | - <div class="col-md-12 cards-content mural" data-url="{% url 'mural:resource_view' resource.slug %}" data-pages="{{ paginator.num_pages }}" data-page="{{ page_obj.number }}" data-fav="{{ favorites }}" data-mine="{{ mines }}"> | ||
36 | - <div class="col-md-9 col-sm-9 col-xs-9 mural-list"> | 35 | + <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cards-content mural" data-url="{% url 'mural:resource_view' resource.slug %}" data-pages="{{ paginator.num_pages }}" data-page="{{ page_obj.number }}" data-fav="{{ favorites }}" data-mine="{{ mines }}"> |
36 | + <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding-left: 0px"> | ||
37 | + <div class="post-filter post-filter-small"> | ||
38 | + <h4>{% trans 'Filter' %}</h4> | ||
39 | + | ||
40 | + <form id="post-filters" action="" method="GET"> | ||
41 | + <div class="checkbox"> | ||
42 | + <label> | ||
43 | + <input name="favorite" type="checkbox" {{ favorites }}> {% trans 'Favorite posts' %} <i class="fa fa-thumb-tack"></i> | ||
44 | + </label> | ||
45 | + </div> | ||
46 | + <div class="checkbox"> | ||
47 | + <label> | ||
48 | + <input name="mine" type="checkbox" {{ mines }}> {% trans 'Only my posts' %} | ||
49 | + </label> | ||
50 | + </div> | ||
51 | + </form> | ||
52 | + </div> | ||
53 | + </div> | ||
54 | + <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 mural-list"> | ||
37 | <div class="post_make panel panel-default"> | 55 | <div class="post_make panel panel-default"> |
38 | <div class="panel-body"> | 56 | <div class="panel-body"> |
39 | <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 user-img text-center"> | 57 | <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 user-img text-center"> |
@@ -62,7 +80,7 @@ | @@ -62,7 +80,7 @@ | ||
62 | <h4>{% trans 'There are no posts in this mural yet.' %}</h4> | 80 | <h4>{% trans 'There are no posts in this mural yet.' %}</h4> |
63 | </div> | 81 | </div> |
64 | </div> | 82 | </div> |
65 | - <div class="col-md-3 col-sm-3 col-xs-3 post-filter"> | 83 | + <div class="col-lg-3 col-md-3 hidden-xs hidden-sm post-filter"> |
66 | <h4>{% trans 'Filter' %}</h4> | 84 | <h4>{% trans 'Filter' %}</h4> |
67 | 85 | ||
68 | <form id="post-filters" action="" method="GET"> | 86 | <form id="post-filters" action="" method="GET"> |
mural/templates/mural/subject_view.html
@@ -48,7 +48,25 @@ | @@ -48,7 +48,25 @@ | ||
48 | </div> | 48 | </div> |
49 | <div id="{{subject.slug}}" class="panel-collapse panel-body in collapse mural-ungeneral subject-related-panel"> | 49 | <div id="{{subject.slug}}" class="panel-collapse panel-body in collapse mural-ungeneral subject-related-panel"> |
50 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:subject_view' subject.slug %}" data-pages="{{ paginator.num_pages }}" data-page="{{ page_obj.number }}" data-fav="{{ favorites }}" data-mine="{{ mines }}"> | 50 | <div class="col-md-12 cards-content mural" data-url="{% url 'mural:subject_view' subject.slug %}" data-pages="{{ paginator.num_pages }}" data-page="{{ page_obj.number }}" data-fav="{{ favorites }}" data-mine="{{ mines }}"> |
51 | - <div class="col-md-9 col-sm-9 col-xs-9 mural-list"> | 51 | + <div class="col-sm-12 col-xs-12 visible-xs visible-sm" style="padding-left: 0px"> |
52 | + <div class="post-filter post-filter-small"> | ||
53 | + <h4>{% trans 'Filter' %}</h4> | ||
54 | + | ||
55 | + <form id="post-filters" action="" method="GET"> | ||
56 | + <div class="checkbox"> | ||
57 | + <label> | ||
58 | + <input name="favorite" type="checkbox" {{ favorites }}> {% trans 'Favorite posts' %} <i class="fa fa-thumb-tack"></i> | ||
59 | + </label> | ||
60 | + </div> | ||
61 | + <div class="checkbox"> | ||
62 | + <label> | ||
63 | + <input name="mine" type="checkbox" {{ mines }}> {% trans 'Only my posts' %} | ||
64 | + </label> | ||
65 | + </div> | ||
66 | + </form> | ||
67 | + </div> | ||
68 | + </div> | ||
69 | + <div class="col-md-9 col-sm-12 col-xs-12 mural-list"> | ||
52 | <div class="post_make panel panel-default"> | 70 | <div class="post_make panel panel-default"> |
53 | <div class="panel-body"> | 71 | <div class="panel-body"> |
54 | <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 user-img text-center"> | 72 | <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 user-img text-center"> |
@@ -77,7 +95,7 @@ | @@ -77,7 +95,7 @@ | ||
77 | <h4>{% trans 'There are no posts in this mural yet.' %}</h4> | 95 | <h4>{% trans 'There are no posts in this mural yet.' %}</h4> |
78 | </div> | 96 | </div> |
79 | </div> | 97 | </div> |
80 | - <div class="col-md-3 col-sm-3 col-xs-3 post-filter"> | 98 | + <div class="col-lg-3 col-md-3 hidden-xs hidden-sm post-filter"> |
81 | <h4>{% trans 'Filter' %}</h4> | 99 | <h4>{% trans 'Filter' %}</h4> |
82 | 100 | ||
83 | <form id="post-filters" action="" method="GET"> | 101 | <form id="post-filters" action="" method="GET"> |
notifications/templates/notifications/_view.html
@@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
7 | <div class="col-md-12"> | 7 | <div class="col-md-12"> |
8 | <div class="panel panel-default"> | 8 | <div class="panel panel-default"> |
9 | <div class="pendency panel-body"> | 9 | <div class="pendency panel-body"> |
10 | - <ul class="breadcrumb pend-card"> | 10 | + <ul class="breadcrumb pend-card hidden-sm hidden-xs"> |
11 | <li> | 11 | <li> |
12 | <a href="{% url 'subjects:home' %}">{% trans 'Home' %}</a> | 12 | <a href="{% url 'subjects:home' %}">{% trans 'Home' %}</a> |
13 | </li> | 13 | </li> |
@@ -48,7 +48,7 @@ | @@ -48,7 +48,7 @@ | ||
48 | </div> | 48 | </div> |
49 | {% if not has_subject_permissions %} | 49 | {% if not has_subject_permissions %} |
50 | <div class="row text-center"> | 50 | <div class="row text-center"> |
51 | - <a href="{{ notification.task.resource.access_link }}" class="btn btn-success btn-raised" {% if notification.task.resource.show_window %}target="_blank"{% endif %}> | 51 | + <a href="{{ notification.task.resource.access_link }}" class="btn btn-success btn-mobile btn-raised" {% if notification.task.resource.show_window %}target="_blank"{% endif %}> |
52 | {% if notification.level == 4 %} | 52 | {% if notification.level == 4 %} |
53 | {% trans 'Access the task' %} | 53 | {% trans 'Access the task' %} |
54 | {% else %} | 54 | {% else %} |
@@ -57,8 +57,8 @@ | @@ -57,8 +57,8 @@ | ||
57 | </a> | 57 | </a> |
58 | 58 | ||
59 | {% if notification.level < 3 %} | 59 | {% if notification.level < 3 %} |
60 | - <button class="btn btn-default no_button">{% trans 'or' %}</button> | ||
61 | - <button class="btn btn-default btn-raised" data-toggle="popover" data-placement="right"> | 60 | + <button class="btn btn-default no_button btn-mobile visible-xs-block visible-sm-block">{% trans 'or' %}</button> |
61 | + <button class="btn btn-default btn-raised btn-mobile" data-toggle="popover" data-placement="right"> | ||
62 | {% if notification.level == 1 %} | 62 | {% if notification.level == 1 %} |
63 | {% trans 'Define goal to realization' %} | 63 | {% trans 'Define goal to realization' %} |
64 | {% else %} | 64 | {% else %} |
subjects/templates/subjects/subject_card.html
@@ -58,7 +58,7 @@ | @@ -58,7 +58,7 @@ | ||
58 | <input type="hidden" class="log_id" value="" /> | 58 | <input type="hidden" class="log_id" value="" /> |
59 | 59 | ||
60 | <div class="row"> | 60 | <div class="row"> |
61 | - <div class="col-md-6"> | 61 | + <div class="col-md-6 col-xs-12"> |
62 | {% if subject.professor.all|length > 0 %} | 62 | {% if subject.professor.all|length > 0 %} |
63 | <h4><b>{% trans "Professor(s) " %}: </b> | 63 | <h4><b>{% trans "Professor(s) " %}: </b> |
64 | {{ subject.professor.all|join:', ' }} | 64 | {{ subject.professor.all|join:', ' }} |
@@ -67,11 +67,11 @@ | @@ -67,11 +67,11 @@ | ||
67 | <h4> {% trans "It doesn't possess professors" %} </h4> | 67 | <h4> {% trans "It doesn't possess professors" %} </h4> |
68 | {% endif %} | 68 | {% endif %} |
69 | </div> | 69 | </div> |
70 | - <div class="col-xs-6 col-md-3"> | ||
71 | - <p><b>{% trans "Beginning" %}:</b> {{subject.init_date}}</p> | 70 | + <div class="col-xs-6 col-md-3 subject-period"> |
71 | + <p><b>{% trans "Beginning" %}:</b> {{ subject.init_date|date:"SHORT_DATE_FORMAT" }} </p> | ||
72 | </div> | 72 | </div> |
73 | - <div class="col-xs-6 col-md-3"> | ||
74 | - <p><b>{% trans "End" %}:</b> {{subject.end_date}}</p> | 73 | + <div class="col-xs-6 col-md-3 subject-period"> |
74 | + <p><b>{% trans "End" %}:</b> {{ subject.end_date|date:"SHORT_DATE_FORMAT" }}</p> | ||
75 | </div> | 75 | </div> |
76 | 76 | ||
77 | <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> | 77 | <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
subjects/templates/subjects/view.html
@@ -99,18 +99,18 @@ | @@ -99,18 +99,18 @@ | ||
99 | 99 | ||
100 | <br clear="all" /> | 100 | <br clear="all" /> |
101 | 101 | ||
102 | - <div class="col-md-3 col-sm-3 user-img"> | 102 | + <div class="col-md-3 col-sm-3 col-xs-3 user-img"> |
103 | <img src="{{ participant.image_url }}" class="img-responsive" /> | 103 | <img src="{{ participant.image_url }}" class="img-responsive" /> |
104 | </div> | 104 | </div> |
105 | - <div class="col-md-9 col-sm-9 user-info"> | 105 | + <div class="col-md-9 col-sm-9 col-xs-9 user-info"> |
106 | <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ participant }}</h4> | 106 | <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ participant }}</h4> |
107 | </div> | 107 | </div> |
108 | </div> | 108 | </div> |
109 | <div class="popover-footer"> | 109 | <div class="popover-footer"> |
110 | - <a href="#" onclick="getModalInfo($(this), '{{ subject.id }}', 'subject'); return false;" data-url='{% url "chat:profile" participant.email %}' class="btn btn-default btn-sm btn-raised pull-left"> | 110 | + <a href="#" onclick="getModalInfo($(this), '{{ subject.id }}', 'subject'); return false;" data-url='{% url "chat:profile" participant.email %}' class="btn btn-default btn-raised pull-left btn-popover-mobile"> |
111 | {% trans 'See Profile' %} | 111 | {% trans 'See Profile' %} |
112 | </a> | 112 | </a> |
113 | - <a href="#" onclick="getModalInfo($(this), '{{ subject.id }}', 'subject'); return false;" data-url='{% url "chat:talk" participant.email %}' class="btn btn-success btn-sm btn-raised pull-right"> | 113 | + <a href="#" onclick="getModalInfo($(this), '{{ subject.id }}', 'subject'); return false;" data-url='{% url "chat:talk" participant.email %}' class="btn btn-success btn-raised pull-right btn-popover-mobile"> |
114 | {% trans 'Send Message' %} | 114 | {% trans 'Send Message' %} |
115 | </a> | 115 | </a> |
116 | </div> | 116 | </div> |
@@ -148,6 +148,9 @@ | @@ -148,6 +148,9 @@ | ||
148 | 148 | ||
149 | $('[data-toggle="popover"]').popover({ | 149 | $('[data-toggle="popover"]').popover({ |
150 | html: true, | 150 | html: true, |
151 | + placement: function () { | ||
152 | + return window.innerWidth <= 768 ? 'bottom' : 'left'; | ||
153 | + }, | ||
151 | content: function () { | 154 | content: function () { |
152 | return $(this).parent().find(".popover").html(); | 155 | return $(this).parent().find(".popover").html(); |
153 | } | 156 | } |
themes/templates/themes/css_update.html
@@ -29,30 +29,28 @@ | @@ -29,30 +29,28 @@ | ||
29 | <br clear="all" /> | 29 | <br clear="all" /> |
30 | 30 | ||
31 | {% for radio in field %} | 31 | {% for radio in field %} |
32 | - {% if radio.choice_value == 'contrast' %} | ||
33 | - | ||
34 | - {% else %} | ||
35 | - | ||
36 | - <label for="{{ radio.id_for_label }}" class="row text-center"> | ||
37 | - <div class="col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-lg-2 col-md-2 col-sm-2 col-xs-3 text-left"> | ||
38 | - <span class="radio"> | ||
39 | - {{ radio }} | ||
40 | - </span> | ||
41 | - </div> | ||
42 | - <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> | ||
43 | - {% with 'img/themes/'|add:radio.choice_value|add:'.png' as img_presentation %} | ||
44 | - <img class="radio theme_img" src="{% static img_presentation %}" /> | ||
45 | - {% endwith %} | ||
46 | - </div> | ||
47 | - <div class="col-md-2 col-md-2 col-sm-2 col-xs-2"> | ||
48 | - {% with 'css/themes/'|add:radio.choice_value|add:'.css' as doc_presentation %} | ||
49 | - <a class="radio" href="{% static doc_presentation %}" target="blank">{% trans 'Documentation' %}</a> | ||
50 | - {% endwith %} | ||
51 | - </div> | ||
52 | - </label> | ||
53 | - <br clear="all" /> | ||
54 | - {% endif %} | 32 | + {% if radio.choice_value == 'contrast' %} |
55 | 33 | ||
34 | + {% else %} | ||
35 | + <label for="{{ radio.id_for_label }}" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> | ||
36 | + <div class="col-lg-offset-2 col-md-offset-2 col-sm-offset-1 col-lg-2 col-md-2 col-sm-3 col-xs-12 text-left"> | ||
37 | + <span class="radio"> | ||
38 | + {{ radio }} | ||
39 | + </span> | ||
40 | + </div> | ||
41 | + <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> | ||
42 | + {% with 'img/themes/'|add:radio.choice_value|add:'.jpg' as img_presentation %} | ||
43 | + <img class="radio theme_img" src="{% static img_presentation %}" /> | ||
44 | + {% endwith %} | ||
45 | + </div> | ||
46 | + <div class="col-md-2 col-md-2 col-sm-2 col-xs-12"> | ||
47 | + {% with 'docs/themes/'|add:radio.choice_value|add:'_docs.pdf' as doc_presentation %} | ||
48 | + <a class="radio" href="{% static doc_presentation %}" target="blank">{% trans 'Documentation' %}</a> | ||
49 | + {% endwith %} | ||
50 | + </div> | ||
51 | + </label> | ||
52 | + <br clear="all" /> | ||
53 | + {% endif %} | ||
56 | {% endfor %} | 54 | {% endfor %} |
57 | </div> | 55 | </div> |
58 | 56 |