author | Lars Hjemli <hjemli@gmail.com> | 2008-04-12 13:53:31 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2008-04-12 18:00:27 (UTC) |
commit | f135569b2be3fb1816f802f9a162b3743b735d1c (patch) (side-by-side diff) | |
tree | 240917f3d213ea255c34db77af4e1cdfec950264 | |
parent | 4a842288260a0b0c4a3d4032d441f7fd2afee699 (diff) | |
download | cgit-f135569b2be3fb1816f802f9a162b3743b735d1c.zip cgit-f135569b2be3fb1816f802f9a162b3743b735d1c.tar.gz cgit-f135569b2be3fb1816f802f9a162b3743b735d1c.tar.bz2 |
Replace sidebar/logo
This replaces the sidebar with a more 'common' header layout and also
updates the logo.
Not quite finished yet, though.
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 147 | ||||
-rw-r--r-- | cgit.png | bin | 5406 -> 1840 bytes | |||
-rw-r--r-- | ui-shared.c | 125 |
3 files changed, 97 insertions, 175 deletions
@@ -1,173 +1,132 @@ body, table { padding: 0em; margin: 0em; } body { font-family: sans; font-size: 10pt; color: #333; background: white; padding: 4px; } -table { - border-collapse: collapse; -} - -h2 { - font-size: 120%; - font-weight: bold; - margin-top: 0em; - margin-bottom: 0.25em; -} - -h3 { - margin-top: 0em; - font-size: 100%; - font-weight: normal; -} - -h4 { - margin-top: 1.5em; - margin-bottom: 0.1em; - font-size: 100%; - font-weight: bold; -} - a { - color: #600; + color: blue; text-decoration: none; } a:hover { - background-color: #ddd; - text-decoration: none; + text-decoration: underline; } -table.list { - border: none; +table { border-collapse: collapse; } -table.list tr { - background: white; +table#header { + width: 100%; + margin-bottom: 1em; } -table.list tr:hover { - background: #f8f8f8; +table#header td.logo { + width: 96px; } -table.list tr.nohover:hover { - background: white; +table#header td.main { + font-size: 200%; } -table.list th { - font-weight: bold; - border-bottom: solid 1px #777; - padding: 0.1em 0.5em 0.1em 0.5em; - vertical-align: baseline; +table#header td.sub { + color: #777; + border-top: solid 1px #ccc; } -table.list td { - border: none; - padding: 0.1em 0.5em 0.1em 0.5em; +table.tabs { + border-bottom: solid 2px #ccc; + border-collapse: collapse; + margin-top: 2em; + margin-bottom: 1em; + width: 100%; } -img { - border: none; +table.tabs td { + padding: 0px 0.5em; } -table#layout { - border-collapse: collapse; - border: none; - margin: 0px; +table.tabs td a { + padding: 2px 1em; + color: #007; } -td#sidebar { - vertical-align: top; - width: 162px; - padding: 0px 0px 0px 0px; - margin: 0px; +table.tabs td a.active { + color: #000; + background-color: #ccc; } -td#sidebar table { - border-collapse: separate; - border-spacing: 0px; +div.content { margin: 0px; - padding: 0px; - background-color: #ccc; + padding: 1em; } -td#sidebar table.sidebar td.sidebar { - padding: 4px; - border-top: solid 1px #eee; - border-left: solid 1px #eee; - border-right: solid 1px #aaa; - border-bottom: solid 1px #aaa; + +table.list { + width: 100%; + border: none; + border-collapse: collapse; } -div#logo { - margin: 0px; - padding: 4px 0px 4px 0px; - text-align: center; - background-color: #ccc; - border-top: solid 1px #eee; - border-left: solid 1px #eee; - border-right: solid 1px #aaa; - border-bottom: solid 1px #aaa; +table.list tr { + background: white; } -td#sidebar h1 { - font-size: 10pt; - font-weight: bold; - margin: 8px 0px 0px 0px; +table.list tr:hover { + background: #eee; } -td#sidebar h1.first { - margin-top: 0px; +table.list tr.nohover:hover { + background: white; } -td#sidebar a.menu { - display: block; - background-color: #ccc; - padding: 0.1em 0.5em; - text-decoration: none; +table.list th { + font-weight: normal; + border-bottom: solid 1px #ccc; + padding: 0.1em 0.5em 0.1em 0.5em; + vertical-align: baseline; } -td#sidebar a.menu:hover { - background-color: #bbb; - text-decoration: none; +table.list td { + border: none; + padding: 0.1em 0.5em 0.1em 0.5em; } -td#sidebar select { - width: 100%; - margin: 2px 0px 0px 0px; +table.list td a { + color: black; } -td#sidebar form { - text-align: right; +img { + border: none; } input#switch-btn { margin: 2px 0px 0px 0px; } td#sidebar input.txt { width: 100%; margin: 2px 0px 0px 0px; } table#grid { margin: 0px; } td#content { vertical-align: top; padding: 1em 2em 1em 1em; border: none; } div#summary { vertical-align: top; margin-bottom: 1em; @@ -336,49 +295,49 @@ table.diffstat td.graph td.add { background-color: #5c5; } table.diffstat td.graph td.rem { background-color: #c55; } div.diffstat-summary { color: #888; padding-top: 0.5em; } table.diff { width: 100%; } table.diff td { font-family: monospace; white-space: pre; } table.diff td div.head { font-weight: bold; margin-top: 1em; - background-color: #eee; + color: black; } table.diff td div.hunk { color: #009; } table.diff td div.add { color: green; } table.diff td div.del { color: red; } .sha1 { font-family: monospace; font-size: 90%; } .left { text-align: left; } .right { Binary files differdiff --git a/ui-shared.c b/ui-shared.c index aa65988..7287956 100644 --- a/ui-shared.c +++ b/ui-shared.c @@ -1,33 +1,34 @@ /* ui-shared.c: common web output functions * * Copyright (C) 2006 Lars Hjemli * * Licensed under GNU General Public License v2 * (see COPYING for full license text) */ #include "cgit.h" +#include "cmd.h" #include "html.h" const char cgit_doctype[] = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"\n" " \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"; static char *http_date(time_t t) { static char day[][4] = {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"}; static char month[][4] = {"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Now", "Dec"}; struct tm *tm = gmtime(&t); return fmt("%s, %02d %s %04d %02d:%02d:%02d GMT", day[tm->tm_wday], tm->tm_mday, month[tm->tm_mon], 1900+tm->tm_year, tm->tm_hour, tm->tm_min, tm->tm_sec); } void cgit_print_error(char *msg) { html("<div class='error'>"); html_txt(msg); html("</div>\n"); @@ -444,139 +445,101 @@ void add_hidden_formfields(int incl_head, int incl_search, char *page) if (!ctx.cfg.virtual_root) { url = fmt("%s/%s", ctx.qry.repo, page); if (ctx.qry.path) url = fmt("%s/%s", url, ctx.qry.path); html_hidden("url", url); } if (incl_head && strcmp(ctx.qry.head, ctx.repo->defbranch)) html_hidden("h", ctx.qry.head); if (ctx.qry.sha1) html_hidden("id", ctx.qry.sha1); if (ctx.qry.sha2) html_hidden("id2", ctx.qry.sha2); if (incl_search) { if (ctx.qry.grep) html_hidden("qt", ctx.qry.grep); if (ctx.qry.search) html_hidden("q", ctx.qry.search); } } +char *hc(struct cgit_cmd *cmd, const char *page) +{ + return (strcmp(cmd->name, page) ? NULL : "active"); +} + void cgit_print_pageheader(struct cgit_context *ctx) { - static const char *default_info = "This is cgit, a fast webinterface for git repositories"; - int header = 0; - char *url; + struct cgit_cmd *cmd = cgit_get_cmd(ctx); - html("<table id='layout' summary=''>\n"); - html("<tr><td id='sidebar'>\n"); - html("<table class='sidebar' cellspacing='0' summary=''>\n"); - html("<tr><td class='sidebar'>\n<a href='"); + html("<table id='header'>\n"); + html("<tr>\n"); + html("<td class='logo' rowspan='2'><a href='"); html_attr(cgit_rooturl()); - htmlf("'><img src='%s' alt='cgit'/></a>\n", - ctx->cfg.logo); - html("</td></tr>\n<tr><td class='sidebar'>\n"); - if (ctx->repo) { - html("<h1 class='first'>"); - html_txt(strrpart(ctx->repo->name, 20)); - html("</h1>\n"); + html("'><img src='"); + html_attr(ctx->cfg.logo); + html("'/></a></td>\n"); + html("<td class='main'>"); + if (ctx->repo) + html_txt(ctx->repo->name); + else + html_txt(ctx->cfg.root_title); + html("</td></tr>\n"); + html("<tr><td class='sub'>"); + if (ctx->repo) html_txt(ctx->repo->desc); - if (ctx->repo->owner) { - html("<h1>owner</h1>\n"); - html_txt(ctx->repo->owner); - } - html("<h1>navigate</h1>\n"); - reporevlink(NULL, "summary", NULL, "menu", ctx->qry.head, - NULL, NULL); - cgit_log_link("log", NULL, "menu", ctx->qry.head, NULL, NULL, - 0, NULL, NULL); - cgit_tree_link("tree", NULL, "menu", ctx->qry.head, + else + html_txt(ctx->cfg.index_info); + html("</td></tr>\n"); + html("</table>\n"); + + html("<table class='tabs'><tr><td>\n"); + if (ctx->repo) { + reporevlink(NULL, "summary", NULL, hc(cmd, "summary"), + ctx->qry.head, NULL, NULL); + cgit_refs_link("refs", NULL, hc(cmd, "refs"), ctx->qry.head, ctx->qry.sha1, NULL); - cgit_commit_link("commit", NULL, "menu", ctx->qry.head, - ctx->qry.sha1); - cgit_diff_link("diff", NULL, "menu", ctx->qry.head, + cgit_log_link("log", NULL, hc(cmd, "log"), ctx->qry.head, + NULL, NULL, 0, NULL, NULL); + cgit_tree_link("tree", NULL, hc(cmd, "tree"), ctx->qry.head, + ctx->qry.sha1, NULL); + cgit_commit_link("commit", NULL, hc(cmd, "commit"), + ctx->qry.head, ctx->qry.sha1); + cgit_diff_link("diff", NULL, hc(cmd, "diff"), ctx->qry.head, ctx->qry.sha1, ctx->qry.sha2, NULL); - cgit_patch_link("patch", NULL, "menu", ctx->qry.head, + cgit_patch_link("patch", NULL, hc(cmd, "patch"), ctx->qry.head, ctx->qry.sha1); - - for_each_ref(print_archive_ref, &header); - - if (ctx->repo->clone_url || ctx->cfg.clone_prefix) { - html("<h1>clone</h1>\n"); - if (ctx->repo->clone_url) - url = ctx->repo->clone_url; - else - url = fmt("%s%s", ctx->cfg.clone_prefix, - ctx->repo->url); - html("<a class='menu' href='"); - html_attr(url); - html("' title='"); - html_attr(url); - html("'>\n"); - html_txt(strrpart(url, 20)); - html("</a>\n"); - } - - html("<h1>branch</h1>\n"); - html("<form method='get' action=''>\n"); - add_hidden_formfields(0, 1, ctx->qry.page); -// html("<table summary='branch selector' class='grid'><tr><td id='branch-dropdown-cell'>"); - html("<select name='h' onchange='this.form.submit();'>\n"); - for_each_branch_ref(print_branch_option, ctx->qry.head); - html("</select>\n"); -// html("</td><td>"); - html("<noscript><input type='submit' id='switch-btn' value='switch'/></noscript>\n"); -// html("</td></tr></table>"); - html("</form>\n"); - - html("<h1>search</h1>\n"); - html("<form method='get' action='"); - if (ctx->cfg.virtual_root) - html_attr(cgit_fileurl(ctx->qry.repo, "log", - ctx->qry.path, NULL)); - html("'>\n"); - add_hidden_formfields(1, 0, "log"); - html("<select name='qt'>\n"); - html_option("grep", "log msg", ctx->qry.grep); - html_option("author", "author", ctx->qry.grep); - html_option("committer", "committer", ctx->qry.grep); - html("</select>\n"); - html("<input class='txt' type='text' name='q' value='"); - html_attr(ctx->qry.search); - html("'/>\n"); - html("</form>\n"); } else { - if (!ctx->cfg.index_info || html_include(ctx->cfg.index_info)) - html(default_info); + html("<a class='active' href='"); + html_attr(cgit_rooturl()); + html("'>index</a>\n"); } - - html("</td></tr></table></td>\n"); - - html("<td id='content'>\n"); + html("</td></tr></table>\n"); + html("<div class='content'>"); } void cgit_print_filemode(unsigned short mode) { if (S_ISDIR(mode)) html("d"); else if (S_ISLNK(mode)) html("l"); else if (S_ISGITLINK(mode)) html("m"); else html("-"); html_fileperm(mode >> 6); html_fileperm(mode >> 3); html_fileperm(mode); } void cgit_print_snapshot_links(const char *repo, const char *head, const char *hex, int snapshots) { const struct cgit_snapshot_format* f; char *filename; for (f = cgit_snapshot_formats; f->suffix; f++) { |