Download as
Browse Code »

Commit abb95d1fd26c4f7380a95f4e641fb8f912837020

Authored by Matheus Lins
1 parent 53603b17
Exists in master and in 5 other branches amadeus_univasf, dev, image-crop, pdf_file_html, refactoring

updated template subject view teacher (continue)

Showing 3 changed files with 575 additions and 653 deletions   Show diff stats
core/static/css/base/amadeus.css
  Diff comments   View file @abb95d1
@@ -326,4 +326,13 @@ body .container .jumbotron-inverse, body .container .well-inverse, body .contain @@ -326,4 +326,13 @@ body .container .jumbotron-inverse, body .container .well-inverse, body .contain
326 height: 150px; 326 height: 150px;
327 } 327 }
328 328
329 -.datepicker{z-index:9999 !important}  
330 \ No newline at end of file 329 \ No newline at end of file
  330 +.datepicker{z-index:9999 !important}
  331 +
  332 +ul, li {
  333 + list-style-type: none !important;
  334 + text-decoration: none !important;
  335 +}
  336 +
  337 +.icon_edit_remove{
  338 + float: right;
  339 +}
331 \ No newline at end of file 340 \ No newline at end of file
core/templates/base.html
  Diff comments   View file @abb95d1
@@ -115,6 +115,7 @@ @@ -115,6 +115,7 @@
115 </div> 115 </div>
116 </div> 116 </div>
117 <script src="{% static 'js/main.js' %}"></script> 117 <script src="{% static 'js/main.js' %}"></script>
  118 + <script type="text/javascript" src="{% static 'js/topic_editation_presentation.js' %}"></script>
118 </body> 119 </body>
119 120
120 </html> 121 </html>
courses/templates/subject/form_view_teacher.html
  Diff comments   View file @abb95d1
1 -{% load static i18n list_topic_foruns permission_tags %}  
2 -  
3 -{% block javascript %}  
4 - <script type="text/javascript" src="{% static 'js/forum.js' %}"></script>  
5 -{% endblock %}  
6 -  
7 -<div class="panel-group accordion ui-accordion ui-widget ui-helper-reset ui-sortable" role="tablist" aria-multiselectable="false">  
8 - <div class="group"><div class="panel panel-default">  
9 - <div class="panel-heading headingOne ui-sortable-handle" role="tab">  
10 - <div class="row">  
11 - <div class="col-xs-9 col-md-10 titleTopic">  
12 - <a role="button" data-toggle="collapse" data-parent=".accordion" href=".collapseOne" aria-expanded="false" aria-controls="collapseOne" class="" aria-selected="false" tabindex="-1">  
13 - {{topic}}  
14 - </a>  
15 - </div>  
16 - <div class="col-xs-3 col-md-2 divMoreActions">  
17 - <div class="btn-group">  
18 - <button type="button" class="btn btn-default btn-sm eye" data-toggle="tooltip" data-placement="bottom" title="Visible">  
19 - <i class="fa fa-eye fa-2x" aria-hidden="true"></i>  
20 - </button>  
21 - </div>  
22 - <div class="btn-group">  
23 - <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="moreActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  
24 - <i class="fa fa-ellipsis-v fa-2x" aria-hidden="true"></i>  
25 - </button>  
26 - {% if user|has_role:'system_admin' or topic.owner == user%}  
27 - <ul class="dropdown-menu pull-right" aria-labelledby="moreActions">  
28 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#myModal4"><i class="fa fa-files-o fa-fw" aria-hidden="true"></i>&nbsp; {% trans "Replicate" %}</a></li>  
29 - <li><a href="{% url 'course:update_subject' subject.slug %}" data-toggle="modal" data-target="#editSubject"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; {% trans "Edit" %}</a></li>  
30 - <li><a href="{% url 'course:delete_subject' subject.slug %}" data-toggle="modal" data-target="#removeSubject"><i class="fa fa-trash fa-fw" aria-hidden="true"></i>&nbsp; {% trans "Remove" %}</a></li>  
31 - </ul>  
32 - {% endif %}  
33 - </div>  
34 - </div>  
35 - </div>  
36 - </div>  
37 - <div class="panel-collapse collapseOne collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="false" aria-hidden="true" tabindex="-1" aria-selected="false">  
38 - <div class="panel-body">  
39 - <div class="presentation">  
40 - <p>  
41 - <i>  
42 - {{topic.description|linebreaks}}  
43 - </i>  
44 - </p> 1 + {% load static i18n list_topic_foruns permission_tags %}
  2 +
  3 + {% block javascript %}
  4 + <script type="text/javascript" src="{% static 'js/forum.js' %}"></script>
  5 + {% endblock %}
  6 +
  7 + <div class="panel-group accordion ui-accordion ui-widget ui-helper-reset ui-sortable" role="tablist" aria-multiselectable="false">
  8 + <div class="group"><div class="panel panel-default">
  9 + <div class="panel-heading headingOne ui-sortable-handle" role="tab">
45 <div class="row"> 10 <div class="row">
46 - <div class="col-xs-6 col-md-6">  
47 - <div class="resource_inline">  
48 - <h4>Material</h4>  
49 - </div>  
50 - <div class="resource_inline">  
51 - <div class="dropdown">  
52 - <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>  
53 - <ul class="dropdown-menu" aria-labelledby="dLabel">  
54 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 54.5312px; top: 22px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li>  
55 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 33.5312px; top: 11px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li>  
56 - </ul>  
57 - </div>  
58 - </div>  
59 - <ul>  
60 - <li><i class="fa fa-book" aria-hidden="true"></i> <a href="#">Book 1</a></li>  
61 - <li><i class="fa fa-link" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li>  
62 - <li><i class="fa fa-file-code-o" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li>  
63 - </ul> 11 + <div class="col-xs-9 col-md-10 titleTopic">
  12 + <a role="button" data-toggle="collapse" data-parent=".accordion" href=".collapseOne" aria-expanded="false" aria-controls="collapseOne" class="" aria-selected="false" tabindex="-1">
  13 + {{topic}}
  14 + </a>
64 </div> 15 </div>
65 - <div class="col-xs-4 col-md-4">  
66 - <div class="resource_inline">  
67 - <h4>Activities</h4> 16 + <div class="col-xs-3 col-md-2 divMoreActions">
  17 + <div class="btn-group">
  18 + <button type="button" class="btn btn-default btn-sm eye" data-toggle="tooltip" data-placement="bottom" title="Visible">
  19 + <i class="fa fa-eye fa-2x" aria-hidden="true"></i>
  20 + </button>
68 </div> 21 </div>
69 - <div class="resource_inline">  
70 - <div class="dropdown">  
71 - <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>  
72 - <ul class="dropdown-menu" aria-labelledby="dLabel">  
73 - <li>Qualquer coisa</li>  
74 - </ul>  
75 - </div> 22 + <div class="btn-group">
  23 + <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="moreActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  24 + <i class="fa fa-ellipsis-v fa-2x" aria-hidden="true"></i>
  25 + </button>
  26 + {% if user|has_role:'system_admin' or topic.owner == user %}
  27 + <ul class="dropdown-menu pull-right" aria-labelledby="moreActions">
  28 + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#myModal4"><i class="fa fa-files-o fa-fw" aria-hidden="true"></i>&nbsp; {% trans "Replicate" %}</a></li>
  29 + <li><a href="javascript:void(0)" class="edit_card"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; {% trans "Edit" %}</a></li>
  30 + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#removeTopic"><i class="fa fa-trash fa-fw" aria-hidden="true"></i>&nbsp; {% trans "Remove" %}</a></li>
  31 + </ul>
  32 + {% endif %}
76 </div> 33 </div>
77 - <ul>  
78 - <li><i class="fa fa-file-text" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#ActivityModal">Activitie 1</a></li>  
79 - </ul>  
80 </div> 34 </div>
81 - <div class="col-xs-4 col-md-4">  
82 - <div class="panel-body">  
83 - <button class="btn btn-primary btn-raised" onclick="createForum('{% url 'course:forum:create' %}', '{{ topic.id }}')">{% trans '+ Create Forum' %}</button>  
84 - <div class="foruns_list">  
85 - {% list_topic_foruns request topic %}  
86 - </div>  
87 - </div>  
88 - </div>  
89 - {% list_topic_poll request topic %}  
90 </div> 35 </div>
91 </div> 36 </div>
92 - <div class="editation">  
93 - <div class="form-group">  
94 - <label class="control-label" for="focusedInput2">Name Topic</label>  
95 - <input type="text" class="form-control" value="Topic 1">  
96 - </div>  
97 - <div class="form-group is-empty">  
98 - <label class="control-label" for="focusedInput2">Description</label>  
99 - <textarea class="form-control" rows="3" id="textArea"></textarea>  
100 - </div>  
101 - <div class="row">  
102 - <div class=" col-xs-6 col-md-4">  
103 - <div class="resource_inline">  
104 - <h4>Material</h4>  
105 - </div>  
106 - <div class="resource_inline">  
107 - <div class="dropdown">  
108 - <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>  
109 - <ul class="dropdown-menu" aria-labelledby="dLabel">  
110 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link</a></li>  
111 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file</a></li> 37 + <div class="panel-collapse collapseOne collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="false" aria-hidden="true" tabindex="-1" aria-selected="false">
  38 + <div class="panel-body">
  39 + <div class="presentation">
  40 + <p>
  41 + <i>
  42 + {{topic.description|linebreaks}}
  43 + </i>
  44 + </p>
  45 + <div class="row">
  46 + <div class="col-xs-6 col-md-6">
  47 + <div class="resource_inline">
  48 + <h4>Material</h4>
  49 + </div>
  50 + <div class="resource_inline">
  51 + <div class="dropdown">
  52 + <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>
  53 + <ul class="dropdown-menu" aria-labelledby="dLabel">
  54 + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 54.5312px; top: 22px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li>
  55 + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 33.5312px; top: 11px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li>
  56 + </ul>
  57 + </div>
  58 + </div>
  59 + <ul>
  60 + <li><i class="fa fa-book" aria-hidden="true"></i> <a href="#">Book 1</a></li>
  61 + <li><i class="fa fa-link" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li>
  62 + <li><i class="fa fa-file-code-o" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li>
112 </ul> 63 </ul>
113 </div> 64 </div>
  65 + <div class="col-xs-4 col-md-4">
  66 + <div class="resource_inline">
  67 + <h4>Activities</h4>
  68 + </div>
  69 + <div class="resource_inline">
  70 + <div class="dropdown">
  71 + <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>
  72 + <ul class="dropdown-menu" aria-labelledby="dLabel">
  73 + <li>Qualquer coisa</li>
  74 + </ul>
  75 + </div>
  76 + </div>
  77 + <ul>
  78 + <li><i class="fa fa-file-text" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#ActivityModal">Activitie 1</a></li>
  79 + </ul>
  80 + </div>
  81 + <div class="col-xs-4 col-md-4">
  82 + <div class="panel-body">
  83 + <button class="btn btn-primary btn-raised" onclick="createForum('{% url 'course:forum:create' %}', '{{ topic.id }}')">{% trans '+ Create Forum' %}</button>
  84 + <div class="foruns_list">
  85 + {% list_topic_foruns request topic %}
  86 + </div>
  87 + </div>
  88 + </div>
  89 + {% list_topic_poll request topic %}
114 </div> 90 </div>
115 - <ul>  
116 - <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#editFileModal"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeFileModal"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li>  
117 - <li><a href="#">Book 1</a> </li>  
118 - <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#linksModalEdit"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeLink"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li>  
119 - <li><a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li>  
120 - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>  
121 - <li><a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li>  
122 - </ul>  
123 </div> 91 </div>
124 - <div class="col-xs-4 col-md-offset-1 col-md-4">  
125 - <div class="resource_inline">  
126 - <h4>Activities</h4> 92 + <div class="editation" style="display: none">
  93 + <div class="form-group">
  94 + <label class="control-label" for="focusedInput2">Name Topic</label>
  95 + <input type="text" class="form-control" value="Topic 1">
  96 + </div>
  97 + <div class="form-group is-empty">
  98 + <label class="control-label" for="focusedInput2">Description</label>
  99 + <textarea class="form-control" rows="3" id="textArea"></textarea>
127 </div> 100 </div>
128 - <div class="resource_inline">  
129 - <div class="dropdown">  
130 - <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>  
131 - <ul class="dropdown-menu" aria-labelledby="dLabel">  
132 - <li>Qualquer coisa</li> 101 + <div class="row">
  102 + <div class=" col-xs-6 col-md-4">
  103 + <div class="resource_inline">
  104 + <h4>Material</h4>
  105 + </div>
  106 + <div class="resource_inline">
  107 + <div class="dropdown">
  108 + <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>
  109 + <ul class="dropdown-menu" aria-labelledby="dLabel">
  110 + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link</a></li>
  111 + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file</a></li>
  112 + </ul>
  113 + </div>
  114 + </div>
  115 + <ul>
  116 + <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#editFileModal"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeFileModal"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li>
  117 + <li><a href="#">Book 1</a> </li>
  118 + <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#linksModalEdit"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeLink"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li>
  119 + <li><a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li>
  120 + <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>
  121 + <li><a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li>
