add webhooks page ui
This commit is contained in:
parent
8bbaf9550a
commit
3e856928a2
6 changed files with 148 additions and 14 deletions
37
templates/repo/hooks.tmpl
Normal file
37
templates/repo/hooks.tmpl
Normal file
|
@ -0,0 +1,37 @@
|
|||
{{template "base/head" .}}
|
||||
{{template "base/navbar" .}}
|
||||
{{template "repo/nav" .}}
|
||||
{{template "repo/toolbar" .}}
|
||||
<div id="body" class="container">
|
||||
{{template "repo/setting_nav" .}}
|
||||
<div id="repo-setting-container" class="col-md-10">
|
||||
{{template "base/alert" .}}
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
Webhooks
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<p>Webhooks allow external services to be notified when certain events happen on GitHub. When the specified events happen, we'll send a POST request to each of the URLs you provide. Learn more in our Webhooks Guide.<br/> </p>
|
||||
<ul id="repo-hooks-list" class="list-unstyled">
|
||||
<li>
|
||||
<span class="pull-left status text-success"><i class="fa fa-check"></i></span>
|
||||
<a class="link" href="#">https://inbox-app.wercker.com/commits/11aea6e535af5eefc2a29bc25a23e89a</a>
|
||||
<a href="{{$.RepoLink}}/settings/hooks?remove=" class="remove-hook pull-right"><i class="fa fa-times"></i></a>
|
||||
<a href="{{$.RepoLink}}/settings/hooks/id" class="edit-hook pull-right"><i class="fa fa-pencil"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="pull-left status text-success"><i class="fa fa-check"></i></span>
|
||||
<a class="link" href="#">https://inbox-app.wercker.com/commits/11aea6e535af5eefc2a29bc25a23e89a</a>
|
||||
<a href="{{$.RepoLink}}/settings/hooks?remove=" class="remove-hook pull-right"><i class="fa fa-times"></i></a>
|
||||
<a href="{{$.RepoLink}}/settings/hooks/id" class="edit-hook pull-right"><i class="fa fa-pencil"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings/hooks/add"><button class="btn btn-primary">Add Webhook</button></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{template "base/footer" .}}
|
57
templates/repo/hooks_add.tmpl
Normal file
57
templates/repo/hooks_add.tmpl
Normal file
|
@ -0,0 +1,57 @@
|
|||
{{template "base/head" .}}
|
||||
{{template "base/navbar" .}}
|
||||
{{template "repo/nav" .}}
|
||||
{{template "repo/toolbar" .}}
|
||||
<div id="body" class="container">
|
||||
{{template "repo/setting_nav" .}}
|
||||
<div id="repo-setting-container" class="col-md-10">
|
||||
{{template "base/alert" .}}
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
Add Webhook
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<p>We’ll send a POST request to the URL below with details of any subscribed events.</p>
|
||||
<hr/>
|
||||
<form id="repo-hooks-add-form" action="/{{.Owner.Name}}/{{.Repository.Name}}/settings/hooks/add" method="post" class="col-md-7">
|
||||
<div class="form-group">
|
||||
<label for="payload-url">Payload URL</label>
|
||||
<input id="payload-url" class="form-control" type="url" required="required" name="url"/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="payload-version">Payload Version</label>
|
||||
<select name="version" id="payload-version" class="form-control">
|
||||
<option value="json">application/json</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="payload-secret">Secret</label>
|
||||
<input id="payload-secret" class="form-control" type="text" required="required" name="secret"/>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="form-group">
|
||||
<label>Which events would you like to trigger this webhook?</label>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input class="form-control" type="radio" value="push" name="trigger"/> Just the <i>push</i> event.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="checkbox" name="active" value="Active" checked/>
|
||||
Active
|
||||
</label>
|
||||
<p class="help-block">We will deliver event details when this hook is triggered.</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings/hooks"><button class="btn btn-primary">Webhooks List</button></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{template "base/footer" .}}
|
|
@ -2,6 +2,6 @@
|
|||
<ul class="list-group">
|
||||
<li class="list-group-item{{if .IsRepoToolbarSetting}} active{{end}}"><a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings">Options</a></li>
|
||||
<li class="list-group-item{{if .IsRepoToolbarCollaboration}} active{{end}}"><a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings/collaboration">Collaborators</a></li>
|
||||
<!--<li class="list-group-item"><a href="#">Notifications</a></li>-->
|
||||
<li class="list-group-item{{if .IsRepoToolbarWebHooks}} active{{end}}"><a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings/hooks">Webhooks</a></li>
|
||||
</ul>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue