+
+
+
+
+
+
diff --git a/lib/modules/cli/argv.js b/lib/modules/cli/argv.js
index d01d286a..112eca7c 100644
--- a/lib/modules/cli/argv.js
+++ b/lib/modules/cli/argv.js
@@ -15,6 +15,7 @@ module.exports = function(argLib) {
.describe('extraHead', 'These HTML elements are injected inside the style guide head-tag')
.describe('beforeBody', 'These HTML elements are injected inside the style guide body tag, before any other content')
.describe('afterBody', 'These HTML elements are injected inside the style guide body tag, after any other content')
+ .describe('sideNav', 'This bool use to switch navigation to side nav')
.describe('commonClass', 'The provided classes are added to all preview blocks in the generated style guide')
.describe('appRoot', 'Define the appRoot parameter if you are hosting the style guide from a directory other than the root directory of the HTTP server')
.describe('styleVariables', 'Specify the files to parse variable definitions from (defaults to all files/glob pattern passed to kssSource')
diff --git a/lib/modules/cli/styleguide-cli.js b/lib/modules/cli/styleguide-cli.js
index 05af0c9b..aaff7e49 100755
--- a/lib/modules/cli/styleguide-cli.js
+++ b/lib/modules/cli/styleguide-cli.js
@@ -22,6 +22,7 @@ module.exports = function(argv) {
extraHead: argv.extraHead,
beforeBody: argv.beforeBody,
afterBody: argv.afterBody,
+ sideNav: argv.sideNav,
commonClass: argv.commonClass,
appRoot: argv.appRoot,
styleVariables: argv.styleVariables,
diff --git a/lib/modules/common.js b/lib/modules/common.js
index e957bbeb..27b20a62 100644
--- a/lib/modules/common.js
+++ b/lib/modules/common.js
@@ -13,6 +13,7 @@ function sanitizeOptions(opt) {
extraHead: (typeof opt.extraHead === 'object') ? opt.extraHead.join('\n') : opt.extraHead,
beforeBody: (typeof opt.beforeBody === 'object') ? opt.beforeBody.join('\n') : opt.beforeBody,
afterBody: (typeof opt.afterBody === 'object') ? opt.afterBody.join('\n') : opt.afterBody,
+ sideNav: opt.sideNav || false,
disableEncapsulation: opt.disableEncapsulation || false,
disableHtml5Mode: opt.disableHtml5Mode || (typeof opt.disableHtml5Mode === 'undefined' && !opt.server) || false,
appRoot: opt.appRoot || '',
diff --git a/lib/styleguide.js b/lib/styleguide.js
index ce447d75..5d9a05ce 100644
--- a/lib/styleguide.js
+++ b/lib/styleguide.js
@@ -145,7 +145,7 @@ function replaceSectionReferences(json) {
}
function copyUsedOptionsToJsonConfig(opt, json) {
- var used = ['appRoot', 'extraHead', 'beforeBody', 'afterBody', 'commonClass', 'title', 'disableEncapsulation', 'disableHtml5Mode', 'readOnly'];
+ var used = ['appRoot', 'extraHead', 'beforeBody', 'afterBody', 'commonClass', 'title', 'disableEncapsulation', 'disableHtml5Mode', 'readOnly', 'sideNav'];
json.config = {};
used.forEach(function(prop) {
json.config[prop] = _.cloneDeep(opt[prop]);
@@ -154,7 +154,7 @@ function copyUsedOptionsToJsonConfig(opt, json) {
}
function copyUsedOptionsToInlineJsonConfig(opt, json) {
- var used = ['title', 'disableEncapsulation', 'disableHtml5Mode'];
+ var used = ['title', 'disableEncapsulation', 'disableHtml5Mode', 'sideNav'];
json.config = {};
used.forEach(function(prop) {
json.config[prop] = _.cloneDeep(opt[prop]);
@@ -386,6 +386,7 @@ module.exports.generate = function(options) {
extraHead: opt.extraHead,
beforeBody: opt.beforeBody,
afterBody: opt.afterBody,
+ sideNav: opt.sideNav,
styleguideConfig: JSON.stringify(copyUsedOptionsToInlineJsonConfig(opt, {}).config),
appRoot: opt.appRoot,
socketIo: opt.server,
diff --git a/test/angular/unit/controllers/main.test.js b/test/angular/unit/controllers/main.test.js
index 4d7e91a1..69df9804 100644
--- a/test/angular/unit/controllers/main.test.js
+++ b/test/angular/unit/controllers/main.test.js
@@ -77,6 +77,13 @@ describe('Controller: MainCtrl', function() {
expect(scope.markupSection.isVisible).to.eql(true);
});
+ describe('toggle navigation', function() {
+ it('should toggle navigation by inversing bool', function() {
+ scope.showMenu = true;
+ expect(scope.toggleBool(scope.showMenu)).to.eql(false);
+ });
+ });
+
it('should change markup visibility when toggling state', function() {
scope.toggleMarkup();
expect(scope.markupSection.isVisible).to.eql(false);
@@ -108,6 +115,10 @@ describe('Controller: MainCtrl', function() {
expect(scope.filterMainSections()({reference: '1.1.2'})).to.eql(false);
});
+ it('should return true if section has sub section', function() {
+ expect(scope.hasSubsections({reference: '1'})).to.eql(true);
+ });
+
it('should return false for undefined reference', function() {
expect(scope.filterMainSections()({})).to.eql(false);
});
diff --git a/test/angular/unit/controllers/sections.test.js b/test/angular/unit/controllers/sections.test.js
index 51e8cd7c..d6bf1622 100644
--- a/test/angular/unit/controllers/sections.test.js
+++ b/test/angular/unit/controllers/sections.test.js
@@ -131,10 +131,10 @@ describe('SectionsCtrl', function() {
expect(scope.filterSections({reference: '1'})).to.eql(true);
});
- it('should return true if section is sub section of current section', function() {
+ it('should return false if section is sub section of main section', function() {
scope.currentSection = '1';
- expect(scope.filterSections({reference: '1.2'})).to.eql(true);
- expect(scope.filterSections({reference: '1.1.2'})).to.eql(true);
+ expect(scope.filterSections({reference: '1.2'})).to.eql(false);
+ expect(scope.filterSections({reference: '1.1.2'})).to.eql(false);
});
it('should return false if section is not sub section of current section', function() {
@@ -146,8 +146,8 @@ describe('SectionsCtrl', function() {
it('should return false if current section is 1 and section reference is 10', function() {
scope.currentSection = '1';
expect(scope.filterSections({reference: '1'})).to.eql(true);
- expect(scope.filterSections({reference: '1.0'})).to.eql(true);
- expect(scope.filterSections({reference: '1.1'})).to.eql(true);
+ expect(scope.filterSections({reference: '1.0'})).to.eql(false);
+ expect(scope.filterSections({reference: '1.1'})).to.eql(false);
expect(scope.filterSections({reference: '10'})).to.eql(false);
expect(scope.filterSections({reference: '10.0'})).to.eql(false);
expect(scope.filterSections({reference: '10.1'})).to.eql(false);