133 </ul> 122 </ul>
134 </div> 123 </div>
135 - </div>  
136 - <ul>  
137 - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>  
138 - <li><a href="#" data-toggle="modal" data-target="#ActivityModal">Activitie 1</a></li>  
139 - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>  
140 -  
141 - </ul>  
142 - </div>  
143 - </div>  
144 - <div class="form-group">  
145 - <div class="col-md-10">  
146 - <button type="button" class="btn btn-raised btn-default edit_card_end">Cancel</button>  
147 - <button type="submit" class="btn btn-raised btn-primary edit_card_end">Submit</button>  
148 - </div>  
149 - </div>  
150 - </div>  
151 - </div>  
152 - </div>  
153 - <div class="panel-collapse collapseOne collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true" aria-hidden="false" tabindex="0">  
154 - <div class="panel-body">  
155 - <div class="presentation" style="display: block;">  
156 - <div class="row">  
157 - <div class="col-xs-6 col-md-4">  
158 - <h4>Material</h4>  
159 - <ul>  
160 - <li><i class="material-icons">archive</i> <a href="#">Book 1</a></li>  
161 - <li><i class="material-icons">link</i> <a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li>  
162 - <li><i class="fa fa-file" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li>  
163 - </ul>  
164 - </div>  
165 - <div class="col-xs-4 col-md-4">  
166 - <h4>Activities</h4>  
167 - <ul>  
168 - <li><i class="material-icons">description</i> <a href="#" data-toggle="modal" data-target="#ActivityModal">Activitie 1</a></li>  
169 - <li><i class="material-icons">list</i> <a href="#" data-toggle="modal" data-target="#forumModal">Forum</a></li>  
170 -  
171 - </ul>  
172 -  
173 - 124 + <div class="col-xs-4 col-md-offset-1 col-md-4">
  125 + <div class="resource_inline">
  126 + <h4>Activities</h4>
  127 + </div>
  128 + <div class="resource_inline">
  129 + <div class="dropdown">
  130 + <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>
  131 + <ul class="dropdown-menu" aria-labelledby="dLabel">
  132 + <li>Qualquer coisa</li>
  133 + </ul>
  134 + </div>
  135 + </div>
  136 + <ul>
  137 + <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>
  138 + <li><a href="#" data-toggle="modal" data-target="#ActivityModal">Activitie 1</a></li>
  139 + <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>
174 140
175 - </div>  
176 -  
177 - </div>  
178 - </div>  
179 - <div class="editation" style="display: none;">  
180 - <div class="form-group">  
181 - <label class="control-label" for="focusedInput2">Name Topic</label>  
182 - <input type="text" class="form-control" value="Topic 1">  
183 - </div>  
184 - <div class="form-group is-empty">  
185 - <label class="control-label" for="focusedInput2">Description</label>  
186 - <textarea class="form-control" rows="3" id="textArea"></textarea>  
187 - </div>  
188 - <div class="row">  
189 - <div class=" col-xs-6 col-md-4">  
190 - <div class="resource_inline">  
191 - <h4>Material</h4>  
192 - </div>  
193 - <div class="resource_inline">  
194 - <div class="dropdown">  
195 - <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>  
196 - <ul class="dropdown-menu" aria-labelledby="dLabel">  
197 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link</a></li>  
198 - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file</a></li>  
199 </ul> 141 </ul>
200 </div> 142 </div>
201 </div> 143 </div>
202 - <ul>  
203 - <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#editFileModal"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeFileModal"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li>  
204 - <li><a href="#">Book 1</a> </li>  
205 - <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#linksModalEdit"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeLink"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li>  
206 - <li><a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li>  
207 - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>  
208 - <li><a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li>  
209 - </ul>  
210 - </div>  
211 - <div class="col-xs-4 col-md-offset-1 col-md-4">  
212 - <div class="resource_inline">  
213 - <h4>Activities</h4>  
214 - </div>  
215 - <div class="resource_inline">  
216 - <div class="dropdown">  
217 - <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a>  
218 - <ul class="dropdown-menu" aria-labelledby="dLabel">  
219 - <li>Qualquer coisa</li>  
220 - </ul> 144 + <div class="form-group">
  145 + <div class="col-md-10">
  146 + <button type="button" class="btn btn-raised btn-default edit_card_end">Cancel</button>
  147 + <button type="submit" class="btn btn-raised btn-primary edit_card_end">Submit</button>
221 </div> 148 </div>
222 </div> 149 </div>
223 - <ul>  
224 - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>  
225 - <li><a href="#" data-toggle="modal" data-target="#ActivityModal">Activitie 1</a></li>  
226 - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li>  
227 - <li><a href="#" data-toggle="modal" data-target="#forumModal">Forum</a></li>  
228 - </ul>  
229 </div> 150 </div>
230 </div> 151 </div>
231 - <div class="form-group">  
232 - <div class="col-md-10">  
233 - <button type="button" class="btn btn-raised btn-default edit_card_end">Cancel<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 69px; top: 14px; background-color: rgba(0, 0, 0, 0.870588); transform: scale(14.1289);"></div></div></button>  
234 - <button type="submit" class="btn btn-raised btn-primary edit_card_end">Submit</button> 152 + </div>
  153 +
  154 + </div>
  155 + <!-- MODAL REMOVE TOPIC -->
  156 + <div class="modal" id="removeTopic">
  157 + <div class="modal-dialog">
  158 + <div class="modal-content">
  159 + <div class="modal-header">
  160 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
  161 + <h4 class="modal-title"></h4>
  162 + </div>
  163 + <div class="modal-body">
  164 + <p>Delete your Topic?</p>
  165 + </div>
  166 + <div class="modal-footer">
  167 +
  168 + <a href="http://localhost:8080/html/screens/users/profile_user.html" target="_self"><button type="button" class="btn btn-primary">Confirm</button></a>
  169 +
235 </div> 170 </div>
236 </div> 171 </div>
237 </div> 172 </div>
238 </div> 173 </div>
239 - </div>  
240 -</div> 174 + <!-- END -->
241 175
242 -  
243 -<!-- MODAL REMOVE TOPIC -->  
244 -<div class="modal" id="removeTopic">  
245 - <div class="modal-dialog"> 176 + <!-- MODAL EDIT FILE -->
  177 + <div class="modal fade" id="editFileModal" tabindex="-1" role="dialog" aria-labelledby="editFileLabel">
  178 + <div class="modal-dialog" role="document">
246 <div class="modal-content"> 179 <div class="modal-content">
247 <div class="modal-header"> 180 <div class="modal-header">
248 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>  
249 - <h4 class="modal-title"></h4> 181 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  182 + <h4 class="modal-title" id="editFileLabel">Add File</h4>
250 </div> 183 </div>
251 <div class="modal-body"> 184 <div class="modal-body">
252 - <p>Delete your Topic?</p>  
253 - </div>  
254 - <div class="modal-footer">  
255 -  
256 - <a href="http://localhost:8080/html/screens/users/profile_user.html" target="_self"><button type="button" class="btn btn-primary">Confirm</button></a>  
257 -  
258 - </div>  
259 - </div>  
260 - </div>  
261 -</div>  
262 -<!-- END -->  
263 -  
264 -<!-- MODAL EDIT FILE -->  
265 -<div class="modal fade" id="editFileModal" tabindex="-1" role="dialog" aria-labelledby="editFileLabel">  
266 -<div class="modal-dialog" role="document">  
267 -<div class="modal-content">  
268 - <div class="modal-header">  
269 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
270 - <h4 class="modal-title" id="editFileLabel">Add File</h4>  
271 - </div>  
272 - <div class="modal-body">  
273 - <!-- Card --> 185 + <!-- Card -->
274 186
275 - <form class="form-horizontal">  
276 - <fieldset> 187 + <form class="form-horizontal">
  188 + <fieldset>
277 189
278 - <div class="form-group">  
279 - <label for="inputName" class="col-md-2 control-label">Name</label> 190 + <div class="form-group">
  191 + <label for="inputName" class="col-md-2 control-label">Name</label>
