Mejora de la UX

main
root 5 months ago
parent 7fb04a9706
commit 0f089875cc

@ -24,7 +24,7 @@
{
"condition_string": "****",
"target_node_id": "node1732726367723",
"extensionNumber": "4000"
"extensionNumber": ""
}
]
}

@ -1,27 +0,0 @@
{
"tabId": "6",
"tabName": "Prueba",
"node3_conditions": [
{
"nodeId": "node1733232084628",
"title": "Prompt y Condiciones",
"conditions": [
{
"condition_string": "*",
"target_node_id": "node1733232156012",
"extensionNumber": "1000"
},
{
"condition_string": "**",
"target_node_id": "node1733232177548",
"extensionNumber": "2000"
},
{
"condition_string": "***",
"target_node_id": "node1733232195165",
"extensionNumber": "3000"
}
]
}
]
}

@ -0,0 +1,11 @@
{
"tabId": "9",
"tabName": "Demo_sura",
"node3_conditions": [
{
"nodeId": "node1733925609991",
"title": "Prompt y Condiciones",
"conditions": []
}
]
}

@ -79,16 +79,6 @@
},
"nodeType": "node4",
"extensionNumber": "3000"
},
{
"id": "node1732726367723",
"title": "Área comercial",
"position": {
"top": "309px",
"left": "927px"
},
"nodeType": "node4",
"extensionNumber": "4000"
}
],
"connections": [
@ -126,13 +116,6 @@
"endNodeId": "node1732719473032",
"endPortClass": "in",
"isActive": false
},
{
"startNodeId": "node1732660230441",
"startPortClass": "out",
"endNodeId": "node1732726367723",
"endPortClass": "in",
"isActive": false
}
]
}

@ -1,117 +0,0 @@
{
"tabName": "Prueba",
"nodes": [
{
"id": "node1733232048812",
"title": "DID o Extensión",
"extensionNumber": "7890",
"position": {
"top": "157px",
"left": "106px"
},
"nodeType": "node1"
},
{
"id": "node1733232060675",
"title": "IVR",
"audioFile": "/media/tabs/tab_6/audio_files/IVR_node2_node1733232060675.wav",
"position": {
"top": "156px",
"left": "379px"
},
"nodeType": "node2"
},
{
"id": "node1733232084628",
"title": "Prompt y Condiciones",
"content": "Eres un agente de servicio al cliente de telefonía y debes identificar si la persona quiere ser transferida al área de tecnología, administración o comercial. \nEn caso de tecnología devuelve 1 *.\nEn caso de Administración devuelve **.\nEn caso de Comercial devuelve ***.\n\nEs de suma importacia que los asteriscos deben ir al inicio de tú respuesta y siempre debes indicar a cuál área será transferido el cliente e indicar que fue un gusto atenderlo. Nunca puedes enviar los asteriscos solos, tienes que decir que fue un placer atenderte.",
"position": {
"top": "155px",
"left": "654px"
},
"nodeType": "node3",
"textFile": "",
"conditions": [
{
"condition_string": "*",
"target_node_id": "node1733232156012"
},
{
"condition_string": "**",
"target_node_id": "node1733232177548"
},
{
"condition_string": "***",
"target_node_id": "node1733232195165"
}
]
},
{
"id": "node1733232156012",
"title": "Tecnología",
"position": {
"top": "62px",
"left": "1010px"
},
"nodeType": "node4",
"extensionNumber": "1000"
},
{
"id": "node1733232177548",
"title": "Administración",
"position": {
"top": "181px",
"left": "1013px"
},
"nodeType": "node4",
"extensionNumber": "2000"
},
{
"id": "node1733232195165",
"title": "Comercial",
"position": {
"top": "290px",
"left": "1015px"
},
"nodeType": "node4",
"extensionNumber": "3000"
}
],
"connections": [
{
"startNodeId": "node1733232048812",
"startPortClass": "out",
"endNodeId": "node1733232060675",
"endPortClass": "in",
"isActive": false
},
{
"startNodeId": "node1733232060675",
"startPortClass": "out",
"endNodeId": "node1733232084628",
"endPortClass": "in",
"isActive": false
},
{
"startNodeId": "node1733232084628",
"startPortClass": "out",
"endNodeId": "node1733232156012",
"endPortClass": "in",
"isActive": false
},
{
"startNodeId": "node1733232084628",
"startPortClass": "out",
"endNodeId": "node1733232177548",
"endPortClass": "in",
"isActive": false
},
{
"startNodeId": "node1733232084628",
"startPortClass": "out",
"endNodeId": "node1733232195165",
"endPortClass": "in",
"isActive": false
}
]
}

