Easy Appointment: Personalización

imágenes

• Descargamos el archivo: imagenes_citas_siua
• Remplazamos las imágenes en la siguiente dirección

/var/www/html/Sistemas/citas.siua.ac.cr/assets/img

Lang

• Abrimos

nano /var/www/html/Sistemas/citas.siua.ac.cr/application/language/spanish

• Modificamos

$lang['service_and_provider'] = 'Seleccione Servicio y Proveedor';
X
$lang['service_and_provider'] = 'Seleccione el servicio y el colaborador';

$lang['provider'] = 'Proveedor';
X
$lang['provider'] = 'Colaborador';

$lang['last_name'] = 'Apellido';
X
$lang['last_name'] = 'Apellidos';

$lang['address'] = 'Domicilio';
X
$lang['address'] = 'Universidad (CONARE / UCR / TEC / UNA / UNED)';

$lang['city'] = 'Ciudad';
X
$lang['city'] = 'Perfil (Estudiante / Funcionario / Otro)';

$lang['zip_code'] = 'Código postal';
X
$lang['zip_code'] = 'N° Identificación';

$lang['notes'] = 'Notas';
X
$lang['notes'] = '¿Notas sobre la cita? aquí...';

$lang['backend_section'] = 'Sección de gestión interna';
X
$lang['backend_section'] = 'Ingreso';

$lang['you_need_to_login'] = '¡Bienvenido! Usted deberá iniciar sesión para ver las páginas de gestión interna.';
X
$lang['you_need_to_login'] = '¡Bienvenido! Usted deberá iniciar sesión para ver las páginas de administrativas.';

Vistas

• Book

nano /var/www/html/Sistemas/citas.siua.ac.cr/application/views/appointments

• Modificamos

******************************************************************************
<meta name="theme-color" content="#35A768">
X
<meta name="theme-color" content="#35A768">
******************************************************************************
<title><?= lang('page_title') . ' ' . $company_name ?></title>
X
<title>Citas-SIUA</title>
******************************************************************************
<span class="footer-powered-by">
                        Powered By

                        <a href="https://easyappointments.org" target="_blank">Easy!Appointments</a>
                    </span>

X
<span class="footer-powered-by">
                        Sistema Administrado por la:

                        <a target="_blank" href="https://ugit.siua.ac.cr">UGIT</a>
                    </span>
******************************************************************************
<strong><?= lang('service') ?></strong>
X
<strong><?= lang('service') ?>:</strong>
******************************************************************************
<strong><?= lang('provider') ?></strong>
X
<strong><?= lang('provider') ?>:</strong>

Archivos CSS

• Abrimos el archivo:

nano /var/www/html/Sistemas/citas.siua.ac.cr/assets/css/frontend.min.css

• Agregamos al final

/***********************************************************************/
/*************************   UGIT     **********************************/
/***********************************************************************/

.btn-dark{
    background-color: #4D5B6D !important;
    border-color: #4D5B6D  !important;
}

.btn-dark:hover{
    background-color: #2BA0AB !important;
    border-color: #2BA0AB !important;
}

.frame-title {
  font-size: 1.6rem !important;
}

body{
    color: #4D5B6D !important;
}
#book-appointment-wizard #select-language{
    background-color: #4D5B6D !important;
    padding: 10px;
    font-size: .8rem !important;
}
#book-appointment-wizard .backend-link{
    background-color: #FFAE22 !important;
    padding: 10px;   
    font-size: .8rem !important;
}

.btn-outline-secondary: hover{
     background-color: #2BA0AB !important;
}



.btn-success {
  color: #fff;
  background-color: #2BA0AB !important;
  border-color: #2BA0AB !important;
}
.btn-primary {
  color: #fff;
  background-color: #4D5B6D !important;
  border-color: #4D5B6D !important;
}

• Abrimos

nano /var/www/html/Sistemas/citas.siua.ac.cr/assets/css/login.min.css

• Agregamos al final

body {
    width: 100vw;
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
    background-color: #304153;
    color: #304153;
}

• Abrimos

nano /var/www/html/Sistemas/citas.siua.ac.cr/assets/css/backend.min.css

• Agregamos al final

/********************************************************/
/********************* UGIT   ***************************/
/********************************************************/

#header {
  background-color: #2E4052;
  border-bottom: 5px solid #2BA0AB;
}
.btn-primary {
  color: #fff;
  background-color: #2BA0AB;
  border-color: #2BA0AB;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2BA0AB;
}

a, a:hover, a:active {
  color: #2BA0AB;
  text-decoration: none;
  background-color: transparent;
}

#services-page .nav  a,
#users-page  .nav  a,
#settings-page  .nav  a{
  color: #FFF;
}


#services-page .nav,
#users-page  .nav,
#settings-page  .nav{
  background-color: #5F6E80;
  margin-bottom: 15px;
}

#footer {
  background-color: #2E4052;
  color: #FFF;
  border-top: 5px solid #2BA0AB;
}

Footer

• Abrimos

nano /var/www/html/Sistemas/citas.siua.ac.cr/application/views/backend/footer.php

• Contenido

        <img class="mx-1" src="<?= base_url('assets/img/alextselegidis-logo-16x16.png') ?>" alt="Alex Tselegidis Logo">
        <a href="https://alextselegidis.com">
            Alex Tselegidis
        </a>
        &copy; <?= date('Y') ?> - Software Development

        |

        <?= lang('licensed_under') ?>
        <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">
            GPL-3.0
        </a>
 

• Modificamos por:

Sitio administrador por: 
<a href="https://ugit.siua.ac.cr">
 UGIT
</a>
&copy; <?= date('Y') ?> - SIUA