jyapayne/nimforum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better form styles. Implemented new design for post preview.

Browse source
This commit is contained in:
Dominik Picheta 2014-11-10 19:32:39 +00:00
commit fb24365d9a
3 changed files with 34 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

41
forms.tmpl
View file

@ -72,26 +72,26 @@
# title, content, author, date: string): string = # title, content, author, date: string): string =
# result = "" # result = ""
<a name="preview"></a> <a name="preview"></a>
<table class="post"> <div id="talk-thread">
<tr> <div>
<th colspan="2"> <div class="author">
<span>${xmlEncode(title)}</span> <div>
<span style="float:right;">${xmlEncode(date)}</span> #let profileUrl = c.req.makeUri("profile/", false) & xmlEncode(author)
</th> <a class="name" href="$profileUrl">${xmlEncode(author)}</a>
</tr> </div>
<tr> </div>
<td class="left"> <div class="topic">
<span>${xmlEncode(author)}</span> <div>
</td> #try:
<td class="content"> ${content.rstToHtml}
#try: #except EParseError:
${content.rstToHtml} # c.errorMsg = getCurrentExceptionMsg()
#except EParseError: #end
# c.errorMsg = getCurrentExceptionMsg() <span class="date">${xmlEncode(date)}</span>
#end </div>
</td> </div>
</tr> </div>
</table> </div>
#end proc #end proc
# #
# #
@ -157,6 +157,7 @@
<div id="talk-head"> <div id="talk-head">
<div class="info-post"> <div class="info-post">
<div> <div>
<a href="${c.req.makeUri("/")}"><b>forum index</b></a> &gt;
$topText $topText
</div> </div>
</div> </div>

1
forum.nim
View file

@ -464,6 +464,7 @@ proc login(c: var TForumData, name, pass: string): bool =
proc hasReplyBtn(c: var TForumData): bool = proc hasReplyBtn(c: var TForumData): bool =
result = c.req.pathInfo != "/donewthread" and c.req.pathInfo != "/doreply" result = c.req.pathInfo != "/donewthread" and c.req.pathInfo != "/doreply"
result = result and c.req.params["action"] != "reply"
return c.threadId >= 0 and result return c.threadId >= 0 and result
proc genActionMenu(c: var TForumData): string = proc genActionMenu(c: var TForumData): string =

15
public/css/style.css
View file

@ -246,7 +246,7 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
#talk-threads > div > .detail > div:first-child > div { background:url("/images/forum-views.png") no-repeat left; cursor: help; } #talk-threads > div > .detail > div:first-child > div { background:url("/images/forum-views.png") no-repeat left; cursor: help; }
#talk-threads > div > .detail > div:last-child > div { background:url("/images/forum-posts.png") no-repeat left; cursor: help; } #talk-threads > div > .detail > div:last-child > div { background:url("/images/forum-posts.png") no-repeat left; cursor: help; }
#talk-thread > div { margin:20px 0; min-height:150px; box-shadow:1px 3px 12px rgba(0,0,0,.4) } #talk-thread > div { margin:20px 0; min-height:150px; box-shadow:1px 3px 12px rgba(0,0,0,.4); padding-bottom: 10pt; }
#talk-thread > div > .author > div > .avatar { margin-top:20px; } #talk-thread > div > .author > div > .avatar { margin-top:20px; }
#talk-thread > div > .author > div > .name { } #talk-thread > div > .author > div > .name { }
#talk-thread > div > .author > div > .date { font-size: 8pt; color: white; } #talk-thread > div > .author > div > .date { font-size: 8pt; color: white; }
@ -475,13 +475,20 @@ div#sidebar .content span.error
article#content form article#content form
{ {
border-right: 8px solid rgba(0, 0, 0, 0.2); border-right: 8px solid rgba(0, 0, 0, 0.2);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
padding: 10pt 20pt;
} }
article#content form > input, article#content form > textarea
{
border: 1px solid #6D6D6D;
}
article#content form > input:focus, article#content form > textarea:focus
{
border: 1px solid #1cb3ec;
}
hr hr
{ {