gocron/templates/manage/slack.html

88 lines
3.2 KiB
Go
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{{{ template "common/header" . }}}
<div class="ui grid">
{{{template "manage/menu" .}}}
<div class="twelve wide column">
<div class="pageHeader">
<div class="segment">
<h3 class="ui dividing header">
<div class="content">
{{{.Title}}}
</div>
</h3>
</div>
</div>
<form class="ui form fluid vertical segment">
<div class="field">
<label>
<div class="content">Slack WebHook URL</div>
</label>
<div class="ui small input">
<input type="text" id="url" value="{{{.Slack.Url}}}">
</div>
</div>
<div class="ui primary button" @click="updateUrl"></div>
<br><br><br>
<div>
<div class="content">Slack Channel(Channel)</div><p></p>
<div class="fields">
{{{range $i, $v := .Slack.Channels}}}
<div class="field">
<div class="ui segment">
{{{.Name}}}&nbsp;&nbsp;&nbsp;<div class="ui blue button" @click="removeChannel({{{.Id}}})"></div>
</div>
</div>
{{{end}}}
</div>
</div>
<div class="ui facebook button" @click="createChannel">Channel</div>
</form>
</div>
</div>
<script type="text/javascript">
new Vue({
el: '.ui.form',
methods: {
updateUrl: function() {
var url = $('#url').val();
util.post('/manage/slack/url', {"url": url}, function(code, message) {
util.alertSuccess();
});
},
createChannel: function() {
swal({
title: "新增Channel",
type: "input",
showCancelButton: true,
closeOnConfirm: false,
animation: "slide-from-top"
},
function(inputValue){
if (inputValue === false) return false;
if (inputValue === "") {
swal.showInputError("请输入Channel");
return false
}
util.post('/manage/slack/channel',
{"channel": inputValue},
function(code, message) {
util.alertSuccess();
location.reload();
}
);
});
},
removeChannel: function(id) {
util.post('/manage/slack/channel/remove/' + id, {}, function(code, message) {
location.reload();
});
}
}
});
</script>
{{{ template "common/footer" . }}}