Lateral menu for user profile
Alejandro Alonso
parent
16e326b437
commit
c9995aa52b
|
|
@ -33,17 +33,17 @@ configure = ($routeProvider, $locationProvider, $httpProvider, $provide) ->
|
|||
|
||||
# User stories
|
||||
$routeProvider.when("/project/:pslug/us/:usref",
|
||||
{templateUrl: "/partials/us-detail.html"})
|
||||
{templateUrl: "/partials/us-detail.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/us/:usref/edit",
|
||||
{templateUrl: "/partials/us-detail-edit.html"})
|
||||
{templateUrl: "/partials/us-detail-edit.html"})
|
||||
|
||||
# Tasks
|
||||
$routeProvider.when("/project/:pslug/tasks/:taskref",
|
||||
{templateUrl: "/partials/task-detail.html"})
|
||||
{templateUrl: "/partials/task-detail.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/tasks/:taskref/edit",
|
||||
{templateUrl: "/partials/task-detail-edit.html"})
|
||||
{templateUrl: "/partials/task-detail-edit.html"})
|
||||
|
||||
# Wiki
|
||||
$routeProvider.when("/project/:pslug/wiki",
|
||||
|
|
@ -58,53 +58,62 @@ configure = ($routeProvider, $locationProvider, $httpProvider, $provide) ->
|
|||
# Issues
|
||||
$routeProvider.when("/project/:pslug/issues", {templateUrl: "/partials/issues.html"})
|
||||
$routeProvider.when("/project/:pslug/issues/:issueref",
|
||||
{templateUrl: "/partials/issues-detail.html"})
|
||||
{templateUrl: "/partials/issues-detail.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/issues/:issueref/edit",
|
||||
{templateUrl: "/partials/issues-detail-edit.html"})
|
||||
{templateUrl: "/partials/issues-detail-edit.html"})
|
||||
|
||||
# Admin
|
||||
$routeProvider.when("/project/:pslug/admin/project-profile/details",
|
||||
{templateUrl: "/partials/admin-project-profile.html"})
|
||||
{templateUrl: "/partials/admin-project-profile.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-profile/default-values",
|
||||
{templateUrl: "/partials/admin-project-default-values.html"})
|
||||
{templateUrl: "/partials/admin-project-default-values.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-profile/features",
|
||||
{templateUrl: "/partials/admin-project-features.html"})
|
||||
{templateUrl: "/partials/admin-project-features.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/us-status",
|
||||
{templateUrl: "/partials/admin-project-values-us-status.html"})
|
||||
{templateUrl: "/partials/admin-project-values-us-status.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/us-points",
|
||||
{templateUrl: "/partials/admin-project-values-us-points.html"})
|
||||
{templateUrl: "/partials/admin-project-values-us-points.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/task-status",
|
||||
{templateUrl: "/partials/admin-project-values-task-status.html"})
|
||||
{templateUrl: "/partials/admin-project-values-task-status.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/issue-status",
|
||||
{templateUrl: "/partials/admin-project-values-issue-status.html"})
|
||||
{templateUrl: "/partials/admin-project-values-issue-status.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/issue-types",
|
||||
{templateUrl: "/partials/admin-project-values-issue-types.html"})
|
||||
{templateUrl: "/partials/admin-project-values-issue-types.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/issue-priorities",
|
||||
{templateUrl: "/partials/admin-project-values-issue-priorities.html"})
|
||||
{templateUrl: "/partials/admin-project-values-issue-priorities.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/project-values/issue-severities",
|
||||
{templateUrl: "/partials/admin-project-values-issue-severities.html"})
|
||||
|
||||
{templateUrl: "/partials/admin-project-values-issue-severities.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/admin/memberships",
|
||||
{templateUrl: "/partials/admin-memberships.html"})
|
||||
{templateUrl: "/partials/admin-memberships.html"})
|
||||
|
||||
# User settings
|
||||
$routeProvider.when("/project/:pslug/user-settings/user-profile",
|
||||
{templateUrl: "/partials/user-profile.html"})
|
||||
|
||||
$routeProvider.when("/project/:pslug/user-settings/mail-notifications",
|
||||
{templateUrl: "/partials/mail-notifications.html"})
|
||||
|
||||
# Auth
|
||||
$routeProvider.when("/login", {templateUrl: "/partials/login.html"})
|
||||
$routeProvider.when("/register", {templateUrl: "/partials/register.html"})
|
||||
$routeProvider.when("/forgot-password", {templateUrl: "/partials/forgot-password.html"})
|
||||
$routeProvider.when("/change-password",
|
||||
{templateUrl: "/partials/change-password-from-recovery.html"})
|
||||
{templateUrl: "/partials/change-password-from-recovery.html"})
|
||||
|
||||
$routeProvider.when("/change-password/:token",
|
||||
{templateUrl: "/partials/change-password-from-recovery.html"})
|
||||
{templateUrl: "/partials/change-password-from-recovery.html"})
|
||||
|
||||
$routeProvider.when("/invitation/:token", {templateUrl: "/partials/invitation.html"})
|
||||
|
||||
$routeProvider.otherwise({redirectTo: '/login'})
|
||||
|
|
|
|||
|
|
@ -43,48 +43,52 @@ module.directive("tgMain", ["$rootScope", "$window", TaigaMainDirective])
|
|||
#############################################################################
|
||||
|
||||
urls = {
|
||||
"home": "/",
|
||||
"login": "/login",
|
||||
"forgot-password": "/forgot-password",
|
||||
"change-password": "/change-password/:token",
|
||||
"register": "/register",
|
||||
"invitation": "/invitation/:token",
|
||||
"create-project": "/create-project",
|
||||
"home": "/"
|
||||
"login": "/login"
|
||||
"forgot-password": "/forgot-password"
|
||||
"change-password": "/change-password/:token"
|
||||
"register": "/register"
|
||||
"invitation": "/invitation/:token"
|
||||
"create-project": "/create-project"
|
||||
|
||||
"profile": "/:user",
|
||||
"profile": "/:user"
|
||||
|
||||
"project": "/project/:project",
|
||||
"project-backlog": "/project/:project/backlog",
|
||||
"project-taskboard": "/project/:project/taskboard/:sprint",
|
||||
"project-kanban": "/project/:project/kanban",
|
||||
"project-issues": "/project/:project/issues",
|
||||
"project-search": "/project/:project/search",
|
||||
"project": "/project/:project"
|
||||
"project-backlog": "/project/:project/backlog"
|
||||
"project-taskboard": "/project/:project/taskboard/:sprint"
|
||||
"project-kanban": "/project/:project/kanban"
|
||||
"project-issues": "/project/:project/issues"
|
||||
"project-search": "/project/:project/search"
|
||||
|
||||
"project-userstories-detail": "/project/:project/us/:ref",
|
||||
"project-userstories-detail-edit": "/project/:project/us/:ref/edit",
|
||||
"project-userstories-detail": "/project/:project/us/:ref"
|
||||
"project-userstories-detail-edit": "/project/:project/us/:ref/edit"
|
||||
|
||||
"project-tasks-detail": "/project/:project/tasks/:ref",
|
||||
"project-tasks-detail-edit": "/project/:project/tasks/:ref/edit",
|
||||
"project-tasks-detail": "/project/:project/tasks/:ref"
|
||||
"project-tasks-detail-edit": "/project/:project/tasks/:ref/edit"
|
||||
|
||||
"project-wiki": "/project/:project/wiki",
|
||||
"project-wiki-page": "/project/:project/wiki/:slug",
|
||||
|
||||
"project-issues-detail": "/project/:project/issues/:ref",
|
||||
"project-issues-detail-edit": "/project/:project/issues/:ref/edit",
|
||||
|
||||
# Admin
|
||||
"project-admin-home": "/project/:project/admin/project-profile/details",
|
||||
"project-admin-project-profile-details": "/project/:project/admin/project-profile/details",
|
||||
"project-admin-project-profile-default-values": "/project/:project/admin/project-profile/default-values",
|
||||
"project-admin-project-profile-features": "/project/:project/admin/project-profile/features",
|
||||
"project-admin-project-values-us-status": "/project/:project/admin/project-values/us-status",
|
||||
"project-admin-project-values-us-points": "/project/:project/admin/project-values/us-points",
|
||||
"project-admin-project-values-task-status": "/project/:project/admin/project-values/task-status",
|
||||
"project-admin-project-values-issue-status": "/project/:project/admin/project-values/issue-status",
|
||||
"project-admin-project-values-issue-types": "/project/:project/admin/project-values/issue-types",
|
||||
"project-admin-project-values-issue-priorities": "/project/:project/admin/project-values/issue-priorities",
|
||||
"project-admin-project-values-issue-severities": "/project/:project/admin/project-values/issue-severities",
|
||||
"project-admin-home": "/project/:project/admin/project-profile/details"
|
||||
"project-admin-project-profile-details": "/project/:project/admin/project-profile/details"
|
||||
"project-admin-project-profile-default-values": "/project/:project/admin/project-profile/default-values"
|
||||
"project-admin-project-profile-features": "/project/:project/admin/project-profile/features"
|
||||
"project-admin-project-values-us-status": "/project/:project/admin/project-values/us-status"
|
||||
"project-admin-project-values-us-points": "/project/:project/admin/project-values/us-points"
|
||||
"project-admin-project-values-task-status": "/project/:project/admin/project-values/task-status"
|
||||
"project-admin-project-values-issue-status": "/project/:project/admin/project-values/issue-status"
|
||||
"project-admin-project-values-issue-types": "/project/:project/admin/project-values/issue-types"
|
||||
"project-admin-project-values-issue-priorities": "/project/:project/admin/project-values/issue-priorities"
|
||||
"project-admin-project-values-issue-severities": "/project/:project/admin/project-values/issue-severities"
|
||||
"project-admin-memberships": "/project/:project/admin/memberships"
|
||||
"project-admin-project-profile-features": "/project/:project/admin/project-profile/features"
|
||||
"project-admin-project-values-us-status": "/project/:project/admin/project-values/us-status"
|
||||
|
||||
# User settings
|
||||
"user-settings-user-profile": "/project/:project/user-settings/user-profile"
|
||||
"user-settings-mail-notifications": "/project/:project/user-settings/mail-notifications"
|
||||
|
||||
}
|
||||
|
||||
init = ($log, $navurls) ->
|
||||
|
|
|
|||
|
|
@ -69,47 +69,60 @@ module.directive("tgProjectsNav", ProjectsNavigationDirective)
|
|||
|
||||
ProjectMenuDirective = ($log, $compile, $rootscope) ->
|
||||
menuEntriesTemplate = _.template("""
|
||||
<ul class="main-nav">
|
||||
<li id="nav-search">
|
||||
<a href="" title="Search" tg-nav="project-search:project=project.slug">
|
||||
<span class="icon icon-search"></span><span class="item">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-backlog" tg-nav="project-backlog:project=project.slug">
|
||||
<a href="" title="Backlog" tg-nav="project-backlog:project=project.slug">
|
||||
<span class="icon icon-backlog"></span>
|
||||
<span class="item">Backlog</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-kanban">
|
||||
<a href="" title="Kanban" tg-nav="project-kanban:project=project.slug">
|
||||
<span class="icon icon-kanban"></span><span class="item">Kanban</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-issues">
|
||||
<a href="" title="Issues" tg-nav="project-issues:project=project.slug">
|
||||
<span class="icon icon-issues"></span><span class="item">Issues</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-wiki">
|
||||
<a href="" title="Wiki" tg-nav="project-wiki:project=project.slug">
|
||||
<span class="icon icon-wiki"></span>
|
||||
<span class="item">Wiki</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-video">
|
||||
<a href="" title="Video">
|
||||
<span class="icon icon-video"></span>
|
||||
<span class="item">Video</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-admin">
|
||||
<a href="" tg-nav="project-admin-home:project=project.slug" title="Admin">
|
||||
<span class="icon icon-settings"></span>
|
||||
<span class="item">Admin</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="menu-container">
|
||||
<ul class="main-nav">
|
||||
<li id="nav-search">
|
||||
<a href="" title="Search" tg-nav="project-search:project=project.slug">
|
||||
<span class="icon icon-search"></span><span class="item">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-backlog" tg-nav="project-backlog:project=project.slug">
|
||||
<a href="" title="Backlog" tg-nav="project-backlog:project=project.slug">
|
||||
<span class="icon icon-backlog"></span>
|
||||
<span class="item">Backlog</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-kanban">
|
||||
<a href="" title="Kanban" tg-nav="project-kanban:project=project.slug">
|
||||
<span class="icon icon-kanban"></span><span class="item">Kanban</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-issues">
|
||||
<a href="" title="Issues" tg-nav="project-issues:project=project.slug">
|
||||
<span class="icon icon-issues"></span><span class="item">Issues</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-wiki">
|
||||
<a href="" title="Wiki">
|
||||
<span class="icon icon-wiki"></span>
|
||||
<span class="item">Wiki</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-video">
|
||||
<a href="" title="Video">
|
||||
<span class="icon icon-video"></span>
|
||||
<span class="item">Video</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="nav-admin">
|
||||
<a href="" tg-nav="project-admin-home:project=project.slug" title="Admin">
|
||||
<span class="icon icon-settings"></span>
|
||||
<span class="item">Admin</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="user">
|
||||
<div class="user-settings">
|
||||
<ul class="popover">
|
||||
<li><a href="" title="Account settings", tg-nav="user-settings-user-profile:project=project.slug">Account settings</a></li>
|
||||
<li><a href="" title="Logout">Logout</a></li>
|
||||
</ul>
|
||||
<a href="" title="User preferences" class="avatar">
|
||||
<img src="/images/unnamed.png" alt="username"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
""")
|
||||
|
||||
mainTemplate = _.template("""
|
||||
|
|
@ -118,19 +131,7 @@ ProjectMenuDirective = ($log, $compile, $rootscope) ->
|
|||
<img src="/images/logo.png" alt="Taiga"/>
|
||||
</a>
|
||||
</h1>
|
||||
<ul class="main-nav"></ul>
|
||||
<div class="user">
|
||||
<div class="user-settings">
|
||||
<ul class="popover">
|
||||
<li><a href="" title="Change profile photo">Change profile photo</a></li>
|
||||
<li><a href="" title="Account settings">Account settings</a></li>
|
||||
<li><a href="" title="Logout">Logout</a></li>
|
||||
</ul>
|
||||
<a href="" title="User preferences" class="avatar">
|
||||
<img src="/images/unnamed.png" alt="username"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-container"></div>
|
||||
""")
|
||||
|
||||
renderMainMenu = ($el) ->
|
||||
|
|
@ -141,7 +142,7 @@ ProjectMenuDirective = ($log, $compile, $rootscope) ->
|
|||
# This rerenders and compiles the navigation when ng-view
|
||||
# content loaded signal is raised using inner scope.
|
||||
renderMenuEntries = ($el, targetScope) ->
|
||||
container = $el.find("ul.main-nav")
|
||||
container = $el.find(".menu-container")
|
||||
sectionName = targetScope.section
|
||||
|
||||
dom = $compile(menuEntriesTemplate({}))(targetScope)
|
||||
|
|
@ -158,6 +159,16 @@ ProjectMenuDirective = ($log, $compile, $rootscope) ->
|
|||
event.preventDefault()
|
||||
$rootscope.$broadcast("nav:projects-list:open")
|
||||
|
||||
$el.on "click", ".user-settings .avatar", (event) ->
|
||||
event.preventDefault()
|
||||
$el.find(".user-settings .popover").show()
|
||||
# Hide when click outside
|
||||
body = angular.element("body")
|
||||
body.on "click", (event) =>
|
||||
if angular.element(event.target).parents(".user-settings").length == 0
|
||||
$el.find(".popover").hide()
|
||||
body.unbind("click")
|
||||
|
||||
$scope.$on "$viewContentLoaded", (ctx) ->
|
||||
if ctx.targetScope.$$childHead is null || ctx.targetScope.$$childHead.hideMenu
|
||||
$el.addClass("hidden")
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
extends layout
|
||||
extends dummy-layout
|
||||
|
||||
block head
|
||||
title Taiga Project management web application with scrum in mind!
|
||||
|
|
@ -6,10 +6,7 @@ block head
|
|||
block content
|
||||
div.wrapper
|
||||
sidebar.menu-secondary.sidebar
|
||||
include views/modules/admin-menu
|
||||
|
||||
sidebar.menu-tertiary.sidebar
|
||||
include views/modules/admin-submenu-project-profile
|
||||
include views/modules/user-settings-menu
|
||||
|
||||
section.main.user-profile
|
||||
header
|
||||
|
|
@ -32,5 +29,6 @@ block content
|
|||
input(type="submit", class="hidden")
|
||||
a.button.button-green(href="") Save
|
||||
a.delete-account(href="", title="Delete Taiga account") Delete Taiga account
|
||||
div.lightbox.lightbox-delete-account
|
||||
|
||||
div.lightbox.lightbox-delete-account.hidden
|
||||
include views/modules/lightbox-delete-account
|
||||
|
|
@ -35,8 +35,6 @@ nav.menu
|
|||
div.user
|
||||
div.user-settings
|
||||
ul.popover
|
||||
li
|
||||
a(href="", title="Change profile photo") Change profile photo
|
||||
li
|
||||
a(href="", title="Account settings") Account settings
|
||||
li
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
section.admin-menu
|
||||
header
|
||||
h1 User Settings
|
||||
|
||||
nav
|
||||
ul
|
||||
li#usersettingsmenu-user-profile
|
||||
a(href="", tg-nav="project-admin-project-profile-details:project=project.slug")
|
||||
span.title User profile
|
||||
span.icon.icon-arrow-right
|
||||
li#usersettingsmenu-avatar
|
||||
a(href="" tg-nav="project-admin-memberships:project=project.slug")
|
||||
span.title User avatar
|
||||
span.icon.icon-arrow-right
|
||||
li#usersettingsmenu-mail-notifications
|
||||
a(href="", tg-nav="project-admin-project-values-us-status:project=project.slug")
|
||||
span.title Email notificiations
|
||||
span.icon.icon-arrow-right
|
||||
Loading…
Reference in New Issue