adiciona tab

src/documento/views.py

@@ -5,12 +5,21 @@ from django.http import HttpResponse
 from django.db.models import Lookup, Q
 from documento.models import Documento, Submissao
 from documento.forms import DocumentosForm, SubmissaoForm
+from usuario.models import Curso
 
 import json
 import operator
 from functools import reduce
 
 
+class Home(View):
+    template_name = 'home.html'
+
+    def get(self, request):
+        cursos = Curso.objects.all()
+        return render(request, self.template_name, {'cursos': cursos})
+
+
 class DocumentoEditView(generic.UpdateView):
     model = Documento
     fields = ['disciplina',

src/farol/static/css/style.css

@@ -29,5 +29,53 @@ nav li a:hover {
 	top: 300%;
 	right: 0%;
 	opacity: 0.9;
-} 
+}
+
+
 
+
+/* Style the tab */
+.tab {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    background-color: #f1f1f1;
+}
+
+/* Style the buttons that are used to open the tab content */
+.tab button {
+    background-color: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: 14px 16px;
+    transition: 0.3s;
+}
+
+/* Change background color of buttons on hover */
+.tab button:hover {
+    background-color: #ddd;
+}
+
+/* Create an active/current tablink class */
+.tab button.active {
+    background-color: #ccc;
+}
+
+/* Style the tab content */
+.tabcontent {
+    display: none;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-top: none;
+}
+
+.tabcontent {
+    animation: fadeEffect 1s; /* Fading effect takes 1 second */
+}
+
+/* Go from zero to full opacity */
+@keyframes fadeEffect {
+    from {opacity: 0;}
+    to {opacity: 1;}
+}

src/farol/templates/home.html

@@ -3,27 +3,74 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> </script>
     <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
+<script>
+function openSearch(evt, searchType) {
+    // Declare all variables
+    var i, tabcontent, tablinks;
+
+    // Get all elements with class="tabcontent" and hide them
+    tabcontent = document.getElementsByClassName("tabcontent");
+    for (i = 0; i < tabcontent.length; i++) {
+        tabcontent[i].style.display = "none";
+    }
+
+    // Get all elements with class="tablinks" and remove the class "active"
+    tablinks = document.getElementsByClassName("tablinks");
+    for (i = 0; i < tablinks.length; i++) {
+        tablinks[i].className = tablinks[i].className.replace(" active", "");
+    }
+
+    // Show the current tab, and add an "active" class to the button that opened the tab
+    document.getElementById(searchType).style.display = "block";
+    evt.currentTarget.className += " active";
+}
+
+</script>
 
-	<div class="search-input">
-		<div class="row">
-			<div class="col-md-8 col-lg-6 col-xl-5 mx-auto">
-				<div class="input-group ui-widget">
-					<form id="searchform"
-					action="{%  url 'documento_search_list_view' %}
-					" method="get"  accept-charset="utf-8">
-						<input type="text"
-						 class="form-control form-control-lg"
-						 id="searchbox" name="q"
-						placeholder="Ex: prova algoritmos I castilho 2017 1">
-						<button class="searchbutton"
-						type="submit">
-							<i class="fa fa-search"></i>
-						</button>
-					</form>
+
+	<div class="tab">
+	  <button class="tablinks" onclick="openSearch(event, 'search')" id="defaultOpen">Pesquisa</button>
+	  <button class="tablinks" onclick="openSearch(event, 'fast_search')">Pesquisa rápida</button>
+	</div>
+	<div id="search" class="tabcontent">
+		<div class="search-input">
+			<div class="row">
+				<div class="col-md-8 col-lg-6 col-xl-5 mx-auto">
+					<div class="input-group ui-widget">
+						<form id="searchform"
+						action="{%  url 'documento_search_list_view' %}
+						" method="get"  accept-charset="utf-8">
+							<input type="text"
+							 class="form-control form-control-lg"
+							 id="searchbox" name="q"
+							placeholder="Ex: prova algoritmos I castilho 2017 1">
+							<button class="searchbutton"
+							type="submit">
+								<i class="fa fa-search"></i>
+							</button>
+						</form>
+					</div>
 				</div>
 			</div>
 		</div>
 	</div>
+	<div id="fast_search" class="tabcontent">
+        {% for curso in cursos %}
+        <p id="curso_id">{{curso}}</p>
+        {% endfor %}
+	</div>
+<script>
+var fields = ["professor","ano","periodo"]
+	console.log(fields)
+	console.log(fields.shift())
+	console.log(fields)
+    docum
+</script>
+
+<script>
+// Get the element with id="defaultOpen" and click on it
+document.getElementById("defaultOpen").click();
+</script>
 
 
 <script>

src/farol/urls.py

@@ -16,11 +16,11 @@ Including another URLconf
 from django.contrib import admin
 from django.urls import path, include
 from django.views.generic.base import TemplateView
+from documento import views
 import usuario
-import documento
 
 urlpatterns = [
-    path('', TemplateView.as_view(template_name='home.html'), name='home'),
+    path('', views.Home.as_view(), name='home'),
     path('admin/', admin.site.urls),
     path('user/', include('usuario.urls')),
     path('documento/', include('documento.urls')),