mirror of
https://github.com/Quackster/Havana.git
synced 2025-07-03 21:27:46 +00:00
137 lines
No EOL
5.1 KiB
Smarty
137 lines
No EOL
5.1 KiB
Smarty
{% include "housekeeping/base/header.tpl" %}
|
|
<body>
|
|
{% set createArticlesActive = " active " %}
|
|
{% include "housekeeping/base/navigation.tpl" %}
|
|
<script type="text/javascript">
|
|
function previewTS(el) {
|
|
document.getElementById('ts-preview').innerHTML = '<img src="{{ site.staticContentPath }}/c_images/Top_Story_Images/' + el + '" /><br />';
|
|
}
|
|
function previewTSOverride(el) {
|
|
if (!el)
|
|
{
|
|
var element = document.getElementById("topstory");
|
|
var val = element.options[element.selectedIndex].value;
|
|
previewTS(val);
|
|
return;
|
|
}
|
|
|
|
document.getElementById('ts-preview').innerHTML = '<img src="' + el + '" /><br />';
|
|
}
|
|
</script>
|
|
<div class="row">
|
|
<div class="col-4" width="50%">
|
|
<h1 class="mt-4">Create Article</h1>
|
|
{% include "housekeeping/base/alert.tpl" %}
|
|
<p>Create a news article, once posted, it will be immediately live on the site.</p>
|
|
<form class="table-responsive" method="post">
|
|
<div class="form-group">
|
|
<label>Title</label>
|
|
<input type="text" class="form-control" name="title">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Category <i>(Hold down CTRL to select multiple)</i></label><br />
|
|
<select id="categories" name="categories[]" size="{{ categories|length }}" style="width: 100%" multiple>
|
|
{% for category in categories %}
|
|
<option value="{{ category.getIndex() }}">{{ category.getLabel() }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Short story</label>
|
|
<input type="text" class="form-control" name="shortstory">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Full story</label>
|
|
<p>
|
|
<textarea name="fullstory" id="fullstory" class="form-control" rows="6" style="width: 100%;" onchange="previewChanges();" onkeypress="previewChanges();"></textarea>
|
|
</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Image</label>
|
|
<p>
|
|
<select onkeypress="previewTS(this.value);" onchange="previewTS(this.value);" name="topstory" id="topstory">
|
|
{% for image in images %}<option value="{{ image }}"{% if image == randomImage %} selected{% endif %}>{{ image }}</option>{% endfor %}
|
|
</select>
|
|
</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Override Image</label>
|
|
<input type="text" class="form-control" name="topstoryOverride" onchange="previewTSOverride(this.value);" onkeypress="previewTSOverride(this.value);" onkeydown="previewTSOverride(this.value);">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Image Preview</label>
|
|
<div id="ts-preview"><img src="{{ site.staticContentPath }}/c_images/Top_Story_Images/{{ randomImage }}" /></div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Article Image</label>
|
|
<input type="text" class="form-control" name="articleimage">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Mark as published</label>
|
|
<input type="checkbox" name="published" value="true"{% if article.isPublished() %} checked="checked"{% endif %}>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Publish date</label>
|
|
<p><i>(Leave alone for current article publish time)</i></p>
|
|
<input type="datetime-local" name="datePublished" max="3000-12-31" in="1000-01-01" class="form-control" value="{{ currentDate }}">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Go live/publish at this date (tick if this news article is set in future)
|
|
<input type="checkbox" name="futurePublished" value="true"{% if article.isFuturePublished() %} checked="checked"{% endif %}></label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Override Author</label>
|
|
<input type="text" class="form-control" name="authorOverride" value="{{ article.authorOverride }}">
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-info">Create Article</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div style="margin-left:30px" class="col-3">
|
|
<h1 class="mt-4">Create Article</h1>
|
|
<p id="news-preview"><i>Preview news here...</i></p>
|
|
</div>
|
|
</div>
|
|
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
|
|
<script src="https://blackrockdigital.github.io/startbootstrap-simple-sidebar/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
$("#menu-toggle").click(function(e) {
|
|
e.preventDefault();
|
|
$("#wrapper").toggleClass("toggled");
|
|
});
|
|
|
|
function previewChanges() {
|
|
var previewNewsText = document.getElementById("fullstory").value;
|
|
|
|
if (previewNewsText.length > 0) {
|
|
postAjax('{{ site.sitePath }}/habblet/ajax/preview_news_article', { body: previewNewsText }, function(data) {
|
|
document.getElementById("news-preview").innerHTML = data;
|
|
});
|
|
} else {
|
|
document.getElementById("news-preview").innerHTML = "<i>Preview news here...</i>";
|
|
}
|
|
}
|
|
|
|
function postAjax(url, data, success) {
|
|
var params = typeof data == 'string' ? data : Object.keys(data).map(
|
|
function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }
|
|
).join('&');
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('POST', url);
|
|
xhr.onreadystatechange = function() {
|
|
if (xhr.readyState == XMLHttpRequest.DONE) {
|
|
success(xhr.responseText);
|
|
}
|
|
};
|
|
xhr.send(params);
|
|
return xhr;
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
{% include "housekeeping/base/footer.tpl" %} |