Nombre de producto:
Es un proceso que tarda unos minutos, nos daremos cuenta que ha finalizado porque carga el fichero de readme.html en pantalla.
Para solucionar las dependencias de cristal reports instalaremos la versión para desarrolladores CRforVS_13_0_22.exe
Nota importante: tenga en cuenta, por restricciones del propio entorno SAP, que para poder instalarlo deberá tener en ese preciso momento una versión VS 2017 ó inferior, aunque luego vaya a desarrollar en versiones posteriores
En las propiedades del proyecto AhoraFlexyBD, iremos al apartado Eventos de compilación y cambiaremos del comando establecido el nombre flxWeb por el nombre de nuestro producto:
powershell -ExecutionPolicy Unrestricted -Command "& '$(SolutionDir)AhoraFlexy\db\mergeSSDTScripts.ps1' '$(SolutionDir)' '$(ProjectName)' '$(OutputPath)' '$(TargetPath)'"
En las propiedades de cada proyecto estableceremos el nombre correcto de ensamblado y de espacio de nombres poniéndole el mismo valor que el nombre del proyecto.
Instalaremos TypeScript
Publicaremos los dos proyectos de BBDD y modificaremos las cadenas de conexión en el web.config del proyecto principal para que apunten a estas BBDD.
Si todo ha funcionado correctamente, pulsaremos el botón en visual studio y se iniciará el proyecto con su depurador.
Publicaremos el proyecto principal en una carpeta publish dentro de cualquier directorio externo al proyecto. Ej: C:\Temp\Publish
Una vez publicado copiaremos a esta carpeta Publish la carpeta Scripts que se ubica en el proyecto principal si la tuviera.
Publicaremos el proyecto de BBDD de configuración y copiaremos el dacpac resultante en la carpeta publish\db
Descargar el fichero nuget.zip y extraer al mismo nivel que la carpeta publish (según el ejemplo c:\Temp)
Editar el fichero config.nuspec para adaptar los valores a nuestro proyecto.
Abriremos una ventana de comandos y ejecutaremos la siguiente instrucción:
nuget pack config.nuspec
Copiaremos el fichero nupkg a una carpeta junto al instalable del flexygo, este nos detectará que existe un paquete distinto a flexygo y nos preguntará si deseamos instalarlo en su lugar.
Tras ello seguiremos los pasos habituales y si todo ha funcionado correctamente tendremos nuestro producto instalado.
Instalaremos el nuget de TypeScript 5.0.4, tal y como se ve en la captura (click derecho en el proyecto principal > Administrar paquetes NuGet):
Una vez instalado revisaremos que la configuración de typescript del proyecto se ajuste a la de la imagen (para acceder a la configuración, click derecho en el proyecto principal > Propiedades > Compilación de TypeScript):
Crearemos dentro del proyecto una carpeta a la que llamaremos ahoraflexy para albergar nuestros componentes del proyecto y dentro generaremos la estrucutra "controllers", "plugins" y "wc"
Añadiremos un fichero TS con el nombre afl-carousel a nuestra carpeta wc con el siguiente código:
update origins set active=case originid when 1 then 1 else 0 end
Insert into Interfaces_Types_JS (InterfaceTypeId,TypeId,FilePath,Description,[Order],OriginId)
values (NEWID(),-1,'~/ahoraflexy/wc/afl-carousel.js','Carousel WebComponent',999,1)
Insert into Modules_Types (TypeId,Descrip,IconName,SettingsTable,WebComponent,UseCollection,OriginId)
values ('afl-carousel','Carousel','fighter-jet','','afl-carousel',1,1)
Añadimos un fichero Carousel.sql en la carpeta dbo/tables de nuestro modelo de datos
Añadimos los datos estáticos al fichero data.sql en la carpeta scripts/data de nuestro modelo de datos
IMPORTANTE volver a publicar la base de datos despues de completar estos pasos
Para este caso crearemos un controller llamado CarouselController.vb con el siguiente código:
Descargar el fichero jR3DCarousel.min.js y dejarlo en la carpeta AhoraFlexy/plugins
Añadimos a nuestro webcomponent la función loadData() y la invocamos desde el render()