Actualizar README.md

README.md

@@ -1,89 +1,6 @@
-# exportPDF
+# exportPDF dev/no_docker
+> **Precaución:**
+> Para instalar en modo producción, utlize la rama main
 
 Funcionalidad para implementar la capacidad de exportar los datos de un recurso a formato PDF.
-Los modelos de recursos habilitados para la función son los siguientes:
+esta rama es para el caso de un entorno de desarrollo clásico, es decir sin utilizar contenedores
-
-* Patrimonio material - Bienes inmuebles
-* Patrimonio material - Bienes muebles
-* Patrimonio inmaterial
-* Organización o persona
-
-# Para agregar la funcionalidad ExportPDF a un proyecto de Arches puede seguir el siguiente procedimiento.
-Procedimiento válido para un proyecto en modo desarrollo implementado con un enfoque tradicional sin contenedores. 
-Para el caso de un enfoque utilizando contenedores o en modo Producción, el proceso varía levemente.
-
-### 0. Instalar dependencias y librerias de python (servidor Ubuntu)
-Solo en caso de que su proyecto de arches resida en una implementación según la guía oficial de archesproject
-
-```shell
-sudo apt install build-essential python3.12-dev python3.12-pip python3.12-setuptools python3.12-wheel python3.12-cffi
-sudo apt install build-essential python3-dev python3-pip python3-setuptools python3-wheel python3-cffi libcairo2 libpango-1.0-0 libpangocairo-1.0-0 libgdk-pixbuf2.0-0 libffi-dev shared-mime-info
-```
-y en el entorno de (arches) python:
-
-```python
-pip install django-weasyprint
-pip install pypdf
-```
-
-### 1. Clonar este repositorio en alguna carpeta de su servidor.
-
-```shell
-# puede ser en el home del servidor
-git clone https://gitea.patrimonio.org.bo/sysadmin/sprpcb-exportpdf-func.git
-```
-
-### 2. Copiar los archivos necesarios para crear una nueva plantilla de reporte que contendrá los botones necesarios:
-```shell
-cp -r ../sprpcb-exportpdf-func/reportes ./mi_proyecto/reportes
-cp ../sprpcb-exportpdf-func/templates_views_report-templates/export-pdf-report.htm ./mi_proyecto/templates/views/report-templates/
-cp ../sprpcb-exportpdf-func/media_js_reports/export-pdf-report.js ./mi_proyecto/media/js/reports/
-```
-
-### 3. Registrar la plantilla personalizada de proyecto que agrega los botones necesarios:
-```python
-python manage.py report register -s mi_proyecto/reportes/export-pdf-report.json
-```
-
-### 4. Agregar la vista personalizada creando (copiando) las carpetas indicadas y luego los contenidos respectivos:
-
-```shell
-# en caso de que el repo clonado esté en el home y desde la 1er carpeta mi_proyecto
-cp -r ../sprpcb-exportpdf-func/pdf ./mi_proyecto/pdf
-```
-
-### 5. Copiar las plantillas pdf correspondientes a los modelos de recursos:
-```shell
-cp -r ../sprpcb-exportpdf-func/templates_reports ./mi_proyecto/templates/reports 
-```
-
-### 6. Agregar una fuente y una entrada de ruta en el archivo urls.py como valor de urlpatterns:
-
-```shell
-from .pdf.views import export_resource_pdf
-#urlpatterns = [
-    # ...
-    path('export/pdf/<str:resourceid>/<str:printubic>/<str:printimgs>/<str:printpdfs>/', export_resource_pdf, name='export_resource_pdf'),
-    # project-level urls
-#]
-
-```
-
-### 7. A continuación, asegúrese de reconstruir la interfaz de su proyecto para habilitar los cambios:
-
-```
-npm run build_development
-```
-
-### 8. Configuración final
-Por último, se deben modificar los modelos de recursos para que adopten la nueva plantilla de reporte registrada:
-
-Cuando haya terminado, debería ver los botones de exportar en la ventana de vista de reporte de su modelo de recursos:
-![Alt Text](captura_exportPDF.jpg)
-
-### 9. Forma de uso:
-
-El botón "Exportar a PDF", de manera predeterminada, crea el reporte PDF incluyendo casi todos los datos del recurso. Y de manera opcional se pueden incluir 3 características adicionales a través de los botones adyacentes que controlan los siguientes parámetros:
-* Incluir ubicación detallada: Se puede incluir datos de ubicación (geo-localización) que podrían estar contraindicados en algunos tipos de recursos.
-* Incluir imágenes adjuntas: Una galería de imágenes distribuida en mosaicos de 2x6 imágenes por hoja a manera de Anexo al informe (existen recursos que tienen más de 20 imágenes relacionadas)
-* Incluir documentos (pdf) adjuntos: se ajuntan los documentos relacionados en el mismo archivo pdf del informe

