server ver - adding lazy loading to emoji images in atmos layout

This commit is contained in:
2021-07-11 09:16:14 +00:00
parent 8a13824fd0
commit 576669d9ee
17 changed files with 1462 additions and 45 deletions

View File

@@ -80,10 +80,9 @@
</div>
</body>
<script type="text/javascript" defer src="/z0mb/js/jquery.min.js"></script>
<script type="text/javascript" defer src="/js/handlebars.js"></script>
<script type="text/javascript" defer src="/z0mb/js/jquery.timeago.js"></script>
<script type="text/javascript" defer src="/z0mb/js/popper.min.js"></script>
<script type="text/javascript" defer src="/z0mb/js/bootstrap.min.js"></script>
<script type="text/javascript" defer src="/z0mb/js/bootstrap-tagsinput.min.js"></script>
<script type="text/javascript" defer src="/z0mb/js/newscript.js?v={{ filemtime("z0mb/js/newscript.js") }}"></script>
<script type="text/javascript" defer src="/z0mb/js/blahscript.js?v={{ filemtime("z0mb/js/newscript.js") }}"></script>
</html>

View File

@@ -1,16 +1,34 @@
<div id="sticky">
<div id="commentForm">
<form action="{{action('CommentController@store', ['id' => $video->id])}}" method="post">
{!! csrf_field() !!}
<div class="comment-panel panel-default">
<div class="comment-panel panel-body">
{!! Form::textarea('comment', null, ['placeholder' => 'Write something useful', 'id' => 'cinput', 'class' => 'form-control bg-´dark text-light comment-entry-textarea', 'required' => 'required']) !!}
</div>
<div class="commentButton">
<div id="comment_tools" class="commentform-panel-footer"><button type="submit" class="btn btn-dark btn-sm">Post</button>
</div>
<div id="commentForm">
<form action="{{action('CommentController@store', ['id' => $video->id])}}" method="post">
{!! csrf_field() !!}
<div class="comment-panel panel-default">
<div class="comment-panel panel-body">
{!! Form::textarea('comment', null, ['placeholder' => 'Write something...', 'id' => 'cinput', 'class' => 'form-control text-light comment-entry-textarea', 'required' => 'required']) !!}
</div>
<div class="commentButton">
<div id="comment_tools" class="commentform-panel-footer">
<div class="commentToolsWrapper">
<button type="submit" class="btn btn-dark btn-sm" onclick="commentBotScroll()">Post</button>
<span class="emojiCollapser btn btn-dark btn-sm" data-toggle="collapse" href="#collapseEmojis" role="button" aria-expanded="false" aria-controls="collapseEmojis">🦦 Emoji Picker</span>
<div class="textModifiers btn btn-dark btn-sm">
<a class="rainbow" href="javascript:;" onclick="formatText ('rb');">[rb]</a>
<a class="reich" href="javascript:;" onclick="formatText ('reich');">[reich]</a>
<a class="krebs" href="javascript:;" onclick="formatText ('krebs');">[krebs]</a>
<a class="spoiler" href="javascript:;" onclick="formatText ('spoiler');">[spoiler]</a>
</div>
<span onclick="bottomArrow()" class="btn btn-dark btn-sm" style="cursor: pointer;"><i class="fa fa-arrow-down" aria-hidden="true"></i></span>
<a href="#" class="scrollToTop btn btn-dark btn-sm" style=""><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
</div>
<div class="collapse" id="collapseEmojis">
<div class="emojiWrapper emojis">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</form>
</div>
</div>