Desarrollo control de hosting

Detalle del proyecto

##################
#  administración  #
################## 

introducción - desde el apartado de administración de la web rekire.com/wp-admin tendremos acceso a un plugin (Control de Hosting) donde podremos controlar el servicio de hosting que nos contratan los clientes. En los elementos del menú se mostrará:

Clientes: Donde mostraremos un listado de clientes y sus datos.
Dominios: Donde mostraremos un listado de los dominios que se gestionan desde Rekire y al cliente que pertenezca.
Hosting: Donde mostraremos un listado de los planes de hosting que se gestionan desde Rekire y al cliente que pertenezca.
PUNTO 1 - Detalle Apartado CLIENTES.

PUNTO 1.1 - Vista listado de clientes.
El listado de clientes se mostrará en una tabla responsiva y con paginación, nosotros utilizamos tablas de bootstrap, pero puedes hacer uso de la que quieras siempre que sea responsiva y tenga paginación (25 resultados por página).

Las columnas a mostrar en la tabla: Nombre, email, empresa... (Ver punto 1.3 para conocer todos los campos).

PUNTO 1.2 - Búsqueda por campos.
Activa que aparezca el search en la tabla. Será un único filtro que aplique a todas las columnas.

PUNTO 1.3 - Botón alta nuevo cliente.
Existirá un botón (la posición es indiferente), donde al ser pulsado abrirá una ventana modal o una página nueva y se podrá dar de alta un cliente. Los campos del formulario de alta de clientes son los siguientes (marco con * los obligatorios): *Nombre, apellidos, *NIF, *dirección, *email, empresa, activo.
Detallo los campos en bbdd:
id: Primary key, autoincrement.
Nombre: varchar 30.
Apellidos: varchar 80.
Nif: varchar 10.
Direccion: varchar 250.
Email: campo email, 100
empresa: varchar 50
activo: bool 0/1
fecha_alta: datetime.

PUNTO 1.4 - Botón editar / eliminar cliente.
Cada row de la tabla corresponderá a un cliente y una de las columnas debe ser acción, esta columna dispondrá de 2 botones (uno par editar y otro para borrar).

Al pulsar sobre el botón editar, aparecerá la modal o página del punto 1.2 con los campos auto-completados. Si guardamos, aparecerá un mensaje indicando que la edición se ha guardado correctamente y volverá a aparecer el listado de clientes en la tabla.

Al pulsar sobre el botón de eliminar, aparecerá un mensaje de confirmación (puedes hacer uso de la librería bootbox.js). El texto será: ¿Está seguro de que desea eliminar al [cliente]?, tras la confirmación se eliminará el registro.

PUNTO 2 - Detalle apartado dominios*.*
PUNTO 2.1 - Vista listado de dominios.

El listado de dominios se mostrará en una tabla responsiva y con paginación, nosotros utilizamos tablas de bootstrap, pero puedes hacer uso de la que quieras siempre que sea responsiva y tenga paginación (25 resultados por página).

Las columnas a mostrar en la tabla: Dominio, cliente asociado, última renovación... (Ver punto 2.3 para conocer todos los campos).

PUNTO 2.2 - Búsqueda por campos.
Activa que aparezca el search en la tabla. Será un único filtro que aplique a todas las columnas.

PUNTO 2.3 - Botón alta nuevo dominio.
Existirá un botón (la posición es indiferente), donde al ser pulsado abrirá una ventana modal o una página nueva y se podrá dar de alta un dominio y asociarlo a un cliente existente. Los campos del formulario de alta de dominios son los siguientes (marco con * los obligatorios): *Dominio, *cliente (se mostrará un selector con los clientes), *Fecha alta (por defecto valor de fecha actual), precio, *activo.
Detallo los campos en bbdd:
id: Primary key, autoincrement.
Dominio: varchar 30.
Cliente: id_cliente
fecha_alta: datetime.
Precio: int
activo: bool 0/1
fecha_alta: datetime.
Fecha_renovacion: datetime.

PUNTO 2.4 - Botón editar / eliminar dominio.
Cada row de la tabla corresponderá a un dominio y una de las columnas debe ser acción, esta columna dispondrá de 2 botones (uno par editar y otro para borrar).

Al pulsar sobre el botón editar, aparecerá la modal o página del punto 2.2 con los campos auto-completados. Si guardamos, aparecerá un mensaje indicando que la edición se ha guardado correctamente y volverá a aparecer el listado de dominios en la tabla.

Al pulsar sobre el botón de eliminar, aparecerá un mensaje de confirmación (puedes hacer uso de la librería bootbox.js). El texto será: ¿Está seguro de que desea eliminar el [dominio]?, tras la confirmación se eliminará el registro.

PUNTO 3 - Detalle apartado hosting*.*
PUNTO 3.1 - Vista listado de hosting.

El listado de hosting se mostrará en una tabla responsiva y con paginación, nosotros utilizamos tablas de bootstrap, pero puedes hacer uso de la que quieras siempre que sea responsiva y tenga paginación (25 resultados por página).

Las columnas a mostrar en la tabla: Hosting, cliente asociado, última renovación. (Ver punto 2.3 para conocer todos los campos).

PUNTO 3.2 - Búsqueda por campos.
Activa que aparezca el search en la tabla. Será un único filtro que aplique a todas las columnas.

PUNTO 3.3 - Botón alta nuevo hosting.
Existirá un botón (la posición es indiferente), donde al ser pulsado abrirá una ventana modal o una página nueva y se podrá dar de alta un hosting y asociarlo a un cliente existente. Los campos del formulario de alta de hosting son los siguientes (marco con * los obligatorios): *Hosting, *cliente (se mostrará un selector con los clientes), *Fecha alta (por defecto valor de fecha actual), precio, *activo.
Detallo los campos en bbdd:
id: Primary key, autoincrement.
Hosting: varchar 30.
Cliente: id_cliente
fecha_alta: datetime.
Precio: int
activo: bool 0/1
fecha_alta: datetime.
Fecha_renovacion: datetime.

PUNTO 2.4 - Botón editar / eliminar hosting.
Cada row de la tabla corresponderá a un dominio y una de las columnas debe ser acción, esta columna dispondrá de 2 botones (uno par editar y otro para borrar).

Al pulsar sobre el botón editar, aparecerá la modal o página del punto 3.2 con los campos auto-completados. Si guardamos, aparecerá un mensaje indicando que la edición se ha guardado correctamente y volverá a aparecer el listado de hosting en la tabla.

Al pulsar sobre el botón de eliminar, aparecerá un mensaje de confirmación (puedes hacer uso de la librería bootbox.js). El texto será: ¿Está seguro de que desea eliminar el [hosting]?, tras la confirmación se eliminará el registro.

###########################

PARTE Pública con login #
########################### 
no aplica.



#########

NOTAS #
#########
Los colores de las tablas intentemos que se asocien a los corporativos del sitio web.
No hacer ninguna llamada a librería, fuente o CSS externo, todo estará dentro del plugin.
No llamar a rutas absolutas, siempre a rutas relativas.
Se ha de testear el plugin con el mod_debug activado antes de la entrega.