diff options
Diffstat (limited to 'design/templates')
| -rw-r--r-- | design/templates/admin/insert_images.html | 108 | ||||
| -rw-r--r-- | design/templates/admin/notes/change_form.html | 139 | ||||
| -rw-r--r-- | design/templates/archives/notes.html | 5 | ||||
| -rw-r--r-- | design/templates/lib/img_picwide.html | 4 |
4 files changed, 247 insertions, 9 deletions
diff --git a/design/templates/admin/insert_images.html b/design/templates/admin/insert_images.html new file mode 100644 index 0000000..7e39583 --- /dev/null +++ b/design/templates/admin/insert_images.html @@ -0,0 +1,108 @@ +{% load get_image_by_size %} +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<head> +<style> +.item-wrapper { + display: flex; + flex-wrap: wrap; + margin-bottom: 6px; + font-family: sans-serif; + font-size: 11px; + padding: 6px 0 4px; + border-top: #ccc 1px solid; +} +.item { margin: 0;} +.item img { margin: 0 0 4px 0;} +figure { + max-width: 180px; +} +.actions { + list-style-type: none; + margin: 0 0 0 10px; + padding: 0; +} +.actions li { + margin: 3px 0; +} +.actions a { + color: #666; +} +</style> +<script src="/static/jquery.tools.min.js"></script> +<script> +// execute your scripts when the DOM is ready. this is a good habit + +function buildImage(image_url, c, caption) { + html = '<img src="'+image_url+'" class="'; + if (c) { + html += c; + } + if (caption) { + html += ' caption" />'; + } + else { + html += '" />'; + } + return html; +} +$(function(){ + var ta = parent.document.getElementById('{{textarea_id}}'); + + $('#uploads li').click(function(){ + $(this).children('.popup').show(); + }); + + $('.popup .close').click(function(){ + $(this).parent('.popup').hide(); + return false; + }); + + $('.insert').click(function(){ + var code = buildImage($(this).attr('data-src'), $(this).attr('data-class'), $(this).attr('data-caption')); + var el = parent.document.getElementById('{{textarea_id}}'); + var start = el.selectionStart + var end = el.selectionEnd + var text = el.value + var before = text.substring(0, start) + var after = text.substring(end, text.length) + el.value = (before + code + after) + el.selectionStart = el.selectionEnd = start + code.length + el.focus() + $(this).parents('.popup').hide(); + return false; + }); + + $('#refresh').click(function(){ + location.reload(true); + return false; + }); + +}); + + +</script> +</head> +<body> + <input type="button" value="Refresh" onClick="window.location.reload()"> + <div class="up-wrapper">{% for image in images %} + <div class="item-wrapper"> + <figure class="item" > + <img src="{% get_image_by_size image 'tn' %}" /> + <figcaption>{{image.title}} {% if image.caption %}– {{image.caption}}{%endif%}</figcaption> + </figure> + <ul class="actions"> + <li><a data-src="{% get_image_by_size image 'admin_insert' %}" data-class="picwide" class="insert" href="">full width</a></li> + <li><a data-src="{% get_image_by_size image 'admin_insert' %}" data-class="picfull" class="insert" href="">column width</a></li> + <li><a data-src="{% get_image_by_size image 'admin_insert' %}" data-class="picwide" data-caption="true" class="insert" href="">full width cap</a></li> + <li><a data-src="{% get_image_by_size image 'admin_insert' %}" data-class="picfull" data-caption="true" class="insert" href="">column width cap</a></li> + <li><a href="/admin/photos/luximage/{{image.pk}}/change/">Edit Image</a></li> + </ul> + </div> +{% endfor %} +</div> + +<!-- "next page" action --> +<a class="nextPage browse right"></a> +</body> +</html> diff --git a/design/templates/admin/notes/change_form.html b/design/templates/admin/notes/change_form.html index 3d97a4f..56d2bbe 100644 --- a/design/templates/admin/notes/change_form.html +++ b/design/templates/admin/notes/change_form.html @@ -1,10 +1,48 @@ -{% extends "admin/change_form.html" %} -{% load i18n admin_urls %} +{% extends "admin/base_site.html" %} +{% load i18n admin_urls admin_static admin_modify %} + +{% block extrahead %}{{ block.super }} +<script type="text/javascript" src="{% url 'admin:jsi18n' %}"></script> +{{ media }} +<script> +if (!$) { + $ = django.jQuery; +} +$(function(){ + $('#id_body_markdown').each(function(){ + $(this).css('width', '550px').css('height', '300px'); + $(this).after('<iframe frameborder="0" style="border: #dddddd 1px solid;margin-left: 20px;width:330px; height:310px;" src="/luximages/insert/?textarea='+this.id+'"></iframe>'); + }); +}); +</script> + +{% endblock %} + +{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/forms.css" %}" />{% endblock %} + +{% block coltype %}colM{% endblock %} + +{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-form{% endblock %} + +{% if not is_popup %} +{% block breadcrumbs %} +<div class="breadcrumbs"> +<a href="{% url 'admin:index' %}">{% trans 'Home' %}</a> +› <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a> +› {% if has_change_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %} +› {% if add %}{% trans 'Add' %} {{ opts.verbose_name }}{% else %}{{ original|truncatewords:"18" }}{% endif %} +</div> +{% endblock %} +{% endif %} + {% block content %} <a class="btn" onclick="geoFindMe();" href="javascript:void(0);" class="historylink">Get Location</a> - {{block.super}} -{% endblock %} -{% block object-tools-items %} +<div id="content-main"> +{% block object-tools %} +{% if change %}{% if not is_popup %} + <ul class="object-tools"> + {% block object-tools-items %} + <li> <a onclick="geoFindMe();" href="javascript:void(0);" class="historylink">Get Location</a> </li> @@ -16,4 +54,95 @@ <a href="{% url 'admin:view_on_site' content_type_id original.pk %}" class="viewsitelink">{% trans "View on site" %}</a> </li> {% endif %} + <li> + {% url opts|admin_urlname:'history' original.pk|admin_urlquote as history_url %} + <a href="{% add_preserved_filters history_url %}" class="historylink">{% trans "History" %}</a> + </li> + {% if has_absolute_url %}<li><a href="{{ absolute_url }}" class="viewsitelink">{% trans "View on site" %}</a></li>{% endif %} + {% endblock %} + </ul> +{% endif %}{% endif %} +{% endblock %} +<form {% if has_file_field %}enctype="multipart/form-data" {% endif %}action="{{ form_url }}" method="post" id="{{ opts.model_name }}_form" novalidate>{% csrf_token %}{% block form_top %}{% endblock %} +<div> +{% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1" />{% endif %} +{% if to_field %}<input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}" />{% endif %} +{% if save_on_top %}{% block submit_buttons_top %}{% submit_row %}{% endblock %}{% endif %} +{% if errors %} + <p class="errornote"> + {% if errors|length == 1 %}{% trans "Please correct the error below." %}{% else %}{% trans "Please correct the errors below." %}{% endif %} + </p> + {{ adminform.form.non_field_errors }} +{% endif %} + +{% block field_sets %} +{% for fieldset in adminform %} + {% include "admin/includes/fieldset.html" %} +{% endfor %} +{% endblock %} + +{% block after_field_sets %}{% endblock %} + +{% block inline_field_sets %} +{% for inline_admin_formset in inline_admin_formsets %} + {% include inline_admin_formset.opts.template %} +{% endfor %} +{% endblock %} + +{% block after_related_objects %}{% endblock %} + +{% block submit_buttons_bottom %}{% submit_row %}{% endblock %} + +{% block admin_change_form_document_ready %} + <script type="text/javascript"> + (function($) { + $(document).ready(function() { + $('.add-another').click(function(e) { + e.preventDefault(); + var event = $.Event('django:add-another-related'); + $(this).trigger(event); + if (!event.isDefaultPrevented()) { + showAddAnotherPopup(this); + } + }); + $('.related-lookup').click(function(e) { + e.preventDefault(); + var event = $.Event('django:lookup-related'); + $(this).trigger(event); + if (!event.isDefaultPrevented()) { + showRelatedObjectLookupPopup(this); + } + }); + $('body').on('click', '.related-widget-wrapper-link', function(e) { + e.preventDefault(); + if (this.href) { + var event = $.Event('django:show-related', {href: this.href}); + $(this).trigger(event); + if (!event.isDefaultPrevented()) { + showRelatedObjectPopup(this); + } + } + }); + $('body').on('change', '.related-widget-wrapper select', function(e) { + var event = $.Event('django:update-related'); + $(this).trigger(event); + if (!event.isDefaultPrevented()) { + updateRelatedObjectLinks(this); + } + }); + $('.related-widget-wrapper select').trigger('change'); + + {% if adminform and add %} + $('form#{{ opts.model_name }}_form :input:visible:enabled:first').focus() + {% endif %} + }); + })(django.jQuery); + </script> +{% endblock %} + +{# JavaScript for prepopulated fields #} +{% prepopulated_fields_js %} + +</div> +</form></div> {% endblock %} diff --git a/design/templates/archives/notes.html b/design/templates/archives/notes.html index 9429831..4e8b105 100644 --- a/design/templates/archives/notes.html +++ b/design/templates/archives/notes.html @@ -12,11 +12,12 @@ </ul> <main role="main"> <h1>Field Notes</h1> + <h4 class="subhead divide-after">Quick notes and images from the road</h4> {% for object in object_list %} <article class="h-entry"> - <h2 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h2> + <h2 class="p-name note--title hide">{{object.title|safe|amp|smartypants}}</h2> <div class="e-content"> - {{object.body_html|safe|amp|smartypants|urlizetrunc:45 }} + {{object.body_html|safe|smartypants}} </div> <span class="p-author h-card"> <data class="p-name" value="Scott Gilbertson"></data> diff --git a/design/templates/lib/img_picwide.html b/design/templates/lib/img_picwide.html index 065ff6c..be2b779 100644 --- a/design/templates/lib/img_picwide.html +++ b/design/templates/lib/img_picwide.html @@ -1,9 +1,9 @@ {% load get_image_by_size %} -{% if caption %} +{% if caption or exif %} <figure class="picwide">{%endif%} <img class="picwide" sizes="(max-width: 1140px) 100vw, (min-width: 1141px) 1140px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size %} {{size}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%} {% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%}src="{% get_image_by_size image size %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}"> - {% if caption %}<figcaption>{{image.caption}}</figcaption> +{% if caption or exif %}<figcaption>{% endif %}{% if caption %}{{image.caption}}{% endif %}{% if exif %} | <small>Camera: {{image.exif_make}} {{image.exif_model}} with {{image.exif_lens}}</small>{% endif %}{% if caption or exif %}</figcaption> </figure> {% endif %} |