Nemcio/GitBucket
1
0
Fork 0
mirror of https://github.com/gitbucket/gitbucket.git synced 2025-11-14 01:15:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Implementing label management.

Browse Source
This commit is contained in:
takezoe
2013-06-25 02:56:25 +09:00
parent b69a3d3622
commit f5f408fb55
3 changed files with 107 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/main/twirl/issues/issues.scala.html
View File

@@ -15,7 +15,7 @@
No milestone selected
<hr/>
<strong>Labels</strong>
<ul class="label-list nav nav-pills nav-stacked">
<ul id="label-list" class="label-list nav nav-pills nav-stacked">
@labels.map { label =>
<li>
<a href="#">
@@ -26,20 +26,35 @@
</li>
}
</ul>
<ul id="label-edit" class="label-list nav nav-pills nav-stacked" style="display: none;">
@labels.map { label =>
<li style="border: 1px solid white;">
<a href="javascript:void(0);" class="label-edit-link" labelId="@label.labelId" labelName="@label.labelName" color="#@label.color">
<span class="count-right"><i class="icon-remove-circle" onclick="alert('delete!');"></i></span>
<span style="background-color: #@label.color;" class="label-color">&nbsp;&nbsp;</span>
@label.labelName
</a>
</li>
}
@*
<form id="editLabelForm" style="display: none; margin-bottom: 8px;">
<span id="error-editLabelName" class="error"></span>
<input type="text" name="editLabelName" id="editLabelName" value="" style="width: 180px; margin-left: 8px; margin-bottom: 0px;"/>
<span id="error-editColor" class="error"></span>
<div class="input-append color bscp" data-color="#888888" data-color-format="hex" id="editColor" style="width: 180px; margin-bottom: 0px;">
<input type="text" class="span3" name="editColor" value="" readonly style="width: 168px; margin-left: 8px;"/>
<span class="add-on"><i style="background-color: #888888;"></i></span>
</div>
<input type="hidden" name="editLabelId"/>
<input type="submit" class="btn label-submit" value="Save" style="margin-left: 8px; margin-bottom: 0px;"/>
</form>
*@
</ul>
<hr/>
<a class="btn btn-block" href="#">Manage Labels</a>
<input type="button" class="btn btn-block" id="manageLabel" data-toggle="button" value="Manage Labels"/>
<br/>
<strong>New label</strong>
<form method="POST" action="@path/@repository.owner/@repository.name/issues/label/new" validate="true">
<span id="error-labelName" class="error"></span>
<input type="text" name="labelName" value="" placeholder="New label name"/>
<span id="error-color" class="error"></span>
<div class="input-append color bscp" data-color="#888888" data-color-format="hex" id="cp3">
<input type="text" class="span3" name="color" value="" readonly style="width: 100%;">
<span class="add-on"><i style="background-color: #888888;"></i></span>
</div>
<input type="submit" class="btn" value="Create"/>
</form>
@labeledit(None, repository)
</div>
<div class="span9">
<div class="pagination pull-right">
@@ -87,7 +102,53 @@
}
<script>
$(function(){
$('#cp3').colorpicker();
$('#editColor').colorpicker();
$('#manageLabel').click(function(){
if($(this).data('toggle-state')){
location.href = '@path/@repository.owner/@repository.name/issues';
} else {
$(this).data('toggle-state', 'on');
$('#label-list').hide();
$('#label-edit').show();
}
});
$('a.label-edit-link').click(function(e){
e.stopPropagation();
if($('input[name=editLabelId]').val() != $(this).attr('labelId')){
showEditLabelForm(this);
} else {
hideEditLabelForm();
}
});
$('#editLabelForm').click(function(e){
e.stopPropagation();
});
$('body').click(function(){
hideEditLabelForm();
});
function showEditLabelForm(element){
var form = $('#editLabelForm');
form.detach();
form.find('input[name=editLabelName]').val($(element).attr('labelName'));
//form.find('input[name=editColor]').colorpicker('setValue', $(element).attr('color'));
form.find('input[name=editLabelId]').val($(element).attr('labelId'));
$(element).parent().append(form);
form.show();
$('ul#label-edit li').css('border', '1px solid white');
$(element).parent().css('border', '1px solid #eee');
}
function hideEditLabelForm(){
var form = $('#editLabelForm');
form.find('input[name=editLabelId]').val('');
form.hide();
$('ul#label-edit li').css('border', '1px solid white');
}
});
</script>
<style type="text/css">