280 192
281 - <div class="col-md-10">  
282 - <input type="text" class="form-control" id="inputText" placeholder="Name" value="Book 1">  
283 - </div>  
284 - </div> 193 + <div class="col-md-10">
  194 + <input type="text" class="form-control" id="inputText" placeholder="Name" value="Book 1">
  195 + </div>
  196 + </div>
285 197
286 - <div class="form-group is-empty is-fileinput">  
287 - <label for="inputFile" class="col-md-2 control-label">File</label> 198 + <div class="form-group is-empty is-fileinput">
  199 + <label for="inputFile" class="col-md-2 control-label">File</label>
288 200
289 - <div class="col-md-10">  
290 - <input type="text" readonly="" class="form-control" placeholder="Browse...">  
291 - <input type="file" id="inputFile" multiple="">  
292 - </div>  
293 - </div> 201 + <div class="col-md-10">
  202 + <input type="text" readonly="" class="form-control" placeholder="Browse...">
  203 + <input type="file" id="inputFile" multiple="">
  204 + </div>
  205 + </div>
294 206
295 207
296 - <div class="form-group">  
297 - <div class="col-md-12 text-center">  
298 - <p><b>The file size shouldn't exceed 10MB</b></p>  
299 - </div>  
300 - </div> 208 + <div class="form-group">
  209 + <div class="col-md-12 text-center">
  210 + <p><b>The file size shouldn't exceed 10MB</b></p>
  211 + </div>
  212 + </div>
301 213
302 - <div class="form-group">  
303 - <div class="col-md-12">  
304 - <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a>  
305 - <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>  
306 - </div>  
307 - </div>  
308 - </fieldset>  
309 - </form> 214 + <div class="form-group">
  215 + <div class="col-md-12">
  216 + <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a>
  217 + <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>
  218 + </div>
  219 + </div>
  220 + </fieldset>
  221 + </form>
310 222
311 223
312 - <!-- .end Card --> 224 + <!-- .end Card -->
  225 + </div>
  226 + </div>
313 </div> 227 </div>
314 </div> 228 </div>
315 - </div>  
316 -</div>  
317 -<!-- EndModal -->  
318 -  
319 -<!-- MODAL CREATE FILE -->  
320 -<div class="modal fade" id="createFileModal" tabindex="-1" role="dialog" aria-labelledby="createFileLabel" style="display: none;">  
321 -<div class="modal-dialog" role="document">  
322 -<div class="modal-content">  
323 - <div class="modal-header">  
324 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
325 - <h4 class="modal-title" id="createFileLabel">Add File</h4>  
326 - </div>  
327 - <div class="modal-body">  
328 - <!-- Card --> 229 + <!-- EndModal -->
329 230
330 - <form class="form-horizontal">  
331 - <fieldset> 231 + <!-- MODAL CREATE FILE -->
  232 + <div class="modal fade" id="createFileModal" tabindex="-1" role="dialog" aria-labelledby="createFileLabel" style="display: none;">
  233 + <div class="modal-dialog" role="document">
  234 + <div class="modal-content">
  235 + <div class="modal-header">
  236 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  237 + <h4 class="modal-title" id="createFileLabel">Add File</h4>
  238 + </div>
  239 + <div class="modal-body">
  240 + <!-- Card -->
332 241
333 - <div class="form-group is-empty">  
334 - <label for="inputName" class="col-md-2 control-label">Name</label> 242 + <form class="form-horizontal">
  243 + <fieldset>
335 244
336 - <div class="col-md-10">  
337 - <input type="text" class="form-control" id="inputText" placeholder="Name">  
338 - </div>  
339 - </div> 245 + <div class="form-group is-empty">
  246 + <label for="inputName" class="col-md-2 control-label">Name</label>
340 247
341 - <div class="form-group is-empty is-fileinput">  
342 - <label for="inputFile" class="col-md-2 control-label">File</label> 248 + <div class="col-md-10">
  249 + <input type="text" class="form-control" id="inputText" placeholder="Name">
  250 + </div>
  251 + </div>
343 252
344 - <div class="col-md-10">  
345 - <input type="text" readonly="" class="form-control" placeholder="Browse...">  
346 - <input type="file" id="inputFile" multiple="">  
347 - </div>  
348 - </div> 253 + <div class="form-group is-empty is-fileinput">
  254 + <label for="inputFile" class="col-md-2 control-label">File</label>
349 255
  256 + <div class="col-md-10">
  257 + <input type="text" readonly="" class="form-control" placeholder="Browse...">
  258 + <input type="file" id="inputFile" multiple="">
  259 + </div>
  260 + </div>
350 261
351 - <div class="form-group">  
352 - <div class="col-md-12 text-center">  
353 - <p><b>The file size shouldn't exceed 10MB</b></p>  
354 - </div>  
355 - </div>  
356 262
357 - <div class="form-group">  
358 - <div class="col-md-12">  
359 - <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel<div class="ripple-container"></div></a>  
360 - <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>  
361 - </div>  
362 - </div>  
363 - </fieldset>  
364 - </form> 263 + <div class="form-group">
  264 + <div class="col-md-12 text-center">
  265 + <p><b>The file size shouldn't exceed 10MB</b></p>
  266 + </div>
  267 + </div>
365 268
  269 + <div class="form-group">
  270 + <div class="col-md-12">
  271 + <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel<div class="ripple-container"></div></a>
  272 + <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>
  273 + </div>
  274 + </div>
  275 + </fieldset>
  276 + </form>
366 277
367 - <!-- .end Card -->  
368 - </div>  
369 - </div>  
370 - </div>  
371 -</div>  
372 -<!-- EndModal -->  
373 -  
374 -<!-- MODAL REMOVE FILE -->  
375 -<div class="modal" id="removeFileModal">  
376 - <div class="modal-dialog">  
377 - <div class="modal-content">  
378 - <div class="modal-header">  
379 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>  
380 - <h4 class="modal-title"></h4>  
381 - </div>  
382 - <div class="modal-body">  
383 - <p>Do you really want to delete this file?</p>  
384 - </div>  
385 - <div class="modal-footer">  
386 -  
387 - <a href="#" target="_self"><button type="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Confirm</button></a>  
388 -  
389 - </div>  
390 - </div>  
391 - </div>  
392 -</div>  
393 -<!-- END -->  
394 -  
395 -<!--MODAL VIEW LINK-->  
396 -<div class="modal fade" id="linksModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
397 - <div class="modal-dialog" role="document">  
398 - <div class="modal-content">  
399 - <div class="modal-header">  
400 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
401 - <h4 class="modal-title" id="myModalLabel">Links</h4>  
402 - </div>  
403 - <div class="modal-body">  
404 - <!-- Card -->  
405 - <article class="card animated fadeInLeft">  
406 - <img class="card-img-top img-responsive" src="https://www.python.org/static/opengraph-icon-200x200.png" align="left">  
407 - <div class="card-block">  
408 - <b class="card-title">Python</b><p></p>  
409 - <b class="text-muted">Guido van Rossum</b>  
410 - <p class="card-text"> </p><p>Python is a widely used high-level, general-purpose, interpreted, dynamic programming language. Its design philosophy emphasizes code readability, and its syntax allows programmers to express concepts in fewer lines of code than possible in languages such as C++ or Java.</p>  
411 - <a href="https://www.python.org/" class="btn btn-primary">Read more</a>  
412 - </div>  
413 - </article>  
414 - <!-- .end Card -->  
415 - </div>  
416 - </div>  
417 - </div>  
418 -</div>  
419 -<!-- EndModal -->  
420 278
421 -<!--MODAL CREATE LINK-->  
422 -<div class="modal fade" id="createLinksModal" tabindex="-1" role="dialog" aria-labelledby="createLink" style="display: none;">  
423 - <div class="modal-dialog" role="document">  
424 - <div class="modal-content">  
425 - <div class="modal-header">  
426 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
427 - <h4 class="modal-title" id="createLink">Create a New Link</h4>  
428 - </div>  
429 - <div class="modal-body">  
430 - <!-- Card -->  
431 - <div class="form-group is-empty">  
432 - <label class="control-label" for="inputDefault">Name</label>  
433 - <input type="text" class="form-control" id="inputDefault">  
434 - </div>  
435 - <div class="form-group is-empty">  
436 - <label class="control-label" for="inputDefault">Url</label>  
437 - <input type="text" class="form-control" id="inputDefault">  
438 - </div>  
439 - <div class="form-group is-empty">  
440 - <label class="control-label" for="inputDefault">Descrição</label>  
441 - <textarea class="form-control" rows="3"></textarea> 279 + <!-- .end Card -->
  280 + </div>
