From ffcfd428b8372b3b5fafc70acf2ecc189bd7712e Mon Sep 17 00:00:00 2001 From: FuXiaoHei Date: Sun, 2 Mar 2014 15:31:06 +0800 Subject: [PATCH 1/2] ui design for sign-in and sign-up page add /login and /sign-up link for user signing fix typo error --- public/css/gogs.css | 118 ++++++++++++++++++++++++++++++------- routers/user/ssh.go | 2 +- routers/user/user.go | 11 +++- templates/base/navbar.tmpl | 16 ++++- templates/dashboard.tmpl | 2 +- templates/user/signin.tmpl | 34 +++++++++++ templates/user/signup.tmpl | 25 ++++---- web.go | 8 ++- 8 files changed, 176 insertions(+), 40 deletions(-) create mode 100644 templates/user/signin.tmpl diff --git a/public/css/gogs.css b/public/css/gogs.css index ff3d7a9954..68c2b8a41b 100755 --- a/public/css/gogs.css +++ b/public/css/gogs.css @@ -5,31 +5,109 @@ */ body { - padding-top: 70px; + background: #F6F6F6; } -.navbar { - min-height: 45px; + +/* gogits nav header */ +.gogs-masthead { + background-color: #428bca; + box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1); + min-height: 45px; + padding: 2px 16px; } -.navbar-brand { - height: 45px; - padding: 5px 10px 0px 10px; - border-left: 1px solid #e5e5e5; - border-right: 1px solid #e5e5e5; + +/* gogits nav item link */ +.gogs-nav-item { + position: relative; + display: inline-block; + padding: 10px; + font-weight: bold; + color: #EEE; + font-size: 100%; } -.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { - background-color: #f0f0f0; + +.gogs-nav-item:hover, +.gogs-nav-item:focus { + color: #fff; + text-decoration: none; } -.navbar-brand img { - width: 32px; + +.gogs-nav-item.navbar-btn { + cursor: pointer; + margin-top: 8px; + padding: 5px 15px; } -.navbar-nav > li > a { - font-size: 16px; - padding-top: 13px; + +/* gogits nav item active status */ +.gogs-nav .active { + color: #fff; } -.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { - color: rgb(153, 153, 153); + +.gogs-nav .active:after { + position: absolute; + bottom: -2px; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + vertical-align: middle; + content: " "; + border-right: 5px solid transparent; + border-bottom: 5px solid; + border-left: 5px solid transparent; } -.navbar-btn, .navbar .btn { - padding: 5px 15px; - margin-top: 7px; + +/* gogits logo */ +#gogs-logo { + width: 28px; +} + +/* gogits body */ +#gogs-body { + padding-top: 30px; + padding-bottom: 60px; +} + +/* gogits login card */ +#gogs-login-card { + width: 600px; + margin: auto; + padding: 30px; + background: #fff; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; +} + +#gogs-login-card h3 { + margin-top: 0; + margin-bottom: 30px; + padding-bottom: 20px; + border-bottom: 1px solid #ccc; +} + +#gogs-login-card .form-control { + padding: 6px 12px; + box-sizing: content-box; +} + +#gogs-login-card .control-label { + height: 44px; + line-height: 30px; +} + +#gogs-login-card .btn{ + cursor: pointer; + margin-right: 1.2em; +} + +#gogs-social-login{ + margin-top: 30px; + padding-top: 20px; + border-top: 1px solid #ccc; +} + +#gogs-social-login .btn{ + float: none; + margin: auto; } \ No newline at end of file diff --git a/routers/user/ssh.go b/routers/user/ssh.go index c7fae4b4b8..7b5a1d325b 100644 --- a/routers/user/ssh.go +++ b/routers/user/ssh.go @@ -13,7 +13,7 @@ import ( "github.com/gogits/gogs/models" ) -func AddPublickKey(req *http.Request, r render.Render) { +func AddPublicKey(req *http.Request, r render.Render) { if req.Method == "GET" { r.HTML(200, "user/publickey_add", map[string]interface{}{ "Title": "Add Public Key", diff --git a/routers/user/user.go b/routers/user/user.go index 6fafcc47d8..241a9f3589 100644 --- a/routers/user/user.go +++ b/routers/user/user.go @@ -16,8 +16,15 @@ import ( "github.com/gogits/gogs/utils/log" ) -func SignIn(r render.Render) { - r.Redirect("/user/signup", 302) +func SignIn(req *http.Request, r render.Render) { + if req.Method == "GET" { + r.HTML(200, "user/signin", map[string]interface{}{ + "Title": "Log In", + }) + return + } + + // todo sign in } func SignUp(req *http.Request, r render.Render) { diff --git a/templates/base/navbar.tmpl b/templates/base/navbar.tmpl index 16d76688de..ae908738a8 100644 --- a/templates/base/navbar.tmpl +++ b/templates/base/navbar.tmpl @@ -1,4 +1,16 @@ -