瀏覽代碼

Revise My Tickets layout and styling

tags/v1.6.0
James Moger 10 年之前
父節點
當前提交
4062e46eb0

+ 106
- 77
src/main/java/com/gitblit/wicket/pages/MyTicketsPage.html 查看文件

@@ -8,94 +8,123 @@
<wicket:extend>
<div class="container">
<!-- search tickets form -->
<div class="hidden-phone pull-right">
<form class="form-search" style="margin: 0px;" wicket:id="ticketSearchForm">
<div class="input-append">
<input type="text" class="search-query" style="width: 170px;border-radius: 14px 0 0 14px; padding-left: 14px;" id="ticketSearchBox" wicket:id="ticketSearchBox" value=""/>
<button class="btn" style="border-radius: 0 14px 14px 0px;margin-left:-5px;" type="submit"><i class="icon-search"></i></button>
<div class="row" style="padding-top:15px;min-height:500px;" >
<div class="tab-pane active" id="tickets">
<!-- query controls -->
<div class="span3">
<div class="hidden-phone">
<div>
<div style="display:inline-block;vertical-align:top;padding-right:2px;"><img wicket:id="userGravatar"></img></div>
<div style="display:inline-block;">
<div style="font-size:1.5em;" wicket:id="userDisplayName"></div>
<div style="color:#888;font-size:1.2em;"><wicket:message key="gb.mytickets"></wicket:message></div>
</div>
</div>
<!-- query list -->
<ul class="nav nav-list">
<li class="nav-header"><wicket:message key="gb.queries"></wicket:message></li>
<li><a wicket:id="changesQuery"><i class="fa fa-code-fork"></i> <wicket:message key="gb.proposalTickets"></wicket:message></a></li>
<li><a wicket:id="bugsQuery"><i class="fa fa-bug"></i> <wicket:message key="gb.bugTickets"></wicket:message></a></li>
<li><a wicket:id="enhancementsQuery"><i class="fa fa-magic"></i> <wicket:message key="gb.enhancementTickets"></wicket:message></a></li>
<li><a wicket:id="tasksQuery"><i class="fa fa-ticket"></i> <wicket:message key="gb.taskTickets"></wicket:message></a></li>
<li><a wicket:id="questionsQuery"><i class="fa fa-question"></i> <wicket:message key="gb.questionTickets"></wicket:message></a></li>
<li wicket:id="userDivider" class="divider"></li>
<li><a wicket:id="createdQuery"><i class="fa fa-user"></i> <wicket:message key="gb.yourCreatedTickets"></wicket:message></a></li>
<li><a wicket:id="watchedQuery"><i class="fa fa-eye"></i> <wicket:message key="gb.yourWatchedTickets"></wicket:message></a></li>
<li><a wicket:id="mentionsQuery"><i class="fa fa-comment"></i> <wicket:message key="gb.mentionsMeTickets"></wicket:message></a></li>
<li class="divider"></li>
<li><a wicket:id="resetQuery"><i class="fa fa-bolt"></i> <wicket:message key="gb.reset"></wicket:message></a></li>
</ul>

<!-- search tickets form -->
<form class="form-search" style="margin: 0px;" wicket:id="ticketSearchForm">
<div class="input-append">
<input type="text" class="search-query" style="width: 170px;border-radius: 14px 0 0 14px; padding-left: 14px;" id="ticketSearchBox" wicket:id="ticketSearchBox" value=""/>
<button class="btn" style="border-radius: 0 14px 14px 0px;margin-left:-5px;" type="submit"><i class="icon-search"></i></button>
</div>
</form>
</div>
</div>
</form>
</div>
<ul class="nav nav-tabs"></ul>
<div class="tab-content">
<div class="row" style="min-height:400px;" >
<div class="tab-pane active" id="tickets">
<!-- query controls -->
<div class="span3">
<div class="hidden-phone">
<ul class="nav nav-list">
<li class="nav-header"><wicket:message key="gb.queries"></wicket:message></li>
<li><a wicket:id="changesQuery"><i class="fa fa-code-fork"></i> <wicket:message key="gb.proposalTickets"></wicket:message></a></li>
<li><a wicket:id="bugsQuery"><i class="fa fa-bug"></i> <wicket:message key="gb.bugTickets"></wicket:message></a></li>
<li><a wicket:id="enhancementsQuery"><i class="fa fa-magic"></i> <wicket:message key="gb.enhancementTickets"></wicket:message></a></li>
<li><a wicket:id="tasksQuery"><i class="fa fa-ticket"></i> <wicket:message key="gb.taskTickets"></wicket:message></a></li>
<li><a wicket:id="questionsQuery"><i class="fa fa-question"></i> <wicket:message key="gb.questionTickets"></wicket:message></a></li>
<li wicket:id="userDivider" class="divider"></li>
<li><a wicket:id="createdQuery"><i class="fa fa-user"></i> <wicket:message key="gb.yourCreatedTickets"></wicket:message></a></li>
<li><a wicket:id="watchedQuery"><i class="fa fa-eye"></i> <wicket:message key="gb.yourWatchedTickets"></wicket:message></a></li>
<li><a wicket:id="mentionsQuery"><i class="fa fa-comment"></i> <wicket:message key="gb.mentionsMeTickets"></wicket:message></a></li>
<!-- tickets -->
<div class="span9">
<div class="btn-toolbar" style="margin-top: 0px;">
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><wicket:message key="gb.status"></wicket:message>: <span style="font-weight:bold;" wicket:id="selectedStatii"></span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a wicket:id="openTickets"><wicket:message key="gb.open"></wicket:message></a></li>
<li><a wicket:id="closedTickets"><wicket:message key="gb.closed"></wicket:message></a></li>
<li><a wicket:id="allTickets"><wicket:message key="gb.all"></wicket:message></a></li>
<li class="divider"></li>
<li><a wicket:id="resetQuery"><i class="fa fa-bolt"></i> <wicket:message key="gb.reset"></wicket:message></a></li>
<li wicket:id="statii"><span wicket:id="statusLink"></span></li>
</ul>
</div>
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-sort"></i> <wicket:message key="gb.sort"></wicket:message>: <span style="font-weight:bold;" wicket:id="currentSort"></span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li wicket:id="sort"><span wicket:id="sortLink"></span></li>
</ul>
</div>
</div>
<!-- tickets -->
<div class="span9">
<div class="btn-toolbar" style="margin-top: 0px;">
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><wicket:message key="gb.status"></wicket:message>: <span style="font-weight:bold;" wicket:id="selectedStatii"></span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a wicket:id="openTickets"><wicket:message key="gb.open"></wicket:message></a></li>
<li><a wicket:id="closedTickets"><wicket:message key="gb.closed"></wicket:message></a></li>
<li><a wicket:id="allTickets"><wicket:message key="gb.all"></wicket:message></a></li>
<li class="divider"></li>
<li wicket:id="statii"><span wicket:id="statusLink"></span></li>
</ul>
</div>

