ui for user/profile page, only skeleton
This commit is contained in:
FuXiaoHei
parent
ffcfd428b8
commit
ffe0ba562c
8 changed files with 125 additions and 3 deletions
|
|
@ -8,6 +8,22 @@ body {
|
||||||
background: #F6F6F6;
|
background: #F6F6F6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* override bs3 */
|
||||||
|
|
||||||
|
.tooltip-inner{
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #333;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip-arrow{
|
||||||
|
border-bottom-color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa{
|
||||||
|
margin: 0 .5em;
|
||||||
|
}
|
||||||
|
|
||||||
/* gogits nav header */
|
/* gogits nav header */
|
||||||
.gogs-masthead {
|
.gogs-masthead {
|
||||||
background-color: #428bca;
|
background-color: #428bca;
|
||||||
|
|
@ -110,4 +126,48 @@ body {
|
||||||
#gogs-social-login .btn{
|
#gogs-social-login .btn{
|
||||||
float: none;
|
float: none;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* gogs-user-profile */
|
||||||
|
|
||||||
|
#gogs-user-avatar{
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gogs-user-name{
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 1.6em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gogs-user-profile .profile-info .list-group-item{
|
||||||
|
background-color: transparent;
|
||||||
|
padding-top: 18px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gogs-user-profile .profile-info .list-group-item a{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: inline;
|
||||||
|
color: #0093c4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gogs-user-profile .profile-info .list-group{
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
padding-bottom: 18px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
padding-left: 18px;
|
||||||
|
padding-right: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gogs-user-activity .tab-pane{
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gogs-user-act-tabs li.active a{
|
||||||
|
border-bottom-color: #ddd;
|
||||||
}
|
}
|
||||||
17
public/js/app.js
Normal file
17
public/js/app.js
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
var Gogits = {};
|
||||||
|
|
||||||
|
(function($){
|
||||||
|
Gogits.showTooltips = function(){
|
||||||
|
$("body").tooltip({
|
||||||
|
selector: "[data-toggle=tooltip]"
|
||||||
|
//container: "body"
|
||||||
|
});
|
||||||
|
};
|
||||||
|
Gogits.showTab = function (selector, index) {
|
||||||
|
if (!index) {
|
||||||
|
index = 0;
|
||||||
|
}
|
||||||
|
$(selector).tab("show");
|
||||||
|
$(selector).find("li:eq(" + index + ") a").tab("show");
|
||||||
|
}
|
||||||
|
})(jQuery);
|
||||||
|
|
@ -16,6 +16,13 @@ import (
|
||||||
"github.com/gogits/gogs/utils/log"
|
"github.com/gogits/gogs/utils/log"
|
||||||
)
|
)
|
||||||
|
|
||||||
|
func Profile(r render.Render) {
|
||||||
|
r.HTML(200, "user/profile", map[string]interface{}{
|
||||||
|
"Title": "Username",
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
func SignIn(req *http.Request, r render.Render) {
|
func SignIn(req *http.Request, r render.Render) {
|
||||||
if req.Method == "GET" {
|
if req.Method == "GET" {
|
||||||
r.HTML(200, "user/signin", map[string]interface{}{
|
r.HTML(200, "user/signin", map[string]interface{}{
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@
|
||||||
|
|
||||||
<script src="/js/jquery-1.10.1.min.js"></script>
|
<script src="/js/jquery-1.10.1.min.js"></script>
|
||||||
<script src="/js/bootstrap.min.js"></script>
|
<script src="/js/bootstrap.min.js"></script>
|
||||||
|
<script src="/js/app.js"></script>
|
||||||
<title>{{.Title}} | {{AppName}}</title>
|
<title>{{.Title}} | {{AppName}}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{{template "base/head" .}}
|
{{template "base/head" .}}
|
||||||
{{template "base/navbar" .}}
|
{{template "base/navbar" .}}
|
||||||
<div class="container">
|
<div class="container" id="gogs-body">
|
||||||
<form action="/user/delete" method="post" class="form-horizontal">
|
<form action="/user/delete" method="post" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="col-md-offset-4 col-md-3">
|
<div class="col-md-offset-4 col-md-3">
|
||||||
|
|
|
||||||
37
templates/user/profile.tmpl
Normal file
37
templates/user/profile.tmpl
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
{{template "base/head" .}}
|
||||||
|
{{template "base/navbar" .}}
|
||||||
|
<div id="gogs-body" class="container">
|
||||||
|
<div id="gogs-user-profile" class="col-md-3">
|
||||||
|
<div class="profile-avatar text-center">
|
||||||
|
<a href="#" class="center-block" data-toggle="tooltip" data-placement="bottom" title="Change Avatar">
|
||||||
|
<img id="gogs-user-avatar" src="http://1.gravatar.com/avatar/x?s=200" alt="user-avatar" title="username"/>
|
||||||
|
</a>
|
||||||
|
<span id="gogs-user-name" class="center-block" href="#">Username</span>
|
||||||
|
</div>
|
||||||
|
<div class="profile-info">
|
||||||
|
<ul class="list-group">
|
||||||
|
<li class="list-group-item"><i class="fa fa-thumb-tack"></i>City, County, State, Nation</li>
|
||||||
|
<li class="list-group-item"><i class="fa fa-envelope"></i><a href="#">Email@EmailAddress.com</a></li>
|
||||||
|
<li class="list-group-item"><i class="fa fa-link"></i><a href="#">http://yousite/</a></li>
|
||||||
|
<li class="list-group-item"><i class="fa fa-clock-o"></i>Joined At 03.02, 2014</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="gogs-user-activity" class="col-md-9">
|
||||||
|
<ul class="nav nav-tabs" id="gogs-user-act-tabs">
|
||||||
|
<li class="active"><a href="#repo" data-toggle="tab"><i class="fa fa-gittip"></i>Repositories</a></li>
|
||||||
|
<li><a href="#activity" data-toggle="tab"><i class="fa fa-rss"></i>Activity</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<div class="tab-pane active" id="repo">repo</div>
|
||||||
|
<div class="tab-pane" id="activity">activity</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
Gogits.showTooltips();
|
||||||
|
Gogits.showTab("#gogs-user-act-tabs");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{{template "base/footer" .}}
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="col-md-offset-4 col-md-6">
|
<div class="col-md-offset-4 col-md-6">
|
||||||
<a href="/sign-up">Already have an account? Sign in now!</a>
|
<a href="/login/">Already have an account? Sign in now!</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
|
||||||
1
web.go
1
web.go
|
|
@ -54,6 +54,7 @@ func runWeb(*cli.Context) {
|
||||||
m.Any("/sign-up", user.SignUp)
|
m.Any("/sign-up", user.SignUp)
|
||||||
m.Any("/user/signup", user.SignUp)
|
m.Any("/user/signup", user.SignUp)
|
||||||
|
|
||||||
|
m.Get("/user/profile", user.Profile) // should be /username
|
||||||
m.Any("/user/delete", user.Delete)
|
m.Any("/user/delete", user.Delete)
|
||||||
m.Any("/user/publickey/add", user.AddPublicKey)
|
m.Any("/user/publickey/add", user.AddPublicKey)
|
||||||
m.Any("/repo/create", repo.Create)
|
m.Any("/repo/create", repo.Create)
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue