| Server IP : 167.235.224.122 / Your IP : 216.73.216.110 Web Server : Apache/2.4.58 (Ubuntu) System : Linux newplayground 6.8.0-136-generic #136-Ubuntu SMP PREEMPT_DYNAMIC Wed Jul 1 21:33:11 UTC 2026 aarch64 User : deploy ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/demofutures.com/storage/framework/views/ |
Upload File : |
<?php $__env->startSection('content'); ?>
<?php if(Auth::check() AND Auth::user() AND $story->user_id==Auth::user()->id): ?>
<script src="<?php echo e(asset('ckeditor/ckeditor.js')); ?>"></script>
<script src="<?php echo e(asset('ckeditor/translations/fr.js')); ?>"></script>
<script src="<?php echo e(asset('ckeditor/translations/de.js')); ?>"></script>
<script src="<?php echo e(asset('ckeditor/translations/es.js')); ?>"></script>
<style>
.ck-editor__editable_inline {
border: 0px solid white !important;
min-height: 30vh;
}
.ck-toolbar {
background-color: silver !important;
}
#about {padding-top: 2rem;}
</style>
<?php endif; ?>
<script>
<?php
echo "const contentID='".$story->content_id."';";
?>
</script>
<!-- About-->
<section class="content-section bg-light" id="about">
<div class="container px-4 px-lg-5 text-center">
<?php if(Auth::user() AND Auth::user()->id==$story->user_id): ?>
<form action="/submit_story" id="form_write">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-12">
<h2 style="text-align: left;"><input type="text" id="title" name="title" placeholder="Titel" style="width: 100%" value="<?php echo e($story->title); ?>"></h2>
</div>
</div>
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="mb-3 mt-3 col-12">
<textarea id="write_submit" class="editor" name="write_submit" style="width: 100%; height: 100vh; border: 0; min-height: 30vh;" placeholder="Your story" <?php echo e(Auth::user() ? "" : "disabled"); ?>><?php echo e(Auth::user() ? $story->content : ""); ?></textarea>
<input type="hidden" id="contentID" value="<?php echo e(isset($content_id) && null); ?>">
<div class="float-right">
<span id="success_message" class="hidden text-green-600 text-sm mr-2">✔ Content saved successfully.</span>
<button type="button" class="bg-indigo-500 text-white px-3 py-1 mt-2 rounded" onclick="saveContent()">Save</button>
</div>
</div>
</div>
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="mb-3 mt-3 col-12 form-check pt-2" style="background-color: white;">
<button type="button" id="cc_confirm" name="cc_confirm" class="btn btn-primary">Submit</button> Click to submit and to agree that your text is displayed on this platform under the <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Create Commons license CC BY-SA</a> ... and that you agree with our <a href="" target="_blank">general platform rules</a>.</label></div>
</div>
</div>
</form>
<?php else: ?>
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-12">
<h2 style="text-align: left;"><?php echo e($story->title); ?></h2>
</div>
</div>
<div class="row gx-4 gx-lg-5 justify-content-left">
<div class="mb-3 mt-3 col-12" style="text-align: left;">
<?php echo $story->content ? $story->content : "No story yet"; ?>
</div>
</div>
<?php endif; ?>
</div>
</section>
<!-- Services-->
<script>
const hideMessage = () => {
$('#success_message').hide();
}
let timeoutId;
const saveContent = () => {
clearTimeout(timeoutId);
const content = window.editor.getData();
const csrfToken = '<?php echo e(csrf_token()); ?>';
$.ajax({
url: '<?php echo e(route('autosave')); ?>',
type: 'POST',
headers: {
'X-CSRF-TOKEN': csrfToken
},
data: {
_token: csrfToken,
contentID: contentID,
content: content,
title: $("#content_title").val()
},
success: function(response) {
console.log('Content auto-saved');
console.log(response);
$('#contentID').val(response.contentID);
$('#success_message').fadeIn();
setTimeout(function() {
$('#success_message').fadeOut();
}, 3000); // <-- time in milliseconds
// Optionally, show a success message to the user
},
error: function(error) {
console.error('Error auto-saving content', error);
// Optionally, show an error message to the user
}
});
};
const languageDropdown = document.getElementById('languageDropdown');
var editor;
function createEditor( languageCode ) {
if ( editor )
editor.destroy();
ClassicEditor
.create(document.querySelector('.editor'), {
language: languageCode,
on: {
instanceReady: function () {
// Wait for the editor to be ready to set
// the language drop-down list.
var languages = document.getElementById('languages');
languages.value = this.langCode;
languages.disabled = true;
}
},
licenseKey: '',
})
.then(editor => {
window.editor = editor;
// editor.execute( 'textPartLanguage', { languageCode: 'es' } );
// Add event listener to auto-save the content after a delay
editor.model.document.on('change:data', () => {
clearTimeout(timeoutId);
timeoutId = setTimeout(saveContent, 2000); // Delay in milliseconds
});
})
.catch(error => {
console.error('Oops, something went wrong!');
console.error('Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:');
console.warn('Build id: e6peyvlti4lf-7s464ajwaaeq');
console.error(error);
});
}
// At page startup, load the default language:
createEditor( '' );
</script>
<!-- Footer-->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top"><i class="fas fa-angle-up"></i></a>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/demofutures.com/resources/views/story.blade.php ENDPATH**/ ?>