generator-jhipster-nav-element/generators/app/about-us/about-us-ng-template-writer.js

Add simple and nested pages to your JHipster app

/* eslint no-multiple-empty-lines: "off" */
const _ = require('lodash');
const jhipsterConstants = require('generator-jhipster/generators/generator-constants');

module.exports = {
    write
};

function write(generator) {
    const jhipsterConfig = generator.jhipsterConfig;

    generator.baseName = jhipsterConfig.baseName;
    generator.packageName = jhipsterConfig.packageName;
    generator.angularXAppName = _.upperFirst(generator.getFrontendAppName());
    generator.enableTranslation = jhipsterConfig.enableTranslation;
    generator.nativeLanguage = jhipsterConfig.nativeLanguage;
    generator.useSass = jhipsterConfig.useSass;

    const s = generator.navElementKey.trim().replace(' ', '-').replace('_', '-');
    generator.translationKeyMenu = _.kebabCase(s).toLowerCase();
    generator.componentStartCase = _.startCase(s);

    const prefix = jhipsterConfig.jhiPrefix ? `${_.kebabCase(jhipsterConfig.jhiPrefix)}-` : '';
    generator.selector = `${prefix}${_.kebabCase(s).toLowerCase()}`;
    generator.templateName = `${_.kebabCase(s).toLowerCase()}.component.html`;
    generator.cssName = `${_.kebabCase(s).toLowerCase()}.component.css`;
    generator.scssName = `${_.kebabCase(s).toLowerCase()}.component.scss`;
    generator.componentName = `${_.upperFirst(_.camelCase(s))}Component`;
    generator.componentTsName = `${_.kebabCase(s).toLowerCase()}.component`;
    generator.componentDirName = _.kebabCase(s).toLowerCase();
    generator.routerName = _.kebabCase(s).toLowerCase();
    generator.routeName = `${_.kebabCase(s).toUpperCase().replace('-', '_')}_ROUTE`;
    generator.routeTsName = `${_.kebabCase(s).toLowerCase()}.route`;
    generator.angularName = _.upperFirst(_.camelCase(s));
    generator.moduleName = `${_.upperFirst(generator.getFrontendAppName()) + _.upperFirst(_.camelCase(s))}Module`;
    generator.moduleTsNameMinusSuffix = _.kebabCase(s).toLowerCase();
    generator.moduleTsName = `${_.kebabCase(s).toLowerCase()}.module`;
    generator.pageTitle = `${_.kebabCase(s).toLowerCase()}.title`;
    generator.tabName = _.upperFirst(_.kebabCase(s).replace('-', ' '));

    const componentName = _.kebabCase(s).toLowerCase();
    const componentDirName = _.kebabCase(s).toLowerCase();

    const ng2TemplateDir = `../templates/angular/${generator.templateDir}`;

    const webappDir = jhipsterConstants.CLIENT_MAIN_SRC_DIR;
    // HTML TEMPLATE
    generator.template(
        `${ng2TemplateDir}src/main/webapp/app/element/element.component.html.ejs`,
        `${webappDir}app/${componentDirName}/${componentName}.component.html`
    );


    // COMPONENT
    generator.template(
        `${ng2TemplateDir}src/main/webapp/app/element/element.component.ts.ejs`,
        `${webappDir}app/${componentDirName}/${componentName}.component.ts`
    );


    // MODULE
    generator.template(
        `${ng2TemplateDir}src/main/webapp/app/element/element.module.ts.ejs`,
        `${webappDir}app/${componentDirName}/${componentName}.module.ts`
    );


    // ROUTE
    generator.template(
        `${ng2TemplateDir}src/main/webapp/app/element/element.route.ts.ejs`,
        `${webappDir}app/${componentDirName}/${componentName}.route.ts`
    );


    // STYLE
    if (generator.useSass) {
        generator.template(
            `${ng2TemplateDir}src/main/webapp/app/element/element.component.scss.ejs`,
            `${webappDir}app/${componentDirName}/${componentName}.component.scss`
        );
    } else {
        generator.template(
            `${ng2TemplateDir}src/main/webapp/app/element/element.component.css.ejs`,
            `${webappDir}app/${componentDirName}/${componentName}.component.css`
        );
    }


    // APP MODULE
    generator.addAngularModule(
        _.upperFirst(generator.getFrontendAppName()),
        generator.angularName,
        componentDirName,
        generator.moduleTsNameMinusSuffix,
        generator.enableTranslation,
        jhipsterConstants.SUPPORTED_CLIENT_FRAMEWORKS.ANGULAR
    );


    // i18n ELEMENT JSON
    if (generator.enableTranslation) {
        generator.getAllInstalledLanguages().forEach((language) => {
            generator.currentLanguagePrefix = language === generator.nativeLanguage ? '' : `[${language}] `;
            generator.log('processing for', language, 'prefix', generator.currentLanguagePrefix);
            generator.template(
                `${ng2TemplateDir}src/main/webapp/i18n/lang/element.json.ejs`,
                `${webappDir}i18n/${language}/${componentName}.json`
            );
        }, generator);
    }


    // GLOBAL JSON
    generator.addTranslationKeyToAllLanguages(generator.translationKeyMenu, generator.componentStartCase, 'addElementTranslationKey', generator.enableTranslation);


    // ENTRIES TO NAVBAR.HTML
    generator.addElementToMenu(generator.routerName, 'hand-spock', generator.enableTranslation, jhipsterConstants.SUPPORTED_CLIENT_FRAMEWORKS.ANGULAR, generator.translationKeyMenu);


    // TESTS
    generator.template(
        `${ng2TemplateDir}src/test/javascript/spec/app/element/element.component.spec.ts.ejs`,
        `${jhipsterConstants.CLIENT_TEST_SRC_DIR}spec/app/${componentName}/${componentName}.component.spec.ts`
    );
}