Skip to content
This repository has been archived by the owner on Sep 5, 2019. It is now read-only.

Commit

Permalink
Mockup tickets table
Browse files Browse the repository at this point in the history 
inspired by GitHub issues table
  • Loading branch information
@freinhard
freinhard committed Jul 8, 2015
1 parent f4bf948 commit d76f9c0
Show file tree
Hide file tree
Showing 3 changed files with 182 additions and 1 deletion.
132 changes: 131 additions & 1 deletion onegov/town/templates/submissions.pt
View file
Expand Up @@ -32,5 +32,135 @@
</div>
</li>
</ul>

<h2>Tickets</h2>
<dl class="sub-nav">
<dt>Filter:</dt>
<dd><a href="#">All</a></dd>
<dd class="active"><a href="#">Pending</a></dd>
<dd><a href="#">Closed</a></dd>
</dl>

<div class="table-list-header">
<label class="table-list-header-select-all">
<input type="checkbox" class="js-check-all">
</label>
<div class="table-list-header-cell state-open">
<i class="fa fa-exclamation-circle"></i>
12 Open Tickets
</div>
</div>
<ul class="table-list">
<li>
<label class="table-list-cell table-list-cell-checkbox">
<input type="checkbox">
</label>
<div class="table-list-cell ticket-number">
<a href="">
GD-232-879
</a>
</div>
<div class="table-list-cell ticket-title">
<a href="" class="ticket-title-link">
Fabian Reinhard, Geissmattstrasse 3, 6004 Luzern
</a>
<div class="ticket-meta">
<span class="ticket-meta-section opened-by">
opened <time datetime="2015-07-08T08:33:01Z" is="relative-time" title="8. Juli 2015 10:33:01 MESZ">3 hours ago (30.06.2015 11:11)</time>
</span>
</div>
</div>
<div class="table-list-cell table-list-cell-type">
Anmeldung Zuzug
</div>
<div class="table-list-cell table-list-cell-avatar">
<img alt="@href" height="16" src="https://avatars3.githubusercontent.com/u/273163?v=3&amp;s=32" width="16">
DK
</div>
</li>
<li>
<label class="table-list-cell table-list-cell-checkbox">
<input type="checkbox">
</label>
<div class="table-list-cell ticket-number">
<a href="">
GD-112-835
</a>
</div>
<div class="table-list-cell ticket-title">
<a href="" class="ticket-title-link">
Fabian Reinhard, Geissmattstrasse 3, 6004 Luzern
</a>
<div class="ticket-meta">
<span class="ticket-meta-section opened-by">
opened <time datetime="2015-07-08T08:33:01Z" is="relative-time" title="8. Juli 2015 10:33:01 MESZ">3 hours ago (30.06.2015 11:11)</time>
</span>
</div>
</div>
<div class="table-list-cell table-list-cell-type">
Anmeldung Zuzug
</div>
<div class="table-list-cell table-list-cell-avatar">
<img alt="@href" height="16" src="https://avatars3.githubusercontent.com/u/273163?v=3&amp;s=32" width="16">
DK
</div>
</li>
<li>
<label class="table-list-cell table-list-cell-checkbox">
<input type="checkbox">
</label>
<div class="table-list-cell ticket-number">
<a href="">
GD-123-022
</a>
</div>
<div class="table-list-cell ticket-title">
<a href="" class="ticket-title-link">
Fabian Reinhard, Geissmattstrasse 3, 6004 Luzern
</a>
<div class="ticket-meta">
<span class="ticket-meta-section opened-by">
opened <time datetime="2015-07-08T08:33:01Z" is="relative-time" title="8. Juli 2015 10:33:01 MESZ">3 hours ago (30.06.2015 11:11)</time>
</span>
</div>
</div>
<div class="table-list-cell table-list-cell-type">
Anmeldung Zuzug
</div>
<div class="table-list-cell table-list-cell-avatar">
<img alt="@href" height="16" src="https://avatars3.githubusercontent.com/u/273163?v=3&amp;s=32" width="16">
DK
</div>
</li>
<li>
<label class="table-list-cell table-list-cell-checkbox">
<input type="checkbox">
</label>
<div class="table-list-cell ticket-number">
<a href="">
GD-002-443
</a>
</div>
<div class="table-list-cell ticket-title">
<a href="" class="ticket-title-link">
Fabian Reinhard, Geissmattstrasse 3, 6004 Luzern
</a>
<div class="ticket-meta">
<span class="ticket-meta-section opened-by">
opened <time datetime="2015-07-08T08:33:01Z" is="relative-time" title="8. Juli 2015 10:33:01 MESZ">3 hours ago (30.06.2015 11:11)</time>
</span>
</div>
</div>
<div class="table-list-cell table-list-cell-type">
Anmeldung Zuzug
</div>
<div class="table-list-cell table-list-cell-avatar">
<img alt="@href" height="16" src="https://avatars3.githubusercontent.com/u/273163?v=3&amp;s=32" width="16">
DK
</div>
</li>
</ul>


</tal:block>
</div>
</div>
50 changes: 50 additions & 0 deletions onegov/town/theme/styles/town.scss
View file
Expand Up @@ -891,3 +891,53 @@ $max-page-width: 600px;
font-weight: bold;
}
}

.table-list-header {
background-color: $table-head-bg;
border-top: 1px solid $table-border-color;
margin-top: 20px;
padding: 6px 0 0 12px;
position: relative;

label {
display: table-cell;
}

.table-list-header-cell {
display: table-cell;
padding-left: 15px;
position: relative;
vertical-align: top;

&.state-open {
font-weight: bold;
}
}
}

.table-list {
color: $sub-nav-font-color;
display: table;
list-style-type: none;
margin: 0 0 20px;
padding: 0;
table-layout: fixed;
width: 100%;


li {
border-bottom: 1px solid $table-border-color;
}

.table-list-cell {
display: table-cell;
padding: 8px 10px;
position: relative;
vertical-align: top;
}

.table-list-cell-avatar {
text-align: right;
}

}
1 change: 1 addition & 0 deletions onegov/town/theme/town_theme.py
View file
Expand Up @@ -71,6 +71,7 @@ def default_options(self):
('crumb-bg', '#fff'),
('crumb-border-size', '0'),
('header-line-height', '1.25'),
('sub-nav-active-padding', '.25rem'),

# custom
('tile-image-1', '"../static/homepage-images/tile-1-small.jpg"'),
Expand Down

1 comment on commit d76f9c0

@freinhard
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tickets

Includes a generic listing table

Please sign in to comment.