1# encoding: utf-8 

2from . import * 

3 

4def responsive_navigation_bar( 

5 shade='dark', 

6 brand=False, 

7 brandLink="#", 

8 loginDetails=False, 

9 outsideNavList=False, 

10 insideNavList=False, 

11 htmlId=False, 

12 onPhone=True, 

13 onTablet=True, 

14 onDesktop=True, 

15): 

16 """ *Create a twitter bootstrap responsive nav-bar component* 

17 

18 **Key Arguments** 

19 

20 - ``shade`` -- if dark then colors are inverted [ False | 'dark' ] 

21 - ``brand`` -- the website brand [ image | text ] 

22 - ``outsideNavList`` -- nav-list to be contained outside collapsible content 

23 - ``insideNavList`` -- nav-list to be contained inside collapsible content 

24 - ``htmlId`` -- 

25 - ``onPhone`` -- does this container get displayed on a phone sized screen 

26 - ``onTablet`` -- does this container get displayed on a tablet sized screen 

27 - ``onDesktop`` -- does this container get displayed on a desktop sized screen 

28  

29 

30 **Return** 

31 

32 - ``navBar`` -- """ 

33 

34 

35 if not shade: 

36 shade = '' 

37 else: 

38 shade = 'navbar-inverse' 

39 if not brand: 

40 brand = '' 

41 else: 

42 brand = """<a href="%(brandLink)s">%(brand)s</a>""" % locals( 

43 ) 

44 

45 if loginDetails: 

46 loginDetails = """<span class="login">%(loginDetails)s</span>""" % locals( 

47 ) 

48 brand = "%(brand)s %(loginDetails)s " % locals( 

49 ) 

50 brand = """<div class="brand">%(brand)s</a></div>""" % locals() 

51 

52 if not outsideNavList: 

53 outsideNavList = '' 

54 

55 thisList = "" 

56 if insideNavList: 

57 insideNavList = """<div class="nav-collapse collapse"><ul class="nav pull-right">%(insideNavList)s</ul></div>""" % locals( 

58 ) 

59 else: 

60 insideNavList = '' 

61 

62 if htmlId: 

63 htmlId = """id="%(htmlId)s" """ % locals() 

64 else: 

65 htmlId = '' 

66 if onPhone: 

67 onPhone = '' 

68 else: 

69 onPhone = 'hidden-phone' 

70 if onTablet: 

71 onTablet = '' 

72 else: 

73 onTablet = 'hidden-tablet' 

74 if onDesktop: 

75 onDesktop = '' 

76 else: 

77 onDesktop = 'hidden-desktop' 

78 navBar = """<div class="navbar %(shade)s %(onPhone)s %(onTablet)s %(onDesktop)s" %(htmlId)s> 

79 <div class="navbar-inner"> 

80 <div class="container"> 

81 <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 

82 <span class="icon-bar"></span> 

83 <span class="icon-bar"></span> 

84 <span class="icon-bar"></span> 

85 </a> 

86 %(brand)s%(outsideNavList)s%(insideNavList)s 

87 </div> 

88 </div> 

89 </div>""" % locals() 

90 return navBar