FluidNC_YAML_Validator/index.html at main · CNCxyz/FluidNC_YAML_Validator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="This is a web based validator for checking FluidNC YAML configurations before uploading to your ESP32.">
    <meta name="author" content="CNC.xyz">
    <meta name="keywords" content="grbl,esp32,fluidnc">

    <!-- Title Page-->
    <title>FluidNC YAML Validator</title>

    <!-- Icons font CSS-->
    <link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- Font special for pages-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">

    <!-- Main CSS-->
    <link href="css/main.css" rel="stylesheet" media="all">

	<link rel="stylesheet" type="text/css" href="vendor/codemirror/codemirror.css"></link>

</head>

<body>
</head>

<body>

    <div class="page-wrapper bg-dark p-t-45 p-b-50">
        <div class="wrapper wrapper--w900">
            <div class="card card-6">
                <div class="card-heading">
                    <h2 class="title">FluidNC YAML Validator</h2></i>
                </div>
                <form method="POST" id="form">
                <div class="card-body">
                    <div class="form-row form-row-top">
                        <div class="name">YAML</div>
                        <div class="value">
                            <div class="input-group">
                                <textarea name="yaml" id="yaml" class="input--style-5" rows="15"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="form-row form-row-top errors" id="error" style="display:none">
                  		<div class="name">Error</div>
                        <div class="input-group" id="error_text"></div>
                   </div>
               </div>
               <div class="card-footer" align="right">
                    <span id="success" style="display: none;">Valid <i class="fas fa-check"></i></span><button class="btn btn--radius-2 btn--blue-2" type="submit" id="check" disabled="disabled">Check</i></button>
                </div>
               </form>
            </div>
       </div>
   </div>

    <!-- Jquery JS-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/js-yaml/js-yaml.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ajv/8.1.0/ajv7.min.js" integrity="sha512-iG/rBFw+Q1mlDQt15pw86zil1/1JeeNoJ1Grux8zZgvIBLDDnRLdA8UaIosHohzrqBEXA2+hIQV7DXnYGYGX/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <!-- Main JS-->
    <script src="js/script.js"></script>
    <script language="javascript" type="text/javascript" src="vendor/codemirror/codemirror.js"></script>
	<script language="javascript" type="text/javascript" src="vendor/codemirror/yaml.js"></script>

<script language="javascript" type="text/javascript">
    var editor = CodeMirror.fromTextArea(document.getElementById('yaml'), {
    lineNumbers: true,
    mode: 'text/x-yaml'
});
</script>

</body>
<!-- This templates was made by Colorlib (https://colorlib.com) -->
</html>
<!-- end document-->