@ -0,0 +1,53 @@
{
"tabName": "Demo_sura",
"nodes": [
{
"id": "node1733925358572",
"title": "DID o Extensión",
"extensionNumber": "6666",
"position": {
"top": "159px",
"left": "106px"
},
"nodeType": "node1"
},
{
"id": "node1733925372948",
"title": "Audio",
"audioFile": "/media/tabs/tab_9/audio_files/Audio_node2_node1733925372948.wav",
"position": {
"top": "158px",
"left": "353px"
},
"nodeType": "node2"
},
{
"id": "node1733925609991",
"title": "Prompt y Condiciones",
"content": "Eres un asistente de tecnologia vas a conntestar llmadas con dudas dobre daños a computadoras, aparatos tecnologicos y todo referenete a tecnologia, serar un agente de TI nivel 1",
"position": {
"top": "158px",
"left": "590px"
},
"nodeType": "node3",
"textFile": "",
"conditions": []
}
],
"connections": [
{
"startNodeId": "node1733925358572",
"startPortClass": "out",
"endNodeId": "node1733925372948",
"endPortClass": "in",
"isActive": false
},
{
"startNodeId": "node1733925372948",
"startPortClass": "out",
"endNodeId": "node1733925609991",
"endPortClass": "in",
"isActive": false
}
]
}

@ -41,7 +41,7 @@ body {
}
#node1, [data-node-type="node1"] {
background-color: #004D40;
background-color: #92a5b9;
}
#node2, [data-node-type="node2"] {
@ -220,4 +220,17 @@ canvas {
height: 35px;
border-radius: 5px;
border: none;
}
.footer {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
bottom: 0;
position: absolute;
background: rgba(255,255,255,0.5);
width: 100%;
height: 60px;
font-size: 25px;
}

@ -158,7 +158,7 @@ button {
}
[data-node-type="node1"] {
background-color: #004D40;
background-color: #92a5b9;
}
[data-node-type="node2"] {

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

@ -118,7 +118,7 @@ function createNode(e, tabId) {
// Asignar puertos en base al tipo de nodo
if (node_type === "node1") {
element.style.background = "#004D40";
element.style.background = "#92a5b9";
element.setAttribute('data-node-type', 'node1');
const portOut = document.createElement('div');
portOut.className = 'port port-out';

@ -520,7 +520,7 @@ async function loadTabData(tabId, tabName = null) {
const portOut = document.createElement('div');
portOut.className = "port port-out";
node.appendChild(portOut);
node.style.background = "#004D40";
node.style.background = "#92a5b9";
} else if (nodeData.nodeType === "node2") {
const portIn = document.createElement('div');
portIn.className = "port port-in";

@ -8,6 +8,7 @@
<head>
<meta charset="UTF-8">
<title>Flow System</title>
<link rel="icon" href="{% static 'images/loading-animation.png' %}" type="image/png">
<link rel="stylesheet" href="{% static 'css/flow.css' %}">
<link rel="stylesheet" href="{% static 'css/tabs.css' %}">
<link rel="preconnect" href="https://fonts.googleapis.com">
@ -23,6 +24,11 @@
</div>
<div id="tabContent"></div>
<div class="footer">
<img src="{% static 'images/loading-animation.png' %}" width="120px" height="35px" class="sapian">
<footer>&copy; 2024 Sapian. Todos los derechos reservados.</footer>
</div>
<script src="{% static 'js/connections.js' %}" defer></script>
<script src="{% static 'js/flow_doc.js' %}" defer></script>
<script src="{% static 'js/tabs.js' %}" defer></script>

@ -1 +0,0 @@
+ para RTC, ++ para TIC y +++ para Desarrollo
Loading…
Cancel
Save