ponepaste/theme/bulma/view.php

468 lines
25 KiB
PHP
Raw Normal View History

<link rel="stylesheet" href="theme/bulma/css/bulma-tagsinput.min.css"/>
2021-07-10 19:18:17 +01:00
<script>
2021-08-22 22:05:26 -04:00
function setupTagsInput() {
const tagsInput = document.getElementById('tags-with-source');
2021-08-20 16:38:04 -04:00
2021-08-20 16:53:59 -04:00
if (tagsInput) {
new BulmaTagsInput(tagsInput, {
allowDuplicates: false,
caseSensitive: false,
clearSelectionOnTyping: false,
closeDropdownOnItemSelect: true,
delimiter: ',',
freeInput: true,
highlightDuplicate: true,
highlightMatchesString: true,
itemText: 'name',
maxTags: 10,
maxChars: 40,
minChars: 1,
noResultsLabel: 'No results found',
placeholder: '10 Tags Maximum"',
removable: true,
searchMinChars: 1,
searchOn: 'text',
selectable: true,
2021-08-19 23:57:24 +01:00
tagClass: 'is-info',
trim: true,
2021-08-20 16:53:59 -04:00
});
}
}
if (document.readyState !== 'loading') {
setupTagsInput();
} else {
document.addEventListener('DOMContentLoaded', setupTagsInput);
}
2021-08-20 16:38:04 -04:00
function openreport() {
var x = document.getElementById("panel");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
function closereport() {
var x = document.getElementById("panel");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
2021-07-10 19:18:17 +01:00
</script>
<script>
function preloaderFadeOutInit() {
$('.preloader').fadeOut('slow');
$('main').attr('id', '');
}
2021-07-10 19:18:17 +01:00
// Window load function
jQuery(window).on('load', function () {
(function ($) {
2021-11-04 11:35:36 -04:00
// preloaderFadeOutInit();
})(jQuery);
});
2021-07-10 19:18:17 +01:00
</script>
<?php if ($using_highlighter): ?>
2021-08-22 22:05:26 -04:00
<link rel="stylesheet" href="/vendor/scrivo/highlight.php/styles/default.css"/>
<?php endif; ?>
2021-07-10 19:18:17 +01:00
<?php
$protocol = paste_protocol();
$bg = array('/img/loader.gif', '/img/loader2.gif', '/img/loader3.gif'); // array of filenames
$i = rand(0, count($bg) - 1); // generate random number size of the array
$selectedloader = "$bg[$i]"; // set variable equal to which random filename was chosen
2021-07-10 19:18:17 +01:00
?>
<style>
.preloader {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100vh;
z-index: 99999999;
2021-08-20 16:38:04 -04:00
background-image: url('<?= $selectedloader ?>'); /* your icon gif file path */
background-repeat: no-repeat;
background-color: #FFF;
background-position: center;
}
#stop-scrolling {
height: 100% !important;
overflow: hidden !important;
}
2021-07-10 19:18:17 +01:00
</style>
2021-11-04 11:35:36 -04:00
<main class="bd-main" id="dstop-scrolling">
<!-- <div class="preloader"></div> -->
<div class="bd-side-background"></div>
<div class="bd-main-container container">
<div class="bd-duo">
<div class="bd-lead">
<div class="content panel">
<article class="message is-danger" id="panel" style="display: none;">
2021-08-20 16:38:04 -04:00
<div class="message-header" style="margin-bottom: 0;">
<p style="margin-bottom: 1px;">Report Paste</p>
<button class="delete" onclick="closereport()" aria-label="delete"></button>
</div>
2021-07-10 19:18:17 +01:00
<div class="message-body">
<div class="columns">
<div class="column">
<p>Please select how this paste violates a rule:</p>
</div>
<div class="column">
<form class="form-horizontal" id="reportpaste" name="preport" action="report.php"
method="POST">
<div class="select">
<select name="reasonrep">
<option>Select dropdown</option>
<option value="0">Not /mlp/ Related</option>
<option value="1">Links to Illegal Content</option>
<option value="2">Paste has personal information (Dox)</option>
</select>
</div>
</div>
</div>
</div>
<div class="column">
<input type="hidden" name="reppasteid" value="<?php echo($paste_id); ?>">
<div>
<div style="text-align: center;">
<div id="reportbutton" class="column">
<input class="button is-danger is-fullwidth" type="submit" name="reportpaste"
id="report" value="Report Paste"/>
</div>
</div>
</div>
</div>
</form>
</article>
2021-07-10 19:18:17 +01:00
<div class="columns is-multiline">
2021-07-10 19:18:17 +01:00
<div class="column is-4">
<span class="tag is-normal"><i class="fa fa-code fa-lg"
aria-hidden="true"></i>&nbsp;&nbsp;<?php echo strtoupper($paste['code']); ?></span>
<span class="tag is-normal"><i class="fa fa-eye fa-lg"
aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $paste['views']; ?></span>
<span class="tag is-normal"><i class="fa fa-star fa-lg"
aria-hidden="true"></i>&nbsp;&nbsp;<?php echo $fav_count; ?></span>
2021-07-10 19:18:17 +01:00
<br>
<span class="tag is-normal"><i class="fa fa-file-word fa-lg" aria-hidden="true"></i>&nbsp;&nbsp; <?php $wordcount = str_word_count($op_content);
echo $wordcount ?></span>
<span class="tag is-normal"><i class="fa fa-hdd fa-lg"
aria-hidden="true"></i>&nbsp;&nbsp;<?php $pastesize = strlen($op_content);
echo formatBytes($pastesize) ?></span>
<span class="tag is-normal"><i class="fa fa-list-ol fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;<?php echo substr_count($op_content, "\n") + 1; ?></span>
</div>
<div class="column is-4 has-text-centered">
<h1 class="title is-6" style="margin-bottom:0;"><?= $paste['title'] ?></h1>
<small class="title is-6 has-text-weight-normal has-text-grey">
2021-09-02 08:55:14 -04:00
By <a href="<?= urlForMember($paste->user) ?>"><?= pp_html_escape($paste->user->username) ?></a>
<br/>
Created: <?= $paste['created_at'] ?>
2021-07-10 19:18:17 +01:00
<br/>
<?php if ($paste['updated_at'] != $paste['created_at']): ?>
<?= $paste['updated_at'] ?>
<?php endif; ?>
</small>
</div>
<div class="column is-4 has-text-right">
<div class="">
<div class="panel-tools">
2021-11-01 16:56:17 -04:00
<?php if ($current_user !== null): ?>
<form action="" method="POST" class="form--inline">
<input type="hidden" name="fave" value="1" />
<button type="submit" class="icon tool-icon button--no-style"><i class="fas fa-star fa-lg <?= $paste_is_favourited ? '' : 'has-text-grey' ?>" title="Favourite"></i></button>
</form>
<?php endif; ?>
<a class="icon tool-icon flip" onclick="openreport()"><i
class="far fa-flag fa-lg has-text-grey" title="Report Paste"></i></a>
<?php if ($paste['code'] != "pastedown") { ?>
<a class="icon tool-icon" href="javascript:togglev();"><i
class="fas fa-list-ol fa-lg has-text-grey"
title="Toggle Line Numbers"></i></a>
<?php } ?>
<a class="icon tool-icon" href="#" onclick="selectText('paste');"><i
class="far fa-clipboard fa-lg has-text-grey"
title="Select Text"></i></a>
<a class="icon tool-icon" href="<?php echo $p_raw; ?>"><i
class="far fa-file-alt fa-lg has-text-grey" title="View Raw"></i></a>
<a class="icon tool-icon" href="<?php echo $p_download; ?>"><i
class="fas fa-file-download fa-lg has-text-grey"
title="Download Paste"></i></a>
<a class="icon tool-icon embed-tool "><i
class="far fa-file-code fa-lg has-text-grey"
title="Embed This Paste"></i></a>
<a class="icon tool-icon expand-tool"><i class="fas fa-expand-alt has-text-grey"
title="Full Screen"></i></a>
2021-11-04 11:35:36 -04:00
<div class="panel-embed my-5 is-hidden">
<input type="text" class="input has-background-white-ter has-text-grey"
value='<?php echo '<script src="' . $protocol . $baseurl . '/';
if (PP_MOD_REWRITE) {
echo 'embed/';
} else {
echo 'paste.php?embed&id=';
}
echo $paste_id . '"></script>'; ?>' readonly />
</div>
</div>
</div>
2021-07-10 19:18:17 +01:00
</div>
</div>
<!-- Tag display -->
<div class="columns is-desktop is-centered">
<?= tagsToHtml($paste->tags); ?>
</div>
<br>
<?php if (isset($error)): ?>
<div class="notification is-danger">
<i class="fa fa-exclamation-circle" aria-hidden="true"></i>
<p><?= pp_html_escape($error) ?></p>
</div>
<?php elseif ($using_highlighter): ?>
<div id="paste" style="line-height:18px !important;">
<div class="<?= pp_html_escape($paste['code']) ?>">
<ol>
2021-08-20 16:38:04 -04:00
<?php foreach ($lines as $num => $line):
$line = trim($line); ?>
<li class="<?= $num == 0 ? 'li1 ln-xtra' : 'li1' ?>" id="<?= $num + 1 ?>">
2021-08-20 16:53:59 -04:00
<div class="de1"><?= $line === '' ? '&nbsp;' : linkify($line) ?></div>
</li>
<?php endforeach; ?>
</ol>
</div>
</div>
<?php else: ?>
<div id="paste" style="line-height:18px !important;"><?= $p_content ?></div>
<?php endif; ?>
</div>
<!-- Guests -->
2021-11-02 08:46:40 -04:00
<?php if ($totalpastes !== 0 && ($current_user === null || $current_user->user_id !== $paste['user_id'])) { ?>
<hr>
<label class="label">More from this Author </label>
<?php
2021-11-02 08:46:40 -04:00
foreach ($recommended_pastes as $paste) {
$title = Trim($row['title']);
$titlehov = ($row['title']);
2021-07-16 09:53:34 -04:00
$long_title = pp_html_escape($row['title']);
$title = pp_html_escape(truncate($row['title'], 24, 60));
?>
2021-07-10 19:18:17 +01:00
<p class="no-margin">
2021-11-02 08:46:40 -04:00
<header class="bd-category-header my-1">
<a href="<?= urlForPaste($paste) ?>" title="<?= pp_html_escape($paste->title) ?>">
<?= pp_html_escape(truncate($paste->title, 24, 60)) ?>
</a>
<p class="subtitle is-7">by <i><?= pp_html_escape($paste->user->username) ?></i></p>
</header>
<?php } ?>
<?php } else { ?>
2021-08-20 16:38:04 -04:00
<!-- Paste Panel -->
<hr>
2021-08-26 05:35:21 -04:00
<h1 class="title is-6 mx-1">Edit Paste</h1>
2021-08-20 16:38:04 -04:00
<form class="form-horizontal" name="mainForm" action="index.php" method="POST">
<nav class="level">
<div class="level-left">
<!-- Title -->
<div class="level-item is-pulled-left mx-1">
<p class="control has-icons-left">
<input type="text" class="input" name="title"
2021-08-26 05:35:21 -04:00
placeholder="<?= pp_html_escape($paste['title']) ?>"
value="<?= pp_html_escape($paste['title']) ?>" />
2021-08-20 16:38:04 -04:00
<span class="icon is-small is-left">
2021-08-26 05:35:21 -04:00
<i class="fa fa-font"></i>
</span>
2021-08-20 16:38:04 -04:00
</p>
</div>
<!-- Format -->
<div class="level-item is-pulled-left mx-1">
<div class="select">
<div class="select">
2021-08-20 16:38:04 -04:00
<select data-live-search="true" name="format">
<?php // Show popular GeSHi formats
2021-08-22 21:45:26 -04:00
foreach (PP_HIGHLIGHT_FORMATS as $code => $name) {
2021-08-22 22:05:26 -04:00
$sel = ($paste['code'] == $code) ? 'selected="selected"' : ' ';
echo '<option ' . $sel . ' value="' . $code . '">' . $name . '</option>';
2021-08-20 16:38:04 -04:00
}
?>
</select>
</div>
</div>
</div>
2021-08-20 16:38:04 -04:00
<div class="level-item is-pulled-left mx-1">
<input class="button is-info" type="hidden" name="paste_id"
value="<?php echo $paste_id; ?>"/>
</div>
<div class="level-item is-pulled-left mx-1">
<a class="button"
onclick="highlight(document.getElementById('code')); return false;"><i
2021-08-26 05:58:37 -04:00
class="fa fa-indent"></i>&nbsp;Highlight</a>
2021-08-20 16:38:04 -04:00
</div>
</div>
</nav>
<!-- Text area -->
<textarea style="line-height: 1.2;" class="textarea mx-1" rows="13" id="code"
name="paste_data" onkeyup="countChars(this);"
onkeydown="return catchTab(this,event)"
placeholder="helloworld"><?php echo htmlentities($op_content, ENT_QUOTES, 'UTF-8'); ?></textarea>
<p id="charNum"><b>File Size: </b><span style="color: green;">1000/1000Kb</span></p>
<br>
2021-08-20 16:38:04 -04:00
<div class="columns">
<div class="column">
<div class="field">
<label class="label">Tags</label>
<div class="control">
<input id="tags-with-source" name="tag_input" class="input"
value="<?php
$inputtags = $paste['tags'];
foreach ($inputtags as $tag) {
$tagsName = ucfirst(pp_html_escape($tag['name']));
2021-08-22 22:05:26 -04:00
echo ',' . $tagsName . '';
} ?>">
</div>
2021-08-20 16:38:04 -04:00
</div>
</div>
</div>
2021-08-20 16:38:04 -04:00
<nav class="level">
<div class="level-left">
<div class="level-item is-pulled-left mr-1">
<div class="field">
<div class="subtitle has-text-weight-semibold "
2021-08-26 05:35:21 -04:00
style="margin-left: 2px; margin-bottom: 0.6rem; font-size: 1rem;">Expiry</div>
2021-08-20 16:38:04 -04:00
<div class="control">
<!-- Expiry -->
<div class="select">
<select name="paste_expire_date">
<option value="N" selected="selected">Never</option>
<option value="self">View Once</option>
<option value="10M">10 Minutes</option>
<option value="1H">1 Hour</option>
<option value="1D">1 Day</option>
<option value="1W">1 Week</option>
<option value="2W">2 Weeks</option>
<option value="1M">1 Month</option>
</select>
</div>
</div>
</div>
2021-08-20 16:38:04 -04:00
</div>
<div class="level-item is-pulled-left mx-1">
<div class="field">
<div class="subtitle has-text-weight-semibold "
2021-08-26 05:35:21 -04:00
style="margin-left: 2px; margin-bottom: 0.6rem; font-size: 1rem;">Visibility
2021-08-20 16:38:04 -04:00
&nbsp;&nbsp;
</div>
<div class="control">
<!-- Visibility -->
<div class="select">
<select name="visibility">
<option value="0" <?php echo ($p_visible == "0") ? 'selected="selected"' : ''; ?>>
Public
</option>
<option value="1" <?php echo ($p_visible == "1") ? 'selected="selected"' : ''; ?>>
Unlisted
</option>
<?php if ($current_user) { ?>
<option value="2" <?php echo ($p_visible == "2") ? 'selected="selected"' : ''; ?>>
Private
</option>
2021-08-20 16:38:04 -04:00
<?php } else { ?>
<option disabled>Private</option>
<?php } ?>
</select>
</div>
</div>
</div>
2021-07-10 19:18:17 +01:00
</div>
2021-08-20 16:38:04 -04:00
</div>
</nav>
<nav>
<div class="level-left">
<!-- Password -->
<div class="columns">
<div class="column">
<input type="text" class="input" name="pass" id="pass" value=""
2021-08-26 05:35:21 -04:00
placeholder="Password" />
</div>
</div>
2021-08-20 16:38:04 -04:00
</div>
</nav>
<br>
<nav>
<div class="level-left">
<!-- Encrypted -->
<div class="b-checkbox is-info is-inline">
<?php
$encrypted_checked = "";
if ($_POST) {
// We came here from an error, carry the checkbox setting forward
if (isset($_POST['encrypted'])) {
$encrypted_checked = "checked";
2021-07-10 18:21:03 -04:00
}
2021-08-20 16:38:04 -04:00
} else {
// Fresh paste. Default to encrypted on
$encrypted_checked = "checked";
}
?>
<input class="is-checkradio is-info" id="encrypt" name="encrypted"
type="checkbox" <?php echo $encrypted_checked; ?>>
<label for="encrypt">
2021-08-26 05:35:21 -04:00
Encrypt on Server
2021-08-20 16:38:04 -04:00
</label>
<?php
if ($current_user->user_id == $paste['user_id']) {
2021-07-10 18:21:03 -04:00
?>
2021-08-20 16:38:04 -04:00
<input class="button is-info" type="submit" name="edit" id="edit"
2021-08-26 05:35:21 -04:00
value="Edit"/>
<?php
2021-08-20 16:38:04 -04:00
} ?>
</div>
<br/>
</nav>
</form>
<?php } ?>
2021-08-20 16:38:04 -04:00
</div>
</div>
</div>
2021-07-10 19:18:17 +01:00
</main>
<script>
function roundToTwo(num) {
return +(Math.round(num + "e+2") + "e-2");
}
2021-07-10 19:18:17 +01:00
function countChars(obj) {
2021-07-10 19:18:17 +01:00
// True limit
var maxLength = 1000000;
var strLength = obj.value.length;
var charRemain = (maxLength - strLength);
var char2kb = charRemain / 1000;
var charDisplay = roundToTwo(char2kb);
// Grace limit
var gracelimit = 11480;
var newstrLength = obj.value.length - 1000000;
var graceRemain = (gracelimit - newstrLength);
var grace2kb = graceRemain / 1000;
var graceDisplay = roundToTwo(grace2kb);
if (graceRemain < 0) {
document.getElementById("charNum").innerHTML = '<b>File Size: </b><span style="color: red;">File Size limit reached</span>';
} else if ((charRemain < 0)) {
document.getElementById("charNum").innerHTML = '<b>File Size: </b><span style="color: orange;">' + graceDisplay + '/24Kb Grace Limit</span>';
} else {
document.getElementById("charNum").innerHTML = '<b>File Size: </b><span style="color: green;">' + charDisplay + '/1000Kb</span>';
}
2021-07-10 19:18:17 +01:00
}
</script>