taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improvements on rendering main nav.

stable
Andrey Antukh 2014-06-27 17:14:39 +02:00
parent ec93817fe9
commit 913ae3a5f6
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/coffee/modules/base.coffee
View File

@ -50,32 +50,36 @@ class MainTaigaController extends taiga.Controller
MainTaigaDirective = ($log, $compile, $rootscope) -> MainTaigaDirective = ($log, $compile, $rootscope) ->
template = _.template(""" template = _.template("""
<h1 class="logo"><a href="" title="Home"><img src="/images/logo.png" alt="Taiga"/></a></h1> <h1 class="logo">
<a href="" title="Home">
<img src="/images/logo.png" alt="Taiga"/>
</a>
</h1>
<ul class="main-nav"> <ul class="main-nav">
<li data-name="search"> <li id="nav-search">
<a href="" title="Search" tg-nav="project-search:project=project.slug"> <a href="" title="Search" tg-nav="project-search:project=project.slug">
<span class="icon icon-search"></span><span class="item">Search</span> <span class="icon icon-search"></span><span class="item">Search</span>
</a> </a>
</li> </li>
<li data-name="backlog" tg-nav="project-backlog:project=project.slug"> <li id="nav-backlog" tg-nav="project-backlog:project=project.slug">
<a href="" title="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="icon icon-backlog"></span>
<span class="item">Backlog</span> <span class="item">Backlog</span>
</a> </a>
</li> </li>
<li data-name="kanban"> <li id="nav-kanban">
<a href="" title="Kanban"> <a href="" title="Kanban">
<span class="icon icon-kanban"></span><span class="item">Kanban</span></a></li> <span class="icon icon-kanban"></span><span class="item">Kanban</span></a></li>
<li data-name="issues"> <li id="nav-issues">
<a href="" title="Issues" tg-nav="project-issues:project=project.slug"> <a href="" title="Issues" tg-nav="project-issues:project=project.slug">
<span class="icon icon-issues"></span><span class="item">Issues</span></a></li> <span class="icon icon-issues"></span><span class="item">Issues</span></a></li>
<li data-name="wiki"> <li id="nav-wiki">
<a href="" title="Wiki"> <a href="" title="Wiki">
<span class="icon icon-wiki"></span> <span class="icon icon-wiki"></span>
<span class="item">Wiki</span> <span class="item">Wiki</span>
</a> </a>
</li> </li>
<li data-name="video"> <li id="nav-video">
<a href="" title="Video"> <a href="" title="Video">
<span class="icon icon-video"></span> <span class="icon icon-video"></span>
<span class="item">Video</span> <span class="item">Video</span>
@ -106,15 +110,15 @@ MainTaigaDirective = ($log, $compile, $rootscope) ->
# content loaded signal is raised using inner scope. # content loaded signal is raised using inner scope.
renderMainMenu = ($el, targetScope) -> renderMainMenu = ($el, targetScope) ->
container = $el.find(".master > .wrapper") container = $el.find(".master > .wrapper")
dom = $compile(template({}))(targetScope)
menuDom = $el.find("nav.menu") menuDom = $el.find("nav.menu")
dom = $compile(template({}))(targetScope)
menuDom.empty() menuDom.empty()
menuDom.append(dom) menuDom.append(dom)
sectionName = targetScope.section sectionName = targetScope.section
menuDom.find("a.active").removeClass("active") menuDom.find("a.active").removeClass("active")
menuDom.find("[data-name=#{sectionName}] > a").addClass("active") menuDom.find("#nav-#{sectionName} > a").addClass("active")
# Link function related to projects navigation # Link function related to projects navigation
# part of main menu. # part of main menu.