diff options
Diffstat (limited to 'app/notes/templates')
-rw-r--r-- | app/notes/templates/confirm_delete.html | 12 | ||||
-rw-r--r-- | app/notes/templates/note_detail.html | 25 | ||||
-rw-r--r-- | app/notes/templates/note_form.html | 37 | ||||
-rw-r--r-- | app/notes/templates/note_list.html | 32 | ||||
-rw-r--r-- | app/notes/templates/project_detail.html | 40 | ||||
-rw-r--r-- | app/notes/templates/project_form.html | 35 | ||||
-rw-r--r-- | app/notes/templates/project_list.html | 25 |
7 files changed, 206 insertions, 0 deletions
diff --git a/app/notes/templates/confirm_delete.html b/app/notes/templates/confirm_delete.html new file mode 100644 index 0000000..8e657b1 --- /dev/null +++ b/app/notes/templates/confirm_delete.html @@ -0,0 +1,12 @@ +<form method="post">{% csrf_token %} + + + + +<p>Are you sure you want to delete "{{ object }}"?</p> + + + + + <input type="submit" value="Confirm"> +</form> diff --git a/app/notes/templates/note_detail.html b/app/notes/templates/note_detail.html new file mode 100644 index 0000000..5dc7ace --- /dev/null +++ b/app/notes/templates/note_detail.html @@ -0,0 +1,25 @@ +{% extends 'base_notes.html' %} +{% block primary %} +<style> +p { + margin-top: 1rem !important; + margin-bottom: 1rem; +} +</style> +<main class="post-detail"> + <div class="note-list"> + <article> + <h2>{% if object.url %}<a href="{{object.url}}">{{object.title}}</a>{%else%}{{object.title}}{%endif%} <span class="note-edit"><a href="{%url 'notes:note-edit' object.id %}">edit</a></span></h2> + <p>{{object.description}}</p> + -------------------- + <p>{{object.body_html|safe}}</p> + <p class="small"><a href="{% url 'notes:note-delete' object.pk %}">delete</a></p> + </article> +</div> +</main> + + +{% endblock %} +{% block js %} +<script type="text/javascript">var go_from_select = function(opt) { window.location = window.location.pathname + opt };</script> +{% endblock%} diff --git a/app/notes/templates/note_form.html b/app/notes/templates/note_form.html new file mode 100644 index 0000000..3924d48 --- /dev/null +++ b/app/notes/templates/note_form.html @@ -0,0 +1,37 @@ +{% extends 'base_notes.html' %} +{% block extrahead %} +<style> +form .selector label { + position: inherit; +} +</style> +<script src="/media/js/nice-select2.js"></script> +<link rel="stylesheet" href="/media/nice-select2.css"> +{% endblock %} +{% block primary %} +<main role="main" class="archive-wrapper"> + <div class="post-body"> + <form action="" method="post" class="comment-form">{% csrf_token %} + {% for field in form %} + <fieldset> + {%if field.name == "project" or field.name == "status" or field.name == 'note_type'%}<span class="selector">{{field.label_tag}}</span>{%else%}{{field.label_tag}}{%endif%} + {%if field.name == "body_markdown" or field.name == "description" %}<div class="textarea-rounded">{{ field }}</div>{%else%}{{field}}{%endif%} + </fieldset> + <small class="alert">{% if field.errors %}{{field.errors}}{% endif %}</small> + {%endfor%} + <input class="btn" type="submit" name="add_new" value="Save and add another" /> + <input type="submit" name="save" class="btn" value="Save" /> + </form> + </div> +</main> +{% endblock %} + {% block js %} +<script type="text/javascript"> +{% if is_update %}{%else%} +let params = new URL(document.location).searchParams; +document.getElementById('id_title').value = params.get("title"); +document.getElementById('id_url').value = params.get("url"); +document.getElementById('id_description').value = params.get("description"); +{% endif %} +</script> + {% endblock%} diff --git a/app/notes/templates/note_list.html b/app/notes/templates/note_list.html new file mode 100644 index 0000000..e262558 --- /dev/null +++ b/app/notes/templates/note_list.html @@ -0,0 +1,32 @@ +{% extends 'base_notes.html' %} +{% block primary %} +<main class="post-detail"> + <div class="post-header"><ul class="flex header-list"> + <li><a class="btn" href="{% url 'notes:note-list' %}">All</a></li> + {% for object in note_types %} + <li><a class="btn" href="{% url 'gtd:note-list-status' object.label|lower%}">{{object.label}}</a></li> + {% endfor %} + <li class="right"><a href="{% url 'notes:note-create' %}" class="btn">New Note</a></li> + </ul> + +<select class="form-control" style="margin-top: 2%;" onchange="go_from_select(this.options[this.selectedIndex].value)"> + <option value="">All Projects</option>{% for object in tags %} + <option {% if current == object.name %}selected="selected" {%endif%}value="?tag={{object}}">{{object}}</option>{%endfor%} +</select> + </div> + <div class="note-list">{% for object in object_list %}<article> + <h2>{% if object.url %}<a href="{{object.url}}">{{object.title}}</a>{%else%}{{object.title}}{%endif%} <span class="note-edit"><a href="{%url 'notes:note-edit' object.id %}">edit</a></span></h2> + <p>{{object.description}}</p> + {% if object.project %}<p class="small">For: <a href="{% url 'notes:project-detail' object.project.id %}">{{object.project}}</a></p>{%endif%} + <p class="note-edit">TAGS: {% for tag in object.tags.all %}<a href="/notes/?tag={{tag}}">{{tag}}</a>, {%endfor%}</p> + <p class="note-edit"><a href="{% url 'notes:note-detail' object.pk %}">View local</a></p> + <p class="small"><a href="{% url 'notes:note-delete' object.pk %}">delete</a></p> + </article> +{% endfor%}</div> +</main> + + +{% endblock %} +{% block js %} +<script type="text/javascript">var go_from_select = function(opt) { window.location = window.location.pathname + opt };</script> +{% endblock%} diff --git a/app/notes/templates/project_detail.html b/app/notes/templates/project_detail.html new file mode 100644 index 0000000..543b9f6 --- /dev/null +++ b/app/notes/templates/project_detail.html @@ -0,0 +1,40 @@ +{% extends 'base_gtd.html' %} +{% load typogrify_tags %} +{% load get_note_type %} +{% block extrahead %} +<style> +.detail-header { + margin-top: 3rem; + margin-bottom: 1rem; + padding-bottom: 1rem; +} +</style> +{% endblock %} +{% block primary %} +<main role="main" class="archive-wrapper"> + <div class="post-header detail-header"> + <h1>Project: {{object.title}}</h1> + +<select class="form-control" style="margin-top: 2%;" onchange="go_from_select(this.options[this.selectedIndex].value)"> + <option value="">All Projects</option>{% for object in projects %} + <option {% if object.title == project %}selected="selected" {%endif%}value="{% url 'gtd:project-detail' object.id%}">{{object}}</option>{%endfor%} +</select> + </div> + <div class="post-body"> + {{object.body_html|smartypants|safe}} + {% regroup note_set by note_type as type_list %} + {% for type in type_list %} + <h4>{% get_note_type type.grouper %}</h4> + <div class="note-list">{% for object in type.list %}<article> + <h2>{% if object.get_status_display == 'Completed' %}<strike style="color: #918d8d">{%endif%}{% if object.url %}<a href="{{object.url}}">{{object.title}}</a>{%else%}{{object.title}}{%endif%} <span class="note-edit"><a href="{%url 'gtd:note-edit' object.pk%}">edit</a></span>{% if object.get_status_display == 'Completed' %}</strike>{%endif%}</h2> + {{object.body_html|smartypants|safe}} + {% if object.get_status_display != 'None' %}<p class="small">{{object.get_status_display}}</p>{% endif %} + <p class="small"><a href="{% url 'gtd:note-delete' object.pk %}">delete</a></p></article> + {% endfor %}</div> +{% endfor %} + </div> +</main> +{% endblock %} +{% block js %} +<script type="text/javascript">var go_from_select = function(opt) { console.log(opt); window.location = opt };</script> +{% endblock%} diff --git a/app/notes/templates/project_form.html b/app/notes/templates/project_form.html new file mode 100644 index 0000000..ac7d13f --- /dev/null +++ b/app/notes/templates/project_form.html @@ -0,0 +1,35 @@ +{% extends 'base_gtd.html' %} + +{% block extrahead %} +<style> +form .selector label { + position: inherit; +} +</style> +{% endblock %} +{% block primary %} +<main role="main" class="archive-wrapper"> + <div class="post-body"> + <form action="" method="post" class="comment-form">{% csrf_token %} + {% for field in form %} + <fieldset> + {%if field.name == "project_type" or field.name == "outcome" or field.name == 'note_type'%}<span class="selector">{{field.label_tag}}</span>{%else%}{{field.label_tag}}{%endif%} + {%if field.name == "body_markdown"%}<div class="textarea-rounded">{{ field }}</div>{%else%}{{field}}{%endif%} + </fieldset> + <small class="alert">{% if field.errors %}{{field.errors}}{% endif %}</small> + {%endfor%} + <input class="btn" type="submit" name="add_new" value="Save and add another" /> + <input type="submit" name="save" class="btn" value="Save" /> + </form> + </div> +</main> +{% endblock %} + {% block js %} + {% if is_update %}{%else%} +<script type="text/javascript"> +let params = new URL(document.location).searchParams; +document.getElementById('id_title').value = params.get("title"); +document.getElementById('id_body_markdown').value = params.get("description"); +</script> +{% endif %} + {% endblock%} diff --git a/app/notes/templates/project_list.html b/app/notes/templates/project_list.html new file mode 100644 index 0000000..ba46b59 --- /dev/null +++ b/app/notes/templates/project_list.html @@ -0,0 +1,25 @@ +{% extends 'base_gtd.html' %} +{% block primary %} +<main class="post-detail"> + <div class="post-header"><ul class="flex header-list"> + <li><a class="btn" href="{% url 'gtd:project-list' %}">All</a></li> + {% for object in project_types %} + <li><a class="btn" href="{% url 'gtd:project-list-type' object.1|lower%}">{%if object.1 == 'Lbh'%}{{object.1|upper}}{%else%}{{object.1}}{%endif%}</a></li> + {% endfor %} + <li class="right"><a href="{% url 'gtd:project-create' %}" class="btn">New</a></li> + </ul> + </div> + <div class="note-list">{% for object in object_list %}<article> + <h2><a href="{{object.get_absolute_url}}">{{object.title}}</a><span class="note-edit"><a href="{% url 'gtd:project-edit' object.pk %}">edit</a></span></h2> + <p>{{object.body_markdown}}</p> + <p class="small">Date Goal: {{object.date_goal}}</p> + <p class="small">Type: {{object.get_project_type_display}}</p> + <p class="small"><a href="{% url 'gtd:project-delete' object.pk %}">delete</a></p> + </article> +{% endfor%}</div> +</main> + + +{% endblock %} +{% block js %} +{% endblock%} |