issue label ui design
This commit is contained in:
parent
61641d9c63
commit
16e162b669
2 changed files with 39 additions and 7 deletions
|
@ -28,6 +28,7 @@
|
||||||
|
|
||||||
<link href="/css/todc-bootstrap.min.css" rel="stylesheet" />
|
<link href="/css/todc-bootstrap.min.css" rel="stylesheet" />
|
||||||
<link href="/css/datepicker3.css" rel="stylesheet" />
|
<link href="/css/datepicker3.css" rel="stylesheet" />
|
||||||
|
<link href="/css/bootstrap-colorpicker.min.css" rel="stylesheet" />
|
||||||
<link href="/css/markdown.css" rel="stylesheet" />
|
<link href="/css/markdown.css" rel="stylesheet" />
|
||||||
<link href="/css/gogs.css" rel="stylesheet" />
|
<link href="/css/gogs.css" rel="stylesheet" />
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,8 @@
|
||||||
{{template "repo/toolbar" .}}
|
{{template "repo/toolbar" .}}
|
||||||
<div id="body" class="container">
|
<div id="body" class="container">
|
||||||
<div id="issue">
|
<div id="issue">
|
||||||
<div class="col-md-3 filter-list">
|
<div class="col-md-3 filters">
|
||||||
|
<div class="filter-list">
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li><a href="{{.RepoLink}}/issues?state={{.State}}"{{if eq .ViewType "all"}} class="active"{{end}}>All Issues <strong class="pull-right">{{..IssueStats.AllCount}}</strong></a></li>
|
<li><a href="{{.RepoLink}}/issues?state={{.State}}"{{if eq .ViewType "all"}} class="active"{{end}}>All Issues <strong class="pull-right">{{..IssueStats.AllCount}}</strong></a></li>
|
||||||
<li><a href="{{.RepoLink}}/issues?type=assigned&state={{.State}}"{{if eq .ViewType "assigned"}} class="active"{{end}}>Assigned to you <strong class="pull-right">{{.IssueStats.AssignCount}}</strong></a></li>
|
<li><a href="{{.RepoLink}}/issues?type=assigned&state={{.State}}"{{if eq .ViewType "assigned"}} class="active"{{end}}>Assigned to you <strong class="pull-right">{{.IssueStats.AssignCount}}</strong></a></li>
|
||||||
|
@ -12,6 +13,28 @@
|
||||||
<li><a href="{{.RepoLink}}/issues?type=mentioned&state={{.State}}"{{if eq .ViewType "mentioned"}} class="active"{{end}}>Mentioning you <strong class="pull-right">{{.IssueStats.MentionCount}}</strong></a></li>
|
<li><a href="{{.RepoLink}}/issues?type=mentioned&state={{.State}}"{{if eq .ViewType "mentioned"}} class="active"{{end}}>Mentioning you <strong class="pull-right">{{.IssueStats.MentionCount}}</strong></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="label-filter">
|
||||||
|
<h4>Label</h4>
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li><a href="#"><span class="pull-right count">1</span><span class="color" style="background-color: red"></span>bug</a></li>
|
||||||
|
<li><a href=""><span class="pull-right count">1</span><span class="color" style="background-color: #AAA"></span>duplicate</a></li>
|
||||||
|
<li><a href=""><span class="pull-right count">1</span><span class="color" style="background-color: #0072E3"></span>enhancement</a></li>
|
||||||
|
</ul>
|
||||||
|
<button class="btn btn-default btn-block label-button">Manage Labels</button>
|
||||||
|
<hr/>
|
||||||
|
<form id="label-add-form" action="#" method="post">
|
||||||
|
<h5><strong>New Label</strong></h5>
|
||||||
|
<div class="input-group label-color-picker form-group">
|
||||||
|
<input type="text" value="" class="form-control" name="name" required="required" id="label-name-ipt"/>
|
||||||
|
<input type="hidden" value="" name="color" id="label-color-ipt"/>
|
||||||
|
<span class="input-group-addon"><i></i></span>
|
||||||
|
</div>
|
||||||
|
<div class="form-group text-right">
|
||||||
|
<button class="btn btn-default btn-sm">Create</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="filter-option">
|
<div class="filter-option">
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
|
@ -37,4 +60,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script src="/js/bootstrap-colorpicker.min.js"></script>
|
||||||
|
<script>
|
||||||
|
$(function(){
|
||||||
|
$('.label-color-picker').colorpicker({
|
||||||
|
input:$('#label-color-ipt')
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
{{template "base/footer" .}}
|
{{template "base/footer" .}}
|
||||||
|
|
Loading…
Reference in a new issue