mirror
/
writefreely
mirror of https://github.com/writeas/writefreely
2
0
Fork 0
Code Issues Releases Wiki Activity
A focused writing and publishing space. https://write.with.parts
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1676 Commits
52 Branches
26 Tags
53 MiB
Tag: Branch: Tree: e29f371232
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e29f371232'
${ noResults }
writefreely/templates/pad.tmpl

422 lines
15 KiB
Raw Normal View History Unescape

Add editor This includes the '/' route handler
6 years ago
{{define "pad"}}<!DOCTYPE HTML>
<html>
<head>
<title>{{if .Editing}}Editing {{if .Post.Title}}{{.Post.Title}}{{else}}{{.Post.Id}}{{end}}{{else}}New Post{{end}} &mdash; {{.SiteName}}</title>
<link rel="stylesheet" type="text/css" href="/css/write.css" />
Fix whitespace
3 years ago
{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="/local/custom.css" />{{end}}
Add editor This includes the '/' route handler
6 years ago
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="google" value="notranslate">
</head>
<body id="pad" class="light">
<div id="overlay"></div>
fix: RTL support on post textarea Fixing right to left (short: RTL) support for respective RTL languages by adding auto-detection for the user content's directionality based on the text's language. Fixes #612
1 year ago
<textarea dir="auto" id="writer" placeholder="Write..." class="{{.Post.Font}}" autofocus>{{if .Post.Title}}# {{.Post.Title}}
Add editor This includes the '/' route handler
6 years ago
{{end}}{{.Post.Content}}</textarea>
Show warning in editor when local draft is out of date Fixes #41
5 years ago
<div class="alert success hidden" id="edited-elsewhere">This post has been updated elsewhere since you last published! <a href="#" id="erase-edit">Delete draft and reload</a>.</div>
Add editor This includes the '/' route handler
6 years ago
<header id="tools">
<div id="clip">
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend
6 years ago
{{if not .SingleUser}}<h1><a href="/me/c/" title="View blogs"><img class="ic-24dp" src="/img/ic_blogs_dark@2x.png" /></a></h1>{{end}}
<nav id="target" {{if .SingleUser}}style="margin-left:0"{{end}}><ul>
Add editor This includes the '/' route handler
6 years ago
{{if .Editing}}<li>{{if .EditCollection}}<a href="{{.EditCollection.CanonicalURL}}">{{.EditCollection.Title}}</a>{{else}}<a>Draft</a>{{end}}</li>
Support keyboard navigation on pad publish target dropdown
3 years ago
{{else}}<li class="has-submenu"><a href="#" id="publish-to" onclick="return false"><span id="target-name">Draft</span> <img class="ic-18dp" src="/img/ic_down_arrow_dark@2x.png" /></a>
Add editor This includes the '/' route handler
6 years ago
<ul>
<li class="menu-heading">Publish to...</li>
T697 default to user's first blog instead of draft
5 years ago
{{if .Blogs}}{{range $idx, $el := .Blogs}}
<li class="target{{if eq $idx 0}} selected{{end}}" id="blog-{{$el.Alias}}"><a href="#{{$el.Alias}}"><i class="material-icons md-18">public</i> {{if $el.Title}}{{$el.Title}}{{else}}{{$el.Alias}}{{end}}</a></li>
Add editor This includes the '/' route handler
6 years ago
{{end}}{{end}}
T697 default to user's first blog instead of draft
5 years ago
<li class="target" id="blog-anonymous"><a href="#anonymous"><i class="material-icons md-18">description</i> <em>Draft</em></a></li>
Add editor This includes the '/' route handler
6 years ago
<li id="user-separator" class="separator"><hr /></li>
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend
6 years ago
{{ if .SingleUser }}
<li><a href="/"><i class="material-icons md-18">launch</i> View Blog</a></li>
<li><a href="/me/c/{{.Username}}"><i class="material-icons md-18">palette</i> Customize</a></li>
<li><a href="/me/c/{{.Username}}/stats"><i class="material-icons md-18">trending_up</i> Stats</a></li>
{{ else }}
Add editor This includes the '/' route handler
6 years ago
<li><a href="/me/c/"><i class="material-icons md-18">library_books</i> View Blogs</a></li>
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend
6 years ago
{{ end }}
Add editor This includes the '/' route handler
6 years ago
<li><a href="/me/posts/"><i class="material-icons md-18">view_list</i> View Drafts</a></li>
<li><a href="/me/logout"><i class="material-icons md-18">power_settings_new</i> Log out</a></li>
</ul>
</li>{{end}}
</ul></nav>
<nav id="font-picker" class="if-room room-3 hidden" style="margin-left:-1em"><ul>
Add menu hover delay on user pages + editor
4 years ago
<li class="has-submenu"><a href="#" id="" onclick="return false"><img class="ic-24dp" src="/img/ic_font_dark@2x.png" /> <img class="ic-18dp" src="/img/ic_down_arrow_dark@2x.png" /></a>
Add editor This includes the '/' route handler
6 years ago
<ul style="text-align: center">
<li class="menu-heading">Font</li>
<li class="selected"><a class="font norm" href="#norm">Serif</a></li>
<li><a class="font sans" href="#sans">Sans-serif</a></li>
<li><a class="font wrap" href="#wrap">Monospace</a></li>
</ul>
</li>
</ul></nav>
<span id="wc" class="hidden if-room room-4">0 words</span>
</div>
spelling: javascript Signed-off-by: Josh Soref <2119212+jsoref@users.noreply.github.com>
2 years ago
<noscript style="margin-left: 2em;"><strong>NOTE</strong>: for now, you'll need JavaScript enabled to post.</noscript>
Add editor This includes the '/' route handler
6 years ago
<div id="belt">
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend
6 years ago
{{if .Editing}}<div class="tool hidden if-room"><a href="{{if .EditCollection}}{{.EditCollection.CanonicalURL}}{{.Post.Slug}}/edit/meta{{else}}/{{if .SingleUser}}d/{{end}}{{.Post.Id}}/meta{{end}}" title="Edit post metadata" id="edit-meta"><img class="ic-24dp" src="/img/ic_info_dark@2x.png" /></a></div>{{end}}
Add editor This includes the '/' route handler
6 years ago
<div class="tool hidden if-room room-2"><a href="#theme" title="Toggle theme" id="toggle-theme"><img class="ic-24dp" src="/img/ic_brightness_dark@2x.png" /></a></div>
<div class="tool if-room room-1"><a href="{{if not .User}}/pad/posts{{else}}/me/posts/{{end}}" title="View posts" id="view-posts"><img class="ic-24dp" src="/img/ic_list_dark@2x.png" /></a></div>
<div class="tool"><a href="#publish" title="Publish" id="publish"><img class="ic-24dp" src="/img/ic_send_dark@2x.png" /></a></div>
</div>
</header>
<script src="/js/h.js"></script>
Add menu hover delay on user pages + editor
4 years ago
<script type="text/javascript" src="/js/menu.js"></script>
Add editor This includes the '/' route handler
6 years ago
<script>
function toggleTheme() {
if (document.body.classList.contains('light')) {
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
setTheme('dark');
} else {
setTheme('light');
}
H.set('padTheme', newTheme);
}
Clean up pad JS formatting, debug messages
4 years ago
function setTheme(newTheme) {
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
document.body.classList.remove('light');
document.body.classList.remove('dark');
document.body.classList.add(newTheme);
var btns = Array.prototype.slice.call(document.getElementById('tools').querySelectorAll('a img'));
Clean up pad JS formatting, debug messages
4 years ago
if (newTheme == 'light') {
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
// check if current theme is dark otherwise we'll get `_dark_dark@2x.png`
if (H.get('padTheme', 'auto') == 'dark'){
for (var i=0; i<btns.length; i++) {
btns[i].src = btns[i].src.replace('@2x.png', '_dark@2x.png');
}
Add editor This includes the '/' route handler
6 years ago
}
} else {
for (var i=0; i<btns.length; i++) {
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
btns[i].src = btns[i].src.replace('_dark@2x.png', '@2x.png');
Add editor This includes the '/' route handler
6 years ago
}
}
H.set('padTheme', newTheme);
}
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
if (H.get('padTheme', 'auto') == 'light') {
setTheme('light');
Clean up pad JS formatting, debug messages
4 years ago
} else if (H.get('padTheme', 'auto') == 'dark') {
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
setTheme('dark');
} else {
const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches
Clean up pad JS formatting, debug messages
4 years ago
if (isDarkMode) {
setTheme('dark');
} else {
setTheme('light');
}
Add editor This includes the '/' route handler
6 years ago
}
Handle default pad color mode according to `prefers-color-scheme` This just queries the browser whether `prefers-color-scheme` is set and chooses dark mode if needed, and only if the user hasn't manually set a scheme by pushing the button.
5 years ago
Add editor This includes the '/' route handler
6 years ago
var $writer = H.getEl('writer');
var $btnPublish = H.getEl('publish');
Show warning in editor when local draft is out of date Fixes #41
5 years ago
var $btnEraseEdit = H.getEl('edited-elsewhere');
Add editor This includes the '/' route handler
6 years ago
var $wc = H.getEl("wc");
var updateWordCount = function() {
var words = 0;
var val = $writer.el.value.trim();
if (val != '') {
words = $writer.el.value.trim().replace(/\s+/gi, ' ').split(' ').length;
}
$wc.el.innerText = words + " word" + (words != 1 ? "s" : "");
};
var setButtonStates = function() {
if (!canPublish) {
$btnPublish.el.className = 'disabled';
return;
}
if ($writer.el.value.length === 0 || (draftDoc != 'lastDoc' && $writer.el.value == origDoc)) {
$btnPublish.el.className = 'disabled';
} else {
$btnPublish.el.className = '';
}
};
{{if .Post.Id}}var draftDoc = 'draft{{.Post.Id}}';
var origDoc = '{{.Post.Content}}';{{else}}var draftDoc = 'lastDoc';{{end}}
Show warning in editor when local draft is out of date Fixes #41
5 years ago
var updatedStr = '{{.Post.Updated8601}}';
var updated = null;
if (updatedStr != '') {
updated = new Date(updatedStr);
}
var ok = H.load($writer, draftDoc, true, updated);
if (!ok) {
// Show "edited elsewhere" warning
$btnEraseEdit.el.classList.remove('hidden');
}
var defaultTimeSet = false;
Add editor This includes the '/' route handler
6 years ago
updateWordCount();
var typingTimer;
var doneTypingInterval = 200;
var posts;
{{if and .Post.Id (not .Post.Slug)}}
var token = null;
var curPostIdx;
posts = JSON.parse(H.get('posts', '[]'));
for (var i=0; i<posts.length; i++) {
if (posts[i].id == "{{.Post.Id}}") {
token = posts[i].token;
break;
}
}
var canPublish = token != null;
{{else}}var canPublish = true;{{end}}
var publishing = false;
var justPublished = false;
Rename Suspend status to Silence This changes all variables and functions from using Suspend{ed} to using Silence{d} as well as documentation, errors and logging.
5 years ago
var silenced = {{.Silenced}};
Add editor This includes the '/' route handler
6 years ago
var publish = function(content, font) {
Rename Suspend status to Silence This changes all variables and functions from using Suspend{ed} to using Silence{d} as well as documentation, errors and logging.
5 years ago
if (silenced === true) {
Change "suspend" to "silence" where user-facing This puts the verbiage more in line with what the feature does, and leaves room for other moderation controls in the future. NOTE: this includes no backend refactoring, which may be confusing. We should rename things to fit ASAP. Ref T661
5 years ago
alert("Your account is silenced, so you can't publish or update posts.");
Add account suspension features This renders all requests for that user's posts, collections and related ActivityPub endpoints with 404 responses. While suspended, users may not create or edit posts or collections. User status is listed in the admin user page Admin view of user details shows status and now has a button to activate or suspend a user.
5 years ago
return;
}
Add editor This includes the '/' route handler
6 years ago
{{if and (and .Post.Id (not .Post.Slug)) (not .User)}}
if (!token) {
alert("You don't have permission to update this post.");
return;
}
if ($btnPublish.el.className == 'disabled') {
return;
}
{{end}}
$btnPublish.el.children[0].textContent = 'more_horiz';
publishing = true;
var xpostTarg = H.get('crosspostTarget', '[]');
var http = new XMLHttpRequest();
var post = H.getTitleStrict(content);
var params = {
body: post.content,
title: post.title,
Clean up lang field setting in pad.tmpl This continues work by @cjeller1592 in #435.
4 years ago
font: font
};
Add editor This includes the '/' route handler
6 years ago
{{ if .Post.Slug }}
var url = "/api/collections/{{.EditCollection.Alias}}/posts/{{.Post.Id}}";
{{ else if .Post.Id }}
var url = "/api/posts/{{.Post.Id}}";
if (typeof token === 'undefined' || !token) {
token = "";
}
params.token = token;
{{ else }}
Clean up lang field setting in pad.tmpl This continues work by @cjeller1592 in #435.
4 years ago
var lang = navigator.languages ? navigator.languages[0] : (navigator.language || navigator.userLanguage);
lang = lang.substring(0, 2);
params.lang = lang;
Add editor This includes the '/' route handler
6 years ago
var url = "/api/posts";
var postTarget = H.get('postTarget', 'anonymous');
if (postTarget != 'anonymous') {
url = "/api/collections/" + postTarget + "/posts";
}
params.crosspost = JSON.parse(xpostTarg);
{{ end }}
http.open("POST", url, true);
// Send the proper header information along with the request
http.setRequestHeader("Content-type", "application/json");
http.onreadystatechange = function() {
if (http.readyState == 4) {
publishing = false;
if (http.status == 200 || http.status == 201) {
data = JSON.parse(http.responseText);
id = data.data.id;
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend
6 years ago
nextURL = '{{if .SingleUser}}/d{{end}}/'+id;
Show warning in editor when local draft is out of date Fixes #41
5 years ago
localStorage.setItem('draft'+id+'-published', new Date().toISOString());
Add editor This includes the '/' route handler
6 years ago
{{ if not .Post.Id }}
// Post created
if (postTarget != 'anonymous') {
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend
6 years ago
nextURL = {{if not .SingleUser}}'/'+postTarget+{{end}}'/'+data.data.slug;
Add editor This includes the '/' route handler
6 years ago
}
editToken = data.data.token;
{{ if not .User }}if (postTarget == 'anonymous') {
// Save the data
var posts = JSON.parse(H.get('posts', '[]'));
{{if .Post.Id}}var newPost = H.createPost("{{.Post.Id}}", token, content);
for (var i=0; i<posts.length; i++) {
if (posts[i].id == "{{.Post.Id}}") {
posts[i].title = newPost.title;
posts[i].summary = newPost.summary;
break;
}
}
nextURL = "/pad/posts";{{else}}posts.push(H.createPost(id, editToken, content));{{end}}
H.set('posts', JSON.stringify(posts));
}
{{ end }}
{{ end }}
justPublished = true;
if (draftDoc != 'lastDoc') {
H.remove(draftDoc);
{{if .Editing}}H.remove('draft{{.Post.Id}}font');{{end}}
} else {
H.set(draftDoc, '');
}
{{if .EditCollection}}
window.location = '{{.EditCollection.CanonicalURL}}{{.Post.Slug}}';
{{else}}
window.location = nextURL;
{{end}}
} else {
$btnPublish.el.children[0].textContent = 'send';
alert("Failed to post. Please try again.");
}
}
}
http.send(JSON.stringify(params));
};
setButtonStates();
$writer.on('keyup input', function() {
setButtonStates();
clearTimeout(typingTimer);
typingTimer = setTimeout(doneTyping, doneTypingInterval);
}, false);
$writer.on('keydown', function(e) {
clearTimeout(typingTimer);
if (e.keyCode == 13 && (e.metaKey || e.ctrlKey)) {
$btnPublish.el.click();
}
});
$btnPublish.on('click', function(e) {
e.preventDefault();
if (!publishing && $writer.el.value) {
var content = $writer.el.value;
publish(content, selectedFont);
}
});
Show warning in editor when local draft is out of date Fixes #41
5 years ago
H.getEl('erase-edit').on('click', function(e) {
e.preventDefault();
H.remove(draftDoc);
H.remove(draftDoc+'-published');
justPublished = true; // Block auto-save
location.reload();
});
Add editor This includes the '/' route handler
6 years ago
H.getEl('toggle-theme').on('click', function(e) {
e.preventDefault();
var newTheme = 'light';
if (document.body.className == 'light') {
newTheme = 'dark';
}
toggleTheme();
});
var targets = document.querySelectorAll('#target li.target a');
for (var i=0; i<targets.length; i++) {
targets[i].addEventListener('click', function(e) {
e.preventDefault();
var targetName = this.href.substring(this.href.indexOf('#')+1);
H.set('postTarget', targetName);
document.querySelector('#target li.target.selected').classList.remove('selected');
this.parentElement.classList.add('selected');
var newText = this.innerText.split(' ');
newText.shift();
document.getElementById('target-name').innerText = newText.join(' ');
});
}
T697 default to user's first blog instead of draft
5 years ago
var postTarget = H.get('postTarget', '{{if .Blogs}}{{$blog := index .Blogs 0}}{{$blog.Alias}}{{else}}anonymous{{end}}');
Add editor This includes the '/' route handler
6 years ago
if (location.hash != '') {
postTarget = location.hash.substring(1);
// TODO: pushState to /pad (or whatever the URL is) so we live on a clean URL
location.hash = '';
}
var pte = document.querySelector('#target li.target#blog-'+postTarget+' a');
if (pte != null) {
pte.click();
} else {
postTarget = 'anonymous';
H.set('postTarget', postTarget);
}
var sansLoaded = false;
WebFontConfig = {
custom: { families: [ 'Lora:400,700:latin' ], urls: [ '/css/fonts.css' ] }
};
var loadSans = function() {
if (sansLoaded) return;
sansLoaded = true;
WebFontConfig.custom.families.push('Open+Sans:400,700:latin');
try {
(function() {
var wf=document.createElement('script');
wf.src = '/js/webfont.js';
wf.type='text/javascript';
wf.async='true';
var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
} catch (e) {}
};
var fonts = document.querySelectorAll('nav#font-picker a.font');
for (var i=0; i<fonts.length; i++) {
fonts[i].addEventListener('click', function(e) {
e.preventDefault();
selectedFont = this.href.substring(this.href.indexOf('#')+1);
$writer.el.className = selectedFont;
document.querySelector('nav#font-picker li.selected').classList.remove('selected');
this.parentElement.classList.add('selected');
H.set('{{if .Editing}}draft{{.Post.Id}}font{{else}}padFont{{end}}', selectedFont);
if (selectedFont == 'sans') {
loadSans();
}
});
}
var selectedFont = H.get('{{if .Editing}}draft{{.Post.Id}}font{{else}}padFont{{end}}', '{{.Post.Font}}');
var sfe = document.querySelector('nav#font-picker a.font.'+selectedFont);
if (sfe != null) {
sfe.click();
}
var doneTyping = function() {
if (draftDoc == 'lastDoc' || $writer.el.value != origDoc) {
H.save($writer, draftDoc);
Show warning in editor when local draft is out of date Fixes #41
5 years ago
if (!defaultTimeSet) {
var lastLocalPublishStr = localStorage.getItem(draftDoc+'-published');
if (lastLocalPublishStr == null || lastLocalPublishStr == '') {
localStorage.setItem(draftDoc+'-published', updatedStr);
}
defaultTimeSet = true;
}
Add editor This includes the '/' route handler
6 years ago
updateWordCount();
}
};
window.addEventListener('beforeunload', function(e) {
if (draftDoc != 'lastDoc' && $writer.el.value == origDoc) {
H.remove(draftDoc);
Show warning in editor when local draft is out of date Fixes #41
5 years ago
H.remove(draftDoc+'-published');
Add editor This includes the '/' route handler
6 years ago
} else if (!justPublished) {
doneTyping();
}
});
try {
(function() {
var wf=document.createElement('script');
wf.src = '/js/webfont.js';
wf.type='text/javascript';
wf.async='true';
var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
} catch (e) {
// whatevs
}
</script>
<link href="/css/icons.css" rel="stylesheet">
</body>
</html>{{end}}