Basic design for ticket lookup page

develop
Sven Slootweg 11 years ago
parent d6588b6f1a
commit 08b7a7d825

@ -0,0 +1,17 @@
<?php
/*
* Cryto Team is more free software. It is licensed under the WTFPL, which
* allows you to do pretty much anything with it, without having to
* ask permission. Commercial use is allowed, and no attribution is
* required. We do politely request that you share your modifications
* to benefit other developers, but you are under no enforced
* obligation to do so :)
*
* Please read the accompanying LICENSE document for the full WTFPL
* licensing text.
*/
if(!isset($_APP)) { die("Unauthorized."); }
$sCurrentPage = "tickets";
$sPageContents = NewTemplater::Render("project/tickets/view", $locale->strings, array());

@ -133,12 +133,17 @@ section
padding: 12px 0px;
}
section h3
div.section
{
margin: 12px 0px;
}
section h3, div.section h3
{
margin-top: 6px;
}
section p
section p, div.section p
{
font-size: 14px;
}
@ -376,3 +381,105 @@ section.tickets tr.status-closed.priority-high td.priority
{
color: #656565;
}
/************************************************
** Ticket lookup **
************************************************/
.section.ticket-original
{
border: 1px solid #373737;
}
.section.ticket-original h2
{
margin: 0px;
padding: 9px 8px;
background-color: #373737;
color: white;
font-size: 16px;
font-weight: normal;
}
.section.ticket-original .metadata
{
margin: 11px;
font-size: 13px;
}
.section.ticket-original .metadata .currentdata, .section.ticket-original .metadata .originaldata
{
float: left;
width: 50%;
}
.section.ticket-original .metadata .key
{
font-weight: bold;
margin-right: 8px;
}
.section.ticket-original .metadata > div > div
{
margin-top: 4px;
}
.section.ticket-original .body
{
margin: 11px;
padding-left: 4px;
font-size: 15px;
}
.section.ticket-updates > div
{
margin-bottom: 12px;
}
.section.ticket-updates .message
{
border: 1px solid #373737;
padding: 11px;
}
.section.ticket-updates .message .metadata
{
font-size: 15px;
}
.section.ticket-updates .message .metadata .author
{
font-weight: bold;
margin-right: 8px;
}
.section.ticket-updates .message .metadata .date
{
color: #585858;
}
.section.ticket-updates .message p
{
margin-bottom: 0px;
}
.section.ticket-updates .event
{
color: white;
background-color: #373737;
padding: 12px;
font-size: 13px;
}
.section.ticket-updates .event .author, .section.ticket-updates .event .value
{
font-weight: bold;
}
.section.ticket-updates .event .date
{
float: right;
color: #DADADA;
}

@ -0,0 +1,57 @@
<div class="section ticket-original">
<h2>This is a sample ticket</h2>
<div class="metadata">
<div class="currentdata">
<div class="priority">
<span class="key">Priority</span>
<span class="value">High</span>
</div>
<div class="status">
<span class="key">Status</span>
<span class="value">Open</span>
</div>
<div class="owner">
<span class="key">Owner</span>
<span class="value">joepie91</span>
</div>
</div>
<div class="originaldata">
<div class="creator">
<span class="key">Creator</span>
<span class="value">joepie91</span>
</div>
<div class="date">
<span class="key">Date</span>
<span class="value">2013/01/17 11:02:27</span>
</div>
</div>
<div class="clear"></div>
</div>
<div class="body">
<p>This is a sample ticket body.</p>
</div>
</div>
<div class="section ticket-updates">
<div class="message">
<div class="metadata">
<span class="author">joepie91</span>
<span class="date">2013/01/17 11:10:16</span>
</div>
<p>This is a sample ticket response.</p>
</div>
<div class="event">
<span class="author">joepie91</span> changed the ticket status to <span class="value">Open</span>.
<div class="date">2013/01/17 11:16:23</div>
</div>
<div class="message">
<div class="metadata">
<span class="author">joepie91</span>
<span class="date">2013/01/17 11:19:06</span>
</div>
<p>This is another sample ticket response.</p>
</div>
</div>
Loading…
Cancel
Save