js2ts: install_db.php

- jqValidateForm 구현 - async-validator + 수작업 - common.js 없이 ventor -> 타겟 ts 직접
2021-08-16 23:50:12 +09:00
parent 1acbf90261
commit 28d71b8ce2
10 changed files with 196 additions and 70 deletions
@@ -0,0 +1,79 @@
+
+import axios from 'axios';
+import jQuery from 'jquery';
+import { Rules } from 'async-validator';
+import { JQValidateForm } from './util/jqValidateForm';
+import { convertFormData } from './util/convertFormData';
+import { InvalidResponse } from './defs';
+import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+
+jQuery(async function ($) {
+    setAxiosXMLHttpRequest();
+
+    const descriptor: Rules = {
+        full_reset: {
+            required: true,
+        },
+        db_host: {
+            type: 'string',
+            required: true,
+        },
+        db_port: {
+            type: 'integer',
+            validator: (rule, value: string) => {
+                const num = parseInt(value);
+                if (num <= 0 || num >= 65535) {
+                    return new Error('올바른 포트 범위가 아닙니다.');
+                }
+                return true;
+            }
+        },
+        db_id: {
+            type: 'string',
+            required: true,
+        },
+        db_pw: {
+            type: 'string',
+            required: true,
+        },
+        db_name: {
+            type: 'string',
+            required: true,
+        }
+    };
+    const validator = new JQValidateForm($('#db_form'), descriptor);
+    validator.installChangeHandler();
+    
+    $('#db_form').on('submit', async function (e) {
+        e.preventDefault();
+
+        const items = await validator.validate();
+        if(items === undefined){
+            return;
+        }
+
+        let data: InvalidResponse;
+
+        try{
+            const response = await axios({
+                url: 'j_install_db.php',
+                method: 'post',
+                responseType: 'json',
+                data: convertFormData(items)
+            })
+            data = response.data as InvalidResponse;
+        }
+        catch(e){
+            alert(e);
+            return false;
+        }
+        
+        if(!data.result){
+            alert(`에러: ${data.reason}`);
+            return false;
+        }
+
+        alert('DB.php가 생성되었습니다.');
+        location.href = 'install.php';
+    });
+});