mirror of
https://github.com/go-gitea/gitea
synced 2024-11-18 07:52:03 +01:00
new top menu
This commit is contained in:
parent
8a3ee795d2
commit
4cc198179c
6 changed files with 204 additions and 84 deletions
|
@ -32,6 +32,8 @@ manage_org = Manage Organizations
|
||||||
admin_panel = Admin Panel
|
admin_panel = Admin Panel
|
||||||
account_settings = Account Settings
|
account_settings = Account Settings
|
||||||
settings = Settings
|
settings = Settings
|
||||||
|
your_profile = Your Profile
|
||||||
|
your_settings = Your Settings
|
||||||
|
|
||||||
news_feed = News Feed
|
news_feed = News Feed
|
||||||
pull_requests = Pull Requests
|
pull_requests = Pull Requests
|
||||||
|
|
File diff suppressed because one or more lines are too long
2
public/css/gogs.min.css
vendored
2
public/css/gogs.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -109,7 +109,10 @@ $(document).ready(function () {
|
||||||
// Semantic UI modules.
|
// Semantic UI modules.
|
||||||
$('.dropdown').dropdown();
|
$('.dropdown').dropdown();
|
||||||
$('.jump.dropdown').dropdown({
|
$('.jump.dropdown').dropdown({
|
||||||
action: 'hide'
|
action: 'hide',
|
||||||
|
onShow: function() {
|
||||||
|
$('.poping.up').popup('hide');
|
||||||
|
}
|
||||||
});
|
});
|
||||||
$('.slide.up.dropdown').dropdown({
|
$('.slide.up.dropdown').dropdown({
|
||||||
transition: 'slide up'
|
transition: 'slide up'
|
||||||
|
@ -120,6 +123,13 @@ $(document).ready(function () {
|
||||||
showActivity: false
|
showActivity: false
|
||||||
});
|
});
|
||||||
$('.poping.up').popup();
|
$('.poping.up').popup();
|
||||||
|
$('.top.menu .poping.up').popup({
|
||||||
|
onShow: function() {
|
||||||
|
if ( $('.top.menu .menu.transition').hasClass('visible') ) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// Helpers.
|
// Helpers.
|
||||||
$('.delete-button').click(function () {
|
$('.delete-button').click(function () {
|
||||||
|
|
|
@ -25,10 +25,19 @@ img {
|
||||||
.column .menu {
|
.column .menu {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.brand {
|
.top.menu a.item.brand {
|
||||||
float: left;
|
padding-left: 0;
|
||||||
margin-top: 5px;
|
}
|
||||||
margin-right: 5px;
|
.brand .ui.mini.image {
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
.top.menu a.item:hover,
|
||||||
|
.top.menu .dropdown.item:hover,
|
||||||
|
.top.menu .dropdown.item.active {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.top.menu a.item:hover {
|
||||||
|
color: rgba(0,0,0,.45);
|
||||||
}
|
}
|
||||||
.head.link.item {
|
.head.link.item {
|
||||||
padding-right: 0!important;
|
padding-right: 0!important;
|
||||||
|
@ -37,8 +46,8 @@ img {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.user.avatar {
|
.avatar > .ui.image {
|
||||||
padding: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.searchbox {
|
.searchbox {
|
||||||
background-color: rgb(244, 244, 244)!important;
|
background-color: rgb(244, 244, 244)!important;
|
||||||
|
@ -114,6 +123,10 @@ footer {
|
||||||
.generate-img(@n, (@i + 1));
|
.generate-img(@n, (@i + 1));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.octicon.icon {
|
||||||
|
font-family: octicons;
|
||||||
|
}
|
||||||
|
|
||||||
// Accessibility
|
// Accessibility
|
||||||
.sr-only {
|
.sr-only {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -43,16 +43,34 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="full height">
|
<div class="full height">
|
||||||
|
|
||||||
<noscript>Please enable JavaScript in your browser!</noscript>
|
<noscript>Please enable JavaScript in your browser!</noscript>
|
||||||
|
|
||||||
{{if not .PageIsInstall}}
|
{{if not .PageIsInstall}}
|
||||||
<div class="following bar light">
|
<div class="following bar light">
|
||||||
|
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
|
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="ui secondary menu">
|
|
||||||
<img class="img-15 ui image brand" src="{{AppSubUrl}}/img/favicon.png">
|
<div class="ui top secondary menu">
|
||||||
<a class="view-ui item {{if .PageIsHome}}active{{end}}" href="{{AppSubUrl}}/">{{if .IsSigned}}{{.i18n.Tr "dashboard"}}{{else}}{{.i18n.Tr "home"}}{{end}}</a>
|
|
||||||
<a class="view-ui item {{if .PageIsExplore}}active{{end}}" href="{{AppSubUrl}}/explore">{{.i18n.Tr "explore"}}</a>
|
<a class="item brand" href="{{AppSubUrl}}/">
|
||||||
<a class="view-ui item" target="_blank" href="http://gogs.io/docs">{{.i18n.Tr "help"}}</a>
|
<img class="ui mini image" src="{{AppSubUrl}}/img/favicon.png">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{{if .IsSigned}}
|
||||||
|
|
||||||
|
<a class="item{{if .PageIsDashboard}} active{{end}}" href="{{AppSubUrl}}/">{{.i18n.Tr "dashboard"}}</a>
|
||||||
|
|
||||||
|
{{else}}
|
||||||
|
|
||||||
|
<a class="item{{if .PageIsHome}} active{{end}}" href="{{AppSubUrl}}/">{{.i18n.Tr "home"}}</a>
|
||||||
|
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
<a class="item{{if .PageIsExplore}} active{{end}}" href="{{AppSubUrl}}/explore">{{.i18n.Tr "explore"}}</a>
|
||||||
|
|
||||||
<!-- <div class="item">
|
<!-- <div class="item">
|
||||||
<div class="ui icon input">
|
<div class="ui icon input">
|
||||||
<input class="searchbox" type="text" placeholder="{{.i18n.Tr "search_project"}}">
|
<input class="searchbox" type="text" placeholder="{{.i18n.Tr "search_project"}}">
|
||||||
|
@ -61,38 +79,115 @@
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
{{if .IsSigned}}
|
{{if .IsSigned}}
|
||||||
|
|
||||||
|
<a class="item{{if .PageIsIssues}} active{{end}}" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a>
|
||||||
|
|
||||||
<div class="right menu">
|
<div class="right menu">
|
||||||
<a class="view-ui item user avatar poping up" href="{{AppSubUrl}}/{{.SignedUser.Name}}" data-content="{{.SignedUser.Name}}" data-variation="inverted">
|
|
||||||
<img class="img-15" src="{{.SignedUser.AvatarLink}}"/>
|
<div class="ui dropdown head link jump item poping up" data-content="Create new..." data-variation="tiny inverted">
|
||||||
<span class="sr-only">{{.SignedUser.Name}}</span>
|
|
||||||
</a>
|
|
||||||
<div class="ui dropdown head link jump item">
|
|
||||||
<span class="text">
|
<span class="text">
|
||||||
<i class="octicon octicon-plus"></i>
|
<i class="octicon octicon-plus"></i>
|
||||||
<i class="dropdown icon"></i>
|
<i class="octicon octicon-triangle-down"></i>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a class="item" href="{{AppSubUrl}}/repo/create"><i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_repo"}}</a>
|
|
||||||
<a class="item" href="{{AppSubUrl}}/repo/migrate"><i class="octicon octicon-repo-clone"></i> {{.i18n.Tr "new_migrate"}}</a>
|
<a class="item" href="{{AppSubUrl}}/repo/create">
|
||||||
<a class="item" href="{{AppSubUrl}}/org/create"><i class="octicon octicon-organization"></i> {{.i18n.Tr "new_org"}}</a>
|
<i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_repo"}}
|
||||||
</div>
|
</a>
|
||||||
</div>
|
|
||||||
{{if .IsAdmin}}
|
<a class="item" href="{{AppSubUrl}}/repo/migrate">
|
||||||
<a class="view-ui item poping up {{if .PageIsAdmin}}active{{end}}" href="{{AppSubUrl}}/admin" data-content="{{.i18n.Tr "admin_panel"}}" data-variation="inverted"><i class="octicon icon settings"></i><span class="sr-only">{{.i18n.Tr "admin_panel"}}</span></a>
|
<i class="octicon octicon-repo-clone"></i> {{.i18n.Tr "new_migrate"}}
|
||||||
{{end}}
|
</a>
|
||||||
<a class="view-ui item poping up {{if .PageIsSettings}}active{{end}}" href="{{AppSubUrl}}/user/settings" data-content="{{.i18n.Tr "account_settings"}}" data-variation="inverted"><i class="octicon octicon-settings"></i><span class="sr-only">{{.i18n.Tr "account_settings"}}</span></a>
|
|
||||||
<a class="view-ui item poping up" href="{{AppSubUrl}}/user/logout" data-content="{{.i18n.Tr "sign_out"}}" data-variation="inverted"><i class="octicon octicon-sign-out"></i><span class="sr-only">{{.i18n.Tr "sign_out"}}</span></a>
|
<a class="item" href="{{AppSubUrl}}/org/create">
|
||||||
</div>
|
<i class="octicon octicon-organization"></i> {{.i18n.Tr "new_org"}}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div><!-- end content create new menu -->
|
||||||
|
|
||||||
|
</div><!-- end dropdown menu create new -->
|
||||||
|
|
||||||
|
<div class="ui dropdown head link jump item poping up" tabindex="-1" data-content="User profile and more" data-variation="tiny inverted">
|
||||||
|
|
||||||
|
<span class="text avatar">
|
||||||
|
<img class="ui small rounded image" src="{{.SignedUser.AvatarLink}}">
|
||||||
|
<i class="octicon octicon-triangle-down" tabindex="-1"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div class="menu" tabindex="-1">
|
||||||
|
|
||||||
|
<div class="ui header">
|
||||||
|
Signed in as <strong>{{.SignedUser.Name}}</strong>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="divider"></div>
|
||||||
|
|
||||||
|
<a class="item" href="{{AppSubUrl}}/{{.SignedUser.Name}}">
|
||||||
|
<i class="octicon icon octicon-person"></i>
|
||||||
|
{{.i18n.Tr "your_profile"}}<!-- Your profile -->
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="item" href="{{AppSubUrl}}/user/settings">
|
||||||
|
<i class="octicon icon octicon-settings"></i>
|
||||||
|
{{.i18n.Tr "your_settings"}}<!-- Your settings -->
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="item" target="_blank" href="http://gogs.io/docs" rel="noreferrer">
|
||||||
|
<i class="octicon icon octicon-question"></i>
|
||||||
|
{{.i18n.Tr "help"}}<!-- Help -->
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{{if .IsAdmin}}
|
||||||
|
<div class="divider"></div>
|
||||||
|
|
||||||
|
<a class="item" href="{{AppSubUrl}}/admin">
|
||||||
|
<i class="icon settings"></i>
|
||||||
|
{{.i18n.Tr "admin_panel"}}<!-- Admin Panel -->
|
||||||
|
</a>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
<div class="divider"></div>
|
||||||
|
|
||||||
|
<a class="item" href="{{AppSubUrl}}/user/logout">
|
||||||
|
<i class="octicon icon octicon-sign-out"></i>
|
||||||
|
{{.i18n.Tr "sign_out"}}<!-- Sign Out -->
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div><!-- end content avatar menu -->
|
||||||
|
|
||||||
|
</div><!-- end dropdown avatar menu -->
|
||||||
|
|
||||||
|
</div><!-- end signed user right menu -->
|
||||||
|
|
||||||
{{else}}
|
{{else}}
|
||||||
<div class="ui right floated secondary menu">
|
|
||||||
|
<a class="item" target="_blank" href="http://gogs.io/docs" rel="noreferrer">{{.i18n.Tr "help"}}</a>
|
||||||
|
|
||||||
|
<div class="right menu">
|
||||||
|
|
||||||
{{if .ShowRegistrationButton}}
|
{{if .ShowRegistrationButton}}
|
||||||
<a class="view-ui item {{if .PageIsSignUp}}active{{end}}" href="{{AppSubUrl}}/user/sign_up"><i class="octicon octicon-person-add"></i> {{.i18n.Tr "register"}}</a>
|
|
||||||
|
<a class="item{{if .PageIsSignUp}} active{{end}}" href="{{AppSubUrl}}/user/sign_up">
|
||||||
|
<i class="octicon octicon-person-add"></i> {{.i18n.Tr "register"}}
|
||||||
|
</a>
|
||||||
|
|
||||||
{{end}}
|
{{end}}
|
||||||
<a class="view-ui item {{if .PageIsSignIn}}active{{end}}" href="{{AppSubUrl}}/user/login"><i class="octicon octicon-sign-in"></i> {{.i18n.Tr "sign_in"}}</a>
|
|
||||||
</div>
|
<a class="item{{if .PageIsSignIn}} active{{end}}" href="{{AppSubUrl}}/user/login">
|
||||||
|
<i class="octicon octicon-sign-in"></i> {{.i18n.Tr "sign_in"}}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div><!-- end anonymous right menu -->
|
||||||
|
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
|
||||||
</div>
|
</div><!-- end top menu -->
|
||||||
</div>
|
|
||||||
</div>
|
</div><!-- end column -->
|
||||||
|
|
||||||
|
</div><!-- end container -->
|
||||||
|
|
||||||
|
</div><!-- end bar -->
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
Loading…
Reference in a new issue