<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-sort"></i> <wicket:message key="gb.sort"></wicket:message>: <span style="font-weight:bold;" wicket:id="currentSort"></span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li wicket:id="sort"><span wicket:id="sortLink"></span></li>
</ul>
</div>
<div class="btn-group pull-right">
<div class="pagination pagination-right pagination-small">
<ul>
<li><a wicket:id="prevLink"><i class="fa fa-angle-double-left"></i></a></li>
<li wicket:id="pageLink"><span wicket:id="page"></span></li>
<li><a wicket:id="nextLink"><i class="fa fa-angle-double-right"></i></a></li>
</ul>
</div>
<div class="btn-group pull-right">
<div class="pagination pagination-right pagination-small">
<ul>
<li><a wicket:id="prevLink"><i class="fa fa-angle-double-left"></i></a></li>
<li wicket:id="pageLink"><span wicket:id="page"></span></li>
<li><a wicket:id="nextLink"><i class="fa fa-angle-double-right"></i></a></li>
</ul>
</div>
</div>
<table class="table tickets">
<tbody>
<tr wicket:id="row">
<td class="left" style="padding-left:3px;">
<b><span class="repositorySwatch" wicket:id="repositorySwatch"></span></b>
<span style="padding-left:3px;" wicket:id="repositoryName">[repository name]</span>
</td>
<td class="hidden-phone">
<span wicket:id="ticketIcon">[ticket icon]</span>
<span class="list" wicket:id="ticketTitle">[ticket title]</span>
<span style="color:#888;"> (#<span wicket:id="ticketNumber">[ticket number]</span>)</span>
</td>
<td><span class="badge badge-info" wicket:id="ticketVotes"></span></td>
<td><span wicket:id="ticketStatus"></span></td>
<td class="hidden-tablet hidden-phone author right"><span wicket:id="ticketResponsibleImg"></span><span wicket:id="ticketResponsible">[ticket responsible]</span></td>
</tr>
</tbody>
</table>
</div>
<table class="table tickets">
<tbody>
<tr wicket:id="row">
<td class="ticket-list-icon">
<i wicket:id="state"></i>
</td>
<td>
<span wicket:id="title">[title]</span> <span wicket:id="labels" style="font-weight: normal;color:white;"><span class="label" wicket:id="label"></span></span>
<div class="ticket-list-details">
<span style="padding-right: 10px;" class="hidden-phone">
<wicket:message key="gb.createdBy"></wicket:message>
<span style="padding: 0px 2px" wicket:id="createdBy">[createdBy]</span> <span class="date" wicket:id="createDate">[create date]</span>
</span>
<span wicket:id="indicators" style="white-space:nowrap;"><i wicket:id="icon"></i> <span style="padding-right:10px;" wicket:id="count"></span></span>
</div>
<div class="hidden-phone" wicket:id="updated"></div>
<div class="ticket-list-details" wicket:id="repositoryLink">[repository link]</div>
</td>
<td class="ticket-list-state">
<span class="badge badge-info" wicket:id="votes"></span>
</td>
<td class="hidden-phone ticket-list-state">
<i wicket:message="title:gb.watching" style="color:#888;" class="fa fa-eye" wicket:id="watching"></i>
</td>
<td class="ticket-list-state">
<div wicket:id="status"></div>
</td>
<td class="indicators">
<div>
<b>#<span wicket:id="id">[id]</span></b>
</div>
<div wicket:id="responsible"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</wicket:extend>
<wicket:fragment wicket:id="updatedFragment">
<div class="ticket-list-details">
<wicket:message key="gb.updatedBy"></wicket:message>
<span style="padding: 0px 2px" wicket:id="updatedBy">[updatedBy]</span> <span class="date" wicket:id="updateDate">[update date]</span>
</div>
</wicket:fragment>
</wicket:extend>
</body>
</html>

+ 184
- 25
src/main/java/com/gitblit/wicket/pages/MyTicketsPage.java 查看文件

@@ -6,18 +6,21 @@ import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import org.apache.wicket.Component;
import org.apache.wicket.PageParameters;
import org.apache.wicket.behavior.SimpleAttributeModifier;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.TextField;
import org.apache.wicket.markup.html.link.BookmarkablePageLink;
import org.apache.wicket.markup.html.panel.Fragment;
import org.apache.wicket.markup.repeater.Item;
import org.apache.wicket.markup.repeater.data.DataView;
import org.apache.wicket.markup.repeater.data.ListDataProvider;
import org.apache.wicket.model.IModel;
import org.apache.wicket.model.Model;
import org.apache.wicket.request.target.basic.RedirectRequestTarget;
import org.eclipse.jgit.lib.Repository;

import com.gitblit.Constants;
import com.gitblit.Keys;
import com.gitblit.models.RepositoryModel;
import com.gitblit.models.TicketModel;
@@ -28,7 +31,9 @@ import com.gitblit.tickets.ITicketService;
import com.gitblit.tickets.QueryBuilder;
import com.gitblit.tickets.QueryResult;
import com.gitblit.tickets.TicketIndexer.Lucene;
import com.gitblit.tickets.TicketLabel;
import com.gitblit.utils.ArrayUtils;
import com.gitblit.utils.BugtraqProcessor;
import com.gitblit.utils.StringUtils;
import com.gitblit.wicket.GitBlitWebApp;
import com.gitblit.wicket.GitBlitWebSession;
@@ -69,6 +74,9 @@ public class MyTicketsPage extends RootPage {
final String sortBy = (params == null) ? "" : Lucene.fromString(params.getString("sort", Lucene.created.name())).name();
final boolean desc = (params == null) ? true : !"asc".equals(params.getString("direction", "desc"));

add(new GravatarImage("userGravatar", currentUser, "gravatar", 36, false));
add(new Label("userDisplayName", currentUser.getDisplayName()));

// add search form
TicketSearchForm searchForm = new TicketSearchForm("ticketSearchForm", searchParam);
add(searchForm);
@@ -280,6 +288,7 @@ public class MyTicketsPage extends RootPage {
int totalResults = results.size() == 0 ? 0 : results.get(0).totalResults;
buildPager(queryParam, milestoneParam, statiiParam, assignedToParam, sortBy, desc, page, pageSize, results.size(), totalResults);

final boolean showSwatch = app().settings().getBoolean(Keys.web.repositoryListSwatches, true);
final ListDataProvider<QueryResult> dp = new ListDataProvider<QueryResult>(results);

DataView<QueryResult> dataView = new DataView<QueryResult>("row", dp) {
@@ -287,43 +296,168 @@ public class MyTicketsPage extends RootPage {

@Override
protected void populateItem(Item<QueryResult> item) {
QueryResult ticket = item.getModelObject();
RepositoryModel repository = app().repositories().getRepositoryModel(ticket.repository);
final QueryResult ticket = item.getModelObject();
final RepositoryModel repository = app().repositories().getRepositoryModel(ticket.repository);

Component swatch = new Label("repositorySwatch", "&nbsp;").setEscapeModelStrings(false);
WicketUtils.setCssBackground(swatch, repository.toString());
item.add(swatch);
if (showSwatch) {
// set repository color
String color = StringUtils.getColor(StringUtils.stripDotGit(repository.name));
WicketUtils.setCssStyle(item, MessageFormat.format("border-left: 2px solid {0};", color));
}

PageParameters rp = WicketUtils.newRepositoryParameter(ticket.repository);
PageParameters tp = WicketUtils.newObjectParameter(ticket.repository, "" + ticket.number);
item.add(new LinkPanel("repositoryName", "list", StringUtils.stripDotGit(ticket.repository), SummaryPage.class, rp));
item.add(new LinkPanel("repositoryLink", null, StringUtils.stripDotGit(ticket.repository), SummaryPage.class, rp));

item.add(getStateIcon("state", ticket.type, ticket.status));
item.add(new Label("id", "" + ticket.number));
UserModel creator = app().users().getUserModel(ticket.createdBy);
if (creator != null) {
item.add(new LinkPanel("createdBy", null, creator.getDisplayName(),
UserPage.class, WicketUtils.newUsernameParameter(ticket.createdBy)));
} else {
item.add(new Label("createdBy", ticket.createdBy));
}
item.add(WicketUtils.createDateLabel("createDate", ticket.createdAt, GitBlitWebSession
.get().getTimezone(), getTimeUtils(), false));

if (ticket.updatedAt == null) {
item.add(new Label("updated").setVisible(false));
} else {
Fragment updated = new Fragment("updated", "updatedFragment", this);
UserModel updater = app().users().getUserModel(ticket.updatedBy);
if (updater != null) {
updated.add(new LinkPanel("updatedBy", null, updater.getDisplayName(),
UserPage.class, WicketUtils.newUsernameParameter(ticket.updatedBy)));
} else {
updated.add(new Label("updatedBy", ticket.updatedBy));
}
updated.add(WicketUtils.createDateLabel("updateDate", ticket.updatedAt, GitBlitWebSession
.get().getTimezone(), getTimeUtils(), false));
item.add(updated);
}

item.add(getStateIcon("ticketIcon", ticket.type, ticket.status));
item.add(new Label("ticketNumber", "" + ticket.number));
item.add(new LinkPanel("ticketTitle", "list", ticket.title, TicketsPage.class, tp));
item.add(new LinkPanel("title", "list subject", StringUtils.trimString(
ticket.title, Constants.LEN_SHORTLOG), TicketsPage.class, tp));

ListDataProvider<String> labelsProvider = new ListDataProvider<String>(ticket.getLabels());
DataView<String> labelsView = new DataView<String>("labels", labelsProvider) {
private static final long serialVersionUID = 1L;

@Override
public void populateItem(final Item<String> labelItem) {
BugtraqProcessor btp = new BugtraqProcessor(app().settings());
Repository db = app().repositories().getRepository(repository.name);
String content = btp.processPlainCommitMessage(db, repository.name, labelItem.getModelObject());
db.close();
Label label = new Label("label", content);
label.setEscapeModelStrings(false);
TicketLabel tLabel = app().tickets().getLabel(repository, labelItem.getModelObject());
String background = MessageFormat.format("background-color:{0};", tLabel.color);
label.add(new SimpleAttributeModifier("style", background));
labelItem.add(label);
}
};
item.add(labelsView);

if (StringUtils.isEmpty(ticket.responsible)) {
item.add(new Label("responsible").setVisible(false));
} else {
UserModel responsible = app().users().getUserModel(ticket.responsible);
if (responsible == null) {
responsible = new UserModel(ticket.responsible);
}
GravatarImage avatar = new GravatarImage("responsible", responsible.getDisplayName(),
responsible.emailAddress, null, 16, true);
avatar.setTooltip(getString("gb.responsible") + ": " + responsible.getDisplayName());
item.add(avatar);
}

// votes indicator
Label v = new Label("ticketVotes", "" + ticket.votesCount);
Label v = new Label("votes", "" + ticket.votesCount);
WicketUtils.setHtmlTooltip(v, getString("gb.votes"));
item.add(v.setVisible(ticket.votesCount > 0));

Label ticketStatus = new Label("ticketStatus", ticket.status.toString());
String statusClass = getStatusClass(ticket.status);
WicketUtils.setCssClass(ticketStatus, statusClass);
item.add(ticketStatus);
// watching indicator
item.add(new Label("watching").setVisible(ticket.isWatching(GitBlitWebSession.get().getUsername())));

UserModel responsible = app().users().getUserModel(ticket.responsible);
if (responsible == null) {
if (ticket.responsible == null) {
item.add(new Label("ticketResponsibleImg").setVisible(false));
} else {
item.add(new GravatarImage("ticketResponsibleImg", ticket.responsible, ticket.responsible, null, 16, true));
// status indicator
String css = getLozengeClass(ticket.status, true);
Label l = new Label("status", ticket.status.toString());
WicketUtils.setCssClass(l, css);
item.add(l);

// add the ticket indicators/icons
List<Indicator> indicators = new ArrayList<Indicator>();

// comments
if (ticket.commentsCount > 0) {
int count = ticket.commentsCount;
String pattern = "gb.nComments";
if (count == 1) {
pattern = "gb.oneComment";
}
item.add(new Label("ticketResponsible", ticket.responsible));
} else {
item.add(new GravatarImage("ticketResponsibleImg", responsible, null, 16, true));
item.add(new LinkPanel("ticketResponsible", null, responsible.getDisplayName(), UserPage.class, WicketUtils.newUsernameParameter(ticket.responsible)));
indicators.add(new Indicator("fa fa-comment", count, pattern));
}

// participants
if (!ArrayUtils.isEmpty(ticket.participants)) {
int count = ticket.participants.size();
if (count > 1) {
String pattern = "gb.nParticipants";
indicators.add(new Indicator("fa fa-user", count, pattern));
}
}

// attachments
if (!ArrayUtils.isEmpty(ticket.attachments)) {
int count = ticket.attachments.size();
String pattern = "gb.nAttachments";
if (count == 1) {
pattern = "gb.oneAttachment";
}
indicators.add(new Indicator("fa fa-file", count, pattern));
}

// patchset revisions
if (ticket.patchset != null) {
int count = ticket.patchset.commits;
String pattern = "gb.nCommits";
if (count == 1) {
pattern = "gb.oneCommit";
}
indicators.add(new Indicator("fa fa-code", count, pattern));
}

// milestone
if (!StringUtils.isEmpty(ticket.milestone)) {
indicators.add(new Indicator("fa fa-bullseye", ticket.milestone));
}

ListDataProvider<Indicator> indicatorsDp = new ListDataProvider<Indicator>(indicators);
DataView<Indicator> indicatorsView = new DataView<Indicator>("indicators", indicatorsDp) {
private static final long serialVersionUID = 1L;

@Override
public void populateItem(final Item<Indicator> item) {
Indicator indicator = item.getModelObject();
String tooltip = indicator.getTooltip();

Label icon = new Label("icon");
WicketUtils.setCssClass(icon, indicator.css);
item.add(icon);

if (indicator.count > 0) {
Label count = new Label("count", "" + indicator.count);
item.add(count.setVisible(!StringUtils.isEmpty(tooltip)));
} else {
item.add(new Label("count").setVisible(false));
}

WicketUtils.setHtmlTooltip(item, tooltip);
}
};
item.add(indicatorsView);
}
};

@@ -570,4 +704,29 @@ public class MyTicketsPage extends RootPage {
};
add(pagesView);
}

private class Indicator implements Serializable {

private static final long serialVersionUID = 1L;

final String css;
final int count;
final String tooltip;

Indicator(String css, String tooltip) {
this.css = css;
this.tooltip = tooltip;
this.count = 0;
}

Indicator(String css, int count, String pattern) {
this.css = css;
this.count = count;
this.tooltip = StringUtils.isEmpty(pattern) ? "" : MessageFormat.format(getString(pattern), count);
}

String getTooltip() {
return tooltip;
}
}
}

+ 0
- 48
src/main/resources/gitblit.css 查看文件

@@ -1599,54 +1599,6 @@ table.repositories tr.group td a {
color: black;
}
table.tickets {
border:1px solid #ddd;
border-spacing: 0px;
width: 100%;
}
table.tickets th {
padding: 4px;
border:0;
}
table.tickets th.right {
border-right: 1px solid #ddd;
}
table.tickets td {
padding: 2px;
border-left: 0;
}
table.tickets td.rightAlign {
text-align: right;
border-right: 1px solid #ddd;
}
table.tickets td.icon img {
vertical-align: top;
}
table.tickets tr.group {
background-color: #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table.tickets tr.group td {
font-weight: bold;
color: black;
background-color: #ddd;
padding-left: 5px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
table.tickets tr.group td a {
color: black;
}
table.palette { border:0; width: 0 !important; }
table.palette td.header {
font-weight: bold;

Loading…
取消
儲存