Instalación y configuración

Librería desarrollada en Angular 16 para desarrollo de aplicaciones web modulares en Angular.

Requisitos

  1. Tener instalado y configurado Angular CLI
  2. crear archivo .npmrc al niel de src con el siguinte contenido:
registry=https://pkgs.dev.azure.com/Ragasa-Scrum/_packaging/ragasa-scrum/npm/registry/

always-auth=true

Instalación

npm i ragasa-angular-template

##Activacion de licencia de Kendo Asegurate de contar con el archivo kendo-ui-license.txt en la raiz de tu proyecto, <en caso de no contar con el, comunicate con el administrador de la plantilla>.

###Ejecuta el siguiente comando en la terminal ubicada en la carpeta de tu proyecto:

npm install @progress/kendo-licensing

Configuración de SCSS

Es necesario configurar el SCSS para heredar todos los temas diseñados para la plantilla, buscamos el archivo de estilos de capas localizado en src/styles.scss y agregamos la siguiente línea.

@import "../node_modules/ragasa-angular-template/styles/rg-template.scss";

Es necesario agregar el tema default de Kendo-UI en el archivo angular.json para eso buscamos en el archivo de nuestro proyecto la configuración de arquitectura y en la propiedad “options” agregamos el tema.

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "styles": [
              {
                --> "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
              }
            ]
          }

Configuración del index.html

Es necesario reemplazar el archivo de src/index.html por el siguiente código:

Nota: no olvides reemplazar el título del encabezado por el nombre del módulo

<!DOCTYPE html><html lang="en">  <head>    <meta charset="utf-8" />    <title>Ragasa Template</title>    <base href="/" />    <meta name="viewport" content="width=device-width, initial-scale=1" />    <link rel="icon" type="image/x-icon" href="<https://www.ragasa.com.mx/wp-content/uploads/2016/12/ragasa_favicon.png>" />    <link rel="preconnect" href="<https://fonts.gstatic.com>" />    <link href="<https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap>" rel="stylesheet" />    <link href="<https://fonts.googleapis.com/icon?family=Material+Icons>" rel="stylesheet" />  </head>  <body class="mat-typography rg-green">    <app-root></app-root>  </body></html>