442 </div> 281 </div>
443 - <div class="form-group">  
444 - <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a>  
445 - <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>  
446 - </div>  
447 - <!-- .end Card -->  
448 </div> 282 </div>
449 </div> 283 </div>
450 - </div>  
451 -</div>  
452 -<!-- EndModal --> 284 + <!-- EndModal -->
453 285
454 -<!-- MODAL REMOVE LINK -->  
455 -<div class="modal" id="removeLink">  
456 - <div class="modal-dialog">  
457 - <div class="modal-content">  
458 - <div class="modal-header">  
459 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>  
460 - <h4 class="modal-title"></h4>  
461 - </div>  
462 - <div class="modal-body">  
463 - <p>Do you really want to delete this link?</p>  
464 - </div>  
465 - <div class="modal-footer"> 286 + <!-- MODAL REMOVE FILE -->
  287 + <div class="modal" id="removeFileModal">
  288 + <div class="modal-dialog">
  289 + <div class="modal-content">
  290 + <div class="modal-header">
  291 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
  292 + <h4 class="modal-title"></h4>
  293 + </div>
  294 + <div class="modal-body">
  295 + <p>Do you really want to delete this file?</p>
  296 + </div>
  297 + <div class="modal-footer">
466 298
467 - <a href="#" target="_self"><button type="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Confirm</button></a> 299 + <a href="#" target="_self"><button type="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Confirm</button></a>
468 300
  301 + </div>
  302 + </div>
469 </div> 303 </div>
470 </div> 304 </div>
471 - </div>  
472 -</div>  
473 -<!-- END --> 305 + <!-- END -->
474 306
475 -<!-- MODAL EMBEED-->  
476 -<div class="modal fade" id="embedModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
477 - <div class="modal-dialog" role="document">  
478 - <div class="modal-content">  
479 - <div class="modal-header">  
480 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
481 - <h4 class="modal-title" id="myModalLabel">Material EMBED</h4>  
482 - </div>  
483 - <div class="modal-body">  
484 - <div class="form-group is-empty">  
485 - <label for="inputEmail" class="col-md-2 control-label">Name:</label>  
486 - <div class="col-md-10">  
487 - <input type="text" class="form-control" id="inputEmail" placeholder="Name"> 307 + <!--MODAL VIEW LINK-->
  308 + <div class="modal fade" id="linksModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  309 + <div class="modal-dialog" role="document">
  310 + <div class="modal-content">
  311 + <div class="modal-header">
  312 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  313 + <h4 class="modal-title" id="myModalLabel">Links</h4>
  314 + </div>
  315 + <div class="modal-body">
  316 + <!-- Card -->
  317 + <article class="card animated fadeInLeft">
  318 + <img class="card-img-top img-responsive" src="https://www.python.org/static/opengraph-icon-200x200.png" align="left">
  319 + <div class="card-block">
  320 + <b class="card-title">Python</b><p></p>
  321 + <b class="text-muted">Guido van Rossum</b>
  322 + <p class="card-text"> </p><p>Python is a widely used high-level, general-purpose, interpreted, dynamic programming language. Its design philosophy emphasizes code readability, and its syntax allows programmers to express concepts in fewer lines of code than possible in languages such as C++ or Java.</p>
  323 + <a href="https://www.python.org/" class="btn btn-primary">Read more</a>
  324 + </div>
  325 + </article>
  326 + <!-- .end Card -->
488 </div> 327 </div>
489 </div> 328 </div>
490 - <form class="form-horizontal">  
491 - <div class="form-group is-empty">  
492 - <label for="textArea" class="col-md-2 control-label">Code:</label> 329 + </div>
  330 + </div>
  331 + <!-- EndModal -->
493 332
494 - <div class="col-md-10">  
495 - <textarea class="form-control" rows="2" id="textArea"></textarea>  
496 - <span class="help-block">Material description</span>  
497 - </div> 333 + <!--MODAL CREATE LINK-->
  334 + <div class="modal fade" id="createLinksModal" tabindex="-1" role="dialog" aria-labelledby="createLink" style="display: none;">
  335 + <div class="modal-dialog" role="document">
  336 + <div class="modal-content">
  337 + <div class="modal-header">
  338 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  339 + <h4 class="modal-title" id="createLink">Create a New Link</h4>
498 </div> 340 </div>
499 - <div class="form-group is-empty">  
500 - <label for="number" class="col-md-2 control-label">Height</label>  
501 - <div class="col-md-4">  
502 - <input type="number" class="form-control" id="inputNumber" placeholder="Heiht"> 341 + <div class="modal-body">
  342 + <!-- Card -->
  343 + <div class="form-group is-empty">
  344 + <label class="control-label" for="inputDefault">Name</label>
  345 + <input type="text" class="form-control" id="inputDefault">
503 </div> 346 </div>
504 - </div>  
505 - <div class="form-group is-empty">  
506 - <label for="number" class="col-md-2 control-label">Weight</label>  
507 - <div class="col-md-4">  
508 - <input type="number" class="form-control" id="inputNumber" placeholder="Weight"> 347 + <div class="form-group is-empty">
  348 + <label class="control-label" for="inputDefault">Url</label>
  349 + <input type="text" class="form-control" id="inputDefault">
  350 + </div>
  351 + <div class="form-group is-empty">
  352 + <label class="control-label" for="inputDefault">Descrição</label>
  353 + <textarea class="form-control" rows="3"></textarea>
509 </div> 354 </div>
  355 + <div class="form-group">
  356 + <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a>
  357 + <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>
510 </div> 358 </div>
511 - </form>  
512 -  
513 - </div>  
514 - <div class="modal-footer">  
515 - <!-- Don't remove that!!!  
516 - <button type="button" class="btn btn-danger btn-raised" data-dismiss="modal">Close</button>-->  
517 -  
518 - <!-- Put curtom buttons here!!! -->  
519 - <button type="button" class="btn btn-primary btn-raised">Confirm</button> 359 + <!-- .end Card -->
  360 + </div>
  361 + </div>
