implemented video uploading, updated styles and templates
Ro
3 years ago
parent
3c52bca8ba
commit
f24a6b5099
@ -0,0 +1,45 @@
|
|||||||
|
<label>
|
||||||
|
{{ page.title }}
|
||||||
|
</label>
|
||||||
|
<div id="options">
|
||||||
|
{% if page.menu == 'true' %}
|
||||||
|
{% set menu = "true" %}
|
||||||
|
{% else %}
|
||||||
|
{% set menu = "false" %}
|
||||||
|
{% endif %}
|
||||||
|
{% if page.published == 'true' %}
|
||||||
|
{% set published = "true" %}
|
||||||
|
{% else %}
|
||||||
|
{% set published = "false" %}
|
||||||
|
{% endif %}
|
||||||
|
{% if page.featured == 'true' %}
|
||||||
|
{% set featured = "true" %}
|
||||||
|
{% else %}
|
||||||
|
{% set featured = "false" %}
|
||||||
|
{% endif %}
|
||||||
|
<div id="option-left">
|
||||||
|
|
||||||
|
<button data-active="{{ menu }}">
|
||||||
|
<svg>
|
||||||
|
<use xlink:href="/assets/images/global/sprite.svg#entypo-add-to-list"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button data-active="{{ published }}">
|
||||||
|
<svg>
|
||||||
|
<use xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button data-active="{{ featured }}">
|
||||||
|
<svg>
|
||||||
|
<use xlink:href="/assets/images/global/sprite.svg#entypo-star"/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div id="option-right">
|
||||||
|
<span>
|
||||||
|
{{ page.updated }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
@ -1,94 +1,86 @@
|
|||||||
import StringUtils from "../utils/StringUtils";
|
import StringUtils from '../utils/StringUtils';
|
||||||
export default class PostActions {
|
export default class PostActions {
|
||||||
//--------------------------
|
//--------------------------
|
||||||
// constructor
|
// constructor
|
||||||
//--------------------------
|
//--------------------------
|
||||||
constructor() {}
|
constructor() {}
|
||||||
//--------------------------
|
//--------------------------
|
||||||
// methods
|
// methods
|
||||||
//--------------------------
|
//--------------------------
|
||||||
collectInfo(files) {
|
collectInfo(files) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
let pageInfo = new FormData();
|
let pageInfo = new FormData();
|
||||||
let txt = document.createElement("textarea");
|
let txt = document.createElement('textarea');
|
||||||
txt.innerHTML = document.getElementById("highlight-content").innerHTML;
|
txt.innerHTML = document.getElementById('highlight-content').innerHTML;
|
||||||
let html = txt.value;
|
let html = txt.value;
|
||||||
html = html.replace(/<\/?span[^>]*>/g, ""); //removes prism styling
|
html = html.replace(/<\/?span[^>]*>/g, ''); //removes prism styling
|
||||||
html = html.replace(/<\/?br[^>]*>/g, "\n"); //convert back to encoded line break for storage
|
html = html.replace(/<\/?br[^>]*>/g, '\n'); //convert back to encoded line break for storage
|
||||||
pageInfo.append(
|
pageInfo.append(
|
||||||
"id",
|
'id',
|
||||||
document.getElementById("post-edit-index").getAttribute("data-index")
|
document.getElementById('post-edit-index').getAttribute('data-index')
|
||||||
);
|
);
|
||||||
pageInfo.append(
|
pageInfo.append(
|
||||||
"uuid",
|
'uuid',
|
||||||
document.getElementById("post-edit-index").getAttribute("data-uuid")
|
document.getElementById('post-edit-index').getAttribute('data-uuid')
|
||||||
);
|
);
|
||||||
pageInfo.append(
|
pageInfo.append(
|
||||||
"layout",
|
'layout',
|
||||||
document.getElementById("post-edit-index").getAttribute("data-layout")
|
document.getElementById('post-edit-index').getAttribute('data-layout')
|
||||||
);
|
);
|
||||||
pageInfo.append(
|
pageInfo.append(
|
||||||
"current_title",
|
'current_title',
|
||||||
document.getElementById("post-edit-index").getAttribute("data-slug")
|
document.getElementById('post-edit-index').getAttribute('data-slug')
|
||||||
);
|
);
|
||||||
pageInfo.append("content", html);
|
pageInfo.append('content', html);
|
||||||
pageInfo.append("title", document.getElementById("post_title").value);
|
pageInfo.append('title', document.getElementById('post_title').value);
|
||||||
pageInfo.append(
|
pageInfo.append(
|
||||||
"created",
|
'created',
|
||||||
document.getElementById("post-date").getAttribute("data-raw")
|
document.getElementById('post-date').getAttribute('data-raw')
|
||||||
);
|
);
|
||||||
pageInfo.append(
|
pageInfo.append(
|
||||||
"slug",
|
'slug',
|
||||||
new StringUtils().cleanString(
|
new StringUtils().cleanString(document.getElementById('post_title').value)
|
||||||
document.getElementById("post_title").value
|
);
|
||||||
)
|
pageInfo.append('tags', document.getElementById('post_tags').value);
|
||||||
);
|
pageInfo.append(
|
||||||
pageInfo.append("tags", document.getElementById("post_tags").value);
|
'menu',
|
||||||
pageInfo.append(
|
document.getElementById('option-menu-pin').getAttribute('data-active')
|
||||||
"menu",
|
);
|
||||||
document.getElementById("option-menu-pin").getAttribute("data-active")
|
pageInfo.append(
|
||||||
);
|
'featured',
|
||||||
pageInfo.append(
|
document.getElementById('option-feature').getAttribute('data-active')
|
||||||
"featured",
|
);
|
||||||
document.getElementById("option-feature").getAttribute("data-active")
|
pageInfo.append(
|
||||||
);
|
'published',
|
||||||
pageInfo.append(
|
document.getElementById('option-published').getAttribute('data-active')
|
||||||
"published",
|
);
|
||||||
document.getElementById("option-published").getAttribute("data-active")
|
pageInfo.append('layout', document.getElementById('page-templates').value);
|
||||||
);
|
pageInfo.append('form_token', document.getElementById('form_token').value);
|
||||||
pageInfo.append(
|
if (files.length > 0 && files != null) {
|
||||||
"layout",
|
for (var i = 0; i < files.length; i++) {
|
||||||
document.getElementById("page-templates").value
|
var file = files[i];
|
||||||
);
|
if (file.type.match('image.*') || file.type.match('video.mp4')) {
|
||||||
pageInfo.append(
|
pageInfo.append('page_files[]', file, file.name);
|
||||||
"form_token",
|
} else {
|
||||||
document.getElementById("form_token").value
|
reject('Not an image file');
|
||||||
);
|
}
|
||||||
if (files.length > 0 && files != null) {
|
}
|
||||||
for (var i = 0; i < files.length; i++) {
|
} else {
|
||||||
var file = files[i];
|
//check to see if image exists
|
||||||
if (file.type.match("image.*")) {
|
if (document.getElementById('featured-image')) {
|
||||||
pageInfo.append("page_files[]", file, file.name);
|
var imageURL = document.getElementById('featured-image').src;
|
||||||
} else {
|
imageURL != null || imageURL != undefined
|
||||||
reject("Not an image file");
|
? pageInfo.append('feature_image', imageURL)
|
||||||
}
|
: pageInfo.append('feature_image', null);
|
||||||
}
|
} else {
|
||||||
} else {
|
//pageInfo.append("feature_image", null);
|
||||||
//check to see if image exists
|
}
|
||||||
if (document.getElementById("featured-image")) {
|
}
|
||||||
var imageURL = document.getElementById("featured-image").src;
|
//console.log("FILES", files);
|
||||||
imageURL != null || imageURL != undefined
|
resolve(pageInfo);
|
||||||
? pageInfo.append("feature_image", imageURL)
|
});
|
||||||
: pageInfo.append("feature_image", null);
|
}
|
||||||
} else {
|
//--------------------------
|
||||||
//pageInfo.append("feature_image", null);
|
// event handlers
|
||||||
}
|
//--------------------------
|
||||||
}
|
|
||||||
//console.log("FILES", files);
|
|
||||||
resolve(pageInfo);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
//--------------------------
|
|
||||||
// event handlers
|
|
||||||
//--------------------------
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue