|
100 | 100 | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
101 | 101 | <![endif]-->
|
102 | 102 |
|
103 |
| - <!-- ANALYTICS START --> |
| 103 | + <!-- Style Setting --> |
| 104 | + <style type="text/css"> |
| 105 | + #fields div.field { |
| 106 | + background-color: white; |
| 107 | + min-height: 50px; |
| 108 | + box-sizing: border-box; |
| 109 | + } |
| 110 | + #fields div.placeholder { |
| 111 | + background-color: #f9f9f9; |
| 112 | + border: 1px dotted #ccc; |
| 113 | + } |
| 114 | + #fields div.ui-sortable-helper { |
| 115 | + opacity: 0.7; |
| 116 | + } |
| 117 | +
|
| 118 | + div.fields input, |
| 119 | + div.fields select { |
| 120 | + width: 100%; |
| 121 | + } |
| 122 | + div.fields select { |
| 123 | + } |
| 124 | + div.fields label span.field-move { |
| 125 | + display: inline-block; |
| 126 | + padding: 0.3em 0.7em; |
| 127 | + margin-right: 0.5em; |
| 128 | + border: 1px solid #ccc; |
| 129 | + color: #444; |
| 130 | + border-radius: 3px; |
| 131 | + } |
| 132 | + div.fields label span.field-move:hover { |
| 133 | + border: 1px solid #777; |
| 134 | + background: #f9f9f9; |
| 135 | + } |
| 136 | + div.fields div.field-title { |
| 137 | + width: 30%; |
| 138 | + float: left; |
| 139 | + padding-right: 3%; |
| 140 | + box-sizing: border-box; |
| 141 | + } |
| 142 | + div.fields div.field-type { |
| 143 | + width: 30%; |
| 144 | + float: left; |
| 145 | + padding-right: 3%; |
| 146 | + box-sizing: border-box; |
| 147 | + } |
| 148 | + div.fields div.field-end { |
| 149 | + width: 40%; |
| 150 | + float: left; |
| 151 | + padding-right: 3%; |
| 152 | + box-sizing: border-box; |
| 153 | + } |
| 154 | + div.fields div.field-type-options { |
| 155 | + width: 30%; |
| 156 | + float: left; |
| 157 | + padding-right: 3%; |
| 158 | + box-sizing: border-box; |
| 159 | + } |
| 160 | + div.fields div.field-remove { |
| 161 | + width: 10%; |
| 162 | + float: left; |
| 163 | + color: #bb2525; |
| 164 | + font-size: 0.9em; |
| 165 | + cursor: pointer; |
| 166 | + padding-top: 5px; |
| 167 | + } |
| 168 | + div.fields div.field-remove:hover { |
| 169 | + text-decoration: underline; |
| 170 | + } |
| 171 | + div.fields div.field-details { |
| 172 | + clear: both; |
| 173 | + color: #bb2525; |
| 174 | + font-size: 0.9em; |
| 175 | + cursor: pointer; |
| 176 | + margin-bottom: 0.5em; |
| 177 | + } |
| 178 | + div.fields div.field-details:hover { |
| 179 | + text-decoration: underline; |
| 180 | + } |
| 181 | +
|
| 182 | + #field-add { |
| 183 | + clear: both; |
| 184 | + text-align: center; |
| 185 | + padding: 0.5em; |
| 186 | + margin-top: 1em; |
| 187 | + margin-left: 30%; |
| 188 | + border: 1px solid #ccc; |
| 189 | + background: #f3f3f3; |
| 190 | + border-radius: 3px; |
| 191 | + cursor: pointer; |
| 192 | + } |
| 193 | + #field-add:hover { |
| 194 | + border: 1px solid #999; |
| 195 | + background: #eee; |
| 196 | + } |
| 197 | +
|
| 198 | + form select { |
| 199 | + margin: 0 !important; |
| 200 | + } |
| 201 | +
|
| 202 | + h3 { |
| 203 | + margin-top: 2em; |
| 204 | + } |
| 205 | +
|
| 206 | + #generator input[type="text"] { |
| 207 | + width: 110px; |
| 208 | + } |
| 209 | +
|
| 210 | + #generator .small { |
| 211 | + font-size: 0.8em; |
| 212 | + } |
| 213 | +
|
| 214 | + #generator select, |
| 215 | + #generator input[type=checkbox], |
| 216 | + #generator img { |
| 217 | + margin: 8px 0 0 0 !important; |
| 218 | + } |
| 219 | +
|
| 220 | + #generator .include { |
| 221 | + text-align: center; |
| 222 | + } |
| 223 | +
|
| 224 | + button.btn-small { |
| 225 | + padding: 0.5em 1.5em; |
| 226 | + font-size: 13px; |
| 227 | + text-shadow: none; |
| 228 | + } |
| 229 | +
|
| 230 | + #download-config-background { |
| 231 | + display: none; |
| 232 | + position: fixed; |
| 233 | + top: 0; |
| 234 | + left: 0; |
| 235 | + width: 100%; |
| 236 | + height: 100%; |
| 237 | + z-index: 10; |
| 238 | + background: rgba(0, 0, 0, 0.7); |
| 239 | + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); |
| 240 | + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); |
| 241 | + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); |
| 242 | + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); |
| 243 | + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); |
| 244 | + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); |
| 245 | + } |
| 246 | +
|
| 247 | + #download-config { |
| 248 | + display: none; |
| 249 | + position: fixed; |
| 250 | + top: 50%; |
| 251 | + left: 50%; |
| 252 | + width: 70vw; |
| 253 | + height: 80vh; |
| 254 | + margin-top: -40vh; |
| 255 | + margin-left: -35vw; |
| 256 | + background-color: white; |
| 257 | + border: 2px solid black; |
| 258 | + border-radius: 4px; |
| 259 | + z-index: 11; |
| 260 | + } |
| 261 | +
|
| 262 | + #download-config div.download-scroller { |
| 263 | + position: absolute; |
| 264 | + top: 0; |
| 265 | + left: 0; |
| 266 | + width: 100%; |
| 267 | + height: 100%; |
| 268 | + overflow: auto; |
| 269 | + padding: 1em; |
| 270 | + box-sizing: border-box; |
| 271 | + } |
| 272 | +
|
| 273 | + #download-config div.download-close { |
| 274 | + position: absolute; |
| 275 | + top: -11px; |
| 276 | + right: -11px; |
| 277 | + width: 22px; |
| 278 | + height: 22px; |
| 279 | + border: 2px solid white; |
| 280 | + background-color: black; |
| 281 | + text-align: center; |
| 282 | + border-radius: 15px; |
| 283 | + cursor: pointer; |
| 284 | + z-index: 12; |
| 285 | + box-shadow: 2px 2px 6px #111; |
| 286 | + color: white; |
| 287 | + } |
| 288 | +
|
| 289 | + #download-config h3:first-child { |
| 290 | + margin-top: 0.2em; |
| 291 | + } |
| 292 | +
|
| 293 | + div.DTE_Field.DTE_Field_Type_title label { |
| 294 | + width: 100% !important; |
| 295 | + font-size: 1.2em; |
| 296 | + font-weight: bold; |
| 297 | + border-bottom: 1px solid #aaa; |
| 298 | + } |
| 299 | + div.DTE_Field.DTE_Field_Type_title div { |
| 300 | + display: none; |
| 301 | + } |
| 302 | + div.DTE_Field.DTE_Field_Type_title:hover { |
| 303 | + background-color: white; |
| 304 | + border: 1px solid transparent; |
| 305 | + } |
| 306 | +
|
| 307 | + div.DTE_Field div.DTE_Field_Info { |
| 308 | + padding-top: 2px; |
| 309 | + } |
| 310 | +
|
| 311 | + div.values-multi-info { |
| 312 | + position: absolute; |
| 313 | + padding: 1em; |
| 314 | + border: #ddd; |
| 315 | + width: 200px; |
| 316 | + box-shadow: 2px 2px 10px #aaa; |
| 317 | + background-color: #f9f9f9; |
| 318 | + font-size: 0.8em; |
| 319 | + border-radius: 3px; |
| 320 | + } |
| 321 | + div.values-multi-info:before { |
| 322 | + display: block; |
| 323 | + position: absolute; |
| 324 | + content: ' '; |
| 325 | + height: 10px; |
| 326 | + width: 10px; |
| 327 | + top: -6px; |
| 328 | + background-color: #f9f9f9; |
| 329 | + border: 1px solid #ddd; |
| 330 | + border-bottom: none; |
| 331 | + border-left: none; |
| 332 | + -webkit-transform: rotate(-45deg); |
| 333 | + -moz-transform: rotate(-45deg); |
| 334 | + -ms-transform: rotate(-45deg); |
| 335 | + -o-transform: rotate(-45deg); |
| 336 | + transform: rotate(-45deg); |
| 337 | + } |
| 338 | + </style> |
| 339 | + |
104 | 340 | <!-- https://www.google.com/analytics/settings/home?scid=18527803 web log Analyzer -->
|
105 | 341 | <script type="text/javascript">
|
106 | 342 | /**
|
|
796 | 1032 | <body id="demo_body">
|
797 | 1033 | <section class="clearfix">
|
798 | 1034 | <div class="box">
|
799 |
| - <form id="generator_form" action="generator.php" method="POST" class="layout"> |
| 1035 | + <form id="generator_form" action="generator.do" method="POST" class="layout"> |
800 | 1036 | <input id="column_count" type="hidden" name="columns">
|
801 | 1037 | <input id="action" type="hidden" name="action" value="">
|
802 | 1038 | <input id="build" type="hidden" name="build" value="dt/jqc-1.12.4/moment-2.18.1/dt-1.10.18/b-1.5.2/sl-1.2.6">
|
803 | 1039 |
|
804 | 1040 | <h3>Software and styling</h3>
|
805 |
| - <div class="field border text"> |
806 |
| - <label>Styling:</label> |
807 |
| - <div id="builder-style"> |
808 |
| - DataTables |
809 |
| - </div> |
810 |
| - <div class="clear"></div> |
811 |
| - </div> |
812 |
| - |
813 |
| - <div class="field border text"> |
814 |
| - <label>Software:</label> |
815 |
| - <div> |
816 |
| - <div id="builder-software">DataTables, Buttons, Editor, Select, jQuery 1, Moment</div> |
817 |
| - <button class="site-btn btn-small download-builder" style="margin-top:1em;">Customise</button> |
818 |
| - </div> |
819 |
| - <div class="clear"></div> |
820 |
| - </div> |
821 |
| - |
822 |
| - |
823 |
| - <h3>Server and database</h3> |
824 |
| - <div class="field border"> |
825 |
| - <label>Server type:</label> |
826 |
| - <div> |
827 |
| - <select name="server_type" style="display: none"> |
828 |
| - <option value="php" selected>PHP</option> |
829 |
| - <option value=".net">.NET</option> |
830 |
| - <option value="nodejs">.NodeJS</option> |
831 |
| - </select> |
832 |
| - <button class="site-btn btn-small btn-inline active" data-val="php">PHP</button> |
833 |
| - <button class="site-btn btn-small btn-inline" data-val=".net">.NET</button> |
834 |
| - <button class="site-btn btn-small btn-inline" data-val="nodejs">NodeJS</button> |
835 |
| - </div> |
836 |
| - <div class="clear"></div> |
837 |
| - </div> |
838 |
| - |
839 |
| - <div class="field border"> |
840 |
| - <label>Database type:</label> |
841 |
| - <div> |
842 |
| - <select name="db_type" style="display: none"> |
843 |
| - <option value="mysql" selected>MySQL</option> |
844 |
| - <option value="postgres">PostgreSQL</option> |
845 |
| - <option value="sqlserver">SQL Server</option> |
846 |
| - </select> |
847 |
| - <button class="site-btn btn-small btn-inline active" data-val="mysql">MySQL / MariaDB</button> |
848 |
| - <button class="site-btn btn-small btn-inline" data-val="postgres">PostgreSQL</button> |
849 |
| - <button class="site-btn btn-small btn-inline" data-val="sqlserver">SQL Server</button> |
850 |
| - </div> |
851 |
| - <div class="clear"></div> |
852 |
| - </div> |
853 |
| - |
854 | 1041 | <div class="field border">
|
855 | 1042 | <label>Table name:</label>
|
856 | 1043 | <div>
|
|
859 | 1046 | <div class="clear"></div>
|
860 | 1047 | </div>
|
861 | 1048 |
|
862 |
| - <div class="field border"> |
863 |
| - <label>Primary key:</label> |
864 |
| - <div> |
865 |
| - <input type="text" name="db_table_pkey" value="id"> |
866 |
| - </div> |
867 |
| - <div class="clear"></div> |
868 |
| - </div> |
869 |
| - |
870 | 1049 | <h3>Form / Table</h3>
|
871 |
| - |
872 | 1050 | <div class="fields">
|
873 | 1051 | <div class="field field-header">
|
874 | 1052 | <label> </label>
|
875 |
| - <div> |
| 1053 | + <div class="testldm"> |
876 | 1054 | <div class="field-title">Title</div>
|
877 | 1055 | <div class="field-type">Type</div>
|
| 1056 | + <div class="field-end"> </div> |
878 | 1057 | </div>
|
879 | 1058 | </div>
|
880 | 1059 | <div id="fields"></div>
|
|
0 commit comments