520 </div> 362 </div>
521 </div> 363 </div>
522 - </div>  
523 -</div>  
524 -<!-- EndModal --> 364 + <!-- EndModal -->
525 365
526 -<!-- MODAL ACTIVITIES-->  
527 -<div class="modal fade" id="ActivityModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
528 - <div class="modal-dialog" role="document">  
529 - <div class="modal-content">  
530 - <div class="modal-header">  
531 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
532 - <h4 class="modal-title" id="myModalLabel"></h4>  
533 - </div>  
534 - <div class="modal-body">  
535 - <form class="form-horizontal">  
536 -  
537 - <fieldset>  
538 - <legend>Atividade Proposta</legend>  
539 - <div class="form-group is-empty">  
540 - <label for="NameIn" class="col-md-2 control-label">Name:</label>  
541 - <div class="col-md-10">  
542 - <input type="text" id="NameIn" class="form-control"> 366 + <!-- MODAL REMOVE LINK -->
  367 + <div class="modal" id="removeLink">
  368 + <div class="modal-dialog">
  369 + <div class="modal-content">
  370 + <div class="modal-header">
  371 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
  372 + <h4 class="modal-title"></h4>
543 </div> 373 </div>
544 - </div>  
545 - <div class="form-group is-empty">  
546 - <label for="DescIn" class="col-md-2 control-label">Describe:</label>  
547 - <div class="col-md-10">  
548 - <textarea class="form-control" id="DescIn" rows="2"></textarea> 374 + <div class="modal-body">
  375 + <p>Do you really want to delete this link?</p>
549 </div> 376 </div>
550 - </div>  
551 - <div class="form-group is-empty">  
552 - <label for="DateIn" class="col-md-2 control-label">Opening: </label>  
553 - <div class="col-md-10">  
554 - <input type="text" id="DateIn" class="form-control date-picker" requerid=""> 377 + <div class="modal-footer">
  378 +
  379 + <a href="#" target="_self"><button type="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Confirm</button></a>
  380 +
555 </div> 381 </div>
556 </div> 382 </div>
557 - <div class="form-group is-empty">  
558 - <label for="DateIn" class="col-md-2 control-label">Ending: </label>  
559 - <div class="col-md-10">  
560 - <input type="text" id="DateIn" class="form-control date-picker" requerid=""> 383 + </div>
  384 + </div>
  385 + <!-- END -->
  386 +
  387 + <!-- MODAL EMBEED-->
  388 + <div class="modal fade" id="embedModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  389 + <div class="modal-dialog" role="document">
  390 + <div class="modal-content">
  391 + <div class="modal-header">
  392 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  393 + <h4 class="modal-title" id="myModalLabel">Material EMBED</h4>
561 </div> 394 </div>
562 - </div>  
563 - <div class="form-group" style="margin-top: 0;">  
564 - <div class="col-md-offset-2 col-md-10">  
565 - <div class="checkbox">  
566 - <label>  
567 - <input type="checkbox"><span class="checkbox-material"><span class="check"></span></span> Send Later  
568 - </label> 395 + <div class="modal-body">
  396 + <div class="form-group is-empty">
  397 + <label for="inputEmail" class="col-md-2 control-label">Name:</label>
  398 + <div class="col-md-10">
  399 + <input type="text" class="form-control" id="inputEmail" placeholder="Name">
  400 + </div>
569 </div> 401 </div>
  402 + <form class="form-horizontal">
  403 + <div class="form-group is-empty">
  404 + <label for="textArea" class="col-md-2 control-label">Code:</label>
  405 +
  406 + <div class="col-md-10">
  407 + <textarea class="form-control" rows="2" id="textArea"></textarea>
  408 + <span class="help-block">Material description</span>
  409 + </div>
  410 + </div>
  411 + <div class="form-group is-empty">
  412 + <label for="number" class="col-md-2 control-label">Height</label>
  413 + <div class="col-md-4">
  414 + <input type="number" class="form-control" id="inputNumber" placeholder="Heiht">
  415 + </div>
  416 + </div>
  417 + <div class="form-group is-empty">
  418 + <label for="number" class="col-md-2 control-label">Weight</label>
  419 + <div class="col-md-4">
  420 + <input type="number" class="form-control" id="inputNumber" placeholder="Weight">
  421 + </div>
  422 + </div>
  423 + </form>
  424 +
570 </div> 425 </div>
571 - </div>  
572 - <div class="form-group">  
573 - <div class="col-md-10 col-md-offset-2">  
574 - <button type="button" class="btn btn-default">Cancel</button>  
575 - <button type="submit" class="btn btn-primary">Submit</button> 426 + <div class="modal-footer">
  427 + <!-- Don't remove that!!!
  428 + <button type="button" class="btn btn-danger btn-raised" data-dismiss="modal">Close</button>-->
  429 +
  430 + <!-- Put curtom buttons here!!! -->
  431 + <button type="button" class="btn btn-primary btn-raised">Confirm</button>
576 </div> 432 </div>
577 </div> 433 </div>
  434 + </div>
  435 + </div>
  436 + <!-- EndModal -->
578 437
  438 + <!-- MODAL ACTIVITIES-->
  439 + <div class="modal fade" id="ActivityModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  440 + <div class="modal-dialog" role="document">
  441 + <div class="modal-content">
  442 + <div class="modal-header">
  443 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  444 + <h4 class="modal-title" id="myModalLabel"></h4>
  445 + </div>
  446 + <div class="modal-body">
  447 + <form class="form-horizontal">
  448 +
  449 + <fieldset>
  450 + <legend>Atividade Proposta</legend>
  451 + <div class="form-group is-empty">
  452 + <label for="NameIn" class="col-md-2 control-label">Name:</label>
  453 + <div class="col-md-10">
  454 + <input type="text" id="NameIn" class="form-control">
  455 + </div>
  456 + </div>
  457 + <div class="form-group is-empty">
  458 + <label for="DescIn" class="col-md-2 control-label">Describe:</label>
  459 + <div class="col-md-10">
  460 + <textarea class="form-control" id="DescIn" rows="2"></textarea>
  461 + </div>
  462 + </div>
  463 + <div class="form-group is-empty">
  464 + <label for="DateIn" class="col-md-2 control-label">Opening: </label>
  465 + <div class="col-md-10">
  466 + <input type="text" id="DateIn" class="form-control date-picker" requerid="">
  467 + </div>
  468 + </div>
  469 + <div class="form-group is-empty">
  470 + <label for="DateIn" class="col-md-2 control-label">Ending: </label>
  471 + <div class="col-md-10">
  472 + <input type="text" id="DateIn" class="form-control date-picker" requerid="">
  473 + </div>
  474 + </div>
  475 + <div class="form-group" style="margin-top: 0;">
  476 + <div class="col-md-offset-2 col-md-10">
  477 + <div class="checkbox">
  478 + <label>
  479 + <input type="checkbox"><span class="checkbox-material"><span class="check"></span></span> Send Later
  480 + </label>
  481 + </div>
  482 + </div>
  483 + </div>
  484 + <div class="form-group">
  485 + <div class="col-md-10 col-md-offset-2">
  486 + <button type="button" class="btn btn-default">Cancel</button>
  487 + <button type="submit" class="btn btn-primary">Submit</button>
  488 + </div>
  489 + </div>
