Git Product home page Git Product logo

home-rnf's Introduction

home-rnf

Module de base pour les plateformes RNF, basé sur l'authentification sur UsersHub

Procédure nouveau projet RNF

Si l'appli dispose également d'un backend, initialiser le git global aux deux dossiers back et front

  1. S'assurer d'être bien dans la version 15 d'angular : npm uninstall -g @angular/cli npm cache clean npm cache verify npm i -g @angular/cli@15

Si c'est toujours dans une autre version que 15, c'est peut être que le cli est installé en local, dans ce cas enlever le -g (pour global).

  1. Créer le nouveau projet : ng new nomduprojet

  2. Importer le sous-module git : git submodule add https://github.com/RNF-SI/home-rnf.git nomduprojet/src/app/home-rnf

  3. Copier les fichiers de config nécessaires : cp -r src/app/home-rnf/install_files/assets/* src/assets/ cp -r src/app/home-rnf/install_files/conf src/conf

    Modifier le fichier conf/app.config.ts selon les besoins

  4. Lier le fichier custom scss dans styles.scss : @import 'conf/custom.scss';

  5. Adapter le fichier app-routing.module.ts aux besoins : const routes: Routes = [ { path: '', component: NavHomeComponent, children: [ { path: 'logout', // Ici seulement pour angular, mais toujour redirigé dans le canActivate component: LogoutComponent, canActivate: [ LogoutLinkService ] }, { path: 'login', component: LoginComponent, canActivate: [ LazyDialogLoader ] } ] } ];

  6. ajouter HomeRnfModule dans les imports de app.module.ts

  7. copier les dependancies du fichier packages.json du sous module vers le package.json du module principal

  8. installer les librairies nécessaires à la racine du projet npm i

  9. Ajouter les lignes d'appel bootstrap dans angular.json : "styles": [ "@angular/material/prebuilt-themes/deeppurple-amber.css", "node_modules/bootstrap/scss/bootstrap.scss", "src/styles.scss" ], "scripts": [ "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" ]

  10. Remplacer le contenu du fichier app.component.html par :

  11. Remplacer le favicon : cp src/app/home-rnf/install_files/favicon.ico src/favicon.ico

  12. Modifier le titre de l'application dans index.html

  13. lancer l'app npm start

home-rnf's People

Contributors

moulinz avatar rnf-si avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.