Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-22 22:59:43 +02:00
Code Releases Activity

Trello html and css tidy up

Browse source
This commit is contained in:
EnesAlili 2016-09-12 01:29:26 +01:00
parent 8867b27152
commit ec0244dabc
6 changed files with 189 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

91
app/app/styles/section/trello.scss
View file

@ -1,3 +1,8 @@
.section-trello-editor {
}
.section-trello-board { .section-trello-board {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
@ -5,7 +10,6 @@
overflow: auto overflow: auto
} }
.section-trello-board-title { .section-trello-board-title {
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
@ -31,35 +35,51 @@
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.section-trello-render { .section-trello-render {
.trello-table {
border: none!important;
margin: 0px !important;
table.trello-table { td {
border:none!important; border: none !important;
margin-left: 20px !important;
margin-bottom: 20px !important;
}
table.trello-table td {
border:none!important;
padding: 20px 20px 0 0 !important;
vertical-align: top; vertical-align: top;
} }
tbody.board-stats td {
padding-right: 40px!important;
} }
span.trello-label { .heading {
padding: 4px 10px; font-size: 1.6rem;
color: white; margin: 30px 0 0 0;
border-radius: 3px; }
.trello-label {
font-size: 11px;
color: #fff;
padding: 0 8px;
margin-right: 5px;
border-radius: 2px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
display: inline-block;
line-height: 22px;
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 { .board-stats {
margin-bottom: 10px;
td {
color: $color-gray;
padding: 20px 40px 30px 0px !important;
}
.stat-number {
font-family: "open_sanslight";
font-size: 40px;
margin-right: 20px;
color: black;
}
}
.trello-board {
color: white; color: white;
padding: 20px 20px; padding: 15px 20px;
width: 190px; width: 190px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -69,27 +89,22 @@
margin-right: 20px; margin-right: 20px;
} }
.board-summary, .member-name {
font-size: 1.2rem;
}
.board-meta, .member-meta {
color: $color-gray;
}
.trello-avatar { .trello-avatar {
border-radius: 3px; border-radius: 4px;
margin-right: 10px; width: 36px;
height: 36px;
margin-right: 5px;
} }
h6 { > .single-trello-board {
font-size: 18px;
margin: 0;
}
p.board-stats {
font-size: 18px;
}
span.stat-number {
font-family: "open_sanslight";
font-size: 50px;
margin-right: 15px;
}
> .trello-board {
width: 100%; width: 100%;
max-height: 600px; max-height: 600px;
padding: 10px; padding: 10px;

3
core/section/trello/archive_template.go
View file

@ -12,6 +12,8 @@
package trello package trello
const archiveTemplate = ` const archiveTemplate = `
<div class="section-trello-render">
{{if gt (len .Boards) 0}} {{if gt (len .Boards) 0}}
<div class="heading">Deleted and Archived Cards</div> <div class="heading">Deleted and Archived Cards</div>
<p>Changes since {{.Since}}.</p> <p>Changes since {{.Since}}.</p>
@ -54,4 +56,5 @@ const archiveTemplate = `
</table> </table>
</div> </div>
{{end}} {{end}}
</div>
` `

20
core/section/trello/boards_template.go
View file

@ -12,7 +12,8 @@
package trello package trello
const boardsTemplate = ` const boardsTemplate = `
{{if gt (len .Boards) 0}} <div class="section-trello-render">
{{if gt (len .Boards) 0}}
<div class="heading">Boards</div> <div class="heading">Boards</div>
<p>Changes since {{.Since}}.</p> <p>Changes since {{.Since}}.</p>
<div class="section-trello-render"> <div class="section-trello-render">
@ -20,16 +21,16 @@ const boardsTemplate = `
<tbody class="board-stats"> <tbody class="board-stats">
<tr> <tr>
<td> <td>
<span class="stat-number">{{len .Boards}}</span> Boards <span class="stat-number">{{len .Boards}}</span>boards
</td> </td>
<td> <td>
<span class="stat-number">{{.ListTotal}}</span> Lists <span class="stat-number">{{.ListTotal}}</span>lists
</td> </td>
<td> <td>
<span class="stat-number">{{.CardTotal}}</span> Cards <span class="stat-number">{{.CardTotal}}</span>cards
</td> </td>
<td> <td>
<span class="stat-number">{{len .MemberBoardAssign}}</span> Members <span class="stat-number">{{len .MemberBoardAssign}}</span>members
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -44,8 +45,8 @@ const boardsTemplate = `
</a> </a>
</td> </td>
<td> <td>
<h6>There are {{ len $b.Actions }} actions for this board.</h6> <div class="board-summary">There are {{ len $b.Actions }} actions for this board.</div>
<p> <span class="board-meta">
{{range $act, $tot := $b.ActionSummary}} {{range $act, $tot := $b.ActionSummary}}
{{$act}} ({{$tot}}), {{$act}} ({{$tot}}),
{{end}} {{end}}
@ -55,12 +56,13 @@ const boardsTemplate = `
no cards archived. no cards archived.
{{end}} {{end}}
<br> <br>
</p> </span>
</td> </td>
</tr> </tr>
{{end}} {{end}}
</tbody> </tbody>
</table> </table>
</div> </div>
{{end}} {{end}}
</div>
` `

15
core/section/trello/labels_template.go
View file

@ -12,7 +12,11 @@
package trello package trello
const labelsTemplate = ` const labelsTemplate = `
{{if gt (len .SharedLabels) 0}} <div class="section-trello-render">
<p>Activity since #date for team Documize boards: <a class="link" href="#">Board Name</a></p>
{{if gt (len .SharedLabels) 0}}
<div class="heading">Labels</div> <div class="heading">Labels</div>
<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"> <div class="section-trello-render">
@ -20,16 +24,17 @@ const labelsTemplate = `
<tbody class="trello"> <tbody class="trello">
{{range $l := .SharedLabels}} {{range $l := .SharedLabels}}
<tr> <tr>
<td class="width-25"> <td class="no-width">
<span class="trello-label" style="background-color: {{ $l.Color }}">{{ $l.Name }} ({{len $l.Boards}})</span> <span class="trello-label" style="background-color: {{ $l.Color }}">{{ $l.Name }} ({{len $l.Boards}})</span>
</td> </td>
<td class="width-75"> <td>
{{range $idx, $brd := $l.Boards}}{{if gt $idx 0}}, {{end}}{{ $brd }}{{end}}. <a class="link" href="#">{{range $idx, $brd := $l.Boards}}{{if gt $idx 0}}</a>, {{end}}{{ $brd }}{{end}}.
</td> </td>
</tr> </tr>
{{end}} {{end}}
</tbody> </tbody>
</table> </table>
</div> </div>
{{end}} {{end}}
</div>
` `

18
core/section/trello/members_template.go
View file

@ -12,31 +12,33 @@
package trello package trello
const membersTemplate = ` const membersTemplate = `
{{if gt (len .Boards) 0}} <div class="section-trello-render">
{{if gt (len .Boards) 0}}
<div class="heading">Member Stats</div> <div class="heading">Member Stats</div>
<p> <p>
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"> <div class="section-trello-render">
<table class="trello-table" class="width-100"> <table class="trello-table no-width">
<tbody> <tbody>
{{range $m := .MemberBoardAssign}} {{range $m := .MemberBoardAssign}}
<tr> <tr>
<td> <td class="no-width">
<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" alt="Member Avatar">
</td> </td>
<td> <td>
<h6>{{$m.MemberName}}</h6> <div class="member-name">{{$m.MemberName}}</div>
<p> <div class="member-meta">
{{range $idx, $ac := $m.AssignCounts}}{{if gt $idx 0}}, {{end}}{{$ac.BoardName}} ({{$ac.Count}}){{end}}. {{range $idx, $ac := $m.AssignCounts}}{{if gt $idx 0}}, {{end}}{{$ac.BoardName}} ({{$ac.Count}}){{end}}.
</p> </div>
</td> </td>
</tr> </tr>
{{end}} {{end}}
</tbody> </tbody>
</table> </table>
</div> </div>
{{end}} {{end}}
</div>
` `

8
core/section/trello/trad_template.go
View file

@ -12,13 +12,14 @@
package trello package trello
const tradTemplate = ` const tradTemplate = `
{{if ne .Detail.Board.ID ""}} <div class="section-trello-render">
{{if ne .Detail.Board.ID ""}}
<div class="heading">Board: {{.Detail.Board.Name}}</div> <div class="heading">Board: {{.Detail.Board.Name}}</div>
<p class="non-printable-message">Non-printable</p> <p class="non-printable-message">Non-printable</p>
<div class="section-trello-render non-printable"> <div class="section-trello-render non-printable">
<p>There are {{ .Detail.CardCount }} cards across {{ .Detail.ListCount }} lists <p>There are {{ .Detail.CardCount }} cards across {{ .Detail.ListCount }} lists
for board <a href="{{ .Detail.Board.URL }}">{{.Detail.Board.Name}}.</a></p> for board <a href="{{ .Detail.Board.URL }}">{{.Detail.Board.Name}}.</a></p>
<div class="trello-board" style="background-color: {{.Detail.Board.Prefs.BackgroundColor}}"> <div class="single-trello-board" style="background-color: {{.Detail.Board.Prefs.BackgroundColor}}">
<a href="{{ .Detail.Board.URL }}"><div class="trello-board-title">{{.Detail.Board.Name}}</div></a> <a href="{{ .Detail.Board.URL }}"><div class="trello-board-title">{{.Detail.Board.Name}}</div></a>
{{range $data := .Detail.Data}} {{range $data := .Detail.Data}}
<div class="trello-list"> <div class="trello-list">
@ -34,5 +35,6 @@ const tradTemplate = `
{{end}} {{end}}
</div> </div>
</div> </div>
{{end}} {{end}}
</div>
` `