579 490
580 - </fieldset>  
581 - </form> 491 +
  492 + </fieldset>
  493 + </form>
  494 + </div>
  495 + </div>
582 </div> 496 </div>
583 </div> 497 </div>
584 - </div>  
585 -</div>  
586 -<!--EndModal--> 498 + <!--EndModal-->
587 499
588 -<!-- MODAL FORUM -->  
589 -<div class="modal fade" id="forumModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
590 - <div class="modal-dialog" role="document">  
591 - <div class="modal-content">  
592 - <div class="modal-header">  
593 - <h4 class="modal-title" id="myModalLabel">Forum</h4>  
594 - </div>  
595 - <div class="modal-body">  
596 - <!--Forum-->  
597 - <!--Main wrapper-->  
598 - <div class="comments-list">  
599 - <div class="section-heading">  
600 - <h1>Python</h1>  
601 - <h4><b>Description:</b>High-level Language</h4>  
602 - <h4><b>Opened in:</b> September 1st</h4> 500 + <!-- MODAL FORUM -->
  501 + <div class="modal fade" id="forumModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  502 + <div class="modal-dialog" role="document">
  503 + <div class="modal-content">
  504 + <div class="modal-header">
  505 + <h4 class="modal-title" id="myModalLabel">Forum</h4>
603 </div> 506 </div>
604 - <!--First row-->  
605 - <div class="row"> 507 + <div class="modal-body">
  508 + <!--Forum-->
  509 + <!--Main wrapper-->
  510 + <div class="comments-list">
  511 + <div class="section-heading">
  512 + <h1>Python</h1>
  513 + <h4><b>Description:</b>High-level Language</h4>
  514 + <h4><b>Opened in:</b> September 1st</h4>
  515 + </div>
  516 + <!--First row-->
  517 + <div class="row">
606 518
607 - <!--Content column-->  
608 - <div class="col-sm-10 col-xs-12">  
609 - <h3 class="user-name">Gerson Jefferson</h3> 519 + <!--Content column-->
  520 + <div class="col-sm-10 col-xs-12">
  521 + <h3 class="user-name">Gerson Jefferson</h3>
610 522
611 - <div class="card-data">  
612 - <p class="comment-date"><i class="fa fa-clock-o"></i> 05/10/2015</p>  
613 - </div> 523 + <div class="card-data">
  524 + <p class="comment-date"><i class="fa fa-clock-o"></i> 05/10/2015</p>
  525 + </div>
614 526
615 - <p class="comment-text">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat  
616 - cupidatat non proident.</p> 527 + <p class="comment-text">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
  528 + cupidatat non proident.</p>
  529 + </div>
  530 + <!--/.Content column-->
  531 + </div>
  532 + <a class="btn btn-sm" style="float: right;" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapseExample">Reply</a>
  533 + <div class="collapse" id="collapse1">
  534 + <div class="md-form">
  535 + <div class="form-group is-empty"><input type="text" id="form1" class="form-control" placeholder="comment on the cometary"></div><span class="input-group-btn">
  536 + <button type="button" class="btn btn-sm">
  537 + <i class="fa fa-paper-plane"> Send</i>
  538 + </button>
  539 + </span>
  540 + </div>
617 </div> 541 </div>
618 - <!--/.Content column-->  
619 - </div>  
620 - <a class="btn btn-sm" style="float: right;" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapseExample">Reply</a>  
621 - <div class="collapse" id="collapse1">  
622 - <div class="md-form">  
623 - <div class="form-group is-empty"><input type="text" id="form1" class="form-control" placeholder="comment on the cometary"></div><span class="input-group-btn">  
624 - <button type="button" class="btn btn-sm">  
625 - <i class="fa fa-paper-plane"> Send</i>  
626 - </button>  
627 - </span>  
628 </div> 542 </div>
629 - </div>  
630 - </div>  
631 543
632 - <!--/.First row--> 544 + <!--/.First row-->
633 545
634 - <!--Second row-->  
635 - <div class="row"> 546 + <!--Second row-->
  547 + <div class="row">
636 548
637 - <!--Content column-->  
638 - <div class="col-sm-10 col-xs-12">  
639 - <h3 class="user-name">Cherielly</h3> 549 + <!--Content column-->
  550 + <div class="col-sm-10 col-xs-12">
  551 + <h3 class="user-name">Cherielly</h3>
640 552
641 - <div class="card-data">  
642 - <p class="comment-date"><i class="fa fa-clock-o"></i> 08/10/2015</p>  
643 - </div> 553 + <div class="card-data">
  554 + <p class="comment-date"><i class="fa fa-clock-o"></i> 08/10/2015</p>
  555 + </div>
644 556
645 - <p class="comment-text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam  
646 - voluptatem quia voluptas sit aspernatur.</p>  
647 - </div>  
648 - <!--/.Content column-->  
649 - </div>  
650 - <a class="btn btn-sm" style="float: right;" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapseExample">Reply</a>  
651 - <div class="collapse" id="collapse2">  
652 - <div class="md-form">  
653 - <div class="form-group is-empty"><input type="text" id="form1" class="form-control" placeholder="comment on the cometary"></div><span class="input-group-btn">  
654 - <button type="button" class="btn btn-sm">  
655 - <i class="fa fa-paper-plane"> Send</i>  
656 - </button>  
657 - </span> 557 + <p class="comment-text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
  558 + voluptatem quia voluptas sit aspernatur.</p>
658 </div> 559 </div>
659 - </div> 560 + <!--/.Content column-->
  561 + </div>
  562 + <a class="btn btn-sm" style="float: right;" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapseExample">Reply</a>
  563 + <div class="collapse" id="collapse2">
  564 + <div class="md-form">
  565 + <div class="form-group is-empty"><input type="text" id="form1" class="form-control" placeholder="comment on the cometary"></div><span class="input-group-btn">
  566 + <button type="button" class="btn btn-sm">
  567 + <i class="fa fa-paper-plane"> Send</i>
  568 + </button>
  569 + </span>
  570 + </div>
  571 + </div>
660 572
661 573
662 - <!--/.Second row--> 574 + <!--/.Second row-->
663 575
664 - <!--Third row-->  
665 - <div class="row"> 576 + <!--Third row-->
  577 + <div class="row">
666 578
667 579
668 - <!--Content column-->  
669 - <div class="col-sm-10 col-xs-12">  
670 - <h3 class="user-name">Gemozecleia</h3> 580 + <!--Content column-->
  581 + <div class="col-sm-10 col-xs-12">
  582 + <h3 class="user-name">Gemozecleia</h3>
671 583
672 - <div class="card-data">  
673 - <p class="comment-date"><i class="fa fa-clock-o"></i> 17/10/2015  
674 - </p></div> 584 + <div class="card-data">
  585 + <p class="comment-date"><i class="fa fa-clock-o"></i> 17/10/2015
  586 + </p></div>
