gocron/templates/manage/slack.html

88 lines
3.2 KiB
Go
Raw Normal View History

2017-04-28 03:54:46 +00:00
{{{ template "common/header" . }}}
<div class="ui grid">
2017-04-30 22:02:49 +00:00
{{{template "manage/menu" .}}}
2017-04-28 03:54:46 +00:00
<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">
2017-04-30 17:12:07 +00:00
2017-04-28 03:54:46 +00:00
<div class="field">
<label>
<div class="content">Slack WebHook URL</div>
</label>
<div class="ui small input">
2017-04-30 17:12:07 +00:00
<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>
2017-04-28 03:54:46 +00:00
</div>
2017-04-30 17:12:07 +00:00
{{{end}}}
2017-04-28 03:54:46 +00:00
</div>
</div>
2017-04-30 17:12:07 +00:00
<div class="ui facebook button" @click="createChannel">Channel</div>
2017-04-28 03:54:46 +00:00
</form>
</div>
</div>
2017-04-30 17:12:07 +00:00
2017-04-28 03:54:46 +00:00
<script type="text/javascript">
2017-04-30 17:12:07 +00:00
new Vue({
el: '.ui.form',
methods: {
updateUrl: function() {
var url = $('#url').val();
2017-04-30 22:02:49 +00:00
util.post('/manage/slack/url', {"url": url}, function(code, message) {
2017-04-30 17:12:07 +00:00
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
}
2017-04-30 22:02:49 +00:00
util.post('/manage/slack/channel',
2017-04-30 17:12:07 +00:00
{"channel": inputValue},
function(code, message) {
util.alertSuccess();
location.reload();
}
);
2017-04-28 03:54:46 +00:00
2017-04-30 17:12:07 +00:00
});
},
removeChannel: function(id) {
2017-04-30 22:02:49 +00:00
util.post('/manage/slack/channel/remove/' + id, {}, function(code, message) {
2017-04-30 17:12:07 +00:00
location.reload();
});
2017-04-28 03:54:46 +00:00
}
2017-04-30 17:12:07 +00:00
}
});
2017-04-28 03:54:46 +00:00
</script>
{{{ template "common/footer" . }}}