base for todos

templates/todo/index.html

@@ -0,0 +1,75 @@
+{% extends 'layout/header.html'%}
+{%block content%}
+<div class="container">
+<div class="row">
+ <div class="col m6 l3">
+ <img src="{% media 'profile/rajmani1995.jpg'%}" width="100" height="100" alt="Profile Picture">
+ <h3 class="blue left"> Rajmani Arya <small>rajmani1995</small></h3>
+ <hr>
+ <p>Human, Web Developer, Software Developer</p>
+ </div>
+ <div class="col m6 l6">
+ <div class="row">
+ <div class="col s12">
+ <ul class="tabs">
+ <li class="tab col s3"><a href="#test1"> Add Todo </a></li>
+ <li class="tab col s3"><a class="active" href="#test2"> Incomplete </a></li>
+ <li class="tab col s3"><a href="#test3"> Complete </a></li>
+ </ul>
+ </div>
+ <div id="test1" class="col s12">
+ <form action="/todo/add" method="post">
+ {{csrf_token}}
+ <div class="row">
+ <div class="col s12">
+ <input type="text" name="title" id="title"/>
+ <label for="title"> Title </label>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col s12">
+ <input type="text" name="description" id="description"/>
+ <label for="description"> Description </label>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col s12">
+ <input type="submit" class="btn" value="Add Todo">
+ </div>
+ </div>
+ </form>
+ </div>
+ <div id="test2" class="col s12"> 
+ <ul class="collection with-header">
+ <li class="collection-header"><h4>Incomplete Task</h4></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ </ul>
+ </div>
+ <div id="test3" class="col s12">
+ <ul class="collection with-header">
+ <li class="collection-header"><h4>Completed Task</h4></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ <li class="collection-item"><div>Alvin<a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+</div>
+{%endblock%}
+{%block foots%}
+<script>
+(function($){
+ $('select').material_select();
+ $('.dropdown-btn').dropdown({
+ constrain-widht: true,
+ });
+ $('ul.tabs').tabs();
+})(jQuery);
+</script>
+{%endblock%}

templates/todo/list.html

@@ -1,4 +1,15 @@
 {% extends 'layout/header.html'%}
 {%block content%}
- <h2>{{author}}</h2>
+
 {%endblock%}
+{%block foots%}
+<script>
+(function($){
+ $('select').material_select();
+ $('.dropdown-btn').dropdown({
+ constrain-widht: true,
+ });
+ $('ul.tabs').tabs();
+})(jQuery);
+</script>
+{%endblock%}

work/views.py

@@ -1,9 +1,10 @@
 from django.shortcuts import render
-from django.http import HttpResponse
 # Create your views here.
+from django.contrib.auth.decorators import login_required
 
 def index(req):
- return HttpResponse(req, 'You wanna go to todos home ?')
+ return render(req, 'todo/index.html', {'title': 'Home'})
 
+@login_required(login_url='/auth/login/')
 def list(req):
- return render(req, 'todo/list.html', { 'title':'ToDos | List', 'author': 'Rajmani Arya'})
+ return render(req, 'todo/list.html', { 'title':'List', 'author': 'Rajmani Arya'})