675 587
676 - <p class="comment-text">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa  
677 - qui officia.  
678 - </p>  
679 - </div>  
680 - <!--/.Content column-->  
681 -  
682 - </div>  
683 - <a class="btn btn-sm" style="float: right;" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapseExample">Reply</a>  
684 - <div class="collapse" id="collapse3">  
685 - <div class="md-form">  
686 - <div class="form-group is-empty"><input type="text" id="form1" class="form-control" placeholder="comment on the cometary"></div><span class="input-group-btn">  
687 - <button type="button" class="btn btn-sm">  
688 - <i class="fa fa-paper-plane"> Send</i>  
689 - </button>  
690 - </span> 588 + <p class="comment-text">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
  589 + qui officia.
  590 + </p>
691 </div> 591 </div>
692 - </div> 592 + <!--/.Content column-->
693 593
694 - <!--/.Third row-->  
695 - <div class="row">  
696 - <div class="form-group is-empty">  
697 - <div class="col-sm-10 col-xs-12">  
698 - <input type="text" id="addon3a" class="form-control" placeholder="Add Comment">  
699 -  
700 - <span class="input-group-btn">  
701 - <button type="button" class="btn btn-fab btn-fab-mini">  
702 - <i class="material-icons">send</i>  
703 - </button>  
704 - </span> 594 + </div>
  595 + <a class="btn btn-sm" style="float: right;" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapseExample">Reply</a>
  596 + <div class="collapse" id="collapse3">
  597 + <div class="md-form">
  598 + <div class="form-group is-empty"><input type="text" id="form1" class="form-control" placeholder="comment on the cometary"></div><span class="input-group-btn">
  599 + <button type="button" class="btn btn-sm">
  600 + <i class="fa fa-paper-plane"> Send</i>
  601 + </button>
  602 + </span>
  603 + </div>
  604 + </div>
  605 +
  606 + <!--/.Third row-->
  607 + <div class="row">
  608 + <div class="form-group is-empty">
  609 + <div class="col-sm-10 col-xs-12">
  610 + <input type="text" id="addon3a" class="form-control" placeholder="Add Comment">
  611 +
  612 + <span class="input-group-btn">
  613 + <button type="button" class="btn btn-fab btn-fab-mini">
  614 + <i class="material-icons">send</i>
  615 + </button>
  616 + </span>
  617 + </div>
  618 + </div>
705 </div> 619 </div>
706 - </div>  
707 - </div>  
708 620
709 - </div>  
710 - <div class="modal-footer">  
711 - <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>  
712 - <button type="button" class="btn btn-primary">Save changes</button>  
713 - </div>  
714 - </div>  
715 - </div>  
716 -</div>  
717 -<!--EndForumModal-->  
718 -  
719 -<!-- MODAL LINK EDIT-->  
720 -<div class="modal fade" id="linksModalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
721 - <div class="modal-dialog" role="document">  
722 - <div class="modal-content">  
723 - <div class="modal-header">  
724 - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
725 - <h4 class="modal-title" id="myModalLabel">Links</h4>  
726 - </div>  
727 - <div class="modal-body">  
728 - <!-- Card -->  
729 - <div class="form-group">  
730 - <label class="control-label" for="inputDefault">Name</label>  
731 - <input value="Python" type="text" class="form-control" id="inputDefault">  
732 - </div>  
733 - <div class="form-group">  
734 - <label class="control-label" for="inputDefault">Url</label>  
735 - <input value="https://www.python.org/" type="text" class="form-control" id="inputDefault">  
736 - </div>  
737 - <div class="form-group is-empty">  
738 - <label class="control-label" for="inputDefault">Descrição</label>  
739 - <textarea class="form-control" rows="3"></textarea> 621 + </div>
  622 + <div class="modal-footer">
  623 + <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  624 + <button type="button" class="btn btn-primary">Save changes</button>
  625 + </div>
740 </div> 626 </div>
741 - <div class="form-group">  
742 - <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a>  
743 - <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>  
744 - </div>  
745 - <!-- .end Card -->  
746 </div> 627 </div>
747 </div> 628 </div>
748 - </div>  
749 -</div>  
750 -<!-- EndModal -->  
751 -</div>  
752 -</div>  
753 - 629 + <!--EndForumModal-->
754 630
755 -<div class="modal fade" id="createForum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  
756 - <div class="modal-dialog" role="document"> 631 + <!-- MODAL LINK EDIT-->
  632 + <div class="modal fade" id="linksModalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  633 + <div class="modal-dialog" role="document">
757 <div class="modal-content"> 634 <div class="modal-content">
758 - <div class="modal-header">  
759 - <h4 class="modal-title" id="myModalLabel">{% trans 'Forum' %}</h4> 635 + <div class="modal-header">
  636 + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  637 + <h4 class="modal-title" id="myModalLabel">Links</h4>
  638 + </div>
  639 + <div class="modal-body">
  640 + <!-- Card -->
  641 + <div class="form-group">
  642 + <label class="control-label" for="inputDefault">Name</label>
  643 + <input value="Python" type="text" class="form-control" id="inputDefault">
760 </div> 644 </div>
761 - <div class="modal-body">  
762 - <section>  
763 - <div class="forum_form"></div>  
764 - </section> 645 + <div class="form-group">
  646 + <label class="control-label" for="inputDefault">Url</label>
  647 + <input value="https://www.python.org/" type="text" class="form-control" id="inputDefault">
765 </div> 648 </div>
766 - <div class="modal-footer">  
767 - <button type="button" class="btn btn-danger btn-raised" data-dismiss="modal">{% trans 'Close' %}</button>  
768 - <button type="button" onclick="$('#forum_create').submit();" class="btn btn-primary btn-raised">{% trans 'Create' %}</button> 649 + <div class="form-group is-empty">
  650 + <label class="control-label" for="inputDefault">Descrição</label>
  651 + <textarea class="form-control" rows="3"></textarea>
769 </div> 652 </div>
  653 + <div class="form-group">
  654 + <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a>
  655 + <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>
  656 + </div>
  657 + <!-- .end Card -->
  658 + </div>
770 </div> 659 </div>
  660 + </div>
  661 + </div>
  662 + <!-- EndModal -->
771 </div> 663 </div>
772 -</div> 664 + </div>
  665 +
  666 +
  667 + <div class="modal fade" id="createForum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  668 + <div class="modal-dialog" role="document">
  669 + <div class="modal-content">
  670 + <div class="modal-header">
  671 + <h4 class="modal-title" id="myModalLabel">{% trans 'Forum' %}</h4>
  672 + </div>
  673 + <div class="modal-body">
  674 + <section>
  675 + <div class="forum_form"></div>
  676 + </section>
  677 + </div>
  678 + <div class="modal-footer">
  679 + <button type="button" class="btn btn-danger btn-raised" data-dismiss="modal">{% trans 'Close' %}</button>
  680 + <button type="button" onclick="$('#forum_create').submit();" class="btn btn-primary btn-raised">{% trans 'Create' %}</button>
  681 + </div>
  682 + </div>
  683 + </div>
  684 + </div>
773 \ No newline at end of file 685 \ No newline at end of file