mirror of
https://github.com/ArchiveBox/ArchiveBox
synced 2025-01-22 09:15:11 +00:00
228 lines
8.5 KiB
HTML
228 lines
8.5 KiB
HTML
{% load i18n static %}<!DOCTYPE html>
|
|
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
|
|
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
|
|
<head>
|
|
<title>{% block title %}{% endblock %} | ArchiveBox</title>
|
|
<link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% static "admin/css/base.css" %}{% endblock %}">
|
|
{% block extrastyle %}{% endblock %}
|
|
{% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% block stylesheet_rtl %}{% static "admin/css/rtl.css" %}{% endblock %}">{% endif %}
|
|
{% block extrahead %}{% endblock %}
|
|
{% block responsive %}
|
|
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
<link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive.css" %}">
|
|
{% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive_rtl.css" %}">{% endif %}
|
|
{% endblock %}
|
|
{% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE">{% endblock %}
|
|
<link rel="stylesheet" type="text/css" href="{% static "admin.css" %}">
|
|
</head>
|
|
{% load i18n %}
|
|
|
|
<body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}"
|
|
data-admin-utc-offset="{% now "Z" %}">
|
|
|
|
<style>
|
|
/* Loading Progress Bar */
|
|
#progress {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
top: 0px;
|
|
left: -6px;
|
|
width: 2%;
|
|
opacity: 1;
|
|
height: 2px;
|
|
background: #1a1a1a;
|
|
border-radius: 1px;
|
|
transition: width 4s ease-out, opacity 400ms linear;
|
|
}
|
|
|
|
@-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } }
|
|
</style>
|
|
|
|
<script>
|
|
// Page Loading Bar
|
|
window.loadStart = function(distance) {
|
|
var distance = distance || 0;
|
|
// only add progrstess bar if not already present
|
|
if (django.jQuery("#loading-bar").length == 0) {
|
|
django.jQuery("body").add("<div id=\"loading-bar\"></div>");
|
|
}
|
|
if (django.jQuery("#progress").length === 0) {
|
|
django.jQuery("body").append(django.jQuery("<div></div>").attr("id", "progress"));
|
|
let last_distance = (distance || (30 + (Math.random() * 30)))
|
|
django.jQuery("#progress").width(last_distance + "%");
|
|
setInterval(function() {
|
|
last_distance += Math.random()
|
|
django.jQuery("#progress").width(last_distance + "%");
|
|
}, 1000)
|
|
}
|
|
};
|
|
|
|
window.loadFinish = function() {
|
|
django.jQuery("#progress").width("101%").delay(200).fadeOut(400, function() {
|
|
django.jQuery(this).remove();
|
|
});
|
|
};
|
|
window.loadStart();
|
|
window.addEventListener('beforeunload', function() {window.loadStart(27)});
|
|
document.addEventListener('DOMContentLoaded', function() {window.loadFinish()});
|
|
</script>
|
|
|
|
|
|
<!-- Container -->
|
|
<div id="container">
|
|
|
|
{% if not is_popup %}
|
|
<!-- Header -->
|
|
<div id="header">
|
|
<div id="branding">
|
|
<h1 id="site-name">
|
|
<a href="{% url 'Home' %}">
|
|
<img src="{% static 'archive.png' %}" id="logo">
|
|
ArchiveBox
|
|
</a>
|
|
|
|
<small style="display: inline-block;margin-top: 2px;font-size: 18px;opacity: 0.8;">
|
|
<a><span id="snapshotListView" style="cursor: pointer">☰</span></a> |
|
|
<a><span id="snapshotGridView"style="letter-spacing: -.4em; cursor: pointer;">⣿⣿</span></a>
|
|
</small>
|
|
</h1>
|
|
</div>
|
|
{% block usertools %}
|
|
{% if has_permission %}
|
|
{% include 'navigation.html' %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block nav-global %}{% endblock %}
|
|
</div>
|
|
<!-- END Header -->
|
|
{% block breadcrumbs %}
|
|
<div class="breadcrumbs">
|
|
<a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
|
|
{% if title %} › {{ title }}{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
{% endif %}
|
|
|
|
{% block messages %}
|
|
{% if messages %}
|
|
<ul class="messagelist">{% for message in messages %}
|
|
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|capfirst }}</li>
|
|
{% endfor %}</ul>
|
|
{% endif %}
|
|
{% endblock messages %}
|
|
|
|
<!-- Content -->
|
|
<div id="content" class="{% block coltype %}colM{% endblock %}">
|
|
{% block pretitle %}{% endblock %}
|
|
{% block content_title %}{# {% if title %}<h1>{{ title }}</h1>{% endif %} #}{% endblock %}
|
|
{% block content %}
|
|
{% block object-tools %}{% endblock %}
|
|
{{ content }}
|
|
{% endblock %}
|
|
{% block sidebar %}{% endblock %}
|
|
<br class="clear">
|
|
</div>
|
|
<!-- END Content -->
|
|
|
|
{% block footer %}<div id="footer"></div>{% endblock %}
|
|
</div>
|
|
<!-- END Container -->
|
|
|
|
<script>
|
|
(function ($) {
|
|
$.fn.reverse = [].reverse;
|
|
|
|
function fix_actions() {
|
|
var container = $('div.actions');
|
|
|
|
if (container.find('select[name=action] option').length < 10) {
|
|
container.find('label:nth-child(1), button[value=0]').hide();
|
|
|
|
var buttons = $('<div></div>')
|
|
.appendTo(container)
|
|
.css('display', 'inline')
|
|
.addClass('class', 'action-buttons');
|
|
|
|
container.find('select[name=action] option:gt(0)').reverse().each(function () {
|
|
const name = this.value
|
|
$('<button>')
|
|
.appendTo(buttons)
|
|
.attr('name', this.value)
|
|
.attr('type', 'button')
|
|
.addClass('button')
|
|
.text(this.text)
|
|
.click(function (e) {
|
|
e.preventDefault()
|
|
e.stopPropagation()
|
|
container.find('select')
|
|
.find(':selected').removeAttr('selected').end()
|
|
.find('[value=' + name + ']').attr('selected', 'selected').click();
|
|
$('#changelist-form button[name="index"]').click();
|
|
document.querySelector('#logo').outerHTML = '<div class="loader"></div>'
|
|
return false
|
|
});
|
|
});
|
|
}
|
|
};
|
|
|
|
function redirectWithQuery(uri){
|
|
uri_query = uri + document.location.search;
|
|
window.location = uri_query;
|
|
|
|
};
|
|
|
|
function selectSnapshotListView(){
|
|
localStorage.setItem('currentSnapshotView', 'List');
|
|
redirectWithQuery("{% url 'admin:core_snapshot_changelist' %}");
|
|
};
|
|
|
|
function selectSnapshotGridView(){
|
|
localStorage.setItem('currentSnapshotView', 'Grid');
|
|
redirectWithQuery("{% url 'admin:grid' %}");
|
|
};
|
|
|
|
function setPreferredSnapshotView(view){
|
|
urlPath = window.location.pathname;
|
|
|
|
if((view==="Grid") && urlPath == "{% url 'admin:core_snapshot_changelist' %}"){
|
|
selectSnapshotGridView();
|
|
}
|
|
|
|
{% comment %}
|
|
else if((view==="List") && urlPath == "{% url 'admin:grid' %}"){
|
|
selectSnapshotListView();
|
|
|
|
}
|
|
{% endcomment %}
|
|
};
|
|
|
|
function setupSnapshotViews() {
|
|
const preferredSnapshotView = localStorage.getItem('currentSnapshotView');
|
|
setPreferredSnapshotView(preferredSnapshotView);
|
|
|
|
$( document ).ready(function() {
|
|
|
|
$("#snapshotListView").click(function() {
|
|
selectSnapshotListView();
|
|
});
|
|
$("#snapshotGridView").click(function() {
|
|
selectSnapshotGridView();
|
|
});
|
|
|
|
$('input:checkbox').change(function(){
|
|
if($(this).is(':checked'))
|
|
$(this).parent().parent().parent().parent().addClass('selected-card');
|
|
else
|
|
$(this).parent().parent().parent().parent().removeClass('selected-card')
|
|
});
|
|
|
|
});
|
|
};
|
|
$(function () {
|
|
fix_actions();
|
|
setupSnapshotViews();
|
|
});
|
|
})(django.jQuery);
|
|
</script>
|
|
</body>
|
|
</html>
|