mubot-server
Version:
A server for mubot
81 lines (79 loc) • 3.53 kB
HTML
<html ng-app="myApp">
<head>
<title>Logs</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/logs/js/angular.js"></script>
<!--<script src="/logs/js/angular-sanitize.js"></script>-->
<!-- <script src="/logs/js/moment.min.js"></script>-->
<!--<script src="/logs/js/angular-moment.min.js"></script>-->
<link rel="stylesheet" href="/logs/css/bootstrap.css" />
<!--<link rel="stylesheet" href="/logs/css/json-formatter.min.css" /> -->
<!-- <script src="/logs/js/json-formatter.min.js"></script> -->
<script src="/logs/js/script.js"></script>
</head> <!-- dependencies -->
<body ng-cloak ng-controller="mainController">
<div style="background-color: rgba(191, 63, 182, 0.11); padding: 40px">
<div class="main-content" style="background-color: #FFFFFF; padding:20px; border-radius: 5px; box-shadow: rgb(0, 0, 0) 0px 0px 50px 0px;">
<!-- <json-formatter open="0" json="logs"></json-formatter> -->
<h3>{{logs.length ? "Total entries - " + logs.length : "Requesting database..."}}</h3>
<input type="text" ng-model="search_logs">
<select ng-model="search_server">
<option value="All" selected="selected">All</option>
<option value="bitmark">Bitmark</option>
<option value="Altcoin Investing">Altcoin Investing</option>
<option value="Cryptinex">Cryptinex</option>
<option value="leathan.xyz">leathan.xyz</option>
</select>
<a href="" ng-click="post=!post">Create Post</a>
<div ng-show="post" class="container">
<form id="form">
<div class="form-group">
<label for="channel">Channel</label>
<select class="form-control" id="channel" name="channel">
<option value='328708919746887682'>Cryptinex</option>
<option value='332285076266287104'>Altcoin Investing</option>
</select>
</div>
<div class="form-group">
<label for="comment">Message:</label>
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>
</div>
</form>
<p />
</div>
<hr style="height:1px; color:#aaa; margin: 3px" />
<button class="btn" ng-disabled="currentPage <= 0" ng-click="currentPage=currentPage-1"><<</button>
<button ng-disabled="currentPage >= ((match = (logs | filter: search_logs | filter: search_server==='All' ? '' : search_server)).length / pageSize)"
class="btn" ng-click="currentPage = currentPage + 1">>></button>
Page {{currentPage+1}} of {{roundUp(match.length / pageSize)}}
<div ng-repeat="log in match | startFrom: currentPage*pageSize | limitTo: pageSize">
<div ng-if="search_server=='All' || log.server==search_server">
<b>{{log.author}}:</b> {{log.message}}<h5 style="display: inline"><small style="float: right">#{{log.channel}} {{log.server}}({{log.date}})</small></h5>
<hr style="height:1px; color:#aaa; margin: 3px" />
</div>
</div>
</div>
</div>
</body>
<script>
$('#comment').keypress((e) => {
if(e.which == 13) {
$.post( "/discord", $("#form").serialize() ).done(function(data){
$('.container').append(
'<div class="alert alert-success alert-dismissable">' +
'<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>' +
'<strong>Success!</strong> ' + data +
'</div>'
).find('#comment').val('')
})
setTimeout(() => {
$('.alert').fadeOut( "slow", ()=>{})
}, 2000)
}
})
</script>
<style>
</style>
</hmtl>