Merge pull request #12 from agustinbouillet/develop

Develop
agustinbouillet · Aug 16, 2023 · 73b9e6c · 73b9e6c
2 parents ba44409 + 82adb91
commit 73b9e6c
Show file tree

Hide file tree

Showing 19 changed files with 12,371 additions and 508 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1 @@
-
+node_modules
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Agustín
+Copyright (c) 2023 Agustín Bouillet
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -34,32 +34,6 @@ tel.getData();
     type :"mobile",
 }
 ```
-#### getGeoPolitc()
-Retorna el nombre de la provincia y ciudad a partir del código de área.
-```javascript
-var tel = new TelefonoArgentino('+54 3743 123456');
-tel.getGeoPolitc();
-
-// Retorna
-{
-    ciudad: "Puerto Rico",
-    localidades: {
-        0: "Capioví"
-        1: "Colonia Polana"
-        2: "Garuhapé"
-        3: "Garuhapé-Mi"
-        4: "Jardín América"
-        5: "Mbopicuá"
-        ...
-        }
-    provincia: "Misiones"
-}
-
-```
-
-La información referenciada de las regiones se obtiene de un _Google spreadsheet_ en:
-[Números de teléfono Argentino](https://docs.google.com/spreadsheets/d/e/2PACX-1vREyOVZkriXt3Www9BkVxxLWGkR_vT7hD2CamyYK4VIKUAJE1_h2knRMbd2ZFIAkiUdBSlyN1_dBEA3/pubhtml?gid=0&single=true). Y se descarga en formato JSON de la siguiente URI: [https://sheets.googleapis.com/v4/spreadsheets/14H7VE3zfllDDTC73L0bL7nyjkdodPMXvqs1CH__xgFY/values/db?key=AIzaSyAll9EH1aTmZDewNSyM_CU_AIsGOiEDyZs&alt=json](https://sheets.googleapis.com/v4/spreadsheets/14H7VE3zfllDDTC73L0bL7nyjkdodPMXvqs1CH__xgFY/values/db?key=AIzaSyAll9EH1aTmZDewNSyM_CU_AIsGOiEDyZs&alt=json)
-
 
 #### input()
 
@@ -119,6 +93,43 @@ tel.invalidChars();
 - (54) 11 5789-1489
 - (02966) 441200
 
+
+## Información geográfica
+
+La información referenciada de las regiones se obtiene de un _Google spreadsheet_ en:
+
+```
+https://sheets.googleapis.com/v4/spreadsheets/14H7VE3zfllDDTC73L0bL7nyjkdodPMXvqs1CH__xgFY/values/db?key={{your-google-api-key}}&alt=json
+```
+
+O usar el archivo response.json ubicado dentro del directorio _data_, dentro del repositorio.
+
+### Ejemplo de conexión con google sheet
+
+```javascript
+/**
+ * Fetch data by area code
+ */
+async function regionByAreaCode(options = {}) {
+    let data = [];
+    const uri = "https://sheets.googleapis.com/v4/spreadsheets/14H7VE3zfllDDTC73L0bL7nyjkdodPMXvqs1CH__xgFY/values/db?key={{your-google-api-key}}&alt=json";
+    let response = await fetch(uri, options);
+    data = await response.json();
+    return data;
+}
+
+
+// Validate
+const tel = new TelefonoArgentino("+54 9 11 5017-6006");
+console.log(tel.getData());
+
+regionByAreaCode().then((data) => {
+    const values = data.values.find((f) => f[0] == tel.getData().area_code);
+    console.log(values);
+});
+```
+
+
 ## Demo
 - https://codepen.io/agustinbouillet/pen/ozNVaP
 - [CODEPEN](http://codepen.io)

diff --git a/data/geo.json b/data/geo.json
diff --git a/data/geo_politics.json b/data/geo_politics.json
diff --git a/data/json_generator.py b/data/json_generator.py
diff --git a/data/response.json b/data/response.json
diff --git a/demo/conn.html b/demo/conn.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Número de teléfono argentino</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
+        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+</head>
+<body>
+    <div class="container my-5">
+        <div class="row g-3">
+            <div class="col-md-12">
+                <h1 class="h3 text-secondary">Validador de números de teléfono argentino</h1>
+            </div>
+            <div class="col-md-8 px-4">
+                <form action="" id="validator">
+                    <div class="input-group mb-2">
+                        <input type="text" class="form-control form-control-lg" id="id_phone_number"
+                            placeholder="Número de teléfono" aria-label="Número de teléfono"
+                            aria-describedby="passwordHelpBlock">
+                        <button class="btn btn-primary btn-lg" type="button" id="id_validate">Validar</button>
+                    </div>
+                </form>
+                <div id="passwordHelpBlock" class="form-text">
+                    <p>Caracteres válidos: - . ( ) [ ] + espacio y números.</p>
+                </div>
+                <div class="pt-3" id="id_table_container">
+                </div>
+                <p class="small">
+                    * Los números de teléfono móvil deben tener el prefijo
+                    15 ó 9 junto al código de área (ej. 11); de otro modo
+                    serán considerados teléfonos fijos.
+                </p>
+            </div>
+
+            <div class="col-md-4 px-4">
+                <div class="list-group small">
+                    <button type="button" class="list-group-item list-group-item-action js-validate">+54 3585 123456</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">+54 358 1234567</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">+54 9 11 4639-1234</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">011 4639-1234</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">11 4639-1234</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">15 4639-1234</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">1550176006</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">4639.1234</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">4639-1234</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">911</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">0810 666 4444</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">000</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">(54) 11 5789-1489</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">(02966) 441200</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">00 5411 46392313</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">(0362) 445-6470</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">+54.3624448012</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">3755-699556</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">0388-4237105</button>
+                    <button type="button" class="list-group-item list-group-item-action js-validate">0266 4452000</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src='../src/telefonos_argentinos.js'></script>
+    <script src='./data/response.js'></script>
+    <script src='./js/index.js'></script>
+</body>
+</html>