-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathindex.html
131 lines (126 loc) · 6.48 KB
/
index.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="styles/default.css">
<link href="jsoneditor.min.css" rel="stylesheet">
<title>Json To Dart Model</title>
</head>
<body>
<div class="divContainer divContainer mainContent">
<div class="divContainer header">
<!-- 标题 -->
<h1>Json To Dart Model Code Generator</h1>
<a href="https://github.com/ashamp/jsonToDartModel/tree/gh-pages" target="_blank">view source</a>
</div>
<div class="divContainer info">
<!-- 提示信息 -->
</div>
<div class="divContainer mainContainer">
<!-- 主容器 -->
<div class="divContainer leftContainer">
<!-- 左容器 -->
<div class="divContainer jsonContainer">
<!-- json容器 -->
<div class="origJsonContainer">
<!-- 原始json -->
<!-- <textarea name="origJsonTextarea" id="origJsonTextarea"></textarea> -->
<div id="origJsonContainer" style="height: 100%"></div>
</div>
</div>
<div class="divContainer inputsContainer">
<!-- Input容器 -->
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>JsonKey:</p>
</div>
<div class="divContainer inputContainer">
<p><input type="checkbox" name="usingJsonKeyCheckBox" id="usingJsonKeyCheckBox"> Json key string</p>
<p> | </p>
<p><input type="checkbox" name="jsonKeyPrivateCheckBox" id="jsonKeyPrivateCheckBox"> Private</p>
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>Camel Case:</p>
</div>
<div class="divContainer inputContainer">
<p><input type="checkbox" name="camelCheckBox" id="camelCheckBox"> Convert snake case to camel case</p>
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>Null safe:</p>
</div>
<div class="divContainer inputContainer">
<p><input type="checkbox" name="nullSafeCheckBox" id="nullSafeCheckBox"> Enable null safe</p>
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>Fault tolerance:</p>
</div>
<div class="divContainer inputContainer">
<p><input type="checkbox" name="faultToleranceCheckBox" id="faultToleranceCheckBox"> Fault tolerance for JSON with mismatched data types</p>
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>Force String Type:</p>
</div>
<div class="divContainer inputContainer">
<p><input type="checkbox" name="forceStringCheckBox" id="forceStringCheckBox"> Convert all props to String type (Except bool)</p>
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>Store Original Json:</p>
</div>
<div class="divContainer inputContainer">
<p><input type="checkbox" name="origJsonCheckBox" id="origJsonCheckBox"> Enable store original Json</p>
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>Root Class Name:</p>
</div>
<div class="divContainer inputContainer">
<input type="text" name="className" id="classNameTextField" placeholder="Typecally you can using interface name">
</div>
</div>
<div class="divContainer textInputContainer">
<div class="divContainer inputTitle">
<p>File Name:</p>
</div>
<div class="divContainer inputContainer">
<input type="text" name="className" disabled id="fileNameTextField" placeholder="Auto generated snake case file name">
</div>
</div>
</div>
</div>
<div class="divContainer rightContainer">
<!-- 右容器 -->
<div class="divContainer objcHeader">
<!-- 头文件 -->
<pre><code id="dartCode" class="objectivec"></code></pre>
</div>
<div class="divContainer copyBtnContaner">
<button id="copyFileBtn" class="copyBtn">Copy</button>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.5.3/jsoneditor.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="highlight.pack.js"></script>
<script src="code.js"></script>
<div style="display:none">
<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1277869668&web_id=1277869668"></script>
</div>
</body>
</html>