copy2proyfolder.sh

@@ -0,0 +1,26 @@
+#!bin/bash
+
+#Script demostrativo para copiar del repo clonado a las carpetas de proyecto
+#Utilize con precaución
+
+echo -e "\n\t Script para copiar a carpeta de proyecto"
+read -p "Escribe la carpeta de proyecto ( ejem: ~/mi_proy/miproy ): " destino
+
+echo $destino
+if [ ! -d "$destino" ]; then
+  echo "La carpeta de destino no existe. Intente nuevamente!"
+  exit 1
+fi
+
+mkdir -p $destino/pdf
+cp ./pdf/views.py $destino/pdf/
+
+cp ./media_js_reports/export-pdf-report.js $destino/media/js/reports/
+
+cp -r ./reportes $destino/
+
+mkdir -p $destino/templates/views/report-templates
+cp ./templates_views_report-templates/export-pdf-report.htm $destino/templates/views/report-templates/
+
+mkdir -p $destino/templates/reports
+cp ./templates_reports/* $destino/templates/reports/

media_js_reports/export-pdf-report.js

@@ -12,8 +12,10 @@ define([
 
             //console.log('Params:', params);
             this.anexarUbic = ko.observable(false);
+            this.satMap = ko.observable(false);
             this.anexarImagenes = ko.observable(false);            
             this.anexarPdfs = ko.observable(false);
+
             const boolToStr = (bool) => bool ? "1" : "0";
 
             self.resourceId = ko.observable(
@@ -23,7 +25,7 @@ define([
             self.exportPDF = function() {
                 var id = self.resourceId();
                 if (id) {
-                    var url = '/export/pdf/' + id + '/' + boolToStr(self.anexarUbic()) + '/' + boolToStr(self.anexarImagenes()) + '/' + boolToStr(self.anexarPdfs()) + '/';
+                    var url = '/export/pdf/' + id + '/' + boolToStr(self.anexarUbic()) + '/' + boolToStr(self.satMap()) + '/' + boolToStr(self.anexarImagenes()) + '/' + boolToStr(self.anexarPdfs()) + '/';
                     window.open(url, '_blank');
                 } else {
                     alert('No se encontró el ID del recurso.');

pdf/views.py

@@ -1,10 +1,11 @@
 # mi_proyecto/pdf/views.py
-# dpsk - 2026
+
 import io
 from pathlib import Path
 from django.http import HttpResponse
 from django.template.loader import render_to_string
 from weasyprint import HTML
+from arches.app.models.models import GraphModel
 from arches.app.models.resource import Resource
 from django.contrib.auth.models import Group
 from datetime import datetime
@@ -12,9 +13,61 @@ from zoneinfo import ZoneInfo
 from functools import reduce
 from operator import getitem
 from pypdf import PdfReader, PdfWriter
+import urllib.parse
+import requests
+import base64
 import json
 import ast
 
+def static_map_view(geojson_colec, sat_map):
+    g_sys_cfg=GraphModel.objects.get(name='{"en": "Arches System Settings"}')
+    r_sys_cfg=Resource.objects.get(graph=g_sys_cfg)
+    r_sys_cfg_data=r_sys_cfg.to_json()
+    access_token = r_sys_cfg_data['Map Settings']['Mapbox']['MAPBOX_API_KEY']
+
+    geojson_dict = ast.literal_eval(geojson_colec)
+    if sat_map:
+        style_id = "satellite-streets-v12" # streets-v12 | outdoors-v11 | satellite-streets-v12
+        for geo in geojson_dict['features'] :
+            if geo['geometry'].get('type') == 'Polygon':
+                geo['properties'] = {
+                    "stroke": "#00ffff",  
+                    "stroke-width": 2,    
+                    "stroke-opacity": 0.8,
+                    "fill": "#00ffff",    
+                    "fill-opacity": 0.3   
+                    }
+            elif geo['geometry'].get('type') == 'Point':
+                geo['properties'] = {
+                    "marker-color": "#ff0000",
+                    "marker-size": "small"
+                    }
+            elif geo['geometry'].get('type') == 'LineString':
+                geo['properties'] = {
+                    "stroke": "#0000ff",  
+                    "stroke-width": 2,    
+                    "stroke-opacity": 0.8 
+                    }
+    else:
+        style_id = "light-v11"
+
+    geojson_string = json.dumps(geojson_dict, separators=(',', ':'))
+    encoded_geojson = urllib.parse.quote(geojson_string)
+    
+    username = "mapbox"
+    width, height = 400, 400
+    padding = 100
+
+    mapbox_url = (
+        f"https://api.mapbox.com/styles/v1/{username}/{style_id}/static/"
+        f"geojson({encoded_geojson})/auto/{width}x{height}"
+        f"?padding={padding}&access_token={access_token}"
+    )
+
+    response = requests.get(mapbox_url)
+
+    return base64.b64encode(response.content).decode('utf-8')
+
 def ajustar_medios(resource_media_rel, medios_list):
     medios = []
     img=["image/bmp", "image/gif", "image/jpg", "image/jpeg", "image/png", "image/tif", "image/tiff"]
@@ -83,12 +136,13 @@ def strdict_to_dict(strdict):
         pass
     return value
 
-def export_resource_pdf(request, resourceid, printubic, printimgs, printpdfs):
+def export_resource_pdf(request, resourceid, printubic, satmap, printimgs, printpdfs):
     resource = Resource.objects.get(pk=resourceid)
     resource_data = resource.to_json()
 
     # Corrección de medios relacionados, se normalizan claves y se adicionan propiedades
     ruta_medios = find_key_path( resource_data, "Medio de información")
+
     if ruta_medios is not None:
         valor_medios=reduce(lambda dict_layer, key: dict_layer[key], ruta_medios, resource_data)
         resource_rel=resource.get_related_resources(user=request.user,resourceinstance_graphid='6afc4e9e-727e-4152-8084-309267752650')
@@ -96,6 +150,7 @@ def export_resource_pdf(request, resourceid, printubic, printimgs, printpdfs):
         reduce(getitem, ruta_medios[:-1], resource_data)[ruta_medios[-1]] = ajustar_medios(resource_rel,valor_medios)
 
     # Cambio de datos gis en texto a formato json
+
     ruta_gis = find_key_path( resource_data, "Coordenadas / Geometría")
     if ruta_gis is not None:
         valor_gis=reduce(lambda dict_layer, key: dict_layer[key], ruta_gis, resource_data)["@value"]
@@ -111,7 +166,13 @@ def export_resource_pdf(request, resourceid, printubic, printimgs, printpdfs):
     # Fecha del informe
     sprpcb_url=request.build_absolute_uri('/')[:-1]
     fecha=datetime.now(ZoneInfo("America/La_Paz"))
-    
+
+    map_img = None
+
+    if ruta_gis is not None and bool(int(printubic)) :
+        if reduce(getitem, ruta_gis[:-1], resource_data)[ruta_gis[-1]]["@value"] :
+            map_img = static_map_view(reduce(getitem, ruta_gis[:-1], resource_data)[ruta_gis[-1]]["@value"], bool(int(satmap)))
+
     resources = [{
         'resourceinstanceid': str(resource.resourceinstanceid),
         'graph_id': str(resource.graph_id),
@@ -120,8 +181,10 @@ def export_resource_pdf(request, resourceid, printubic, printimgs, printpdfs):
         'sprpcb_url': sprpcb_url,
         'fecha': fecha,
         'eta_group': eta_group,
+        'print_ubic': bool(int(printubic)),
         'print_imgs': bool(int(printimgs)),
-        'print_pdfs': bool(int(printpdfs))
+        'print_pdfs': bool(int(printpdfs)),
+        'map_img': map_img
     }]
 
     context = {'resources': resources}
@@ -145,22 +208,26 @@ def export_resource_pdf(request, resourceid, printubic, printimgs, printpdfs):
             nombre_pdf = f'Inmaterial_{resourceid}'
 
     gen_pdf_file = HTML(string=html_string, base_url=request.build_absolute_uri("/")).write_pdf()
-    
+
     merger = PdfWriter()
     merger.append(PdfReader(io.BytesIO(gen_pdf_file)))
-    
+
     root_path = Path(__file__).resolve().parent.parent
 
-    for medio in reduce(getitem, ruta_medios[:-1], resource_data)[ruta_medios[-1]] :
+    if ruta_medios is not None and bool(int(printpdfs)) :
-        if medio['formato'] == 'application/pdf' and bool(int(printpdfs)) :
+        for medio in reduce(getitem, ruta_medios[:-1], resource_data)[ruta_medios[-1]] :
-            merger.append(PdfReader(f'{root_path}/uploadedfiles/{medio["file"]}'))
+            if medio['formato'] == 'application/pdf' :
-            output_buffer = io.BytesIO()
+                medio_file = f'{root_path}/uploadedfiles/{medio["file"]}'
-            merger.write(output_buffer)
+                with open(medio_file,'rb') as pdf_file :
-            merger.close()
+                    merger.append(pdf_file)
-        else:
+                output_buffer = io.BytesIO()
-            output_buffer = io.BytesIO()
+                merger.write(output_buffer)
-            merger.write(output_buffer)
+                merger.close()
-            merger.close()
+    else:
-    response = HttpResponse(output_buffer.getvalue(), content_type='application/pdf')
+        output_buffer = io.BytesIO()
+        merger.write(output_buffer)
+        merger.close()
+    output_buffer.seek(0)
+    response = HttpResponse(output_buffer.read(), content_type='application/pdf')
     response['Content-Disposition'] = f'attachment; filename="{nombre_pdf}.pdf"'
     return response

templates_reports/actor_pdf_report.html

@@ -16,14 +16,15 @@
             h3 { font-size: 12pt;}
             h4 { font-size: 11pt;}
 
-            .tiles-grid-grp { display: grid; grid-template-columns: 3fr 2fr; grid-template-rows: auto auto; gap: 2px;}
+            .tiles-grid-grp { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 2px;}
             .tiles-grid-grp-col { grid-column: 2; grid-row: 1 / span 2; }
             .tile-block { border: 1px solid var(--ceniza); border-radius: 4px; padding: 2px; margin: 2px 0; background-color: var(--claro);}
             .tile-title { font-size: 11pt; font-weight: bold; color: var(--oscuro); border-bottom: 1px solid var(--ceniza); padding-bottom: 2px; margin-bottom: 5px;}
             .data-row { display: flex; padding: 2px 0; border-bottom: 1px solid var(--claro);}
             .data-label { font-weight: 600; letter-spacing: -0.05em; width: 40%; color: var(--oscuro);}
-            .data-value { width: 40%; letter-spacing: -0.05em; word-wrap: break-word;}
+            .data-value { width: 60%; font-size:.9em; word-wrap: break-word;}
             .no-data { color: var(--ceniza); font-style: italic;}
+            .tiles-grid-grp-col .tile-block img { object-fit: cover; width: 330px; max-height: 230px;}
 
             @page { 
                 @top-left { background: var(--resaltado); content: counter(page); height: 1cm; text-align: center; width: 1cm;}
@@ -117,7 +118,7 @@
                         {% with gis_vector=resource_data|val_from_key:"Ubicación simple"|val_from_key:"Coordenadas / Geometría"|val_from_key:"@value"|json_to_obj %}
                             {% for gis in gis_vector.features %}
                                 <div class="data-row">
-                                    <span class="data-value" style="width: 100%;">{{ gis.geometry }}</span>
+                                    <span class="data-value" style="width: 100%; font-size: .72em;">{{ gis.geometry|truncatewords:24 }}</span>
                                 </div>
                             {% endfor %}
                         {% endwith %}
@@ -131,6 +132,7 @@
                 <div class="tiles-grid-grp-col">
                     <div class="tile-block">
                         <div class="data-label">Mapa de referencia</div>
+                        <img src="data:image/png;base64,{{ resource.map_img }}">
                     </div>
                 </div>
             </div>

templates_reports/bim_pdf_report.html

@@ -162,7 +162,7 @@
                             {% with gis_vector=resource_data|val_from_key:"Ubicación BIM"|val_from_key:"Coordenadas / Geometría"|val_from_key:"@value"|json_to_obj %}
                                 {% for gis in gis_vector.features %}
                                     <div class="data-row">
-                                        <span class="data-value" style="width: 100%;">{{ gis.geometry }}</span>
+                                        <span class="data-value" style="width: 100%; font-size: .72em;">{{ gis.geometry|truncatewords:24 }}</span>
                                     </div>
                                 {% endfor %}
                             {% endwith %}
@@ -175,6 +175,7 @@
                 <div class="tiles-grid-grp-col">
                     <div class="tile-block">
                         <div class="tile-title">Mapa de referencia</div>
+                        <img src="data:image/png;base64,{{ resource.map_img }}">
                     </div>
                 </div>
             </div>

templates_reports/bm_pdf_report.html

@@ -152,15 +152,17 @@
                             <span class="data-label">Espacio: </span>
                             <span class="data-value">{{ resource_data|val_from_key:"Localización"|val_from_key:"Espacio" }}</span>
                         </div>
-                        <div class="data-row">
+                        {% if resource.print_ubic %}
-                            <span class="data-label">Inmueble: </span>
+                            <div class="data-row">
-                            <span class="data-value">{{ resource_data|val_from_key:"Localización"|val_from_key:"Inmueble" }}</span>
+                                <span class="data-label">Inmueble: </span>
-                        </div>
+                                <span class="data-value">{{ resource_data|val_from_key:"Localización"|val_from_key:"Inmueble" }}</span>
-                        <div class="data-row">
+                            </div>
-                            <span class="data-label">Colección: </span>
+                            <div class="data-row">
-                            <span class="data-value">{{ resource_data|val_from_key:"Localización"|val_from_key:"Colección" }}</span>
+                                <span class="data-label">Colección: </span>
-                        </div>
+                                <span class="data-value">{{ resource_data|val_from_key:"Localización"|val_from_key:"Colección" }}</span>
-                        {% if resource_data|val_from_key:"Localización"|has_key:"Ubicación" %} 
+                            </div>
+                        {% endif %}
+                        {% if resource_data|val_from_key:"Localización"|has_key:"Ubicación" and resource.print_ubic %} 
                             <div class="data-row" style="margin-left: 15px;">
                                 <span class="data-value" style="width: 100%;"><b>Ambiente : </b> {{resource_data|val_from_key:"Localización"|val_from_key:"Ubicación"|val_from_key:"Ambiente" }}</span>
                             </div>
@@ -180,11 +182,11 @@
                         <div class="data-row">
                             <span class="data-label" style="width: 100%;">Coordenadas / Geometría: </span>
                         </div>
-                        {% if resource_data|val_from_key:"Localización"|has_key:"Coordenadas / Geometría" %}
+                        {% if resource_data|val_from_key:"Localización"|has_key:"Coordenadas / Geometría" and resource.print_ubic %}
                             {% with gis_vector=resource_data|val_from_key:"Localización"|val_from_key:"Coordenadas / Geometría"|val_from_key:"@value"|json_to_obj %}
                                 {% for gis in gis_vector.features %}
                                     <div class="data-row">
-                                        <span class="data-value" style="width: 100%;">{{ gis.geometry }}</span>
+                                        <span class="data-value" style="width: 100%; font-size: .72em;">{{ gis.geometry|truncatewords:24 }}</span>
                                     </div>
                                 {% endfor %}
                             {% endwith %}
@@ -197,6 +199,7 @@
                 <div class="tiles-grid-grp-col">
                     <div class="tile-block">
                         <div class="tile-title">Mapa de referencia</div>
+                        <img src="data:image/png;base64,{{ resource.map_img }}">
                     </div>
                 </div>
             </div>

templates_reports/pi_pdf_report.html

@@ -126,7 +126,7 @@
                             {% with gis_vector=resource_data|val_from_key:"Ubicación 2"|val_from_key:"Coordenadas / Geometría"|val_from_key:"@value"|json_to_obj %}
                                 {% for gis in gis_vector.features %}
                                     <div class="data-row">
-                                        <span class="data-value" style="width: 100%;">{{ gis.geometry }}</span>
+                                        <span class="data-value" style="width: 100%; font-size: .72em;">{{ gis.geometry|truncatewords:24 }}</span>
                                     </div>
                                 {% endfor %}
                             {% endwith %}
@@ -140,6 +140,7 @@
                 <div class="tiles-grid-grp-col">
                     <div class="tile-block">
                         <div class="tile-title">Mapa de referencia</div>
+                        <img src="data:image/png;base64,{{ resource.map_img }}">
                     </div>
                 </div>
             </div>

templates_views_report-templates/export-pdf-report.htm

@@ -15,11 +15,15 @@
                 </div>
                 <div class="report-print-date" data-bind="component: {
                             name: 'views/components/simple-switch',
-                            params: { value: anexarImagenes, config:{ label: 'Incluir imágenes adjuntas'}}}">
+                            params: { value: satMap, config:{ label: 'Mapa satelital'}}}">
                 </div>
                 <div class="report-print-date" data-bind="component: {
                             name: 'views/components/simple-switch',
-                            params: { value: anexarPdfs, config:{ label: 'Incluir documentos (pdf) adjuntos'}}}">
+                            params: { value: anexarImagenes, config:{ label: 'Adjuntar imágenes'}}}">
+                </div>
+                <div class="report-print-date" data-bind="component: {
+                            name: 'views/components/simple-switch',
+                            params: { value: anexarPdfs, config:{ label: 'Adjuntar documentos (pdf)'}}}">
                 </div>
             </div>
         </div>