Display large icons at the user repository list page

This commit is contained in:
Naoki Takezoe
2014-04-18 10:33:45 +09:00
parent 82ef5457b0
commit c5de7811c4
5 changed files with 44 additions and 40 deletions

View File

@@ -9,6 +9,10 @@
} else {
@repositories.map { repository =>
<div class="block">
<div class="repository-icon">
@helper.html.repositoryicon(repository, true)
</div>
<div class="repository-content">
<div class="block-header">
<a href="@url(repository)">@repository.name</a>
@if(repository.repository.isPrivate){
@@ -23,6 +27,7 @@
}
<div><span class="muted small">Last updated: @datetime(repository.repository.lastActivityDate)</span></div>
</div>
</div>
}
}
}

View File

@@ -11,15 +11,7 @@
</div>
}
<div class="head">
@if(repository.repository.isPrivate){
<img src="@assets/common/images/repo_private_lg.png"/>
} else {
@if(repository.repository.originUserName.isDefined){
<img src="@assets/common/images/repo_fork_lg.png"/>
} else {
<img src="@assets/common/images/repo_public_lg.png"/>
}
}
@helper.html.repositoryicon(repository, true)
<a href="@url(repository.owner)">@repository.owner</a> / <a href="@url(repository)" class="strong">@repository.name</a>
@defining(repository.repository){ x =>

View File

@@ -0,0 +1,12 @@
@(repository: service.RepositoryService.RepositoryInfo, large: Boolean)(implicit context: app.Context)
@import context._
@import view.helpers._
@if(repository.repository.isPrivate){
<img src="@assets/common/images/repo_private@{if(large){"_lg"}}.png"/>
} else {
@if(repository.repository.originUserName.isDefined){
<img src="@assets/common/images/repo_fork@{if(large){"_lg"}}.png"/>
} else {
<img src="@assets/common/images/repo_public@{if(large){"_lg"}}.png"/>
}
}

View File

@@ -30,15 +30,7 @@
@userRepositories.map { repository =>
<tr>
<td>
@if(repository.repository.isPrivate){
<img src="@assets/common/images/repo_private.png"/>
} else {
@if(repository.repository.originUserName.isDefined){
<img src="@assets/common/images/repo_fork.png"/>
} else {
<img src="@assets/common/images/repo_public.png"/>
}
}
@helper.html.repositoryicon(repository, false)
@if(repository.owner == loginAccount.get.userName){
<a href="@url(repository)"><span class="strong">@repository.name</span></a>
} else {
@@ -57,7 +49,7 @@
Recent updated repositories
</th>
</tr>
@if(recentRepositories.isEmpty){
@if(recentRepositories.isEmpty){2
<tr>
<td>No repositories</td>
</tr>
@@ -65,15 +57,7 @@
@recentRepositories.map { repository =>
<tr>
<td>
@if(repository.repository.isPrivate){
<img src="@assets/common/images/repo_private.png"/>
} else {
@if(repository.repository.originUserName.isDefined){
<img src="@assets/common/images/repo_fork.png"/>
} else {
<img src="@assets/common/images/repo_public.png"/>
}
}
@helper.html.repositoryicon(repository, false)
<a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
</td>
</tr>

View File

@@ -376,6 +376,17 @@ ul.nav-stacked.side-menu li.active a:hover {
-moz-border-radius-bottomleft: 0px;
}
/****************************************************************************/
/* Repositories */
/****************************************************************************/
div.repository-icon {
position: absolute;
}
div.repository-content {
margin-left: 40px;
}
/****************************************************************************/
/* Activity */
/****************************************************************************/