aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLars Hjemli <hjemli@gmail.com>2008-04-12 15:53:31 +0200
committerLars Hjemli <hjemli@gmail.com>2008-04-12 20:00:27 +0200
commitf135569b2be3fb1816f802f9a162b3743b735d1c (patch)
tree240917f3d213ea255c34db77af4e1cdfec950264
parent4a842288260a0b0c4a3d4032d441f7fd2afee699 (diff)
downloadcgit-f135569b2be3fb1816f802f9a162b3743b735d1c.tar.gz
cgit-f135569b2be3fb1816f802f9a162b3743b735d1c.tar.bz2
cgit-f135569b2be3fb1816f802f9a162b3743b735d1c.zip
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.css147
-rw-r--r--cgit.pngbin5406 -> 1840 bytes
-rw-r--r--ui-shared.c125
3 files changed, 97 insertions, 175 deletions
diff --git a/cgit.css b/cgit.css
index 17c2712..67cf48e 100644
--- a/cgit.css
+++ b/cgit.css
@@ -11,41 +11,67 @@ body {
padding: 4px;
}
+a {
+ color: blue;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
table {
border-collapse: collapse;
}
-h2 {
- font-size: 120%;
- font-weight: bold;
- margin-top: 0em;
- margin-bottom: 0.25em;
+table#header {
+ width: 100%;
+ margin-bottom: 1em;
}
-h3 {
- margin-top: 0em;
- font-size: 100%;
- font-weight: normal;
+table#header td.logo {
+ width: 96px;
}
-h4 {
- margin-top: 1.5em;
- margin-bottom: 0.1em;
- font-size: 100%;
- font-weight: bold;
+table#header td.main {
+ font-size: 200%;
}
-a {
- color: #600;
- text-decoration: none;
+table#header td.sub {
+ color: #777;
+ border-top: solid 1px #ccc;
}
-a:hover {
- background-color: #ddd;
- text-decoration: none;
+table.tabs {
+ border-bottom: solid 2px #ccc;
+ border-collapse: collapse;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ width: 100%;
+}
+
+table.tabs td {
+ padding: 0px 0.5em;
+}
+
+table.tabs td a {
+ padding: 2px 1em;
+ color: #007;
+}
+
+table.tabs td a.active {
+ color: #000;
+ background-color: #ccc;
}
+div.content {
+ margin: 0px;
+ padding: 1em;
+}
+
+
table.list {
+ width: 100%;
border: none;
border-collapse: collapse;
}
@@ -55,7 +81,7 @@ table.list tr {
}
table.list tr:hover {
- background: #f8f8f8;
+ background: #eee;
}
table.list tr.nohover:hover {
@@ -63,8 +89,8 @@ table.list tr.nohover:hover {
}
table.list th {
- font-weight: bold;
- border-bottom: solid 1px #777;
+ font-weight: normal;
+ border-bottom: solid 1px #ccc;
padding: 0.1em 0.5em 0.1em 0.5em;
vertical-align: baseline;
}
@@ -74,79 +100,12 @@ table.list td {
padding: 0.1em 0.5em 0.1em 0.5em;
}
-img {
- border: none;
+table.list td a {
+ color: black;
}
-table#layout {
- border-collapse: collapse;
+img {
border: none;
- margin: 0px;
-}
-
-td#sidebar {
- vertical-align: top;
- width: 162px;
- padding: 0px 0px 0px 0px;
- margin: 0px;
-}
-
-td#sidebar table {
- border-collapse: separate;
- border-spacing: 0px;
- margin: 0px;
- padding: 0px;
- background-color: #ccc;
-}
-
-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;
-}
-
-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;
-}
-
-td#sidebar h1 {
- font-size: 10pt;
- font-weight: bold;
- margin: 8px 0px 0px 0px;
-}
-
-td#sidebar h1.first {
- margin-top: 0px;
-}
-
-td#sidebar a.menu {
- display: block;
- background-color: #ccc;
- padding: 0.1em 0.5em;
- text-decoration: none;
-}
-
-td#sidebar a.menu:hover {
- background-color: #bbb;
- text-decoration: none;
-}
-
-td#sidebar select {
- width: 100%;
- margin: 2px 0px 0px 0px;
-}
-
-td#sidebar form {
- text-align: right;
}
input#switch-btn {
@@ -357,7 +316,7 @@ table.diff td {
table.diff td div.head {
font-weight: bold;
margin-top: 1em;
- background-color: #eee;
+ color: black;
}
table.diff td div.hunk {
diff --git a/cgit.png b/cgit.png
index 22f7e95..d7f70bc 100644
--- a/cgit.png
+++ b/cgit.png
Binary files differ
diff --git a/ui-shared.c b/ui-shared.c
index aa65988..7287956 100644
--- a/ui-shared.c
+++ b/ui-shared.c
@@ -7,6 +7,7 @@
*/
#include "cgit.h"
+#include "cmd.h"
#include "html.h"
const char cgit_doctype[] =
@@ -465,97 +466,59 @@ void add_hidden_formfields(int incl_head, int incl_search, char *page)
}
}
+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)