Creando una Aplicación Web similar a SoundCloud con Ruby on Rails 6 y Angular 10 – Parte 8

Ruby on Rails Tutoriales | | Comunidad: Crear un Post, Eventos Devs, Foro

En la Parte anterior de este tutorial que consta de varias partes, llamada Creando una Aplicación Web similar a SoundCloud con Ruby on Rails 6 y Angular 10 – Parte 7 maquetamos la estructura visual del módulo para administrar las canciones que los usuarios publican en la plataforma. En esta Parte 8 vamos a maquetar ahora la interface del módulo configuración, vamos con ello.

Partes

Antes de continuar te invito a leer los siguientes artículos:

Asimismo, te invito a escuchar el Podcast: “Que Hacer Cuando Estamos En Casa”:

Spotify: Sound Cloud: Apple Podcasts

Bien ahora continuemos con el Post: Creando una Aplicación Web similar a SoundCloud con Ruby on Rails 6 y Angular 10 – Parte 8. 

Configuración UI (Administrador)

En este módulo vamos a poder ver y modificar las configuraciones de los usuarios que se hayan registrado en la plataforma, recuerda que estamos trabajando la parte Back del sistema, esta parte SoundCloud no la muestra a los usuarios, es algo interno de ellos.

Vista Principal (Configuración)

Abro el archivo llamado index.html.erb que se encuentra en soundcloudapp > view > admin > configuracion index.html.erb

Borro el contenido que hay en el interior del archivo index.html.erb y agrego lo siguiente:

Si voy a la ruta http://localhost:3000/admin/configuracion/index en el navegador, debería ver lo siguiente:

Los datos que puedes ver en la imagen anterior son datos para maquetar o estructurar la vista principal de Configuraciones del Usuario, mas adelante usaremos datos desde la base de datos. Al lado derecho de cada usuario hay un botón para editar la configuración de usuario. 

Actualizar (Configuración)

Esta vista servirá para actualizar la configuración un usuario determinado, abro el archivo llamado actualizar.html.erb que se encuentra en soundcloudapp view > admin > configuracion > actualizar.html.erb 

Borro el contenido que hay en el archivo actualizar.html.erb y agrego lo siguiente:

Si voy a la ruta http://localhost:3000/admin/configuracion/actualizar en el navegador, debería ver lo siguiente:

En la imagen anterior podemos actualizar los datos del canal de un usuario, en la plataforma SoundCloud hay más opciones a editar, pero eso lo fueron agregando poco a poco, con el proceso de muchos años de investigación.

Bien hasta aquí he creado las vistas del módulo Configuración de los usuarios de la plataforma y más adelante las integraremos con la base de datos.

Ten Paciencia, lo que quiero es que entiendas todo el proceso para Crear este Proyecto y no llenarte el capitulo de mucho contenido porque te puedes marear y no tendrás un óptimo aprendizaje. 

Nota (s)

  • En la siguiente parte crearemos la interface administrativa del módulo Historial de Reproducciones.
  • No olvides que debemos utilizar la tecnología para hacer cosas buenas por el mundo. 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required
Subscribirse
Notificar a
guest
0 Comments
Inline Feedbacks
View all comments