1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 16:19:46 +02:00

More tweaks and updates to the Trello design

This commit is contained in:
EnesAlili 2016-09-09 16:47:47 +01:00
parent 1e37c68d99
commit a0ebb215d9
5 changed files with 111 additions and 56 deletions

View file

@ -36,13 +36,18 @@
table.trello-table { table.trello-table {
border:none!important; border:none!important;
margin-left: 0 !important; margin-left: 20px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
table.trello-table td { table.trello-table td {
border:none!important; border:none!important;
padding: 20px 20px 0 0 !important; padding: 20px 20px 0 0 !important;
vertical-align: top;
}
tbody.board-stats td {
padding-right: 40px!important;
} }
span.trello-label { span.trello-label {
@ -52,8 +57,21 @@
text-shadow: 0 0 5px rgba(0,0,0,.2),0 0 2px #000; text-shadow: 0 0 5px rgba(0,0,0,.2),0 0 2px #000;
} }
span.trello-board {
color: white;
padding: 20px 20px;
width: 190px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
border-radius: 4px;
margin-right: 20px;
}
.trello-avatar { .trello-avatar {
border-radius: 3px; border-radius: 3px;
margin-right: 10px;
} }
h6 { h6 {
@ -61,6 +79,16 @@
margin: 0; margin: 0;
} }
p.board-stats {
font-size: 18px;
}
span.stat-number {
font-family: "open_sanslight";
font-size: 50px;
margin-right: 15px;
}
> .trello-board { > .trello-board {
width: 100%; width: 100%;
max-height: 600px; max-height: 600px;

View file

@ -14,29 +14,32 @@ package trello
const archiveTemplate = ` const archiveTemplate = `
<h3>Deleted and Archived Cards</h3> <h3>Deleted and Archived Cards</h3>
<p>Changes since {{.Since}}.</p> <p>Changes since {{.Since}}.</p>
{{range $b := .Boards}} <div class="section-trello-render">
<div> <table class="trello-table" class="width-100">
<p>For board <tbody class="trello">
<a href="{{ $b.Board.URL }}"> {{range $b := .Boards}}
<span style="background-color: {{$b.Board.Prefs.BackgroundColor}}">{{$b.Board.Name}}</span> <tr>
</a> <td>
</p> <a href="{{ $b.Board.URL }}">
<div> <span class="trello-board" style="background-color: {{$b.Board.Prefs.BackgroundColor}}">{{$b.Board.Name}}</span>
{{range $act := $b.Actions}} </a>
{{if eq $act.Type "deleteCard" }} </td>
Deleted: <td>
{{$act.Data.List.Name}}/{{$act.Data.Card.Name}} - {{$act.Data.Text}} {{range $act := $b.Actions}}
<br> {{if eq $act.Type "deleteCard" }}
{{end}} Deleted:
{{end}} {{$act.Data.List.Name}} : {{$act.Data.Card.Name}} - {{$act.Data.Text}}
{{range $arch := $b.Archived}} {{end}}
Archived: {{end}}
{{$arch.Name}} - {{$arch.Desc}} {{range $arch := $b.Archived}}
<br> Archived:
{{end}} {{$arch.Name}} - {{$arch.Desc}}
</div> <br>
</div> {{end}}
{{end}} </td>
</tr>
<br> {{end}}
</tbody>
</table>
</div>
` `

View file

@ -15,27 +15,49 @@ const boardsTemplate = `
<h3>All Boards</h3> <h3>All Boards</h3>
<p>Changes since {{.Since}}.</p> <p>Changes since {{.Since}}.</p>
<div class="section-trello-render">
<p>{{len .Boards}} Boards, {{.ListTotal}} Lists, {{.CardTotal}} Cards, {{len .MemberBoardAssign}} Members</p> <table class="trello-table" class="width-100">
<tbody class="board-stats">
{{range $b := .Boards}} <tr>
<div> <td>
<a href="{{ $b.Board.URL }}"> <span class="stat-number">{{len .Boards}}</span> Boards
<span style="background-color: {{$b.Board.Prefs.BackgroundColor}}">{{$b.Board.Name}}</span> </td>
</a> <td>
<p>There are {{ len $b.Actions }} actions for board</p> <span class="stat-number">{{.ListTotal}}</span> Lists
<div> </td>
{{range $act, $tot := $b.ActionSummary}} <td>
{{$act}} ({{$tot}}), <span class="stat-number">{{.CardTotal}}</span> Cards
{{end}} </td>
{{if gt (len $b.Archived) 0}} <td>
archive card ({{len $b.Archived}}). <span class="stat-number">{{len .MemberBoardAssign}}</span> Members
<br> </td>
{{end}} </tr>
</div> </tbody>
</div> </table>
{{end}} <table class="trello-table" class="width-100">
<tbody class="trello">
{{range $b := .Boards}}
<br> <tr>
<td>
<a href="{{ $b.Board.URL }}">
<span class="trello-board" style="background-color: {{$b.Board.Prefs.BackgroundColor}}">{{$b.Board.Name}}</span>
</a>
</td>
<td>
<h6>There are {{ len $b.Actions }} actions for this board.</h6>
<p>
{{range $act, $tot := $b.ActionSummary}}
{{$act}} ({{$tot}}),
{{end}}
{{if gt (len $b.Archived) 0}}
archive card ({{len $b.Archived}}).
<br>
{{end}}
</p>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
` `

View file

@ -14,7 +14,7 @@ package trello
const labelsTemplate = ` const labelsTemplate = `
<h3>Labels</h3> <h3>Labels</h3>
<p>There are {{len .SharedLabels}} common labels across the boards.</p> <p>There are {{len .SharedLabels}} common labels across the boards.</p>
<div class="section-trello-render non-printable"> <div class="section-trello-render">
<table class="trello-table" class="width-100"> <table class="trello-table" class="width-100">
<tbody class="trello"> <tbody class="trello">
{{range $l := .SharedLabels}} {{range $l := .SharedLabels}}

View file

@ -17,20 +17,22 @@ const membersTemplate = `
There are {{len .MemberBoardAssign}} members assigned to {{.CardAssignTotal}} cards of the total {{.CardTotal}} cards across {{len .Boards}} boards. There are {{len .MemberBoardAssign}} members assigned to {{.CardAssignTotal}} cards of the total {{.CardTotal}} cards across {{len .Boards}} boards.
</p> </p>
<div class="section-trello-render non-printable"> <div class="section-trello-render">
<table class="trello-table" class="width-100"> <table class="trello-table" class="width-100">
<tbody> <tbody>
{{range $m := .MemberBoardAssign}} {{range $m := .MemberBoardAssign}}
<tr> <tr>
<td class="width-15"> <td>
<img class="trello-avatar" src="https://trello-avatars.s3.amazonaws.com/{{$m.AvatarHash}}/50.png" height="50" alt="Member Avatar"> <img class="trello-avatar" src="https://trello-avatars.s3.amazonaws.com/{{$m.AvatarHash}}/50.png" height="50" alt="Member Avatar">
</td> </td>
<td class="width-85"> <td>
<h6>{{$m.MemberName}}</h6> <h6>{{$m.MemberName}}</h6>
{{range $ac := $m.AssignCounts}} <p>
{{$ac.BoardName}} ({{$ac.Count}}), {{range $ac := $m.AssignCounts}}
{{end}} {{$ac.BoardName}} ({{$ac.Count}}),
{{end}}
</p>
</td> </td>
</tr> </tr>
{{end}} {{end}}