├── .gitignore
├── README.md
├── demo.png
├── docs
    ├── aliases.html
    └── package.html
├── dscanner.ini
├── dub.json
├── source
    └── webconfig
    │   ├── aliases.d
    │   └── package.d
└── styles
    ├── material.css
    └── material.min.css


/.gitignore:
--------------------------------------------------------------------------------
1 | .dub
2 | docs.json
3 | __dummy.html
4 | *.o
5 | *.obj
6 | dub.selections.json
7 | *.dll
8 | *.exe
9 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # web-config
  2 | 
  3 | [![Dub version](https://img.shields.io/dub/v/web-config.svg)](https://code.dlang.org/packages/web-config)
  4 | [![Dub downloads](https://img.shields.io/dub/dt/web-config.svg)](https://code.dlang.org/packages/web-config)
  5 | 
  6 | A HTML settings/properties generator using D's Compile Time magic.
  7 | 
  8 | By default there is **no CSS**. Inputs will be ugly because the default generator does not emit any line breaks. You could make a custom generator and call the `DefaultInputGenerator` methods and add a line break but the recommended way is by making the `<label>` elements simply `display: block`.
  9 | 
 10 | You need to serve the CSS inside your head or add it to your existing stylesheet. Here are some preset styles (all styles are assuming you added class="settings" to any parent element or the form itself):
 11 | 
 12 | * [Material Design (Lite)](styles/material.min.css) (small & simplistic)
 13 | 
 14 | _PRs Welcome!_
 15 | 
 16 | ## Generation
 17 | 
 18 | The default generated output looks like this (but more minified):
 19 | 
 20 | ```html
 21 | <form action="/settings" method="POST"> <!-- You can change action & method and even add raw attributes like a class name -->
 22 | 	<label>
 23 | 		<!--
 24 | 			You can change this entire construct by
 25 | 			providing a custom input generator. But
 26 | 			changing the CSS is often enough.
 27 | 		-->
 28 | 		<span>My Setting</span>
 29 | 		<input type="text" value="a tree"/>
 30 | 	</label>
 31 | 	...
 32 | 	<input type="submit" value="Save"/>
 33 | </form>
 34 | <!-- Everything from here is replacable -->
 35 | <script id="_setting_script_">
 36 | ...
 37 | </script>
 38 | ```
 39 | 
 40 | ## Example
 41 | 
 42 | ```d
 43 | import webconfig;
 44 | //import webconfig.aliases; // For shorter UDAs
 45 | 
 46 | enum FavoriteFood
 47 | {
 48 | 	@settingTranslation(null, "Fish")
 49 | 	@settingTranslation("de", "Fisch")
 50 | 	@settingTranslation("ja", "魚")
 51 | 	fish,
 52 | 
 53 | 	@settingTranslation(null, "Meat")
 54 | 	@settingTranslation("de", "Fleisch")
 55 | 	@settingTranslation("ja", "肉")
 56 | 	meat,
 57 | 
 58 | 	@settingTranslation(null, "Vegetables")
 59 | 	@settingTranslation("de", "Gemüse")
 60 | 	@settingTranslation("ja", "野菜")
 61 | 	vegetables,
 62 | 
 63 | 	@settingTranslation(null, "Fruits")
 64 | 	@settingTranslation("de", "Obst")
 65 | 	@settingTranslation("ja", "フルーツ")
 66 | 	fruit
 67 | }
 68 | 
 69 | enum Country
 70 | {
 71 | 	none, AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AC, AU, AT, AZ, BS, BH, BD, BB, BY, BE, BZ, BJ, BM,
 72 | 	BT, BO, BA, BW, BR, IO, VG, BN, BG, BF, BI, KH, CM, CA, IC, CV, BQ, KY, CF, EA, TD, CL, CN, CX, CC, CO, KM,
 73 | 	CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DG, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR,
 74 | 	GF, PF, TF, GA, GM, GE, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HN, HK, HU, IS, IN, ID, IR,
 75 | 	IQ, IE, IM, IL, IT, JM, JP, JE, JO, KZ, KE, KI, XK, KW, KG, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG,
 76 | 	MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI,
 77 | 	NE, NG, NU, NF, KP, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, WS, SM,
 78 | 	ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, KR, SS, ES, LK, BL, SH, KN, LC, MF, PM, VC, SD, SR,
 79 | 	SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TA, TN, TR, TM, TC, TV, UM, VI, UG, UA, AE, GB, US,
 80 | 	UY, UZ, VU, VA, VE, VN, WF, EH, YE, ZM, ZW
 81 | }
 82 | 
 83 | enum SocialMedia
 84 | {
 85 | 	twitter = 1 << 0,
 86 | 	facebook = 1 << 1,
 87 | 	myspace = 1 << 2,
 88 | }
 89 | 
 90 | struct Config
 91 | {
 92 | 	@requiredSetting // Must be filled out
 93 | 	@nonAutomaticSetting // Don't auto sync when typing
 94 | 	@emailSetting string userEmail;
 95 | 	bool married;
 96 | 	@urlSetting @settingLength(64) string resourceURI;
 97 | 	// OR
 98 | 	@settingLength(64) URL myWebsite;
 99 | 	@multilineSetting @settingLength(1000) string aboutMe;
100 | 	@rangeSetting @settingRange(0, 10) int rating;
101 | 	@timeSetting string favoriteTimeOfDay;
102 | 	// OR
103 | 	TimeOfDay leastFavoriteTimeOfDay;
104 | 	@weekSetting string bestWeekYouHad;
105 | 	@monthSetting string firstMonthOfWork;
106 | 	// Timezone-less
107 | 	@datetimeLocalSetting string birthdayTimeAndDate;
108 | 	// OR
109 | 	DateTime myChildsBirthdayTimeAndDate;
110 | 	@dateSetting string myMothersBirthday;
111 | 	// OR
112 | 	Date myFathersBirthday;
113 | 	@colorSetting string favoriteColor;
114 | 	@disabledSetting string someInformation = "Just a hint, nothing changable";
115 | 	Country favoriteCountry;
116 | 	@settingTranslation("de", "Lieblingsessen")  // Translation of labels (only in translation contexts inside web interfaces)
117 | 	@settingTranslation("ja", "好きな食べ物")  // translations require at least vibe.d 0.8.1-alpha.3 to work
118 | 	@optionsSetting FavoriteFood favoriteFood;
119 | 	BitFlags!SocialMedia usedSocialMedia;
120 | 	@settingTitle("If you don't have any you can still say 1 because you have yourself.")  // Hover & validation text
121 | 	@settingMin(1) int numberOfFriends;
122 | 	@settingRange(0, 100) @settingStep(0.1) double englishSkillLevelPercentage;
123 | 	@settingMax(10) ubyte orderedProductCount;
124 | 	@settingLabel("Accept terms of service") @requiredSetting bool acceptTOS;
125 | 	@settingPattern(`(ISBN\s+)?\d{3}-\d-\d{5}-\d{3}-\d`) string favoriteBookISBN;
126 | }
127 | 
128 | Config settingsInstance; // You might fetch & save this per user or have it global like here, web-config only changes the contents of the struct
129 | 
130 | // Actual vibe.d routes: (GET /settings, POST /settings, POST /api/settings)
131 | router.get("/settings", delegate(scope req, scope res) @safe{
132 | 	string settings = renderSettings(settingsInstance);
133 | 	res.writeBody(html.format(settings), "text/html");
134 | });
135 | router.post("/settings", delegate(scope req, scope res) @safe{
136 | 	// no-js & nonautomatic setting route
137 | 	auto ret = req.processSettings(settingsInstance);
138 | 	string settings = renderSettings(settingsInstance, ret);
139 | 	if (ret)
140 | 	{
141 | 		// Something changed, you can save here
142 | 	}
143 | 	res.render!("settings.dt", settings); // use with `|!= settings` in diet
144 | });
145 | router.post("/api/setting", delegate(scope req, scope res) @safe{
146 | 	// js route called for each individual setting
147 | 	if (req.processSettings(settingsInstance))
148 | 	{
149 | 		// Save settings
150 | 		res.writeBody("", 204); // Send 200 or 204
151 | 	}
152 | 	else
153 | 		res.writeBody("", HTTPStatus.badRequest);
154 | });
155 | ```
156 | 
157 | (See unittest in [source/webconfig/package.d](source/webconfig/package.d) for HTML of this example)
158 | 
159 | ![Demo Config](demo.png)
160 | 
161 | [Documentation](https://webfreak001.github.io/WebConfig/package.html)


--------------------------------------------------------------------------------
/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WebFreak001/WebConfig/3ad3db821b521c7dd33e3ccb0585ed903f7398ea/demo.png


--------------------------------------------------------------------------------
/docs/aliases.html:
--------------------------------------------------------------------------------
   1 | 
   2 | <!DOCTYPE html>
   3 | <html>
   4 |   <head>
   5 |     <meta charset="UTF-8">
   6 |     <title>webconfig.aliases</title>
   7 |     <style type="text/css" media="screen">
   8 |       html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
   9 |       blockquote, pre, a, abbr, address, cite, code, del, dfn, em, figure,
  10 |       img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl,
  11 |       dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
  12 |       tbody, tfoot, thead, tr, th, td {
  13 |         background: transparent none repeat scroll 0 0;
  14 |         border: 0 none;
  15 |         font-size: 100%;
  16 |         margin: 0;
  17 |         outline: 0 none;
  18 |         padding: 0;
  19 |         vertical-align: baseline;
  20 |       }
  21 | 
  22 |       .color_red { color: #dc322f; }
  23 |       .color_blue { color: #268bd2; }
  24 |       .color_green { color: #859901; }
  25 |       .color_yellow { color: #b58901; }
  26 |       .color_black { color: black; }
  27 |       .color_white { color: white; }
  28 | 
  29 |       .font_big {
  30 |         font-size: 1.2em;
  31 |       }
  32 | 
  33 |       .ddoc_section_h {
  34 |         font-weight: bold;
  35 |         font-size: 13px;
  36 |         line-height: 19.5px;
  37 |         margin-top: 11px;
  38 |         display: block;
  39 |       }
  40 | 
  41 |       body.dlang .dlang {
  42 |         display: inline-block;
  43 |       }
  44 | 
  45 |       body.dlang .declaration .dlang {
  46 |           display: block;
  47 |       }
  48 | 
  49 |       body.dlang .ddoc_header_anchor a.dlang {
  50 |         display: block;
  51 |         color: rgba(0, 136, 204, 1);
  52 |         text-decoration: none;
  53 |       }
  54 | 
  55 |       body.dlang .ddoc_header_anchor .code {
  56 |         color: rgba(0, 136, 204, 1);
  57 |       }
  58 | 
  59 |       #ddoc_main .module {
  60 |           border-color: currentColor rgba(233, 233, 233, 1) rgba(233, 233, 233, 1);
  61 |           border-style: none solid solid;
  62 |           border-width: 0 1px 1px;
  63 |           overflow-x: hidden;
  64 |           padding: 15px;
  65 |       }
  66 | 
  67 |       #ddoc_main .section .section {
  68 |         margin-top: 0;
  69 |       }
  70 | 
  71 |       #ddoc_main .ddoc_module_members_section {
  72 |           padding: 1px 0 0;
  73 |           transition: transform 0.3s ease 0s;
  74 |       }
  75 | 
  76 |       #ddoc_main .ddoc_member, #ddoc_main .ddoc_module_members section.intro {
  77 |           background: #fff none repeat scroll 0 0;
  78 |           list-style-type: none;
  79 |           width: 100%;
  80 |       }
  81 | 
  82 |       #ddoc_main .ddoc_header_anchor {
  83 |           font-size: 1.4em;
  84 |           transition: transform 0.3s ease 0s;
  85 |       }
  86 | 
  87 |       #ddoc_main .ddoc_header_anchor > .code {
  88 |           display: inline-block;
  89 | 
  90 |       }
  91 | 
  92 |       #ddoc_main .ddoc_decl {
  93 |         background-color: transparent;
  94 |         height: 100%;
  95 |         left: 0;
  96 |         top: 0;
  97 |         padding: 0;
  98 |         padding-left: 15px;
  99 |       }
 100 | 
 101 |       #ddoc_main .ddoc_decl .section, #ddoc_main .section.ddoc_sections {
 102 |         background: white none repeat scroll 0 0;
 103 |         margin: 0;
 104 |         padding: 5px;
 105 |         position: relative;
 106 |         border-radius: 5px;
 107 |       }
 108 | 
 109 |       #ddoc_main .ddoc_decl .section h4, #ddoc_main .section.ddoc_sections h4 {
 110 |         font-size: 13px;
 111 |         line-height: 1.5;
 112 |         margin-top: 21px;
 113 |       }
 114 | 
 115 |       #ddoc_main .section .declaration {
 116 |           margin-top: 21px;
 117 |       }
 118 | 
 119 |       #ddoc_main .section .declaration .code {
 120 |           color: rgba(0, 0, 0, 1);
 121 |           margin-bottom: 15px;
 122 |           padding-bottom: 6px;
 123 |       }
 124 | 
 125 |       #ddoc_main .declaration div .para {
 126 |           margin-bottom: 0;
 127 |       }
 128 | 
 129 |       #ddoc_main .ddoc_params .graybox tr td:first-of-type {
 130 |         padding: 7px;
 131 |         text-align: right;
 132 |         vertical-align: top;
 133 |         word-break: normal;
 134 |         white-space: nowrap;
 135 |       }
 136 | 
 137 |       #ddoc_main .ddoc_params .graybox {
 138 |         border: 0 none;
 139 |       }
 140 | 
 141 |       #ddoc_main .ddoc_params .graybox td {
 142 |         border-color: rgba(214, 214, 214, 1);
 143 |       }
 144 | 
 145 |       #ddoc_main .ddoc_params .graybox tr:first-child > td {
 146 |         border-top: 0 none;
 147 |       }
 148 | 
 149 |       #ddoc_main .ddoc_params .graybox tr:last-child > td {
 150 |         border-bottom: 0 none;
 151 |       }
 152 | 
 153 |       #ddoc_main .ddoc_params .graybox tr > td:first-child {
 154 |         border-left: 0 none;
 155 |       }
 156 | 
 157 |       #ddoc_main .ddoc_params .graybox tr > td:last-child {
 158 |         border-right: 0 none;
 159 |         width: 100%;
 160 |       }
 161 | 
 162 |       #ddoc_main em.term, #ddoc_main em.term .code {
 163 |         color: rgba(65, 65, 65, 1);
 164 |         font-size: 12px;
 165 |         font-style: italic;
 166 |         line-height: 1.5;
 167 |       }
 168 | 
 169 |       #ddoc_main .see-also {
 170 |         cursor: pointer;
 171 |         font-family: Menlo,monospace;
 172 |       }
 173 | 
 174 |       #ddoc_main .ddoc_decl .section > div:last-of-type {
 175 |         margin-bottom: 15px;
 176 |       }
 177 | 
 178 |       #ddoc_main .ddoc_member, #ddoc_main .ddoc_module_members {
 179 |           transition: transform 0.3s ease 0s;
 180 |       }
 181 | 
 182 |       #ddoc_main .code_sample {
 183 |         background: inherit;
 184 |       }
 185 | 
 186 |       #ddoc_main .declaration .code-line {
 187 |           display: block;
 188 |           font: 1em Menlo,monospace;
 189 |       }
 190 | 
 191 |       #ddoc_main a[name] {
 192 |         margin: -112px 0 0;
 193 |         padding-top: 112px;
 194 |       }
 195 | 
 196 |       #ddoc_main .ddoc_decl td {
 197 |         max-width: inherit;
 198 |       }
 199 | 
 200 |       #ddoc_main .declaration a {
 201 |         color: inherit;
 202 |       }
 203 | 
 204 |       #ddoc_main .declaration a:hover {
 205 |           color: rgba(0, 136, 204, 1);
 206 |           text-decoration: underline;
 207 |       }
 208 | 
 209 |       body.ddoc {
 210 |         background-color: transparent;
 211 |         color: rgba(0, 0, 0, 1);
 212 |         font-family: Helvetica,Arial,sans-serif;
 213 |         font-size: 62.5%;
 214 |         margin: 0;
 215 |         border: 0;
 216 |         left: 0;
 217 |         top: 0;
 218 |         padding: 0;
 219 |       }
 220 | 
 221 |       .ddoc a[name] {
 222 |         display: block;
 223 |         height: 0;
 224 |         margin: -85px 0 0;
 225 |         padding-top: 85px;
 226 |         width: 0;
 227 |       }
 228 | 
 229 |       .ddoc .module {
 230 |           border-color: transparent;
 231 |           background-color: rgba(255, 255, 255, 1);
 232 |           border-color: currentColor rgba(233, 233, 233, 1) rgba(233, 233, 233, 1);
 233 |           border-image: none;
 234 |           border-style: none solid solid;
 235 |           border-width: 0 1px 1px;
 236 |           box-shadow: 0 0 1px rgba(0, 0, 0, 0.07);
 237 |           display: block;
 238 |           margin-left: 0;
 239 |           min-height: calc(100% - 173px);
 240 |           overflow: auto;
 241 |           padding-bottom: 100px;
 242 |       }
 243 | 
 244 |       .ddoc .content_wrapper {
 245 |           background-color: rgba(242, 242, 242, 1);
 246 |           margin: 0 auto;
 247 |           max-width: 980px;
 248 |       }
 249 | 
 250 |       .ddoc .section {
 251 |         padding: 15px 25px 30px;
 252 |       }
 253 | 
 254 |       .ddoc .section .section {
 255 |         margin: 30px 0 0;
 256 |         padding: 0;
 257 |       }
 258 | 
 259 |       .ddoc .para {
 260 |         color: rgba(65, 65, 65, 1);
 261 |         font-size: 1.4em;
 262 |         line-height: 145%;
 263 |         margin-bottom: 15px;
 264 |       }
 265 | 
 266 |       .ddoc .ddoc_examples .para {
 267 |         margin-bottom: 0;
 268 |       }
 269 | 
 270 |       .ddoc .module_name {
 271 |           color: rgba(0, 0, 0, 1);
 272 |           display: block;
 273 |           font-family: Helvetica;
 274 |           font-size: 2.8em;
 275 |           font-weight: 100;
 276 |           margin-bottom: 0;
 277 |           padding: 15px 0;
 278 |       }
 279 | 
 280 |       .ddoc .module a {
 281 |           color: rgba(0, 136, 204, 1);
 282 |           text-decoration: none;
 283 |       }
 284 | 
 285 |       .ddoc .code {
 286 |         color: rgba(128, 128, 128, 1);
 287 |         font-family: Menlo,monospace;
 288 |         font-size: 0.85em;
 289 |         word-wrap: break-word;
 290 |       }
 291 | 
 292 |       .ddoc .code i {
 293 |         font-style: normal;
 294 |       }
 295 | 
 296 |       .ddoc .code .code {
 297 |         font-size: 1em;
 298 |       }
 299 | 
 300 |       .ddoc .code_sample {
 301 |         background-clip: padding-box;
 302 |         margin: 1px 0;
 303 |         text-align: left;
 304 |       }
 305 | 
 306 |       .ddoc .code_sample {
 307 |         display: block;
 308 |         font-size: 1.4em;
 309 |         margin-left: 21px;
 310 |       }
 311 | 
 312 |       .ddoc ol .code_sample {
 313 |         font-size: 1em;
 314 |       }
 315 | 
 316 |       .ddoc .code_lines {
 317 |         counter-reset: li;
 318 |         line-height: 1.6em;
 319 |         list-style: outside none none;
 320 |         margin: 0;
 321 |         padding: 0;
 322 |       }
 323 | 
 324 |       .ddoc .code_listing .code_sample div {
 325 |         margin-left: 13px;
 326 |         width: 93%;
 327 |       }
 328 | 
 329 |       .ddoc .code_listing .code_sample div .code_lines li {
 330 |         list-style-type: none;
 331 |         margin: 0;
 332 |         padding-right: 10px;
 333 |       }
 334 | 
 335 |       .ddoc .code_sample div .code_lines li::before {
 336 |         margin-left: -33px;
 337 |         margin-right: 25px;
 338 |       }
 339 | 
 340 |       .ddoc .code_sample div .code_lines li:nth-child(n+10)::before {
 341 |         margin-left: -39px;
 342 |         margin-right: 25px;
 343 |       }
 344 | 
 345 |       .ddoc .code_sample div .code_lines li:nth-child(n+100)::before {
 346 |         margin-left: -46px;
 347 |         margin-right: 25px;
 348 |       }
 349 | 
 350 |       .ddoc .code_sample .code_lines .code {
 351 |         color: #000;
 352 |       }
 353 | 
 354 |       .ddoc div.dlang {
 355 |         margin: 10px 0 21px;
 356 |         padding: 4px 0 2px 10px;
 357 |       }
 358 | 
 359 |       .ddoc div.dlang {
 360 |           margin: 10px 0 21px;
 361 |           padding: 4px 0 2px 10px;
 362 |       }
 363 | 
 364 |       .ddoc div.dlang {
 365 |         border-left: 5px solid rgba(0, 155, 51, 0.2);
 366 |       }
 367 | 
 368 |       .ddoc .code_lines li::before {
 369 |         color: rgba(128, 128, 128, 1);
 370 |         content: counter(li, decimal);
 371 |         counter-increment: li;
 372 |         font-family: Menlo,monospace;
 373 |         font-size: 0.9em;
 374 |         margin-right: 16px;
 375 |       }
 376 | 
 377 |       .ddoc .code_lines li {
 378 |         padding-left: 0;
 379 |         white-space: pre-wrap;
 380 |       }
 381 | 
 382 |       .ddoc .code_lines li:only-of-type::before {
 383 |         color: rgba(255, 255, 255, 1);
 384 |         content: " ";
 385 |       }
 386 | 
 387 |       .ddoc .code_lines li:only-of-type {
 388 |         color: rgba(255, 255, 255, 1);
 389 |         content: " ";
 390 |       }
 391 | 
 392 |       .ddoc .code_lines li:nth-child(n+10) {
 393 |         text-indent: -17px;
 394 |       }
 395 | 
 396 |       .ddoc .code_lines li:nth-child(n+10)::before {
 397 |         margin-right: 12px;
 398 |       }
 399 | 
 400 |       .ddoc .graybox {
 401 |         border: 1px solid rgba(233, 233, 233, 1);
 402 |         border-collapse: collapse;
 403 |         border-spacing: 0;
 404 |         empty-cells: hide;
 405 |         margin: 20px 0 36px;
 406 |         text-align: left;
 407 |       }
 408 | 
 409 |       .ddoc .graybox p {
 410 |         margin: 0;
 411 |         min-width: 50px;
 412 |       }
 413 | 
 414 |       .ddoc td {
 415 |         border: 1px solid rgba(233, 233, 233, 1);
 416 |         margin: 0;
 417 |         max-width: 260px;
 418 |         padding: 5px 25px 5px 10px;
 419 |         vertical-align: middle;
 420 |       }
 421 | 
 422 |       .punctuation {
 423 |         color: rgba(0, 0, 0, 1);
 424 |       }
 425 | 
 426 |       .comment {
 427 |         color: rgba(0, 131, 18, 1);
 428 |       }
 429 | 
 430 |       .operator {
 431 |         color: #000;
 432 |       }
 433 | 
 434 |       .keyword {
 435 |         color: rgba(170, 13, 145, 1);
 436 |       }
 437 | 
 438 |       .keyword_type {
 439 |         color: rgba(170, 51, 145, 1);
 440 |       }
 441 | 
 442 |       .string_literal {
 443 |         color: rgba(196, 26, 22, 1);
 444 |       }
 445 | 
 446 |       .ddoc_psuper_symbol {
 447 |         color: rgba(92, 38, 153, 1);
 448 |       }
 449 | 
 450 |       .param {
 451 |         color: rgba(0, 0, 0, 1);
 452 |       }
 453 | 
 454 |       .psymbol {
 455 |         color: rgba(0, 0, 0, 1);
 456 |       }
 457 | 
 458 |       .ddoc_member_header .ddoc_header_anchor .code {
 459 |         font-size: 1em;
 460 |       }
 461 |     </style>
 462 |   </head>
 463 |   <body id="ddoc_main" class="ddoc dlang">
 464 |     <div class="content_wrapper">
 465 |       <article class="module">
 466 |         <h1 class="module_name">webconfig.aliases</h1>
 467 |         <section id="module_content">
 468 | <section class="section ddoc_module_members_section">
 469 |   <div class="ddoc_module_members">
 470 |     <ul class="ddoc_members">
 471 |   <li class="ddoc_member">
 472 |   <div class="ddoc_member_header">
 473 |   <div class="ddoc_header_anchor">
 474 |   <a href="#email" id="email"><code class="code">email</code></a>
 475 | </div>
 476 | </div><div class="ddoc_decl">
 477 |   <section class="section">
 478 |     <div class="declaration">
 479 |       <h4>Declaration</h4>
 480 |       <div class="dlang">
 481 |         <p class="para">
 482 |           <code class="code">
 483 |             <span class="ddoc_anchor" id="email"></span>alias <code class="code">email</code> = webconfig.emailSetting;
 484 | 
 485 |           </code>
 486 |         </p>
 487 |       </div>
 488 |     </div>
 489 |   </section>
 490 | </div>
 491 | <div class="ddoc_decl">
 492 |   
 493 | 
 494 | </div>
 495 | 
 496 | </li><li class="ddoc_member">
 497 |   <div class="ddoc_member_header">
 498 |   <div class="ddoc_header_anchor">
 499 |   <a href="#url" id="url"><code class="code">url</code></a>
 500 | </div>
 501 | </div><div class="ddoc_decl">
 502 |   <section class="section">
 503 |     <div class="declaration">
 504 |       <h4>Declaration</h4>
 505 |       <div class="dlang">
 506 |         <p class="para">
 507 |           <code class="code">
 508 |             <span class="ddoc_anchor" id="url"></span>alias <code class="code">url</code> = webconfig.urlSetting;
 509 | 
 510 |           </code>
 511 |         </p>
 512 |       </div>
 513 |     </div>
 514 |   </section>
 515 | </div>
 516 | <div class="ddoc_decl">
 517 |   
 518 | 
 519 | </div>
 520 | 
 521 | </li><li class="ddoc_member">
 522 |   <div class="ddoc_member_header">
 523 |   <div class="ddoc_header_anchor">
 524 |   <a href="#password" id="password"><code class="code">password</code></a>
 525 | </div>
 526 | </div><div class="ddoc_decl">
 527 |   <section class="section">
 528 |     <div class="declaration">
 529 |       <h4>Declaration</h4>
 530 |       <div class="dlang">
 531 |         <p class="para">
 532 |           <code class="code">
 533 |             <span class="ddoc_anchor" id="password"></span>alias <code class="code">password</code> = webconfig.passwordSetting;
 534 | 
 535 |           </code>
 536 |         </p>
 537 |       </div>
 538 |     </div>
 539 |   </section>
 540 | </div>
 541 | <div class="ddoc_decl">
 542 |   
 543 | 
 544 | </div>
 545 | 
 546 | </li><li class="ddoc_member">
 547 |   <div class="ddoc_member_header">
 548 |   <div class="ddoc_header_anchor">
 549 |   <a href="#multiline" id="multiline"><code class="code">multiline</code></a>
 550 | </div>
 551 | </div><div class="ddoc_decl">
 552 |   <section class="section">
 553 |     <div class="declaration">
 554 |       <h4>Declaration</h4>
 555 |       <div class="dlang">
 556 |         <p class="para">
 557 |           <code class="code">
 558 |             <span class="ddoc_anchor" id="multiline"></span>alias <code class="code">multiline</code> = webconfig.multilineSetting;
 559 | 
 560 |           </code>
 561 |         </p>
 562 |       </div>
 563 |     </div>
 564 |   </section>
 565 | </div>
 566 | <div class="ddoc_decl">
 567 |   
 568 | 
 569 | </div>
 570 | 
 571 | </li><li class="ddoc_member">
 572 |   <div class="ddoc_member_header">
 573 |   <div class="ddoc_header_anchor">
 574 |   <a href="#range" id="range"><code class="code">range</code></a>
 575 | </div>
 576 | </div><div class="ddoc_decl">
 577 |   <section class="section">
 578 |     <div class="declaration">
 579 |       <h4>Declaration</h4>
 580 |       <div class="dlang">
 581 |         <p class="para">
 582 |           <code class="code">
 583 |             <span class="ddoc_anchor" id="range"></span>alias <code class="code">range</code> = webconfig.rangeSetting;
 584 | 
 585 |           </code>
 586 |         </p>
 587 |       </div>
 588 |     </div>
 589 |   </section>
 590 | </div>
 591 | <div class="ddoc_decl">
 592 |   
 593 | 
 594 | </div>
 595 | 
 596 | </li><li class="ddoc_member">
 597 |   <div class="ddoc_member_header">
 598 |   <div class="ddoc_header_anchor">
 599 |   <a href="#time" id="time"><code class="code">time</code></a>
 600 | </div>
 601 | </div><div class="ddoc_decl">
 602 |   <section class="section">
 603 |     <div class="declaration">
 604 |       <h4>Declaration</h4>
 605 |       <div class="dlang">
 606 |         <p class="para">
 607 |           <code class="code">
 608 |             <span class="ddoc_anchor" id="time"></span>alias <code class="code">time</code> = webconfig.timeSetting;
 609 | 
 610 |           </code>
 611 |         </p>
 612 |       </div>
 613 |     </div>
 614 |   </section>
 615 | </div>
 616 | <div class="ddoc_decl">
 617 |   
 618 | 
 619 | </div>
 620 | 
 621 | </li><li class="ddoc_member">
 622 |   <div class="ddoc_member_header">
 623 |   <div class="ddoc_header_anchor">
 624 |   <a href="#week" id="week"><code class="code">week</code></a>
 625 | </div>
 626 | </div><div class="ddoc_decl">
 627 |   <section class="section">
 628 |     <div class="declaration">
 629 |       <h4>Declaration</h4>
 630 |       <div class="dlang">
 631 |         <p class="para">
 632 |           <code class="code">
 633 |             <span class="ddoc_anchor" id="week"></span>alias <code class="code">week</code> = webconfig.weekSetting;
 634 | 
 635 |           </code>
 636 |         </p>
 637 |       </div>
 638 |     </div>
 639 |   </section>
 640 | </div>
 641 | <div class="ddoc_decl">
 642 |   
 643 | 
 644 | </div>
 645 | 
 646 | </li><li class="ddoc_member">
 647 |   <div class="ddoc_member_header">
 648 |   <div class="ddoc_header_anchor">
 649 |   <a href="#month" id="month"><code class="code">month</code></a>
 650 | </div>
 651 | </div><div class="ddoc_decl">
 652 |   <section class="section">
 653 |     <div class="declaration">
 654 |       <h4>Declaration</h4>
 655 |       <div class="dlang">
 656 |         <p class="para">
 657 |           <code class="code">
 658 |             <span class="ddoc_anchor" id="month"></span>alias <code class="code">month</code> = webconfig.monthSetting;
 659 | 
 660 |           </code>
 661 |         </p>
 662 |       </div>
 663 |     </div>
 664 |   </section>
 665 | </div>
 666 | <div class="ddoc_decl">
 667 |   
 668 | 
 669 | </div>
 670 | 
 671 | </li><li class="ddoc_member">
 672 |   <div class="ddoc_member_header">
 673 |   <div class="ddoc_header_anchor">
 674 |   <a href="#datetimeLocal" id="datetimeLocal"><code class="code">datetimeLocal</code></a>
 675 | </div>
 676 | </div><div class="ddoc_decl">
 677 |   <section class="section">
 678 |     <div class="declaration">
 679 |       <h4>Declaration</h4>
 680 |       <div class="dlang">
 681 |         <p class="para">
 682 |           <code class="code">
 683 |             <span class="ddoc_anchor" id="datetimeLocal"></span>alias <code class="code">datetimeLocal</code> = webconfig.datetimeLocalSetting;
 684 | 
 685 |           </code>
 686 |         </p>
 687 |       </div>
 688 |     </div>
 689 |   </section>
 690 | </div>
 691 | <div class="ddoc_decl">
 692 |   
 693 | 
 694 | </div>
 695 | 
 696 | </li><li class="ddoc_member">
 697 |   <div class="ddoc_member_header">
 698 |   <div class="ddoc_header_anchor">
 699 |   <a href="#date" id="date"><code class="code">date</code></a>
 700 | </div>
 701 | </div><div class="ddoc_decl">
 702 |   <section class="section">
 703 |     <div class="declaration">
 704 |       <h4>Declaration</h4>
 705 |       <div class="dlang">
 706 |         <p class="para">
 707 |           <code class="code">
 708 |             <span class="ddoc_anchor" id="date"></span>alias <code class="code">date</code> = webconfig.dateSetting;
 709 | 
 710 |           </code>
 711 |         </p>
 712 |       </div>
 713 |     </div>
 714 |   </section>
 715 | </div>
 716 | <div class="ddoc_decl">
 717 |   
 718 | 
 719 | </div>
 720 | 
 721 | </li><li class="ddoc_member">
 722 |   <div class="ddoc_member_header">
 723 |   <div class="ddoc_header_anchor">
 724 |   <a href="#color" id="color"><code class="code">color</code></a>
 725 | </div>
 726 | </div><div class="ddoc_decl">
 727 |   <section class="section">
 728 |     <div class="declaration">
 729 |       <h4>Declaration</h4>
 730 |       <div class="dlang">
 731 |         <p class="para">
 732 |           <code class="code">
 733 |             <span class="ddoc_anchor" id="color"></span>alias <code class="code">color</code> = webconfig.colorSetting;
 734 | 
 735 |           </code>
 736 |         </p>
 737 |       </div>
 738 |     </div>
 739 |   </section>
 740 | </div>
 741 | <div class="ddoc_decl">
 742 |   
 743 | 
 744 | </div>
 745 | 
 746 | </li><li class="ddoc_member">
 747 |   <div class="ddoc_member_header">
 748 |   <div class="ddoc_header_anchor">
 749 |   <a href="#required" id="required"><code class="code">required</code></a>
 750 | </div>
 751 | </div><div class="ddoc_decl">
 752 |   <section class="section">
 753 |     <div class="declaration">
 754 |       <h4>Declaration</h4>
 755 |       <div class="dlang">
 756 |         <p class="para">
 757 |           <code class="code">
 758 |             <span class="ddoc_anchor" id="required"></span>alias <code class="code">required</code> = webconfig.requiredSetting;
 759 | 
 760 |           </code>
 761 |         </p>
 762 |       </div>
 763 |     </div>
 764 |   </section>
 765 | </div>
 766 | <div class="ddoc_decl">
 767 |   
 768 | 
 769 | </div>
 770 | 
 771 | </li><li class="ddoc_member">
 772 |   <div class="ddoc_member_header">
 773 |   <div class="ddoc_header_anchor">
 774 |   <a href="#nonAutomatic" id="nonAutomatic"><code class="code">nonAutomatic</code></a>
 775 | </div>
 776 | </div><div class="ddoc_decl">
 777 |   <section class="section">
 778 |     <div class="declaration">
 779 |       <h4>Declaration</h4>
 780 |       <div class="dlang">
 781 |         <p class="para">
 782 |           <code class="code">
 783 |             <span class="ddoc_anchor" id="nonAutomatic"></span>alias <code class="code">nonAutomatic</code> = webconfig.nonAutomaticSetting;
 784 | 
 785 |           </code>
 786 |         </p>
 787 |       </div>
 788 |     </div>
 789 |   </section>
 790 | </div>
 791 | <div class="ddoc_decl">
 792 |   
 793 | 
 794 | </div>
 795 | 
 796 | </li><li class="ddoc_member">
 797 |   <div class="ddoc_member_header">
 798 |   <div class="ddoc_header_anchor">
 799 |   <a href="#options" id="options"><code class="code">options</code></a>
 800 | </div>
 801 | </div><div class="ddoc_decl">
 802 |   <section class="section">
 803 |     <div class="declaration">
 804 |       <h4>Declaration</h4>
 805 |       <div class="dlang">
 806 |         <p class="para">
 807 |           <code class="code">
 808 |             <span class="ddoc_anchor" id="options"></span>alias <code class="code">options</code> = webconfig.optionsSetting;
 809 | 
 810 |           </code>
 811 |         </p>
 812 |       </div>
 813 |     </div>
 814 |   </section>
 815 | </div>
 816 | <div class="ddoc_decl">
 817 |   
 818 | 
 819 | </div>
 820 | 
 821 | </li><li class="ddoc_member">
 822 |   <div class="ddoc_member_header">
 823 |   <div class="ddoc_header_anchor">
 824 |   <a href="#pattern" id="pattern"><code class="code">pattern</code></a>
 825 | </div>
 826 | </div><div class="ddoc_decl">
 827 |   <section class="section">
 828 |     <div class="declaration">
 829 |       <h4>Declaration</h4>
 830 |       <div class="dlang">
 831 |         <p class="para">
 832 |           <code class="code">
 833 |             <span class="ddoc_anchor" id="pattern"></span>alias <code class="code">pattern</code> = webconfig.settingPattern;
 834 | 
 835 |           </code>
 836 |         </p>
 837 |       </div>
 838 |     </div>
 839 |   </section>
 840 | </div>
 841 | <div class="ddoc_decl">
 842 |   
 843 | 
 844 | </div>
 845 | 
 846 | </li><li class="ddoc_member">
 847 |   <div class="ddoc_member_header">
 848 |   <div class="ddoc_header_anchor">
 849 |   <a href="#title" id="title"><code class="code">title</code></a>
 850 | </div>
 851 | </div><div class="ddoc_decl">
 852 |   <section class="section">
 853 |     <div class="declaration">
 854 |       <h4>Declaration</h4>
 855 |       <div class="dlang">
 856 |         <p class="para">
 857 |           <code class="code">
 858 |             <span class="ddoc_anchor" id="title"></span>alias <code class="code">title</code> = webconfig.settingTitle;
 859 | 
 860 |           </code>
 861 |         </p>
 862 |       </div>
 863 |     </div>
 864 |   </section>
 865 | </div>
 866 | <div class="ddoc_decl">
 867 |   
 868 | 
 869 | </div>
 870 | 
 871 | </li><li class="ddoc_member">
 872 |   <div class="ddoc_member_header">
 873 |   <div class="ddoc_header_anchor">
 874 |   <a href="#label" id="label"><code class="code">label</code></a>
 875 | </div>
 876 | </div><div class="ddoc_decl">
 877 |   <section class="section">
 878 |     <div class="declaration">
 879 |       <h4>Declaration</h4>
 880 |       <div class="dlang">
 881 |         <p class="para">
 882 |           <code class="code">
 883 |             <span class="ddoc_anchor" id="label"></span>alias <code class="code">label</code> = webconfig.settingLabel;
 884 | 
 885 |           </code>
 886 |         </p>
 887 |       </div>
 888 |     </div>
 889 |   </section>
 890 | </div>
 891 | <div class="ddoc_decl">
 892 |   
 893 | 
 894 | </div>
 895 | 
 896 | </li><li class="ddoc_member">
 897 |   <div class="ddoc_member_header">
 898 |   <div class="ddoc_header_anchor">
 899 |   <a href="#rows" id="rows"><code class="code">rows</code></a>
 900 | </div>
 901 | </div><div class="ddoc_decl">
 902 |   <section class="section">
 903 |     <div class="declaration">
 904 |       <h4>Declaration</h4>
 905 |       <div class="dlang">
 906 |         <p class="para">
 907 |           <code class="code">
 908 |             <span class="ddoc_anchor" id="rows"></span>alias <code class="code">rows</code> = webconfig.settingRows;
 909 | 
 910 |           </code>
 911 |         </p>
 912 |       </div>
 913 |     </div>
 914 |   </section>
 915 | </div>
 916 | <div class="ddoc_decl">
 917 |   
 918 | 
 919 | </div>
 920 | 
 921 | </li><li class="ddoc_member">
 922 |   <div class="ddoc_member_header">
 923 |   <div class="ddoc_header_anchor">
 924 |   <a href="#html" id="html"><code class="code">html</code></a>
 925 | </div>
 926 | </div><div class="ddoc_decl">
 927 |   <section class="section">
 928 |     <div class="declaration">
 929 |       <h4>Declaration</h4>
 930 |       <div class="dlang">
 931 |         <p class="para">
 932 |           <code class="code">
 933 |             <span class="ddoc_anchor" id="html"></span>alias <code class="code">html</code> = webconfig.settingHTML;
 934 | 
 935 |           </code>
 936 |         </p>
 937 |       </div>
 938 |     </div>
 939 |   </section>
 940 | </div>
 941 | <div class="ddoc_decl">
 942 |   
 943 | 
 944 | </div>
 945 | 
 946 | </li><li class="ddoc_member">
 947 |   <div class="ddoc_member_header">
 948 |   <div class="ddoc_header_anchor">
 949 |   <a href="#className" id="className"><code class="code">className</code></a>
 950 | </div>
 951 | </div><div class="ddoc_decl">
 952 |   <section class="section">
 953 |     <div class="declaration">
 954 |       <h4>Declaration</h4>
 955 |       <div class="dlang">
 956 |         <p class="para">
 957 |           <code class="code">
 958 |             <span class="ddoc_anchor" id="className"></span>alias <code class="code">className</code> = webconfig.settingClass;
 959 | 
 960 |           </code>
 961 |         </p>
 962 |       </div>
 963 |     </div>
 964 |   </section>
 965 | </div>
 966 | <div class="ddoc_decl">
 967 |   
 968 | 
 969 | </div>
 970 | 
 971 | </li><li class="ddoc_member">
 972 |   <div class="ddoc_member_header">
 973 |   <div class="ddoc_header_anchor">
 974 |   <a href="#placeholder" id="placeholder"><code class="code">placeholder</code></a>
 975 | </div>
 976 | </div><div class="ddoc_decl">
 977 |   <section class="section">
 978 |     <div class="declaration">
 979 |       <h4>Declaration</h4>
 980 |       <div class="dlang">
 981 |         <p class="para">
 982 |           <code class="code">
 983 |             <span class="ddoc_anchor" id="placeholder"></span>alias <code class="code">placeholder</code> = webconfig.settingPlaceholder;
 984 | 
 985 |           </code>
 986 |         </p>
 987 |       </div>
 988 |     </div>
 989 |   </section>
 990 | </div>
 991 | <div class="ddoc_decl">
 992 |   
 993 | 
 994 | </div>
 995 | 
 996 | </li>
 997 | </ul>
 998 |   </div>
 999 | </section>
1000 | </section>
1001 |       </article>
1002 |     </div>
1003 |   </body>
1004 | </html>
1005 | 


--------------------------------------------------------------------------------
/docs/package.html:
--------------------------------------------------------------------------------
   1 | 
   2 | <!DOCTYPE html>
   3 | <html>
   4 |   <head>
   5 |     <meta charset="UTF-8">
   6 |     <title>webconfig</title>
   7 |     <style type="text/css" media="screen">
   8 |       html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
   9 |       blockquote, pre, a, abbr, address, cite, code, del, dfn, em, figure,
  10 |       img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl,
  11 |       dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
  12 |       tbody, tfoot, thead, tr, th, td {
  13 |         background: transparent none repeat scroll 0 0;
  14 |         border: 0 none;
  15 |         font-size: 100%;
  16 |         margin: 0;
  17 |         outline: 0 none;
  18 |         padding: 0;
  19 |         vertical-align: baseline;
  20 |       }
  21 | 
  22 |       .color_red { color: #dc322f; }
  23 |       .color_blue { color: #268bd2; }
  24 |       .color_green { color: #859901; }
  25 |       .color_yellow { color: #b58901; }
  26 |       .color_black { color: black; }
  27 |       .color_white { color: white; }
  28 | 
  29 |       .font_big {
  30 |         font-size: 1.2em;
  31 |       }
  32 | 
  33 |       .ddoc_section_h {
  34 |         font-weight: bold;
  35 |         font-size: 13px;
  36 |         line-height: 19.5px;
  37 |         margin-top: 11px;
  38 |         display: block;
  39 |       }
  40 | 
  41 |       body.dlang .dlang {
  42 |         display: inline-block;
  43 |       }
  44 | 
  45 |       body.dlang .declaration .dlang {
  46 |           display: block;
  47 |       }
  48 | 
  49 |       body.dlang .ddoc_header_anchor a.dlang {
  50 |         display: block;
  51 |         color: rgba(0, 136, 204, 1);
  52 |         text-decoration: none;
  53 |       }
  54 | 
  55 |       body.dlang .ddoc_header_anchor .code {
  56 |         color: rgba(0, 136, 204, 1);
  57 |       }
  58 | 
  59 |       #ddoc_main .module {
  60 |           border-color: currentColor rgba(233, 233, 233, 1) rgba(233, 233, 233, 1);
  61 |           border-style: none solid solid;
  62 |           border-width: 0 1px 1px;
  63 |           overflow-x: hidden;
  64 |           padding: 15px;
  65 |       }
  66 | 
  67 |       #ddoc_main .section .section {
  68 |         margin-top: 0;
  69 |       }
  70 | 
  71 |       #ddoc_main .ddoc_module_members_section {
  72 |           padding: 1px 0 0;
  73 |           transition: transform 0.3s ease 0s;
  74 |       }
  75 | 
  76 |       #ddoc_main .ddoc_member, #ddoc_main .ddoc_module_members section.intro {
  77 |           background: #fff none repeat scroll 0 0;
  78 |           list-style-type: none;
  79 |           width: 100%;
  80 |       }
  81 | 
  82 |       #ddoc_main .ddoc_header_anchor {
  83 |           font-size: 1.4em;
  84 |           transition: transform 0.3s ease 0s;
  85 |       }
  86 | 
  87 |       #ddoc_main .ddoc_header_anchor > .code {
  88 |           display: inline-block;
  89 | 
  90 |       }
  91 | 
  92 |       #ddoc_main .ddoc_decl {
  93 |         background-color: transparent;
  94 |         height: 100%;
  95 |         left: 0;
  96 |         top: 0;
  97 |         padding: 0;
  98 |         padding-left: 15px;
  99 |       }
 100 | 
 101 |       #ddoc_main .ddoc_decl .section, #ddoc_main .section.ddoc_sections {
 102 |         background: white none repeat scroll 0 0;
 103 |         margin: 0;
 104 |         padding: 5px;
 105 |         position: relative;
 106 |         border-radius: 5px;
 107 |       }
 108 | 
 109 |       #ddoc_main .ddoc_decl .section h4, #ddoc_main .section.ddoc_sections h4 {
 110 |         font-size: 13px;
 111 |         line-height: 1.5;
 112 |         margin-top: 21px;
 113 |       }
 114 | 
 115 |       #ddoc_main .section .declaration {
 116 |           margin-top: 21px;
 117 |       }
 118 | 
 119 |       #ddoc_main .section .declaration .code {
 120 |           color: rgba(0, 0, 0, 1);
 121 |           margin-bottom: 15px;
 122 |           padding-bottom: 6px;
 123 |       }
 124 | 
 125 |       #ddoc_main .declaration div .para {
 126 |           margin-bottom: 0;
 127 |       }
 128 | 
 129 |       #ddoc_main .ddoc_params .graybox tr td:first-of-type {
 130 |         padding: 7px;
 131 |         text-align: right;
 132 |         vertical-align: top;
 133 |         word-break: normal;
 134 |         white-space: nowrap;
 135 |       }
 136 | 
 137 |       #ddoc_main .ddoc_params .graybox {
 138 |         border: 0 none;
 139 |       }
 140 | 
 141 |       #ddoc_main .ddoc_params .graybox td {
 142 |         border-color: rgba(214, 214, 214, 1);
 143 |       }
 144 | 
 145 |       #ddoc_main .ddoc_params .graybox tr:first-child > td {
 146 |         border-top: 0 none;
 147 |       }
 148 | 
 149 |       #ddoc_main .ddoc_params .graybox tr:last-child > td {
 150 |         border-bottom: 0 none;
 151 |       }
 152 | 
 153 |       #ddoc_main .ddoc_params .graybox tr > td:first-child {
 154 |         border-left: 0 none;
 155 |       }
 156 | 
 157 |       #ddoc_main .ddoc_params .graybox tr > td:last-child {
 158 |         border-right: 0 none;
 159 |         width: 100%;
 160 |       }
 161 | 
 162 |       #ddoc_main em.term, #ddoc_main em.term .code {
 163 |         color: rgba(65, 65, 65, 1);
 164 |         font-size: 12px;
 165 |         font-style: italic;
 166 |         line-height: 1.5;
 167 |       }
 168 | 
 169 |       #ddoc_main .see-also {
 170 |         cursor: pointer;
 171 |         font-family: Menlo,monospace;
 172 |       }
 173 | 
 174 |       #ddoc_main .ddoc_decl .section > div:last-of-type {
 175 |         margin-bottom: 15px;
 176 |       }
 177 | 
 178 |       #ddoc_main .ddoc_member, #ddoc_main .ddoc_module_members {
 179 |           transition: transform 0.3s ease 0s;
 180 |       }
 181 | 
 182 |       #ddoc_main .code_sample {
 183 |         background: inherit;
 184 |       }
 185 | 
 186 |       #ddoc_main .declaration .code-line {
 187 |           display: block;
 188 |           font: 1em Menlo,monospace;
 189 |       }
 190 | 
 191 |       #ddoc_main a[name] {
 192 |         margin: -112px 0 0;
 193 |         padding-top: 112px;
 194 |       }
 195 | 
 196 |       #ddoc_main .ddoc_decl td {
 197 |         max-width: inherit;
 198 |       }
 199 | 
 200 |       #ddoc_main .declaration a {
 201 |         color: inherit;
 202 |       }
 203 | 
 204 |       #ddoc_main .declaration a:hover {
 205 |           color: rgba(0, 136, 204, 1);
 206 |           text-decoration: underline;
 207 |       }
 208 | 
 209 |       body.ddoc {
 210 |         background-color: transparent;
 211 |         color: rgba(0, 0, 0, 1);
 212 |         font-family: Helvetica,Arial,sans-serif;
 213 |         font-size: 62.5%;
 214 |         margin: 0;
 215 |         border: 0;
 216 |         left: 0;
 217 |         top: 0;
 218 |         padding: 0;
 219 |       }
 220 | 
 221 |       .ddoc a[name] {
 222 |         display: block;
 223 |         height: 0;
 224 |         margin: -85px 0 0;
 225 |         padding-top: 85px;
 226 |         width: 0;
 227 |       }
 228 | 
 229 |       .ddoc .module {
 230 |           border-color: transparent;
 231 |           background-color: rgba(255, 255, 255, 1);
 232 |           border-color: currentColor rgba(233, 233, 233, 1) rgba(233, 233, 233, 1);
 233 |           border-image: none;
 234 |           border-style: none solid solid;
 235 |           border-width: 0 1px 1px;
 236 |           box-shadow: 0 0 1px rgba(0, 0, 0, 0.07);
 237 |           display: block;
 238 |           margin-left: 0;
 239 |           min-height: calc(100% - 173px);
 240 |           overflow: auto;
 241 |           padding-bottom: 100px;
 242 |       }
 243 | 
 244 |       .ddoc .content_wrapper {
 245 |           background-color: rgba(242, 242, 242, 1);
 246 |           margin: 0 auto;
 247 |           max-width: 980px;
 248 |       }
 249 | 
 250 |       .ddoc .section {
 251 |         padding: 15px 25px 30px;
 252 |       }
 253 | 
 254 |       .ddoc .section .section {
 255 |         margin: 30px 0 0;
 256 |         padding: 0;
 257 |       }
 258 | 
 259 |       .ddoc .para {
 260 |         color: rgba(65, 65, 65, 1);
 261 |         font-size: 1.4em;
 262 |         line-height: 145%;
 263 |         margin-bottom: 15px;
 264 |       }
 265 | 
 266 |       .ddoc .ddoc_examples .para {
 267 |         margin-bottom: 0;
 268 |       }
 269 | 
 270 |       .ddoc .module_name {
 271 |           color: rgba(0, 0, 0, 1);
 272 |           display: block;
 273 |           font-family: Helvetica;
 274 |           font-size: 2.8em;
 275 |           font-weight: 100;
 276 |           margin-bottom: 0;
 277 |           padding: 15px 0;
 278 |       }
 279 | 
 280 |       .ddoc .module a {
 281 |           color: rgba(0, 136, 204, 1);
 282 |           text-decoration: none;
 283 |       }
 284 | 
 285 |       .ddoc .code {
 286 |         color: rgba(128, 128, 128, 1);
 287 |         font-family: Menlo,monospace;
 288 |         font-size: 0.85em;
 289 |         word-wrap: break-word;
 290 |       }
 291 | 
 292 |       .ddoc .code i {
 293 |         font-style: normal;
 294 |       }
 295 | 
 296 |       .ddoc .code .code {
 297 |         font-size: 1em;
 298 |       }
 299 | 
 300 |       .ddoc .code_sample {
 301 |         background-clip: padding-box;
 302 |         margin: 1px 0;
 303 |         text-align: left;
 304 |       }
 305 | 
 306 |       .ddoc .code_sample {
 307 |         display: block;
 308 |         font-size: 1.4em;
 309 |         margin-left: 21px;
 310 |       }
 311 | 
 312 |       .ddoc ol .code_sample {
 313 |         font-size: 1em;
 314 |       }
 315 | 
 316 |       .ddoc .code_lines {
 317 |         counter-reset: li;
 318 |         line-height: 1.6em;
 319 |         list-style: outside none none;
 320 |         margin: 0;
 321 |         padding: 0;
 322 |       }
 323 | 
 324 |       .ddoc .code_listing .code_sample div {
 325 |         margin-left: 13px;
 326 |         width: 93%;
 327 |       }
 328 | 
 329 |       .ddoc .code_listing .code_sample div .code_lines li {
 330 |         list-style-type: none;
 331 |         margin: 0;
 332 |         padding-right: 10px;
 333 |       }
 334 | 
 335 |       .ddoc .code_sample div .code_lines li::before {
 336 |         margin-left: -33px;
 337 |         margin-right: 25px;
 338 |       }
 339 | 
 340 |       .ddoc .code_sample div .code_lines li:nth-child(n+10)::before {
 341 |         margin-left: -39px;
 342 |         margin-right: 25px;
 343 |       }
 344 | 
 345 |       .ddoc .code_sample div .code_lines li:nth-child(n+100)::before {
 346 |         margin-left: -46px;
 347 |         margin-right: 25px;
 348 |       }
 349 | 
 350 |       .ddoc .code_sample .code_lines .code {
 351 |         color: #000;
 352 |       }
 353 | 
 354 |       .ddoc div.dlang {
 355 |         margin: 10px 0 21px;
 356 |         padding: 4px 0 2px 10px;
 357 |       }
 358 | 
 359 |       .ddoc div.dlang {
 360 |           margin: 10px 0 21px;
 361 |           padding: 4px 0 2px 10px;
 362 |       }
 363 | 
 364 |       .ddoc div.dlang {
 365 |         border-left: 5px solid rgba(0, 155, 51, 0.2);
 366 |       }
 367 | 
 368 |       .ddoc .code_lines li::before {
 369 |         color: rgba(128, 128, 128, 1);
 370 |         content: counter(li, decimal);
 371 |         counter-increment: li;
 372 |         font-family: Menlo,monospace;
 373 |         font-size: 0.9em;
 374 |         margin-right: 16px;
 375 |       }
 376 | 
 377 |       .ddoc .code_lines li {
 378 |         padding-left: 0;
 379 |         white-space: pre-wrap;
 380 |       }
 381 | 
 382 |       .ddoc .code_lines li:only-of-type::before {
 383 |         color: rgba(255, 255, 255, 1);
 384 |         content: " ";
 385 |       }
 386 | 
 387 |       .ddoc .code_lines li:only-of-type {
 388 |         color: rgba(255, 255, 255, 1);
 389 |         content: " ";
 390 |       }
 391 | 
 392 |       .ddoc .code_lines li:nth-child(n+10) {
 393 |         text-indent: -17px;
 394 |       }
 395 | 
 396 |       .ddoc .code_lines li:nth-child(n+10)::before {
 397 |         margin-right: 12px;
 398 |       }
 399 | 
 400 |       .ddoc .graybox {
 401 |         border: 1px solid rgba(233, 233, 233, 1);
 402 |         border-collapse: collapse;
 403 |         border-spacing: 0;
 404 |         empty-cells: hide;
 405 |         margin: 20px 0 36px;
 406 |         text-align: left;
 407 |       }
 408 | 
 409 |       .ddoc .graybox p {
 410 |         margin: 0;
 411 |         min-width: 50px;
 412 |       }
 413 | 
 414 |       .ddoc td {
 415 |         border: 1px solid rgba(233, 233, 233, 1);
 416 |         margin: 0;
 417 |         max-width: 260px;
 418 |         padding: 5px 25px 5px 10px;
 419 |         vertical-align: middle;
 420 |       }
 421 | 
 422 |       .punctuation {
 423 |         color: rgba(0, 0, 0, 1);
 424 |       }
 425 | 
 426 |       .comment {
 427 |         color: rgba(0, 131, 18, 1);
 428 |       }
 429 | 
 430 |       .operator {
 431 |         color: #000;
 432 |       }
 433 | 
 434 |       .keyword {
 435 |         color: rgba(170, 13, 145, 1);
 436 |       }
 437 | 
 438 |       .keyword_type {
 439 |         color: rgba(170, 51, 145, 1);
 440 |       }
 441 | 
 442 |       .string_literal {
 443 |         color: rgba(196, 26, 22, 1);
 444 |       }
 445 | 
 446 |       .ddoc_psuper_symbol {
 447 |         color: rgba(92, 38, 153, 1);
 448 |       }
 449 | 
 450 |       .param {
 451 |         color: rgba(0, 0, 0, 1);
 452 |       }
 453 | 
 454 |       .psymbol {
 455 |         color: rgba(0, 0, 0, 1);
 456 |       }
 457 | 
 458 |       .ddoc_member_header .ddoc_header_anchor .code {
 459 |         font-size: 1em;
 460 |       }
 461 |     </style>
 462 |   </head>
 463 |   <body id="ddoc_main" class="ddoc dlang">
 464 |     <div class="content_wrapper">
 465 |       <article class="module">
 466 |         <h1 class="module_name">webconfig</h1>
 467 |         <section id="module_content"><section class="section ddoc_sections">
 468 |   <div class="ddoc_summary">
 469 |   <p class="para">
 470 |     Main package containing all neccesarry functions
 471 | 
 472 |   </p>
 473 | </div>
 474 | <div class="ddoc_see_also">
 475 |   <h4>See Also</h4>
 476 |   <p class="para">
 477 |     <a href="aliases.html"><code class="code">settings.aliases</code></a> for shorter UDAs
 478 |   </p>
 479 | </div>
 480 | <div class="ddoc_examples">
 481 |   <h4>Examples</h4>
 482 |   <p class="para">
 483 |     
 484 | <section class="code_listing">
 485 |   <div class="code_sample">
 486 |     <div class="dlang">
 487 |       <ol class="code_lines">
 488 |         <li><code class="code"><span class="keyword">enum</span> FavoriteFood
 489 | {
 490 | 	<span class="comment">// enum UDAs require at least dmd 2.082.0
 491 | </span>	<span class="comment">//dfmt off
 492 | </span>	@settingTranslation(<span class="keyword">null</span>, <span class="string_literal">"Fish"</span>) @settingTranslation(<span class="string_literal">"de"</span>, <span class="string_literal">"Fisch"</span>) @settingTranslation(<span class="string_literal">"ja"</span>, <span class="string_literal">"魚"</span>)
 493 | 	fish,
 494 | 	@settingTranslation(<span class="keyword">null</span>, <span class="string_literal">"Meat"</span>) @settingTranslation(<span class="string_literal">"de"</span>, <span class="string_literal">"Fleisch"</span>) @settingTranslation(<span class="string_literal">"ja"</span>, <span class="string_literal">"肉"</span>)
 495 | 	meat,
 496 | 	@settingTranslation(<span class="keyword">null</span>, <span class="string_literal">"Vegetables"</span>) @settingTranslation(<span class="string_literal">"de"</span>, <span class="string_literal">"Gemüse"</span>) @settingTranslation(<span class="string_literal">"ja"</span>, <span class="string_literal">"野菜"</span>)
 497 | 	vegetables,
 498 | 	@settingTranslation(<span class="keyword">null</span>, <span class="string_literal">"Fruits"</span>) @settingTranslation(<span class="string_literal">"de"</span>, <span class="string_literal">"Obst"</span>) @settingTranslation(<span class="string_literal">"ja"</span>, <span class="string_literal">"フルーツ"</span>)
 499 | 	fruit
 500 | 	<span class="comment">//dfmt on
 501 | </span>}
 502 | 
 503 | <span class="comment">//dfmt off
 504 | </span><span class="keyword">enum</span> Country
 505 | {
 506 | 	none, AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AC, AU, AT, AZ, BS, BH, BD, BB, BY, BE, BZ, BJ, BM,
 507 | 	BT, BO, BA, BW, BR, IO, VG, BN, BG, BF, BI, KH, CM, CA, IC, CV, BQ, KY, CF, EA, TD, CL, CN, CX, CC, CO, KM,
 508 | 	CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DG, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR,
 509 | 	GF, PF, TF, GA, GM, GE, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HN, HK, HU, IS, IN, ID, IR,
 510 | 	IQ, IE, IM, IL, IT, JM, JP, JE, JO, KZ, KE, KI, XK, KW, KG, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG,
 511 | 	MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI,
 512 | 	NE, NG, NU, NF, KP, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, WS, SM,
 513 | 	ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, KR, SS, ES, LK, BL, SH, KN, LC, MF, PM, VC, SD, SR,
 514 | 	SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TA, TN, TR, TM, TC, TV, UM, VI, UG, UA, AE, GB, US,
 515 | 	UY, UZ, VU, VA, VE, VN, WF, EH, YE, ZM, ZW
 516 | }
 517 | <span class="comment">//dfmt on
 518 | </span>
 519 | <span class="keyword">enum</span> SocialMedia
 520 | {
 521 | 	twitter = 1 &lt;&lt; 0,
 522 | 	facebook = 1 &lt;&lt; 1,
 523 | 	myspace = 1 &lt;&lt; 2,
 524 | }
 525 | 
 526 | <span class="keyword">struct</span> Config
 527 | {
 528 | 	@requiredSetting <span class="comment">// Must be filled out
 529 | </span>	@nonAutomaticSetting <span class="comment">// Don't auto sync when typing
 530 | </span>	@emailSetting @settingPlaceholder(<span class="string_literal">"you@example.com"</span>) string userEmail;
 531 | 	<span class="keyword">bool</span> married;
 532 | 	@urlSetting @settingLength(64) string resourceURI;
 533 | 	<span class="comment">// OR
 534 | </span>	@settingLength(64) URL myWebsite;
 535 | 	@multilineSetting @settingLength(1000) string aboutMe;
 536 | 	@rangeSetting @settingRange(0, 10) <span class="keyword">int</span> rating;
 537 | 	@timeSetting string favoriteTimeOfDay;
 538 | 	<span class="comment">// OR
 539 | </span>	TimeOfDay leastFavoriteTimeOfDay;
 540 | 	@weekSetting string bestWeekYouHad;
 541 | 	@monthSetting string firstMonthOfWork;
 542 | 	<span class="comment">// Timezone-less
 543 | </span>	@datetimeLocalSetting string birthdayTimeAndDate;
 544 | 	<span class="comment">// OR
 545 | </span>	DateTime myChildsBirthdayTimeAndDate;
 546 | 	@dateSetting string myMothersBirthday;
 547 | 	<span class="comment">// OR
 548 | </span>	Date myFathersBirthday;
 549 | 
 550 | 	<span class="comment">// inserts some html before some element
 551 | </span>	@settingHTML(<span class="string_literal">"&lt;hr/&gt;&lt;p&gt;Some cooler information now follows.&lt;/p&gt;"</span>)
 552 | 
 553 | 	@colorSetting @settingClass(<span class="string_literal">"wide"</span>) string favoriteColor;
 554 | 	@disabledSetting string someInformation = <span class="string_literal">"Just a hint, nothing changable"</span>;
 555 | 	Country favoriteCountry;
 556 | 	@settingTranslation(<span class="string_literal">"de"</span>, <span class="string_literal">"Lieblingsessen"</span>)  <span class="comment">// Translation of labels (only in translation contexts inside web interfaces)
 557 | </span>	@settingTranslation(<span class="string_literal">"ja"</span>, <span class="string_literal">"好きな食べ物"</span>)  <span class="comment">// translations require at least vibe.d 0.8.1-alpha.3 to work
 558 | </span>	@optionsSetting FavoriteFood favoriteFood;
 559 | 	BitFlags!SocialMedia usedSocialMedia;
 560 | 	@settingTitle(<span class="string_literal">"If you don't have any you can still say 1 because you have yourself."</span>)  <span class="comment">// Hover &amp; validation text
 561 | </span>	@settingMin(1) <span class="keyword">int</span> numberOfFriends;
 562 | 	@settingRange(0, 100) @settingStep(0.1) <span class="keyword">double</span> englishSkillLevelPercentage;
 563 | 	@settingMax(10) <span class="keyword">ubyte</span> orderedProductCount;
 564 | 	@settingLabel(<span class="string_literal">"Accept terms of service"</span>) @requiredSetting <span class="keyword">bool</span> acceptTOS;
 565 | 	@settingPattern(<span class="string_literal">`(ISBN\s+)?\d{3}-\d-\d{5}-\d{3}-\d`</span>) string favoriteBookISBN;
 566 | 	@settingRows(8) string[] someStrings;
 567 | }
 568 | 
 569 | <span class="keyword">import</span> vibe.vibe;
 570 | 
 571 | <span class="keyword">auto</span> router = <span class="keyword">new</span> URLRouter;
 572 | router.get(<span class="string_literal">"/style.css"</span>, serveStaticFile(<span class="string_literal">"styles/material.css"</span>));
 573 | router.get(<span class="string_literal">"/"</span>, staticRedirect(<span class="string_literal">"/settings"</span>));
 574 | 
 575 | <span class="keyword">enum</span> html = <span class="string_literal">`&lt;html&gt;
 576 | 	&lt;head&gt;
 577 | 		&lt;title&gt;Settings&lt;/title&gt;
 578 | 		&lt;meta charset="utf-8"/&gt;
 579 | 		&lt;link rel="stylesheet" href="/style.css"/&gt;
 580 | 		&lt;style&gt;
 581 | 			body,html{background:#efefef;color:rgba(0,0,0,0.87);font-family:Roboto,"Segoe UI",sans-serif;}
 582 | 			.settings{background:white;border-radius:2px;padding:16px;margin:32px auto;box-shadow:0 2px 5px rgba(0,0,0,0.3);max-width:600px;}
 583 | 		&lt;/style&gt;
 584 | 	&lt;/head&gt;
 585 | 	&lt;body&gt;
 586 | 		&lt;div class="settings"&gt;
 587 | 			&lt;h2&gt;Settings&lt;/h2&gt;
 588 | 			%s
 589 | 		&lt;/div&gt;
 590 | 	&lt;/body&gt;
 591 | &lt;/html&gt;`</span>;
 592 | 
 593 | <span class="keyword">struct</span> TranslationContext
 594 | {
 595 | 	<span class="keyword">import</span> std.meta;
 596 | 
 597 | 	<span class="keyword">alias</span> languages = AliasSeq!(<span class="string_literal">"en"</span>, <span class="string_literal">"de"</span>, <span class="string_literal">"ja"</span>);
 598 | }
 599 | 
 600 | Config settingsInstance; <span class="comment">// You might fetch &amp; save this per user, web-config only changes the struct
 601 | </span>
 602 | @translationContext!TranslationContext <span class="keyword">class</span> SettingsInterface
 603 | {
 604 | 	@safe <span class="keyword">void</span> getSettings(<span class="keyword">scope</span> HTTPServerRequest req, <span class="keyword">scope</span> HTTPServerResponse res)
 605 | 	{
 606 | 		string settings = renderSettings(settingsInstance);
 607 | 		res.writeBody(html.format(settings), <span class="string_literal">"text/html"</span>);
 608 | 	}
 609 | 
 610 | 	@safe <span class="keyword">void</span> postSettings(<span class="keyword">scope</span> HTTPServerRequest req, <span class="keyword">scope</span> HTTPServerResponse res)
 611 | 	{
 612 | 		<span class="comment">// no-js &amp; nonautomatic setting route
 613 | </span>		<span class="keyword">auto</span> ret = req.processSettings(settingsInstance);
 614 | 		string settings = renderSettings(settingsInstance, ret);
 615 | 		<span class="keyword">if</span> (ret)
 616 | 		{
 617 | 			<span class="comment">// Something changed, you can save here
 618 | </span>		}
 619 | 		res.writeBody(html.format(settings), <span class="string_literal">"text/html"</span>);
 620 | 	}
 621 | 
 622 | 	@path(<span class="string_literal">"/api/setting"</span>) @safe <span class="keyword">void</span> postJsSettings(<span class="keyword">scope</span> HTTPServerRequest req,
 623 | 			<span class="keyword">scope</span> HTTPServerResponse res)
 624 | 	{
 625 | 		<span class="comment">// js route called for each individual setting
 626 | </span>		<span class="keyword">if</span> (req.processSettings(settingsInstance))
 627 | 		{
 628 | 			<span class="comment">// Save settings
 629 | </span>			res.writeBody(<span class="string_literal">""</span>, 204); <span class="comment">// Send 200 or 204
 630 | </span>		}
 631 | 		<span class="keyword">else</span>
 632 | 			res.writeBody(<span class="string_literal">""</span>, HTTPStatus.badRequest);
 633 | 	}
 634 | }
 635 | 
 636 | router.registerWebInterface(<span class="keyword">new</span> SettingsInterface);
 637 | <span class="keyword">auto</span> httpSettings = <span class="keyword">new</span> HTTPServerSettings;
 638 | httpSettings.port = 8080;
 639 | listenHTTP(httpSettings, router);
 640 | runApplication();
 641 | </code></li>
 642 |       </ol>
 643 |     </div>
 644 |   </div>
 645 | </section>
 646 | 
 647 |   </p>
 648 | </div>
 649 | </section>
 650 | <section class="section ddoc_module_members_section">
 651 |   <div class="ddoc_module_members">
 652 |     <ul class="ddoc_members">
 653 |   <li class="ddoc_member">
 654 |   <div class="ddoc_member_header">
 655 |   <div class="ddoc_header_anchor">
 656 |   <a href="#renderSettings" id="renderSettings"><code class="code">renderSettings</code></a>
 657 | </div>
 658 | </div><div class="ddoc_decl">
 659 |   <section class="section">
 660 |     <div class="declaration">
 661 |       <h4>Declaration</h4>
 662 |       <div class="dlang">
 663 |         <p class="para">
 664 |           <code class="code">
 665 |             <span class="ddoc_anchor" id="renderSettings"></span>@safe string <code class="code">renderSettings</code>(T, InputGenerator = DefaultInputGenerator, string javascript = DefaultJavascriptCode)(T <code class="code">value</code>, string <code class="code">formAttributes</code> = "", string <code class="code">action</code> = "/settings", string <code class="code">method</code> = "POST", string <code class="code">jsAction</code> = "/api/setting");
 666 | <br>
 667 | @safe string <code class="code">renderSettings</code>(T, InputGenerator = DefaultInputGenerator, string javascript = DefaultJavascriptCode)(T <code class="code">value</code>, ulong <code class="code">set</code>, string <code class="code">formAttributes</code> = "", string <code class="code">action</code> = "/settings", string <code class="code">method</code> = "POST", string <code class="code">jsAction</code> = "/api/setting");
 668 | 
 669 |           </code>
 670 |         </p>
 671 |       </div>
 672 |     </div>
 673 |   </section>
 674 | </div>
 675 | <div class="ddoc_decl">
 676 |   <section class="section ddoc_sections">
 677 |   <div class="ddoc_summary">
 678 |   <p class="para">
 679 |     Generates a HTML form for a configuration struct <code class="code">T</code> with automatic instant updates using AJAX.
 680 | The fields can be annotated with the various UDAs found in this module. (setting enums + structs) <br>
 681 | Supported types: <code class="code">enum</code> (drop down lists or radio box lists), <code class="code">std.typecons.BitFlags</code> (checkbox lists),
 682 | <code class="code">bool</code> (checkbox), string types (text, email, url, etc.), numeric types (number), <code class="code">std.datetime.DateTime</code>
 683 | (datetime-local), <code class="code">std.datetime.Date</code> (date), <code class="code">std.datetime.TimeOfDay</code> (time), <code class="code">vibe.inet.URL</code> (url),
 684 | <code class="code">string[]</code> (textarea taking each line)
 685 | 
 686 |   </p>
 687 | </div>
 688 | <div class="ddoc_params">
 689 |   <h4>Parameters</h4>
 690 |   <table cellspacing="0" cellpadding="5" border="0" class="graybox">
 691 |     <tbody>
 692 |       <tr class="ddoc_param_row">
 693 |   <td scope="ddoc_param_id">
 694 |   <code class="code">
 695 |     <em class="term">T</em>
 696 |   </code>
 697 | </td>
 698 | <td>
 699 |   <div class="ddoc_param_desc">
 700 |     <p class="para">
 701 |       the config struct type.
 702 |     </p>
 703 |   </div>
 704 | </td>
 705 | </tr>
 706 | <tr class="ddoc_param_row">
 707 |   <td scope="ddoc_param_id">
 708 |   <code class="code">
 709 |     <em class="term">InputGenerator</em>
 710 |   </code>
 711 | </td>
 712 | <td>
 713 |   <div class="ddoc_param_desc">
 714 |     <p class="para">
 715 |       the input generator to use.
 716 |     </p>
 717 |   </div>
 718 | </td>
 719 | </tr>
 720 | <tr class="ddoc_param_row">
 721 |   <td scope="ddoc_param_id">
 722 |   <code class="code">
 723 |     <em class="term">javascript</em>
 724 |   </code>
 725 | </td>
 726 | <td>
 727 |   <div class="ddoc_param_desc">
 728 |     <p class="para">
 729 |       the javascript code to embed including script tag.
 730 |     </p>
 731 |   </div>
 732 | </td>
 733 | </tr>
 734 | <tr class="ddoc_param_row">
 735 |   <td scope="ddoc_param_id">
 736 |   <code class="code">
 737 |     <em class="term">T <code class="code">value</code></em>
 738 |   </code>
 739 | </td>
 740 | <td>
 741 |   <div class="ddoc_param_desc">
 742 |     <p class="para">
 743 |       an existing config <code class="code">value</code> to prefill the inputs.
 744 |     </p>
 745 |   </div>
 746 | </td>
 747 | </tr>
 748 | <tr class="ddoc_param_row">
 749 |   <td scope="ddoc_param_id">
 750 |   <code class="code">
 751 |     <em class="term">ulong <code class="code">set</code></em>
 752 |   </code>
 753 | </td>
 754 | <td>
 755 |   <div class="ddoc_param_desc">
 756 |     <p class="para">
 757 |       a bitflag field which settings have been <code class="code">set</code> properly. Any bit <code class="code">set</code> to 0 will show an error string for the given field. Defaults to all success.
 758 |     </p>
 759 |   </div>
 760 | </td>
 761 | </tr>
 762 | <tr class="ddoc_param_row">
 763 |   <td scope="ddoc_param_id">
 764 |   <code class="code">
 765 |     <em class="term">string <code class="code">formAttributes</code></em>
 766 |   </code>
 767 | </td>
 768 | <td>
 769 |   <div class="ddoc_param_desc">
 770 |     <p class="para">
 771 |       extra HTML to put into the form.
 772 |     </p>
 773 |   </div>
 774 | </td>
 775 | </tr>
 776 | <tr class="ddoc_param_row">
 777 |   <td scope="ddoc_param_id">
 778 |   <code class="code">
 779 |     <em class="term">string <code class="code">action</code></em>
 780 |   </code>
 781 | </td>
 782 | <td>
 783 |   <div class="ddoc_param_desc">
 784 |     <p class="para">
 785 |       Path to the form submit HTTP endpoint.
 786 |     </p>
 787 |   </div>
 788 | </td>
 789 | </tr>
 790 | <tr class="ddoc_param_row">
 791 |   <td scope="ddoc_param_id">
 792 |   <code class="code">
 793 |     <em class="term">string <code class="code">method</code></em>
 794 |   </code>
 795 | </td>
 796 | <td>
 797 |   <div class="ddoc_param_desc">
 798 |     <p class="para">
 799 |       Method to use for the submit HTTP endpoint. Also replaces {<code class="code">method</code>} inside the javascript template.
 800 |     </p>
 801 |   </div>
 802 | </td>
 803 | </tr>
 804 | <tr class="ddoc_param_row">
 805 |   <td scope="ddoc_param_id">
 806 |   <code class="code">
 807 |     <em class="term">string <code class="code">jsAction</code></em>
 808 |   </code>
 809 | </td>
 810 | <td>
 811 |   <div class="ddoc_param_desc">
 812 |     <p class="para">
 813 |       Path to the javascript form submit HTTP endpoint. Replaces {<code class="code">action</code>} inside the javascript template. If empty then no js will be emitted.
 814 |     </p>
 815 |   </div>
 816 | </td>
 817 | </tr>
 818 | 
 819 |     </tbody>
 820 |   </table>
 821 | </div>
 822 | 
 823 | </section>
 824 | 
 825 | </div>
 826 | 
 827 | </li><li class="ddoc_member">
 828 |   <div class="ddoc_member_header">
 829 |   <div class="ddoc_header_anchor">
 830 |   <a href="#renderSetting" id="renderSetting"><code class="code">renderSetting</code></a>
 831 | </div>
 832 | </div><div class="ddoc_decl">
 833 |   <section class="section">
 834 |     <div class="declaration">
 835 |       <h4>Declaration</h4>
 836 |       <div class="dlang">
 837 |         <p class="para">
 838 |           <code class="code">
 839 |             <span class="ddoc_anchor" id="renderSetting"></span>@safe string <code class="code">renderSetting</code>(InputGenerator = DefaultInputGenerator, string name, Config)(ref Config <code class="code">config</code>, bool <code class="code">success</code> = true);
 840 | 
 841 |           </code>
 842 |         </p>
 843 |       </div>
 844 |     </div>
 845 |   </section>
 846 | </div>
 847 | <div class="ddoc_decl">
 848 |   <section class="section ddoc_sections">
 849 |   <div class="ddoc_summary">
 850 |   <p class="para">
 851 |     Generates a single input
 852 |   </p>
 853 | </div>
 854 | 
 855 | </section>
 856 | 
 857 | </div>
 858 | 
 859 | </li><li class="ddoc_member">
 860 |   <div class="ddoc_member_header">
 861 |   <div class="ddoc_header_anchor">
 862 |   <a href="#processSettings" id="processSettings"><code class="code">processSettings</code></a>
 863 | </div>
 864 | </div><div class="ddoc_decl">
 865 |   <section class="section">
 866 |     <div class="declaration">
 867 |       <h4>Declaration</h4>
 868 |       <div class="dlang">
 869 |         <p class="para">
 870 |           <code class="code">
 871 |             <span class="ddoc_anchor" id="processSettings"></span>@safe ulong <code class="code">processSettings</code>(T)(scope HTTPServerRequest <code class="code">req</code>, ref T <code class="code">config</code>, bool <code class="code">strict</code> = false, bool <code class="code">post</code> = true);
 872 | <br>
 873 | <span class="ddoc_anchor" id="processSetting"></span>@safe bool <code class="code">processSetting</code>(string name, Config)(HTTPServerRequest <code class="code">req</code>, ref Config <code class="code">config</code>, bool <code class="code">strict</code> = false, bool <code class="code">post</code> = true);
 874 | 
 875 |           </code>
 876 |         </p>
 877 |       </div>
 878 |     </div>
 879 |   </section>
 880 | </div>
 881 | <div class="ddoc_decl">
 882 |   <section class="section ddoc_sections">
 883 |   <div class="ddoc_summary">
 884 |   <p class="para">
 885 |     Function processing user input and validating for correctness. <br><br>
 886 | 	The following validations are done: <br>
 887 | 	If the setting is a  <code class="code">disabledSetting</code>, it will always skip this field. <br>
 888 | 	If the setting has a <code class="code">settingPattern</code>, it will validate the raw value (no matter what type) against this regex. <br>
 889 | 	If the setting is a number, std.conv.to will be used to try to convert it to a double and then it will be cast to the type after checking min/max/step. <br>
 890 | 	If the setting is a <code class="code">BitFlags!T</code> every passed argument will be checked if it is contained inside the enum <code class="code">T</code> or when submitted via JS only the one specified argument will get validated and inverted if starting with <code class="code">!</code> <br>
 891 | 	If the setting is an enum the value will be checked if it is contained inside the enum. <br>
 892 | 	Additionally if the setting is a floating point number and there hasn't been a min/max setup but it is a <code class="code">rangeSetting</code>, the number will be finite. <br>
 893 | 	Integral numbers will always be checked if finite &amp; if no range is given they will be clamped. <br><br>
 894 | 	Attributes for strings: <br>
 895 | 		<code class="code">emailSetting</code> is validated using <code class="code">std.net.isemail.isEmail(CheckDns.no, EmailStatusCode.any)</code> <br>
 896 | 		<code class="code">urlSetting</code> is validated using <code class="code">vibe.inet.url.URL</code> <br>
 897 | 		<code class="code">timeSetting</code> is checked against pattern <code class="code">00:00</code> + checking if 0 &lt;= hour &lt; 24 &amp;&amp; 0 &lt;= minute &lt; 60 <br>
 898 | 		<code class="code">weekSetting</code> is checked against pattern <code class="code">0{4,6}-W00</code> + checking if 1 &lt;= year &lt;= 200000 &amp;&amp; 1 &lt;= week &lt;= 52 <br>
 899 | 		<code class="code">monthSetting</code> is checked against pattern <code class="code">0{4,6}-00</code> + checking if 1 &lt;= year &lt;= 200000 &amp;&amp; 1 &lt;= month &lt;= 12 <br>
 900 | 		<code class="code">datetimeLocalSetting</code> is checked against pattern <code class="code">0000-00-00T00:00</code> + passing into <code class="code">std.datetime.SysTime.fromISOExtString</code>` <br>
 901 | 		<code class="code">dateSetting</code> is checked against pattern <code class="code">0000-00-00</code> + checking the date using <code class="code">std.datetime.Date</code> <br>
 902 | 		<code class="code">colorSetting</code> is checked against pattern <code class="code">#FFFFFF</code> <br>
 903 | 	Values using these attributes can be used without the need to validate the input.
 904 | 
 905 |   </p>
 906 | </div>
 907 | <div class="ddoc_params">
 908 |   <h4>Parameters</h4>
 909 |   <table cellspacing="0" cellpadding="5" border="0" class="graybox">
 910 |     <tbody>
 911 |       <tr class="ddoc_param_row">
 912 |   <td scope="ddoc_param_id">
 913 |   <code class="code">
 914 |     <em class="term">bool <code class="code">strict</code></em>
 915 |   </code>
 916 | </td>
 917 | <td>
 918 |   <div class="ddoc_param_desc">
 919 |     <p class="para">
 920 |       if <code class="code">false</code>, values will be fixed to conform to the input instead of discarding them.
 921 | 		Currently only fixing numbers and string lengths and new lines in single line strings is implemented.
 922 |     </p>
 923 |   </div>
 924 | </td>
 925 | </tr>
 926 | 
 927 |     </tbody>
 928 |   </table>
 929 | </div>
 930 | <div class="ddoc_returns">
 931 |   <h4>Return Value</h4>
 932 |   <p class="para">
 933 |     a bit array where each bit represents an input and is set to 1 if valid
 934 |   </p>
 935 | </div>
 936 | 
 937 | </section>
 938 | 
 939 | </div>
 940 | 
 941 | </li><li class="ddoc_member">
 942 |   <div class="ddoc_member_header">
 943 |   <div class="ddoc_header_anchor">
 944 |   <a href="#validateTimeString" id="validateTimeString"><code class="code">validateTimeString</code></a>
 945 | </div>
 946 | </div><div class="ddoc_decl">
 947 |   <section class="section">
 948 |     <div class="declaration">
 949 |       <h4>Declaration</h4>
 950 |       <div class="dlang">
 951 |         <p class="para">
 952 |           <code class="code">
 953 |             <span class="ddoc_anchor" id="validateTimeString"></span>@safe bool <code class="code">validateTimeString</code>(string <code class="code">s</code>);
 954 | 
 955 |           </code>
 956 |         </p>
 957 |       </div>
 958 |     </div>
 959 |   </section>
 960 | </div>
 961 | <div class="ddoc_decl">
 962 |   <section class="section ddoc_sections">
 963 |   <div class="ddoc_summary">
 964 |   <p class="para">
 965 |     Validates <code class="code">s</code> == pattern "00:00"
 966 |   </p>
 967 | </div>
 968 | 
 969 | </section>
 970 | 
 971 | </div>
 972 | 
 973 | </li><li class="ddoc_member">
 974 |   <div class="ddoc_member_header">
 975 |   <div class="ddoc_header_anchor">
 976 |   <a href="#validateWeekString" id="validateWeekString"><code class="code">validateWeekString</code></a>
 977 | </div>
 978 | </div><div class="ddoc_decl">
 979 |   <section class="section">
 980 |     <div class="declaration">
 981 |       <h4>Declaration</h4>
 982 |       <div class="dlang">
 983 |         <p class="para">
 984 |           <code class="code">
 985 |             <span class="ddoc_anchor" id="validateWeekString"></span>@safe bool <code class="code">validateWeekString</code>(string <code class="code">s</code>);
 986 | 
 987 |           </code>
 988 |         </p>
 989 |       </div>
 990 |     </div>
 991 |   </section>
 992 | </div>
 993 | <div class="ddoc_decl">
 994 |   <section class="section ddoc_sections">
 995 |   <div class="ddoc_summary">
 996 |   <p class="para">
 997 |     Validates <code class="code">s</code> == pattern "0{4,6}-W00"
 998 |   </p>
 999 | </div>
1000 | 
1001 | </section>
1002 | 
1003 | </div>
1004 | 
1005 | </li><li class="ddoc_member">
1006 |   <div class="ddoc_member_header">
1007 |   <div class="ddoc_header_anchor">
1008 |   <a href="#validateMonthString" id="validateMonthString"><code class="code">validateMonthString</code></a>
1009 | </div>
1010 | </div><div class="ddoc_decl">
1011 |   <section class="section">
1012 |     <div class="declaration">
1013 |       <h4>Declaration</h4>
1014 |       <div class="dlang">
1015 |         <p class="para">
1016 |           <code class="code">
1017 |             <span class="ddoc_anchor" id="validateMonthString"></span>@safe bool <code class="code">validateMonthString</code>(string <code class="code">s</code>);
1018 | 
1019 |           </code>
1020 |         </p>
1021 |       </div>
1022 |     </div>
1023 |   </section>
1024 | </div>
1025 | <div class="ddoc_decl">
1026 |   <section class="section ddoc_sections">
1027 |   <div class="ddoc_summary">
1028 |   <p class="para">
1029 |     Validates <code class="code">s</code> == pattern "0{4,6}-00"
1030 |   </p>
1031 | </div>
1032 | 
1033 | </section>
1034 | 
1035 | </div>
1036 | 
1037 | </li><li class="ddoc_member">
1038 |   <div class="ddoc_member_header">
1039 |   <div class="ddoc_header_anchor">
1040 |   <a href="#validateDatetimeLocalString" id="validateDatetimeLocalString"><code class="code">validateDatetimeLocalString</code></a>
1041 | </div>
1042 | </div><div class="ddoc_decl">
1043 |   <section class="section">
1044 |     <div class="declaration">
1045 |       <h4>Declaration</h4>
1046 |       <div class="dlang">
1047 |         <p class="para">
1048 |           <code class="code">
1049 |             <span class="ddoc_anchor" id="validateDatetimeLocalString"></span>@safe bool <code class="code">validateDatetimeLocalString</code>(string <code class="code">s</code>);
1050 | 
1051 |           </code>
1052 |         </p>
1053 |       </div>
1054 |     </div>
1055 |   </section>
1056 | </div>
1057 | <div class="ddoc_decl">
1058 |   <section class="section ddoc_sections">
1059 |   <div class="ddoc_summary">
1060 |   <p class="para">
1061 |     Validates <code class="code">s</code> == pattern "0000-00-00T00:00"
1062 |   </p>
1063 | </div>
1064 | 
1065 | </section>
1066 | 
1067 | </div>
1068 | 
1069 | </li><li class="ddoc_member">
1070 |   <div class="ddoc_member_header">
1071 |   <div class="ddoc_header_anchor">
1072 |   <a href="#validateDateString" id="validateDateString"><code class="code">validateDateString</code></a>
1073 | </div>
1074 | </div><div class="ddoc_decl">
1075 |   <section class="section">
1076 |     <div class="declaration">
1077 |       <h4>Declaration</h4>
1078 |       <div class="dlang">
1079 |         <p class="para">
1080 |           <code class="code">
1081 |             <span class="ddoc_anchor" id="validateDateString"></span>@safe bool <code class="code">validateDateString</code>(string <code class="code">s</code>);
1082 | 
1083 |           </code>
1084 |         </p>
1085 |       </div>
1086 |     </div>
1087 |   </section>
1088 | </div>
1089 | <div class="ddoc_decl">
1090 |   <section class="section ddoc_sections">
1091 |   <div class="ddoc_summary">
1092 |   <p class="para">
1093 |     Validates <code class="code">s</code> == pattern "0000-00-00"
1094 |   </p>
1095 | </div>
1096 | 
1097 | </section>
1098 | 
1099 | </div>
1100 | 
1101 | </li><li class="ddoc_member">
1102 |   <div class="ddoc_member_header">
1103 |   <div class="ddoc_header_anchor">
1104 |   <a href="#validateColorString" id="validateColorString"><code class="code">validateColorString</code></a>
1105 | </div>
1106 | </div><div class="ddoc_decl">
1107 |   <section class="section">
1108 |     <div class="declaration">
1109 |       <h4>Declaration</h4>
1110 |       <div class="dlang">
1111 |         <p class="para">
1112 |           <code class="code">
1113 |             <span class="ddoc_anchor" id="validateColorString"></span>@safe bool <code class="code">validateColorString</code>(string <code class="code">s</code>);
1114 | 
1115 |           </code>
1116 |         </p>
1117 |       </div>
1118 |     </div>
1119 |   </section>
1120 | </div>
1121 | <div class="ddoc_decl">
1122 |   <section class="section ddoc_sections">
1123 |   <div class="ddoc_summary">
1124 |   <p class="para">
1125 |     Validates <code class="code">s</code> == pattern "#xxxxxx"
1126 |   </p>
1127 | </div>
1128 | 
1129 | </section>
1130 | 
1131 | </div>
1132 | 
1133 | </li><li class="ddoc_member">
1134 |   <div class="ddoc_member_header">
1135 |   <div class="ddoc_header_anchor">
1136 |   <a href="#makeHumanName" id="makeHumanName"><code class="code">makeHumanName</code></a>
1137 | </div>
1138 | </div><div class="ddoc_decl">
1139 |   <section class="section">
1140 |     <div class="declaration">
1141 |       <h4>Declaration</h4>
1142 |       <div class="dlang">
1143 |         <p class="para">
1144 |           <code class="code">
1145 |             <span class="ddoc_anchor" id="makeHumanName"></span>@safe string <code class="code">makeHumanName</code>(string <code class="code">identifier</code>);
1146 | 
1147 |           </code>
1148 |         </p>
1149 |       </div>
1150 |     </div>
1151 |   </section>
1152 | </div>
1153 | <div class="ddoc_decl">
1154 |   <section class="section ddoc_sections">
1155 |   <div class="ddoc_summary">
1156 |   <p class="para">
1157 |     Converts correctBookISBN_number to "Correct Book ISBN Number"
1158 |   </p>
1159 | </div>
1160 | 
1161 | </section>
1162 | 
1163 | </div>
1164 | 
1165 | </li><li class="ddoc_member">
1166 |   <div class="ddoc_member_header">
1167 |   <div class="ddoc_header_anchor">
1168 |   <a href="#DefaultInputGenerator" id="DefaultInputGenerator"><code class="code">DefaultInputGenerator</code></a>
1169 | </div>
1170 | </div><div class="ddoc_decl">
1171 |   <section class="section">
1172 |     <div class="declaration">
1173 |       <h4>Declaration</h4>
1174 |       <div class="dlang">
1175 |         <p class="para">
1176 |           <code class="code">
1177 |             <span class="ddoc_anchor" id="DefaultInputGenerator"></span>struct <code class="code">DefaultInputGenerator</code>;
1178 | 
1179 |           </code>
1180 |         </p>
1181 |       </div>
1182 |     </div>
1183 |   </section>
1184 | </div>
1185 | <div class="ddoc_decl">
1186 |   <section class="section ddoc_sections">
1187 |   <div class="ddoc_summary">
1188 |   <p class="para">
1189 |     Controls how the input HTML is generated
1190 |   </p>
1191 | </div>
1192 | 
1193 | </section>
1194 | <ul class="ddoc_members">
1195 |   <li class="ddoc_member">
1196 |   <div class="ddoc_member_header">
1197 |   <div class="ddoc_header_anchor">
1198 |   <a href="#DefaultInputGenerator.textfield" id="DefaultInputGenerator.textfield"><code class="code">textfield</code></a>
1199 | </div>
1200 | </div><div class="ddoc_decl">
1201 |   <section class="section">
1202 |     <div class="declaration">
1203 |       <h4>Declaration</h4>
1204 |       <div class="dlang">
1205 |         <p class="para">
1206 |           <code class="code">
1207 |             <span class="ddoc_anchor" id="DefaultInputGenerator.textfield"></span>static @safe string <code class="code">textfield</code>(string <code class="code">name</code>, string <code class="code">type</code>, string <code class="code">value</code>, string <code class="code">raw</code>, bool <code class="code">success</code>, string[] <code class="code">classes</code>);
1208 | 
1209 |           </code>
1210 |         </p>
1211 |       </div>
1212 |     </div>
1213 |   </section>
1214 | </div>
1215 | <div class="ddoc_decl">
1216 |   <section class="section ddoc_sections">
1217 |   <div class="ddoc_summary">
1218 |   <p class="para">
1219 |     Called for single line input types
1220 |   </p>
1221 | </div>
1222 | 
1223 | </section>
1224 | 
1225 | </div>
1226 | 
1227 | </li><li class="ddoc_member">
1228 |   <div class="ddoc_member_header">
1229 |   <div class="ddoc_header_anchor">
1230 |   <a href="#DefaultInputGenerator.textarea" id="DefaultInputGenerator.textarea"><code class="code">textarea</code></a>
1231 | </div>
1232 | </div><div class="ddoc_decl">
1233 |   <section class="section">
1234 |     <div class="declaration">
1235 |       <h4>Declaration</h4>
1236 |       <div class="dlang">
1237 |         <p class="para">
1238 |           <code class="code">
1239 |             <span class="ddoc_anchor" id="DefaultInputGenerator.textarea"></span>static @safe string <code class="code">textarea</code>(string <code class="code">name</code>, string <code class="code">value</code>, string <code class="code">raw</code>, bool <code class="code">success</code>, string[] <code class="code">classes</code>);
1240 | 
1241 |           </code>
1242 |         </p>
1243 |       </div>
1244 |     </div>
1245 |   </section>
1246 | </div>
1247 | <div class="ddoc_decl">
1248 |   <section class="section ddoc_sections">
1249 |   <div class="ddoc_summary">
1250 |   <p class="para">
1251 |     Called for textareas
1252 |   </p>
1253 | </div>
1254 | 
1255 | </section>
1256 | 
1257 | </div>
1258 | 
1259 | </li><li class="ddoc_member">
1260 |   <div class="ddoc_member_header">
1261 |   <div class="ddoc_header_anchor">
1262 |   <a href="#DefaultInputGenerator.checkbox" id="DefaultInputGenerator.checkbox"><code class="code">checkbox</code></a>
1263 | </div>
1264 | </div><div class="ddoc_decl">
1265 |   <section class="section">
1266 |     <div class="declaration">
1267 |       <h4>Declaration</h4>
1268 |       <div class="dlang">
1269 |         <p class="para">
1270 |           <code class="code">
1271 |             <span class="ddoc_anchor" id="DefaultInputGenerator.checkbox"></span>static @safe string <code class="code">checkbox</code>(string <code class="code">name</code>, bool <code class="code">checked</code>, string <code class="code">raw</code>, bool <code class="code">success</code>, string[] <code class="code">classes</code>);
1272 | 
1273 |           </code>
1274 |         </p>
1275 |       </div>
1276 |     </div>
1277 |   </section>
1278 | </div>
1279 | <div class="ddoc_decl">
1280 |   <section class="section ddoc_sections">
1281 |   <div class="ddoc_summary">
1282 |   <p class="para">
1283 |     Called for boolean values
1284 |   </p>
1285 | </div>
1286 | 
1287 | </section>
1288 | 
1289 | </div>
1290 | 
1291 | </li><li class="ddoc_member">
1292 |   <div class="ddoc_member_header">
1293 |   <div class="ddoc_header_anchor">
1294 |   <a href="#DefaultInputGenerator.dropdownList" id="DefaultInputGenerator.dropdownList"><code class="code">dropdownList</code></a>
1295 | </div>
1296 | </div><div class="ddoc_decl">
1297 |   <section class="section">
1298 |     <div class="declaration">
1299 |       <h4>Declaration</h4>
1300 |       <div class="dlang">
1301 |         <p class="para">
1302 |           <code class="code">
1303 |             <span class="ddoc_anchor" id="DefaultInputGenerator.dropdownList"></span>string <code class="code">dropdownList</code>(Enum, translations...)(string <code class="code">name</code>, Enum <code class="code">value</code>, string <code class="code">raw</code>, bool <code class="code">success</code>, string[] <code class="code">classes</code>);
1304 | 
1305 |           </code>
1306 |         </p>
1307 |       </div>
1308 |     </div>
1309 |   </section>
1310 | </div>
1311 | <div class="ddoc_decl">
1312 |   <section class="section ddoc_sections">
1313 |   <div class="ddoc_summary">
1314 |   <p class="para">
1315 |     Called for enums disabled as select (you need to iterate over the enum members)
1316 |   </p>
1317 | </div>
1318 | 
1319 | </section>
1320 | 
1321 | </div>
1322 | 
1323 | </li><li class="ddoc_member">
1324 |   <div class="ddoc_member_header">
1325 |   <div class="ddoc_header_anchor">
1326 |   <a href="#DefaultInputGenerator.optionList" id="DefaultInputGenerator.optionList"><code class="code">optionList</code></a>
1327 | </div>
1328 | </div><div class="ddoc_decl">
1329 |   <section class="section">
1330 |     <div class="declaration">
1331 |       <h4>Declaration</h4>
1332 |       <div class="dlang">
1333 |         <p class="para">
1334 |           <code class="code">
1335 |             <span class="ddoc_anchor" id="DefaultInputGenerator.optionList"></span>string <code class="code">optionList</code>(Enum, translations...)(string <code class="code">name</code>, Enum <code class="code">value</code>, string <code class="code">raw</code>, bool <code class="code">success</code>, string[] <code class="code">classes</code>);
1336 | 
1337 |           </code>
1338 |         </p>
1339 |       </div>
1340 |     </div>
1341 |   </section>
1342 | </div>
1343 | <div class="ddoc_decl">
1344 |   <section class="section ddoc_sections">
1345 |   <div class="ddoc_summary">
1346 |   <p class="para">
1347 |     Called for enums displayed as list of radio boxes (you need to iterate over the enum members)
1348 |   </p>
1349 | </div>
1350 | 
1351 | </section>
1352 | 
1353 | </div>
1354 | 
1355 | </li><li class="ddoc_member">
1356 |   <div class="ddoc_member_header">
1357 |   <div class="ddoc_header_anchor">
1358 |   <a href="#DefaultInputGenerator.checkboxList" id="DefaultInputGenerator.checkboxList"><code class="code">checkboxList</code></a>
1359 | </div>
1360 | </div><div class="ddoc_decl">
1361 |   <section class="section">
1362 |     <div class="declaration">
1363 |       <h4>Declaration</h4>
1364 |       <div class="dlang">
1365 |         <p class="para">
1366 |           <code class="code">
1367 |             <span class="ddoc_anchor" id="DefaultInputGenerator.checkboxList"></span>string <code class="code">checkboxList</code>(Enum, translations...)(string <code class="code">name</code>, BitFlags!Enum <code class="code">value</code>, string <code class="code">raw</code>, bool <code class="code">success</code>, string[] <code class="code">classes</code>);
1368 | 
1369 |           </code>
1370 |         </p>
1371 |       </div>
1372 |     </div>
1373 |   </section>
1374 | </div>
1375 | <div class="ddoc_decl">
1376 |   <section class="section ddoc_sections">
1377 |   <div class="ddoc_summary">
1378 |   <p class="para">
1379 |     Called for BitFlags displayed as list of checkboxes.
1380 |   </p>
1381 | </div>
1382 | 
1383 | </section>
1384 | 
1385 | </div>
1386 | 
1387 | </li>
1388 | </ul>
1389 | 
1390 | </div>
1391 | 
1392 | </li><li class="ddoc_member">
1393 |   <div class="ddoc_member_header">
1394 |   <div class="ddoc_header_anchor">
1395 |   <a href="#emailSetting" id="emailSetting"><code class="code">emailSetting</code></a>
1396 | </div>
1397 | </div><div class="ddoc_decl">
1398 |   <section class="section">
1399 |     <div class="declaration">
1400 |       <h4>Declaration</h4>
1401 |       <div class="dlang">
1402 |         <p class="para">
1403 |           <code class="code">
1404 |             <span class="ddoc_anchor" id="emailSetting"></span>enum <code class="code">emailSetting</code>;
1405 | 
1406 |           </code>
1407 |         </p>
1408 |       </div>
1409 |     </div>
1410 |   </section>
1411 | </div>
1412 | <div class="ddoc_decl">
1413 |   <section class="section ddoc_sections">
1414 |   <div class="ddoc_summary">
1415 |   <p class="para">
1416 |     Adds type="email" to string types
1417 |   </p>
1418 | </div>
1419 | 
1420 | </section>
1421 | 
1422 | </div>
1423 | 
1424 | </li><li class="ddoc_member">
1425 |   <div class="ddoc_member_header">
1426 |   <div class="ddoc_header_anchor">
1427 |   <a href="#urlSetting" id="urlSetting"><code class="code">urlSetting</code></a>
1428 | </div>
1429 | </div><div class="ddoc_decl">
1430 |   <section class="section">
1431 |     <div class="declaration">
1432 |       <h4>Declaration</h4>
1433 |       <div class="dlang">
1434 |         <p class="para">
1435 |           <code class="code">
1436 |             <span class="ddoc_anchor" id="urlSetting"></span>enum <code class="code">urlSetting</code>;
1437 | 
1438 |           </code>
1439 |         </p>
1440 |       </div>
1441 |     </div>
1442 |   </section>
1443 | </div>
1444 | <div class="ddoc_decl">
1445 |   <section class="section ddoc_sections">
1446 |   <div class="ddoc_summary">
1447 |   <p class="para">
1448 |     Adds type="url" to string types
1449 |   </p>
1450 | </div>
1451 | 
1452 | </section>
1453 | 
1454 | </div>
1455 | 
1456 | </li><li class="ddoc_member">
1457 |   <div class="ddoc_member_header">
1458 |   <div class="ddoc_header_anchor">
1459 |   <a href="#passwordSetting" id="passwordSetting"><code class="code">passwordSetting</code></a>
1460 | </div>
1461 | </div><div class="ddoc_decl">
1462 |   <section class="section">
1463 |     <div class="declaration">
1464 |       <h4>Declaration</h4>
1465 |       <div class="dlang">
1466 |         <p class="para">
1467 |           <code class="code">
1468 |             <span class="ddoc_anchor" id="passwordSetting"></span>enum <code class="code">passwordSetting</code>;
1469 | 
1470 |           </code>
1471 |         </p>
1472 |       </div>
1473 |     </div>
1474 |   </section>
1475 | </div>
1476 | <div class="ddoc_decl">
1477 |   <section class="section ddoc_sections">
1478 |   <div class="ddoc_summary">
1479 |   <p class="para">
1480 |     Adds type="password" to string types
1481 |   </p>
1482 | </div>
1483 | 
1484 | </section>
1485 | 
1486 | </div>
1487 | 
1488 | </li><li class="ddoc_member">
1489 |   <div class="ddoc_member_header">
1490 |   <div class="ddoc_header_anchor">
1491 |   <a href="#multilineSetting" id="multilineSetting"><code class="code">multilineSetting</code></a>
1492 | </div>
1493 | </div><div class="ddoc_decl">
1494 |   <section class="section">
1495 |     <div class="declaration">
1496 |       <h4>Declaration</h4>
1497 |       <div class="dlang">
1498 |         <p class="para">
1499 |           <code class="code">
1500 |             <span class="ddoc_anchor" id="multilineSetting"></span>enum <code class="code">multilineSetting</code>;
1501 | 
1502 |           </code>
1503 |         </p>
1504 |       </div>
1505 |     </div>
1506 |   </section>
1507 | </div>
1508 | <div class="ddoc_decl">
1509 |   <section class="section ddoc_sections">
1510 |   <div class="ddoc_summary">
1511 |   <p class="para">
1512 |     Makes string types textareas
1513 |   </p>
1514 | </div>
1515 | 
1516 | </section>
1517 | 
1518 | </div>
1519 | 
1520 | </li><li class="ddoc_member">
1521 |   <div class="ddoc_member_header">
1522 |   <div class="ddoc_header_anchor">
1523 |   <a href="#rangeSetting" id="rangeSetting"><code class="code">rangeSetting</code></a>
1524 | </div>
1525 | </div><div class="ddoc_decl">
1526 |   <section class="section">
1527 |     <div class="declaration">
1528 |       <h4>Declaration</h4>
1529 |       <div class="dlang">
1530 |         <p class="para">
1531 |           <code class="code">
1532 |             <span class="ddoc_anchor" id="rangeSetting"></span>enum <code class="code">rangeSetting</code>;
1533 | 
1534 |           </code>
1535 |         </p>
1536 |       </div>
1537 |     </div>
1538 |   </section>
1539 | </div>
1540 | <div class="ddoc_decl">
1541 |   <section class="section ddoc_sections">
1542 |   <div class="ddoc_summary">
1543 |   <p class="para">
1544 |     Adds type="range" to numeric types
1545 |   </p>
1546 | </div>
1547 | 
1548 | </section>
1549 | 
1550 | </div>
1551 | 
1552 | </li><li class="ddoc_member">
1553 |   <div class="ddoc_member_header">
1554 |   <div class="ddoc_header_anchor">
1555 |   <a href="#timeSetting" id="timeSetting"><code class="code">timeSetting</code></a>
1556 | </div>
1557 | </div><div class="ddoc_decl">
1558 |   <section class="section">
1559 |     <div class="declaration">
1560 |       <h4>Declaration</h4>
1561 |       <div class="dlang">
1562 |         <p class="para">
1563 |           <code class="code">
1564 |             <span class="ddoc_anchor" id="timeSetting"></span>enum <code class="code">timeSetting</code>;
1565 | 
1566 |           </code>
1567 |         </p>
1568 |       </div>
1569 |     </div>
1570 |   </section>
1571 | </div>
1572 | <div class="ddoc_decl">
1573 |   <section class="section ddoc_sections">
1574 |   <div class="ddoc_summary">
1575 |   <p class="para">
1576 |     Adds type="time" to string types
1577 |   </p>
1578 | </div>
1579 | 
1580 | </section>
1581 | 
1582 | </div>
1583 | 
1584 | </li><li class="ddoc_member">
1585 |   <div class="ddoc_member_header">
1586 |   <div class="ddoc_header_anchor">
1587 |   <a href="#weekSetting" id="weekSetting"><code class="code">weekSetting</code></a>
1588 | </div>
1589 | </div><div class="ddoc_decl">
1590 |   <section class="section">
1591 |     <div class="declaration">
1592 |       <h4>Declaration</h4>
1593 |       <div class="dlang">
1594 |         <p class="para">
1595 |           <code class="code">
1596 |             <span class="ddoc_anchor" id="weekSetting"></span>enum <code class="code">weekSetting</code>;
1597 | 
1598 |           </code>
1599 |         </p>
1600 |       </div>
1601 |     </div>
1602 |   </section>
1603 | </div>
1604 | <div class="ddoc_decl">
1605 |   <section class="section ddoc_sections">
1606 |   <div class="ddoc_summary">
1607 |   <p class="para">
1608 |     Adds type="week" to string types
1609 |   </p>
1610 | </div>
1611 | 
1612 | </section>
1613 | 
1614 | </div>
1615 | 
1616 | </li><li class="ddoc_member">
1617 |   <div class="ddoc_member_header">
1618 |   <div class="ddoc_header_anchor">
1619 |   <a href="#monthSetting" id="monthSetting"><code class="code">monthSetting</code></a>
1620 | </div>
1621 | </div><div class="ddoc_decl">
1622 |   <section class="section">
1623 |     <div class="declaration">
1624 |       <h4>Declaration</h4>
1625 |       <div class="dlang">
1626 |         <p class="para">
1627 |           <code class="code">
1628 |             <span class="ddoc_anchor" id="monthSetting"></span>enum <code class="code">monthSetting</code>;
1629 | 
1630 |           </code>
1631 |         </p>
1632 |       </div>
1633 |     </div>
1634 |   </section>
1635 | </div>
1636 | <div class="ddoc_decl">
1637 |   <section class="section ddoc_sections">
1638 |   <div class="ddoc_summary">
1639 |   <p class="para">
1640 |     Adds type="month" to string types
1641 |   </p>
1642 | </div>
1643 | 
1644 | </section>
1645 | 
1646 | </div>
1647 | 
1648 | </li><li class="ddoc_member">
1649 |   <div class="ddoc_member_header">
1650 |   <div class="ddoc_header_anchor">
1651 |   <a href="#datetimeLocalSetting" id="datetimeLocalSetting"><code class="code">datetimeLocalSetting</code></a>
1652 | </div>
1653 | </div><div class="ddoc_decl">
1654 |   <section class="section">
1655 |     <div class="declaration">
1656 |       <h4>Declaration</h4>
1657 |       <div class="dlang">
1658 |         <p class="para">
1659 |           <code class="code">
1660 |             <span class="ddoc_anchor" id="datetimeLocalSetting"></span>enum <code class="code">datetimeLocalSetting</code>;
1661 | 
1662 |           </code>
1663 |         </p>
1664 |       </div>
1665 |     </div>
1666 |   </section>
1667 | </div>
1668 | <div class="ddoc_decl">
1669 |   <section class="section ddoc_sections">
1670 |   <div class="ddoc_summary">
1671 |   <p class="para">
1672 |     Adds type="datetime-local" to string types
1673 |   </p>
1674 | </div>
1675 | 
1676 | </section>
1677 | 
1678 | </div>
1679 | 
1680 | </li><li class="ddoc_member">
1681 |   <div class="ddoc_member_header">
1682 |   <div class="ddoc_header_anchor">
1683 |   <a href="#dateSetting" id="dateSetting"><code class="code">dateSetting</code></a>
1684 | </div>
1685 | </div><div class="ddoc_decl">
1686 |   <section class="section">
1687 |     <div class="declaration">
1688 |       <h4>Declaration</h4>
1689 |       <div class="dlang">
1690 |         <p class="para">
1691 |           <code class="code">
1692 |             <span class="ddoc_anchor" id="dateSetting"></span>enum <code class="code">dateSetting</code>;
1693 | 
1694 |           </code>
1695 |         </p>
1696 |       </div>
1697 |     </div>
1698 |   </section>
1699 | </div>
1700 | <div class="ddoc_decl">
1701 |   <section class="section ddoc_sections">
1702 |   <div class="ddoc_summary">
1703 |   <p class="para">
1704 |     Adds type="date" to string types
1705 |   </p>
1706 | </div>
1707 | 
1708 | </section>
1709 | 
1710 | </div>
1711 | 
1712 | </li><li class="ddoc_member">
1713 |   <div class="ddoc_member_header">
1714 |   <div class="ddoc_header_anchor">
1715 |   <a href="#colorSetting" id="colorSetting"><code class="code">colorSetting</code></a>
1716 | </div>
1717 | </div><div class="ddoc_decl">
1718 |   <section class="section">
1719 |     <div class="declaration">
1720 |       <h4>Declaration</h4>
1721 |       <div class="dlang">
1722 |         <p class="para">
1723 |           <code class="code">
1724 |             <span class="ddoc_anchor" id="colorSetting"></span>enum <code class="code">colorSetting</code>;
1725 | 
1726 |           </code>
1727 |         </p>
1728 |       </div>
1729 |     </div>
1730 |   </section>
1731 | </div>
1732 | <div class="ddoc_decl">
1733 |   <section class="section ddoc_sections">
1734 |   <div class="ddoc_summary">
1735 |   <p class="para">
1736 |     Adds type="color" to string types
1737 |   </p>
1738 | </div>
1739 | 
1740 | </section>
1741 | 
1742 | </div>
1743 | 
1744 | </li><li class="ddoc_member">
1745 |   <div class="ddoc_member_header">
1746 |   <div class="ddoc_header_anchor">
1747 |   <a href="#disabledSetting" id="disabledSetting"><code class="code">disabledSetting</code></a>
1748 | </div>
1749 | </div><div class="ddoc_decl">
1750 |   <section class="section">
1751 |     <div class="declaration">
1752 |       <h4>Declaration</h4>
1753 |       <div class="dlang">
1754 |         <p class="para">
1755 |           <code class="code">
1756 |             <span class="ddoc_anchor" id="disabledSetting"></span>enum <code class="code">disabledSetting</code>;
1757 | 
1758 |           </code>
1759 |         </p>
1760 |       </div>
1761 |     </div>
1762 |   </section>
1763 | </div>
1764 | <div class="ddoc_decl">
1765 |   <section class="section ddoc_sections">
1766 |   <div class="ddoc_summary">
1767 |   <p class="para">
1768 |     Adds disabled to any input
1769 |   </p>
1770 | </div>
1771 | 
1772 | </section>
1773 | 
1774 | </div>
1775 | 
1776 | </li><li class="ddoc_member">
1777 |   <div class="ddoc_member_header">
1778 |   <div class="ddoc_header_anchor">
1779 |   <a href="#requiredSetting" id="requiredSetting"><code class="code">requiredSetting</code></a>
1780 | </div>
1781 | </div><div class="ddoc_decl">
1782 |   <section class="section">
1783 |     <div class="declaration">
1784 |       <h4>Declaration</h4>
1785 |       <div class="dlang">
1786 |         <p class="para">
1787 |           <code class="code">
1788 |             <span class="ddoc_anchor" id="requiredSetting"></span>enum <code class="code">requiredSetting</code>;
1789 | 
1790 |           </code>
1791 |         </p>
1792 |       </div>
1793 |     </div>
1794 |   </section>
1795 | </div>
1796 | <div class="ddoc_decl">
1797 |   <section class="section ddoc_sections">
1798 |   <div class="ddoc_summary">
1799 |   <p class="para">
1800 |     Adds required to any input
1801 |   </p>
1802 | </div>
1803 | 
1804 | </section>
1805 | 
1806 | </div>
1807 | 
1808 | </li><li class="ddoc_member">
1809 |   <div class="ddoc_member_header">
1810 |   <div class="ddoc_header_anchor">
1811 |   <a href="#nonAutomaticSetting" id="nonAutomaticSetting"><code class="code">nonAutomaticSetting</code></a>
1812 | </div>
1813 | </div><div class="ddoc_decl">
1814 |   <section class="section">
1815 |     <div class="declaration">
1816 |       <h4>Declaration</h4>
1817 |       <div class="dlang">
1818 |         <p class="para">
1819 |           <code class="code">
1820 |             <span class="ddoc_anchor" id="nonAutomaticSetting"></span>enum <code class="code">nonAutomaticSetting</code>;
1821 | 
1822 |           </code>
1823 |         </p>
1824 |       </div>
1825 |     </div>
1826 |   </section>
1827 | </div>
1828 | <div class="ddoc_decl">
1829 |   <section class="section ddoc_sections">
1830 |   <div class="ddoc_summary">
1831 |   <p class="para">
1832 |     Disables automatic JS saving when changing the input
1833 |   </p>
1834 | </div>
1835 | 
1836 | </section>
1837 | 
1838 | </div>
1839 | 
1840 | </li><li class="ddoc_member">
1841 |   <div class="ddoc_member_header">
1842 |   <div class="ddoc_header_anchor">
1843 |   <a href="#optionsSetting" id="optionsSetting"><code class="code">optionsSetting</code></a>
1844 | </div>
1845 | </div><div class="ddoc_decl">
1846 |   <section class="section">
1847 |     <div class="declaration">
1848 |       <h4>Declaration</h4>
1849 |       <div class="dlang">
1850 |         <p class="para">
1851 |           <code class="code">
1852 |             <span class="ddoc_anchor" id="optionsSetting"></span>enum <code class="code">optionsSetting</code>;
1853 | 
1854 |           </code>
1855 |         </p>
1856 |       </div>
1857 |     </div>
1858 |   </section>
1859 | </div>
1860 | <div class="ddoc_decl">
1861 |   <section class="section ddoc_sections">
1862 |   <div class="ddoc_summary">
1863 |   <p class="para">
1864 |     Changes a dropdown to a radio button list
1865 |   </p>
1866 | </div>
1867 | 
1868 | </section>
1869 | 
1870 | </div>
1871 | 
1872 | </li><li class="ddoc_member">
1873 |   <div class="ddoc_member_header">
1874 |   <div class="ddoc_header_anchor">
1875 |   <a href="#settingMin" id="settingMin"><code class="code">settingMin</code></a>
1876 | </div>
1877 | </div><div class="ddoc_decl">
1878 |   <section class="section">
1879 |     <div class="declaration">
1880 |       <h4>Declaration</h4>
1881 |       <div class="dlang">
1882 |         <p class="para">
1883 |           <code class="code">
1884 |             <span class="ddoc_anchor" id="settingMin"></span>struct <code class="code">settingMin</code>;
1885 | 
1886 |           </code>
1887 |         </p>
1888 |       </div>
1889 |     </div>
1890 |   </section>
1891 | </div>
1892 | <div class="ddoc_decl">
1893 |   <section class="section ddoc_sections">
1894 |   <div class="ddoc_summary">
1895 |   <p class="para">
1896 |     Changes the min="" attribute for numerical values
1897 |   </p>
1898 | </div>
1899 | 
1900 | </section>
1901 | <ul class="ddoc_members">
1902 |   <li class="ddoc_member">
1903 |   <div class="ddoc_member_header">
1904 |   <div class="ddoc_header_anchor">
1905 |   <a href="#settingMin.min" id="settingMin.min"><code class="code">min</code></a>
1906 | </div>
1907 | </div><div class="ddoc_decl">
1908 |   <section class="section">
1909 |     <div class="declaration">
1910 |       <h4>Declaration</h4>
1911 |       <div class="dlang">
1912 |         <p class="para">
1913 |           <code class="code">
1914 |             <span class="ddoc_anchor" id="settingMin.min"></span>double <code class="code">min</code>;
1915 | 
1916 |           </code>
1917 |         </p>
1918 |       </div>
1919 |     </div>
1920 |   </section>
1921 | </div>
1922 | <div class="ddoc_decl">
1923 |   
1924 | 
1925 | </div>
1926 | 
1927 | </li>
1928 | </ul>
1929 | 
1930 | </div>
1931 | 
1932 | </li><li class="ddoc_member">
1933 |   <div class="ddoc_member_header">
1934 |   <div class="ddoc_header_anchor">
1935 |   <a href="#settingMax" id="settingMax"><code class="code">settingMax</code></a>
1936 | </div>
1937 | </div><div class="ddoc_decl">
1938 |   <section class="section">
1939 |     <div class="declaration">
1940 |       <h4>Declaration</h4>
1941 |       <div class="dlang">
1942 |         <p class="para">
1943 |           <code class="code">
1944 |             <span class="ddoc_anchor" id="settingMax"></span>struct <code class="code">settingMax</code>;
1945 | 
1946 |           </code>
1947 |         </p>
1948 |       </div>
1949 |     </div>
1950 |   </section>
1951 | </div>
1952 | <div class="ddoc_decl">
1953 |   <section class="section ddoc_sections">
1954 |   <div class="ddoc_summary">
1955 |   <p class="para">
1956 |     Changes the max="" attribute for numerical values
1957 |   </p>
1958 | </div>
1959 | 
1960 | </section>
1961 | <ul class="ddoc_members">
1962 |   <li class="ddoc_member">
1963 |   <div class="ddoc_member_header">
1964 |   <div class="ddoc_header_anchor">
1965 |   <a href="#settingMax.max" id="settingMax.max"><code class="code">max</code></a>
1966 | </div>
1967 | </div><div class="ddoc_decl">
1968 |   <section class="section">
1969 |     <div class="declaration">
1970 |       <h4>Declaration</h4>
1971 |       <div class="dlang">
1972 |         <p class="para">
1973 |           <code class="code">
1974 |             <span class="ddoc_anchor" id="settingMax.max"></span>double <code class="code">max</code>;
1975 | 
1976 |           </code>
1977 |         </p>
1978 |       </div>
1979 |     </div>
1980 |   </section>
1981 | </div>
1982 | <div class="ddoc_decl">
1983 |   
1984 | 
1985 | </div>
1986 | 
1987 | </li>
1988 | </ul>
1989 | 
1990 | </div>
1991 | 
1992 | </li><li class="ddoc_member">
1993 |   <div class="ddoc_member_header">
1994 |   <div class="ddoc_header_anchor">
1995 |   <a href="#settingStep" id="settingStep"><code class="code">settingStep</code></a>
1996 | </div>
1997 | </div><div class="ddoc_decl">
1998 |   <section class="section">
1999 |     <div class="declaration">
2000 |       <h4>Declaration</h4>
2001 |       <div class="dlang">
2002 |         <p class="para">
2003 |           <code class="code">
2004 |             <span class="ddoc_anchor" id="settingStep"></span>struct <code class="code">settingStep</code>;
2005 | 
2006 |           </code>
2007 |         </p>
2008 |       </div>
2009 |     </div>
2010 |   </section>
2011 | </div>
2012 | <div class="ddoc_decl">
2013 |   <section class="section ddoc_sections">
2014 |   <div class="ddoc_summary">
2015 |   <p class="para">
2016 |     Changes the step="" attribute for numerical values
2017 |   </p>
2018 | </div>
2019 | 
2020 | </section>
2021 | <ul class="ddoc_members">
2022 |   <li class="ddoc_member">
2023 |   <div class="ddoc_member_header">
2024 |   <div class="ddoc_header_anchor">
2025 |   <a href="#settingStep.step" id="settingStep.step"><code class="code">step</code></a>
2026 | </div>
2027 | </div><div class="ddoc_decl">
2028 |   <section class="section">
2029 |     <div class="declaration">
2030 |       <h4>Declaration</h4>
2031 |       <div class="dlang">
2032 |         <p class="para">
2033 |           <code class="code">
2034 |             <span class="ddoc_anchor" id="settingStep.step"></span>double <code class="code">step</code>;
2035 | 
2036 |           </code>
2037 |         </p>
2038 |       </div>
2039 |     </div>
2040 |   </section>
2041 | </div>
2042 | <div class="ddoc_decl">
2043 |   
2044 | 
2045 | </div>
2046 | 
2047 | </li>
2048 | </ul>
2049 | 
2050 | </div>
2051 | 
2052 | </li><li class="ddoc_member">
2053 |   <div class="ddoc_member_header">
2054 |   <div class="ddoc_header_anchor">
2055 |   <a href="#settingRange" id="settingRange"><code class="code">settingRange</code></a>
2056 | </div>
2057 | </div><div class="ddoc_decl">
2058 |   <section class="section">
2059 |     <div class="declaration">
2060 |       <h4>Declaration</h4>
2061 |       <div class="dlang">
2062 |         <p class="para">
2063 |           <code class="code">
2064 |             <span class="ddoc_anchor" id="settingRange"></span>struct <code class="code">settingRange</code>;
2065 | 
2066 |           </code>
2067 |         </p>
2068 |       </div>
2069 |     </div>
2070 |   </section>
2071 | </div>
2072 | <div class="ddoc_decl">
2073 |   <section class="section ddoc_sections">
2074 |   <div class="ddoc_summary">
2075 |   <p class="para">
2076 |     Changes the min="" and max="" attribute for numerical values
2077 |   </p>
2078 | </div>
2079 | 
2080 | </section>
2081 | <ul class="ddoc_members">
2082 |   <li class="ddoc_member">
2083 |   <div class="ddoc_member_header">
2084 |   <div class="ddoc_header_anchor">
2085 |   <a href="#settingRange.min" id="settingRange.min"><code class="code">min</code></a>
2086 | </div>
2087 | </div><div class="ddoc_decl">
2088 |   <section class="section">
2089 |     <div class="declaration">
2090 |       <h4>Declaration</h4>
2091 |       <div class="dlang">
2092 |         <p class="para">
2093 |           <code class="code">
2094 |             <span class="ddoc_anchor" id="settingRange.min"></span>double <code class="code">min</code>;
2095 | 
2096 |           </code>
2097 |         </p>
2098 |       </div>
2099 |     </div>
2100 |   </section>
2101 | </div>
2102 | <div class="ddoc_decl">
2103 |   
2104 | 
2105 | </div>
2106 | 
2107 | </li><li class="ddoc_member">
2108 |   <div class="ddoc_member_header">
2109 |   <div class="ddoc_header_anchor">
2110 |   <a href="#settingRange.max" id="settingRange.max"><code class="code">max</code></a>
2111 | </div>
2112 | </div><div class="ddoc_decl">
2113 |   <section class="section">
2114 |     <div class="declaration">
2115 |       <h4>Declaration</h4>
2116 |       <div class="dlang">
2117 |         <p class="para">
2118 |           <code class="code">
2119 |             <span class="ddoc_anchor" id="settingRange.max"></span>double <code class="code">max</code>;
2120 | 
2121 |           </code>
2122 |         </p>
2123 |       </div>
2124 |     </div>
2125 |   </section>
2126 | </div>
2127 | <div class="ddoc_decl">
2128 |   
2129 | 
2130 | </div>
2131 | 
2132 | </li>
2133 | </ul>
2134 | 
2135 | </div>
2136 | 
2137 | </li><li class="ddoc_member">
2138 |   <div class="ddoc_member_header">
2139 |   <div class="ddoc_header_anchor">
2140 |   <a href="#settingLength" id="settingLength"><code class="code">settingLength</code></a>
2141 | </div>
2142 | </div><div class="ddoc_decl">
2143 |   <section class="section">
2144 |     <div class="declaration">
2145 |       <h4>Declaration</h4>
2146 |       <div class="dlang">
2147 |         <p class="para">
2148 |           <code class="code">
2149 |             <span class="ddoc_anchor" id="settingLength"></span>struct <code class="code">settingLength</code>;
2150 | 
2151 |           </code>
2152 |         </p>
2153 |       </div>
2154 |     </div>
2155 |   </section>
2156 | </div>
2157 | <div class="ddoc_decl">
2158 |   <section class="section ddoc_sections">
2159 |   <div class="ddoc_summary">
2160 |   <p class="para">
2161 |     Changes the minlength="" and maxlength="" attribute for string values
2162 |   </p>
2163 | </div>
2164 | 
2165 | </section>
2166 | <ul class="ddoc_members">
2167 |   <li class="ddoc_member">
2168 |   <div class="ddoc_member_header">
2169 |   <div class="ddoc_header_anchor">
2170 |   <a href="#settingLength.max" id="settingLength.max"><code class="code">max</code></a>
2171 | </div>
2172 | </div><div class="ddoc_decl">
2173 |   <section class="section">
2174 |     <div class="declaration">
2175 |       <h4>Declaration</h4>
2176 |       <div class="dlang">
2177 |         <p class="para">
2178 |           <code class="code">
2179 |             <span class="ddoc_anchor" id="settingLength.max"></span>int <code class="code">max</code>;
2180 | 
2181 |           </code>
2182 |         </p>
2183 |       </div>
2184 |     </div>
2185 |   </section>
2186 | </div>
2187 | <div class="ddoc_decl">
2188 |   
2189 | 
2190 | </div>
2191 | 
2192 | </li><li class="ddoc_member">
2193 |   <div class="ddoc_member_header">
2194 |   <div class="ddoc_header_anchor">
2195 |   <a href="#settingLength.min" id="settingLength.min"><code class="code">min</code></a>
2196 | </div>
2197 | </div><div class="ddoc_decl">
2198 |   <section class="section">
2199 |     <div class="declaration">
2200 |       <h4>Declaration</h4>
2201 |       <div class="dlang">
2202 |         <p class="para">
2203 |           <code class="code">
2204 |             <span class="ddoc_anchor" id="settingLength.min"></span>int <code class="code">min</code>;
2205 | 
2206 |           </code>
2207 |         </p>
2208 |       </div>
2209 |     </div>
2210 |   </section>
2211 | </div>
2212 | <div class="ddoc_decl">
2213 |   
2214 | 
2215 | </div>
2216 | 
2217 | </li>
2218 | </ul>
2219 | 
2220 | </div>
2221 | 
2222 | </li><li class="ddoc_member">
2223 |   <div class="ddoc_member_header">
2224 |   <div class="ddoc_header_anchor">
2225 |   <a href="#settingPattern" id="settingPattern"><code class="code">settingPattern</code></a>
2226 | </div>
2227 | </div><div class="ddoc_decl">
2228 |   <section class="section">
2229 |     <div class="declaration">
2230 |       <h4>Declaration</h4>
2231 |       <div class="dlang">
2232 |         <p class="para">
2233 |           <code class="code">
2234 |             <span class="ddoc_anchor" id="settingPattern"></span>struct <code class="code">settingPattern</code>;
2235 | 
2236 |           </code>
2237 |         </p>
2238 |       </div>
2239 |     </div>
2240 |   </section>
2241 | </div>
2242 | <div class="ddoc_decl">
2243 |   <section class="section ddoc_sections">
2244 |   <div class="ddoc_summary">
2245 |   <p class="para">
2246 |     Changes the pattern="regex" attribute
2247 |   </p>
2248 | </div>
2249 | 
2250 | </section>
2251 | <ul class="ddoc_members">
2252 |   <li class="ddoc_member">
2253 |   <div class="ddoc_member_header">
2254 |   <div class="ddoc_header_anchor">
2255 |   <a href="#settingPattern.regex" id="settingPattern.regex"><code class="code">regex</code></a>
2256 | </div>
2257 | </div><div class="ddoc_decl">
2258 |   <section class="section">
2259 |     <div class="declaration">
2260 |       <h4>Declaration</h4>
2261 |       <div class="dlang">
2262 |         <p class="para">
2263 |           <code class="code">
2264 |             <span class="ddoc_anchor" id="settingPattern.regex"></span>string <code class="code">regex</code>;
2265 | 
2266 |           </code>
2267 |         </p>
2268 |       </div>
2269 |     </div>
2270 |   </section>
2271 | </div>
2272 | <div class="ddoc_decl">
2273 |   
2274 | 
2275 | </div>
2276 | 
2277 | </li>
2278 | </ul>
2279 | 
2280 | </div>
2281 | 
2282 | </li><li class="ddoc_member">
2283 |   <div class="ddoc_member_header">
2284 |   <div class="ddoc_header_anchor">
2285 |   <a href="#settingTitle" id="settingTitle"><code class="code">settingTitle</code></a>
2286 | </div>
2287 | </div><div class="ddoc_decl">
2288 |   <section class="section">
2289 |     <div class="declaration">
2290 |       <h4>Declaration</h4>
2291 |       <div class="dlang">
2292 |         <p class="para">
2293 |           <code class="code">
2294 |             <span class="ddoc_anchor" id="settingTitle"></span>struct <code class="code">settingTitle</code>;
2295 | 
2296 |           </code>
2297 |         </p>
2298 |       </div>
2299 |     </div>
2300 |   </section>
2301 | </div>
2302 | <div class="ddoc_decl">
2303 |   <section class="section ddoc_sections">
2304 |   <div class="ddoc_summary">
2305 |   <p class="para">
2306 |     Changes the title="" attribute for custom error messages &amp; tooltips
2307 |   </p>
2308 | </div>
2309 | 
2310 | </section>
2311 | <ul class="ddoc_members">
2312 |   <li class="ddoc_member">
2313 |   <div class="ddoc_member_header">
2314 |   <div class="ddoc_header_anchor">
2315 |   <a href="#settingTitle.title" id="settingTitle.title"><code class="code">title</code></a>
2316 | </div>
2317 | </div><div class="ddoc_decl">
2318 |   <section class="section">
2319 |     <div class="declaration">
2320 |       <h4>Declaration</h4>
2321 |       <div class="dlang">
2322 |         <p class="para">
2323 |           <code class="code">
2324 |             <span class="ddoc_anchor" id="settingTitle.title"></span>string <code class="code">title</code>;
2325 | 
2326 |           </code>
2327 |         </p>
2328 |       </div>
2329 |     </div>
2330 |   </section>
2331 | </div>
2332 | <div class="ddoc_decl">
2333 |   
2334 | 
2335 | </div>
2336 | 
2337 | </li>
2338 | </ul>
2339 | 
2340 | </div>
2341 | 
2342 | </li><li class="ddoc_member">
2343 |   <div class="ddoc_member_header">
2344 |   <div class="ddoc_header_anchor">
2345 |   <a href="#settingLabel" id="settingLabel"><code class="code">settingLabel</code></a>
2346 | </div>
2347 | </div><div class="ddoc_decl">
2348 |   <section class="section">
2349 |     <div class="declaration">
2350 |       <h4>Declaration</h4>
2351 |       <div class="dlang">
2352 |         <p class="para">
2353 |           <code class="code">
2354 |             <span class="ddoc_anchor" id="settingLabel"></span>struct <code class="code">settingLabel</code>;
2355 | 
2356 |           </code>
2357 |         </p>
2358 |       </div>
2359 |     </div>
2360 |   </section>
2361 | </div>
2362 | <div class="ddoc_decl">
2363 |   <section class="section ddoc_sections">
2364 |   <div class="ddoc_summary">
2365 |   <p class="para">
2366 |     Overrides the label of the input
2367 |   </p>
2368 | </div>
2369 | 
2370 | </section>
2371 | <ul class="ddoc_members">
2372 |   <li class="ddoc_member">
2373 |   <div class="ddoc_member_header">
2374 |   <div class="ddoc_header_anchor">
2375 |   <a href="#settingLabel.label" id="settingLabel.label"><code class="code">label</code></a>
2376 | </div>
2377 | </div><div class="ddoc_decl">
2378 |   <section class="section">
2379 |     <div class="declaration">
2380 |       <h4>Declaration</h4>
2381 |       <div class="dlang">
2382 |         <p class="para">
2383 |           <code class="code">
2384 |             <span class="ddoc_anchor" id="settingLabel.label"></span>string <code class="code">label</code>;
2385 | 
2386 |           </code>
2387 |         </p>
2388 |       </div>
2389 |     </div>
2390 |   </section>
2391 | </div>
2392 | <div class="ddoc_decl">
2393 |   
2394 | 
2395 | </div>
2396 | 
2397 | </li>
2398 | </ul>
2399 | 
2400 | </div>
2401 | 
2402 | </li><li class="ddoc_member">
2403 |   <div class="ddoc_member_header">
2404 |   <div class="ddoc_header_anchor">
2405 |   <a href="#settingRows" id="settingRows"><code class="code">settingRows</code></a>
2406 | </div>
2407 | </div><div class="ddoc_decl">
2408 |   <section class="section">
2409 |     <div class="declaration">
2410 |       <h4>Declaration</h4>
2411 |       <div class="dlang">
2412 |         <p class="para">
2413 |           <code class="code">
2414 |             <span class="ddoc_anchor" id="settingRows"></span>struct <code class="code">settingRows</code>;
2415 | 
2416 |           </code>
2417 |         </p>
2418 |       </div>
2419 |     </div>
2420 |   </section>
2421 | </div>
2422 | <div class="ddoc_decl">
2423 |   <section class="section ddoc_sections">
2424 |   <div class="ddoc_summary">
2425 |   <p class="para">
2426 |     Sets the number of rows of a textarea
2427 |   </p>
2428 | </div>
2429 | 
2430 | </section>
2431 | <ul class="ddoc_members">
2432 |   <li class="ddoc_member">
2433 |   <div class="ddoc_member_header">
2434 |   <div class="ddoc_header_anchor">
2435 |   <a href="#settingRows.count" id="settingRows.count"><code class="code">count</code></a>
2436 | </div>
2437 | </div><div class="ddoc_decl">
2438 |   <section class="section">
2439 |     <div class="declaration">
2440 |       <h4>Declaration</h4>
2441 |       <div class="dlang">
2442 |         <p class="para">
2443 |           <code class="code">
2444 |             <span class="ddoc_anchor" id="settingRows.count"></span>int <code class="code">count</code>;
2445 | 
2446 |           </code>
2447 |         </p>
2448 |       </div>
2449 |     </div>
2450 |   </section>
2451 | </div>
2452 | <div class="ddoc_decl">
2453 |   
2454 | 
2455 | </div>
2456 | 
2457 | </li>
2458 | </ul>
2459 | 
2460 | </div>
2461 | 
2462 | </li><li class="ddoc_member">
2463 |   <div class="ddoc_member_header">
2464 |   <div class="ddoc_header_anchor">
2465 |   <a href="#settingTranslation" id="settingTranslation"><code class="code">settingTranslation</code></a>
2466 | </div>
2467 | </div><div class="ddoc_decl">
2468 |   <section class="section">
2469 |     <div class="declaration">
2470 |       <h4>Declaration</h4>
2471 |       <div class="dlang">
2472 |         <p class="para">
2473 |           <code class="code">
2474 |             <span class="ddoc_anchor" id="settingTranslation"></span>struct <code class="code">settingTranslation</code>;
2475 | 
2476 |           </code>
2477 |         </p>
2478 |       </div>
2479 |     </div>
2480 |   </section>
2481 | </div>
2482 | <div class="ddoc_decl">
2483 |   <section class="section ddoc_sections">
2484 |   <div class="ddoc_summary">
2485 |   <p class="para">
2486 |     Changes the label if the current language (using a WebInterface translation context) matches the given one.
2487 | You need at least vibe-d v0.8.1-alpha.3 to use this UDA.
2488 |   </p>
2489 | </div>
2490 | 
2491 | </section>
2492 | <ul class="ddoc_members">
2493 |   <li class="ddoc_member">
2494 |   <div class="ddoc_member_header">
2495 |   <div class="ddoc_header_anchor">
2496 |   <a href="#settingTranslation.language" id="settingTranslation.language"><code class="code">language</code></a>
2497 | </div>
2498 | </div><div class="ddoc_decl">
2499 |   <section class="section">
2500 |     <div class="declaration">
2501 |       <h4>Declaration</h4>
2502 |       <div class="dlang">
2503 |         <p class="para">
2504 |           <code class="code">
2505 |             <span class="ddoc_anchor" id="settingTranslation.language"></span>string <code class="code">language</code>;
2506 | 
2507 |           </code>
2508 |         </p>
2509 |       </div>
2510 |     </div>
2511 |   </section>
2512 | </div>
2513 | <div class="ddoc_decl">
2514 |   
2515 | 
2516 | </div>
2517 | 
2518 | </li><li class="ddoc_member">
2519 |   <div class="ddoc_member_header">
2520 |   <div class="ddoc_header_anchor">
2521 |   <a href="#settingTranslation.label" id="settingTranslation.label"><code class="code">label</code></a>
2522 | </div>
2523 | </div><div class="ddoc_decl">
2524 |   <section class="section">
2525 |     <div class="declaration">
2526 |       <h4>Declaration</h4>
2527 |       <div class="dlang">
2528 |         <p class="para">
2529 |           <code class="code">
2530 |             <span class="ddoc_anchor" id="settingTranslation.label"></span>string <code class="code">label</code>;
2531 | 
2532 |           </code>
2533 |         </p>
2534 |       </div>
2535 |     </div>
2536 |   </section>
2537 | </div>
2538 | <div class="ddoc_decl">
2539 |   
2540 | 
2541 | </div>
2542 | 
2543 | </li>
2544 | </ul>
2545 | 
2546 | </div>
2547 | 
2548 | </li><li class="ddoc_member">
2549 |   <div class="ddoc_member_header">
2550 |   <div class="ddoc_header_anchor">
2551 |   <a href="#enumTranslation" id="enumTranslation"><code class="code">enumTranslation</code></a>
2552 | </div>
2553 | </div><div class="ddoc_decl">
2554 |   <section class="section">
2555 |     <div class="declaration">
2556 |       <h4>Declaration</h4>
2557 |       <div class="dlang">
2558 |         <p class="para">
2559 |           <code class="code">
2560 |             <span class="ddoc_anchor" id="enumTranslation"></span>struct <code class="code">enumTranslation</code>;
2561 | 
2562 |           </code>
2563 |         </p>
2564 |       </div>
2565 |     </div>
2566 |   </section>
2567 | </div>
2568 | <div class="ddoc_decl">
2569 |   <section class="section ddoc_sections">
2570 |   <div class="ddoc_summary">
2571 |   <p class="para">
2572 |     Relables all enum member names for a language. Give <code class="code">null</code> as first argument to change the default language
2573 |   </p>
2574 | </div>
2575 | 
2576 | </section>
2577 | <ul class="ddoc_members">
2578 |   <li class="ddoc_member">
2579 |   <div class="ddoc_member_header">
2580 |   <div class="ddoc_header_anchor">
2581 |   <a href="#enumTranslation.language" id="enumTranslation.language"><code class="code">language</code></a>
2582 | </div>
2583 | </div><div class="ddoc_decl">
2584 |   <section class="section">
2585 |     <div class="declaration">
2586 |       <h4>Declaration</h4>
2587 |       <div class="dlang">
2588 |         <p class="para">
2589 |           <code class="code">
2590 |             <span class="ddoc_anchor" id="enumTranslation.language"></span>string <code class="code">language</code>;
2591 | 
2592 |           </code>
2593 |         </p>
2594 |       </div>
2595 |     </div>
2596 |   </section>
2597 | </div>
2598 | <div class="ddoc_decl">
2599 |   
2600 | 
2601 | </div>
2602 | 
2603 | </li><li class="ddoc_member">
2604 |   <div class="ddoc_member_header">
2605 |   <div class="ddoc_header_anchor">
2606 |   <a href="#enumTranslation.translations" id="enumTranslation.translations"><code class="code">translations</code></a>
2607 | </div>
2608 | </div><div class="ddoc_decl">
2609 |   <section class="section">
2610 |     <div class="declaration">
2611 |       <h4>Declaration</h4>
2612 |       <div class="dlang">
2613 |         <p class="para">
2614 |           <code class="code">
2615 |             <span class="ddoc_anchor" id="enumTranslation.translations"></span>string[] <code class="code">translations</code>;
2616 | 
2617 |           </code>
2618 |         </p>
2619 |       </div>
2620 |     </div>
2621 |   </section>
2622 | </div>
2623 | <div class="ddoc_decl">
2624 |   
2625 | 
2626 | </div>
2627 | 
2628 | </li>
2629 | </ul>
2630 | 
2631 | </div>
2632 | 
2633 | </li><li class="ddoc_member">
2634 |   <div class="ddoc_member_header">
2635 |   <div class="ddoc_header_anchor">
2636 |   <a href="#settingHTML" id="settingHTML"><code class="code">settingHTML</code></a>
2637 | </div>
2638 | </div><div class="ddoc_decl">
2639 |   <section class="section">
2640 |     <div class="declaration">
2641 |       <h4>Declaration</h4>
2642 |       <div class="dlang">
2643 |         <p class="para">
2644 |           <code class="code">
2645 |             <span class="ddoc_anchor" id="settingHTML"></span>struct <code class="code">settingHTML</code>;
2646 | 
2647 |           </code>
2648 |         </p>
2649 |       </div>
2650 |     </div>
2651 |   </section>
2652 | </div>
2653 | <div class="ddoc_decl">
2654 |   <section class="section ddoc_sections">
2655 |   <div class="ddoc_summary">
2656 |   <p class="para">
2657 |     Inserts raw HTML code before an element.
2658 |   </p>
2659 | </div>
2660 | 
2661 | </section>
2662 | <ul class="ddoc_members">
2663 |   <li class="ddoc_member">
2664 |   <div class="ddoc_member_header">
2665 |   <div class="ddoc_header_anchor">
2666 |   <a href="#settingHTML.raw" id="settingHTML.raw"><code class="code">raw</code></a>
2667 | </div>
2668 | </div><div class="ddoc_decl">
2669 |   <section class="section">
2670 |     <div class="declaration">
2671 |       <h4>Declaration</h4>
2672 |       <div class="dlang">
2673 |         <p class="para">
2674 |           <code class="code">
2675 |             <span class="ddoc_anchor" id="settingHTML.raw"></span>string <code class="code">raw</code>;
2676 | 
2677 |           </code>
2678 |         </p>
2679 |       </div>
2680 |     </div>
2681 |   </section>
2682 | </div>
2683 | <div class="ddoc_decl">
2684 |   
2685 | 
2686 | </div>
2687 | 
2688 | </li>
2689 | </ul>
2690 | 
2691 | </div>
2692 | 
2693 | </li><li class="ddoc_member">
2694 |   <div class="ddoc_member_header">
2695 |   <div class="ddoc_header_anchor">
2696 |   <a href="#settingClass" id="settingClass"><code class="code">settingClass</code></a>
2697 | </div>
2698 | </div><div class="ddoc_decl">
2699 |   <section class="section">
2700 |     <div class="declaration">
2701 |       <h4>Declaration</h4>
2702 |       <div class="dlang">
2703 |         <p class="para">
2704 |           <code class="code">
2705 |             <span class="ddoc_anchor" id="settingClass"></span>struct <code class="code">settingClass</code>;
2706 | 
2707 |           </code>
2708 |         </p>
2709 |       </div>
2710 |     </div>
2711 |   </section>
2712 | </div>
2713 | <div class="ddoc_decl">
2714 |   <section class="section ddoc_sections">
2715 |   <div class="ddoc_summary">
2716 |   <p class="para">
2717 |     Inserts raw CSS class name for an element.
2718 |   </p>
2719 | </div>
2720 | 
2721 | </section>
2722 | <ul class="ddoc_members">
2723 |   <li class="ddoc_member">
2724 |   <div class="ddoc_member_header">
2725 |   <div class="ddoc_header_anchor">
2726 |   <a href="#settingClass.className" id="settingClass.className"><code class="code">className</code></a>
2727 | </div>
2728 | </div><div class="ddoc_decl">
2729 |   <section class="section">
2730 |     <div class="declaration">
2731 |       <h4>Declaration</h4>
2732 |       <div class="dlang">
2733 |         <p class="para">
2734 |           <code class="code">
2735 |             <span class="ddoc_anchor" id="settingClass.className"></span>string <code class="code">className</code>;
2736 | 
2737 |           </code>
2738 |         </p>
2739 |       </div>
2740 |     </div>
2741 |   </section>
2742 | </div>
2743 | <div class="ddoc_decl">
2744 |   
2745 | 
2746 | </div>
2747 | 
2748 | </li>
2749 | </ul>
2750 | 
2751 | </div>
2752 | 
2753 | </li><li class="ddoc_member">
2754 |   <div class="ddoc_member_header">
2755 |   <div class="ddoc_header_anchor">
2756 |   <a href="#formTemplate" id="formTemplate"><code class="code">formTemplate</code></a>
2757 | </div>
2758 | </div><div class="ddoc_decl">
2759 |   <section class="section">
2760 |     <div class="declaration">
2761 |       <h4>Declaration</h4>
2762 |       <div class="dlang">
2763 |         <p class="para">
2764 |           <code class="code">
2765 |             <span class="ddoc_anchor" id="formTemplate"></span>struct <code class="code">formTemplate</code>;
2766 | 
2767 |           </code>
2768 |         </p>
2769 |       </div>
2770 |     </div>
2771 |   </section>
2772 | </div>
2773 | <div class="ddoc_decl">
2774 |   <section class="section ddoc_sections">
2775 |   <div class="ddoc_summary">
2776 |   <p class="para">
2777 |     Changes how the form HTML template looks
2778 |   </p>
2779 | </div>
2780 | 
2781 | </section>
2782 | <ul class="ddoc_members">
2783 |   <li class="ddoc_member">
2784 |   <div class="ddoc_member_header">
2785 |   <div class="ddoc_header_anchor">
2786 |   <a href="#formTemplate.code" id="formTemplate.code"><code class="code">code</code></a>
2787 | </div>
2788 | </div><div class="ddoc_decl">
2789 |   <section class="section">
2790 |     <div class="declaration">
2791 |       <h4>Declaration</h4>
2792 |       <div class="dlang">
2793 |         <p class="para">
2794 |           <code class="code">
2795 |             <span class="ddoc_anchor" id="formTemplate.code"></span>string <code class="code">code</code>;
2796 | 
2797 |           </code>
2798 |         </p>
2799 |       </div>
2800 |     </div>
2801 |   </section>
2802 | </div>
2803 | <div class="ddoc_decl">
2804 |   <section class="section ddoc_sections">
2805 |   <div class="ddoc_summary">
2806 |   <p class="para">
2807 |     Contains the std.format formattable template <code class="code">code</code>. <br>
2808 | Arguments in order are: string action, string method, string formArguments, string html <br>
2809 | html is last so you can embed it using %4$s without throwing an orphan arguments exception.
2810 |   </p>
2811 | </div>
2812 | 
2813 | </section>
2814 | 
2815 | </div>
2816 | 
2817 | </li>
2818 | </ul>
2819 | 
2820 | </div>
2821 | 
2822 | </li><li class="ddoc_member">
2823 |   <div class="ddoc_member_header">
2824 |   <div class="ddoc_header_anchor">
2825 |   <a href="#settingPlaceholder" id="settingPlaceholder"><code class="code">settingPlaceholder</code></a>
2826 | </div>
2827 | </div><div class="ddoc_decl">
2828 |   <section class="section">
2829 |     <div class="declaration">
2830 |       <h4>Declaration</h4>
2831 |       <div class="dlang">
2832 |         <p class="para">
2833 |           <code class="code">
2834 |             <span class="ddoc_anchor" id="settingPlaceholder"></span>struct <code class="code">settingPlaceholder</code>;
2835 | 
2836 |           </code>
2837 |         </p>
2838 |       </div>
2839 |     </div>
2840 |   </section>
2841 | </div>
2842 | <div class="ddoc_decl">
2843 |   <section class="section ddoc_sections">
2844 |   <div class="ddoc_summary">
2845 |   <p class="para">
2846 |     Sets the placeholder attribute for elements that support it
2847 |   </p>
2848 | </div>
2849 | 
2850 | </section>
2851 | <ul class="ddoc_members">
2852 |   <li class="ddoc_member">
2853 |   <div class="ddoc_member_header">
2854 |   <div class="ddoc_header_anchor">
2855 |   <a href="#settingPlaceholder.placeholder" id="settingPlaceholder.placeholder"><code class="code">placeholder</code></a>
2856 | </div>
2857 | </div><div class="ddoc_decl">
2858 |   <section class="section">
2859 |     <div class="declaration">
2860 |       <h4>Declaration</h4>
2861 |       <div class="dlang">
2862 |         <p class="para">
2863 |           <code class="code">
2864 |             <span class="ddoc_anchor" id="settingPlaceholder.placeholder"></span>string <code class="code">placeholder</code>;
2865 | 
2866 |           </code>
2867 |         </p>
2868 |       </div>
2869 |     </div>
2870 |   </section>
2871 | </div>
2872 | <div class="ddoc_decl">
2873 |   
2874 | 
2875 | </div>
2876 | 
2877 | </li>
2878 | </ul>
2879 | 
2880 | </div>
2881 | 
2882 | </li><li class="ddoc_member">
2883 |   <div class="ddoc_member_header">
2884 |   <div class="ddoc_header_anchor">
2885 |   <a href="#DefaultJavascriptCode" id="DefaultJavascriptCode"><code class="code">DefaultJavascriptCode</code></a>
2886 | </div>
2887 | </div><div class="ddoc_decl">
2888 |   <section class="section">
2889 |     <div class="declaration">
2890 |       <h4>Declaration</h4>
2891 |       <div class="dlang">
2892 |         <p class="para">
2893 |           <code class="code">
2894 |             <span class="ddoc_anchor" id="DefaultJavascriptCode"></span>enum string <code class="code">DefaultJavascriptCode</code>;
2895 | 
2896 |           </code>
2897 |         </p>
2898 |       </div>
2899 |     </div>
2900 |   </section>
2901 | </div>
2902 | <div class="ddoc_decl">
2903 |   <section class="section ddoc_sections">
2904 |   <div class="ddoc_summary">
2905 |   <p class="para">
2906 |     Contains a updateSetting(input) function which automatically sends changes to the server.
2907 |   </p>
2908 | </div>
2909 | 
2910 | </section>
2911 | 
2912 | </div>
2913 | 
2914 | </li>
2915 | </ul>
2916 |   </div>
2917 | </section>
2918 | </section>
2919 |       </article>
2920 |     </div>
2921 |   </body>
2922 | </html>
2923 | 


--------------------------------------------------------------------------------
/dscanner.ini:
--------------------------------------------------------------------------------
 1 | ; Configure which static analysis checks are enabled
 2 | [analysis.config.StaticAnalysisConfig]
 3 | ; Check variable, class, struct, interface, union, and function names against the Phobos style guide
 4 | style_check="disabled"
 5 | ; Check for array literals that cause unnecessary allocation
 6 | enum_array_literal_check="enabled"
 7 | ; Check for poor exception handling practices
 8 | exception_check="enabled"
 9 | ; Check for use of the deprecated 'delete' keyword
10 | delete_check="enabled"
11 | ; Check for use of the deprecated floating point operators
12 | float_operator_check="enabled"
13 | ; Check number literals for readability
14 | number_style_check="enabled"
15 | ; Checks that opEquals, opCmp, toHash, and toString are either const, immutable, or inout.
16 | object_const_check="enabled"
17 | ; Checks for .. expressions where the left side is larger than the right.
18 | backwards_range_check="enabled"
19 | ; Checks for if statements whose 'then' block is the same as the 'else' block
20 | if_else_same_check="enabled"
21 | ; Checks for some problems with constructors
22 | constructor_check="enabled"
23 | ; Checks for unused variables and function parameters
24 | unused_variable_check="enabled"
25 | ; Checks for unused labels
26 | unused_label_check="enabled"
27 | ; Checks for duplicate attributes
28 | duplicate_attribute="enabled"
29 | ; Checks that opEquals and toHash are both defined or neither are defined
30 | opequals_tohash_check="enabled"
31 | ; Checks for subtraction from .length properties
32 | length_subtraction_check="enabled"
33 | ; Checks for methods or properties whose names conflict with built-in properties
34 | builtin_property_names_check="enabled"
35 | ; Checks for confusing code in inline asm statements
36 | asm_style_check="enabled"
37 | ; Checks for confusing logical operator precedence
38 | logical_precedence_check="enabled"
39 | ; Checks for undocumented public declarations
40 | undocumented_declaration_check="enabled"
41 | ; Checks for poor placement of function attributes
42 | function_attribute_check="enabled"
43 | ; Checks for use of the comma operator
44 | comma_expression_check="enabled"
45 | ; Checks for local imports that are too broad
46 | local_import_check="enabled"
47 | ; Checks for variables that could be declared immutable
48 | could_be_immutable_check="enabled"
49 | ; Checks for redundant expressions in if statements
50 | redundant_if_check="enabled"
51 | ; Checks for redundant parenthesis
52 | redundant_parens_check="enabled"
53 | ; Checks for mismatched argument and parameter names
54 | mismatched_args_check="enabled"
55 | ; Checks for labels with the same name as variables
56 | label_var_same_name_check="enabled"
57 | ; Checks for lines longer than 120 characters
58 | long_line_check="enabled"
59 | ; Checks for assignment to auto-ref function parameters
60 | auto_ref_assignment_check="enabled"
61 | ; Checks for incorrect infinite range definitions
62 | incorrect_infinite_range_check="enabled"
63 | ; Checks for asserts that are always true
64 | useless_assert_check="enabled"
65 | ; Check for uses of the old-style alias syntax
66 | alias_syntax_check="enabled"
67 | ; Checks for else if that should be else static if
68 | static_if_else_check="enabled"
69 | ; Check for unclear lambda syntax
70 | lambda_return_check="enabled"


--------------------------------------------------------------------------------
/dub.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"name": "web-config",
3 | 	"description": "HTML settings page generator & server side validator from any struct",
4 | 	"homepage": "https://webfreak001.github.io/WebConfig/package.html",
5 | 	"license": "MIT",
6 | 	"dependencies": {
7 | 		"vibe-d": "*"
8 | 	}
9 | }


--------------------------------------------------------------------------------
/source/webconfig/aliases.d:
--------------------------------------------------------------------------------
 1 | ///
 2 | module webconfig.aliases;
 3 | 
 4 | import webconfig;
 5 | 
 6 | ///
 7 | alias email = emailSetting;
 8 | ///
 9 | alias url = urlSetting;
10 | ///
11 | alias password = passwordSetting;
12 | ///
13 | alias multiline = multilineSetting;
14 | ///
15 | alias range = rangeSetting;
16 | ///
17 | alias time = timeSetting;
18 | ///
19 | alias week = weekSetting;
20 | ///
21 | alias month = monthSetting;
22 | ///
23 | alias datetimeLocal = datetimeLocalSetting;
24 | ///
25 | alias date = dateSetting;
26 | ///
27 | alias color = colorSetting;
28 | ///
29 | alias required = requiredSetting;
30 | ///
31 | alias nonAutomatic = nonAutomaticSetting;
32 | ///
33 | alias options = optionsSetting;
34 | ///
35 | alias pattern = settingPattern;
36 | ///
37 | alias title = settingTitle;
38 | ///
39 | alias label = settingLabel;
40 | ///
41 | alias rows = settingRows;
42 | ///
43 | alias html = settingHTML;
44 | ///
45 | alias className = settingClass;
46 | ///
47 | alias placeholder = settingPlaceholder;
48 | 


--------------------------------------------------------------------------------
/source/webconfig/package.d:
--------------------------------------------------------------------------------
   1 | /// Main package containing all neccesarry functions
   2 | /// See_Also: <a href="aliases.html">`settings.aliases`</a> for shorter UDAs
   3 | module webconfig;
   4 | 
   5 | import vibe.http.server;
   6 | import vibe.inet.webform;
   7 | import vibe.inet.url;
   8 | import vibe.web.web;
   9 | 
  10 | import std.algorithm;
  11 | import std.array;
  12 | import std.ascii;
  13 | import std.conv;
  14 | import std.datetime;
  15 | import std.format;
  16 | import std.math;
  17 | import std.meta;
  18 | import std.range;
  19 | import std.regex;
  20 | import std.string;
  21 | import std.traits;
  22 | import std.typecons;
  23 | import std.xml : encode;
  24 | 
  25 | ///
  26 | unittest
  27 | {
  28 | 	enum FavoriteFood
  29 | 	{
  30 | 		// enum UDAs require at least dmd 2.082.0
  31 | 		//dfmt off
  32 | 		@settingTranslation(null, "Fish") @settingTranslation("de", "Fisch") @settingTranslation("ja", "魚")
  33 | 		fish,
  34 | 		@settingTranslation(null, "Meat") @settingTranslation("de", "Fleisch") @settingTranslation("ja", "肉")
  35 | 		meat,
  36 | 		@settingTranslation(null, "Vegetables") @settingTranslation("de", "Gemüse") @settingTranslation("ja", "野菜")
  37 | 		vegetables,
  38 | 		@settingTranslation(null, "Fruits") @settingTranslation("de", "Obst") @settingTranslation("ja", "フルーツ")
  39 | 		fruit
  40 | 		//dfmt on
  41 | 	}
  42 | 
  43 | 	//dfmt off
  44 | 	enum Country
  45 | 	{
  46 | 		none, AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AC, AU, AT, AZ, BS, BH, BD, BB, BY, BE, BZ, BJ, BM,
  47 | 		BT, BO, BA, BW, BR, IO, VG, BN, BG, BF, BI, KH, CM, CA, IC, CV, BQ, KY, CF, EA, TD, CL, CN, CX, CC, CO, KM,
  48 | 		CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DG, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR,
  49 | 		GF, PF, TF, GA, GM, GE, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HN, HK, HU, IS, IN, ID, IR,
  50 | 		IQ, IE, IM, IL, IT, JM, JP, JE, JO, KZ, KE, KI, XK, KW, KG, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG,
  51 | 		MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI,
  52 | 		NE, NG, NU, NF, KP, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, WS, SM,
  53 | 		ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, KR, SS, ES, LK, BL, SH, KN, LC, MF, PM, VC, SD, SR,
  54 | 		SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TA, TN, TR, TM, TC, TV, UM, VI, UG, UA, AE, GB, US,
  55 | 		UY, UZ, VU, VA, VE, VN, WF, EH, YE, ZM, ZW
  56 | 	}
  57 | 	//dfmt on
  58 | 
  59 | 	enum SocialMedia
  60 | 	{
  61 | 		twitter = 1 << 0,
  62 | 		facebook = 1 << 1,
  63 | 		myspace = 1 << 2,
  64 | 	}
  65 | 
  66 | 	struct Config
  67 | 	{
  68 | 		@requiredSetting // Must be filled out
  69 | 		@nonAutomaticSetting // Don't auto sync when typing
  70 | 		@emailSetting @settingPlaceholder("you@example.com") string userEmail;
  71 | 		bool married;
  72 | 		@urlSetting @settingLength(64) string resourceURI;
  73 | 		// OR
  74 | 		@settingLength(64) URL myWebsite;
  75 | 		@multilineSetting @settingLength(1000) string aboutMe;
  76 | 		@rangeSetting @settingRange(0, 10) int rating;
  77 | 		@timeSetting string favoriteTimeOfDay;
  78 | 		// OR
  79 | 		TimeOfDay leastFavoriteTimeOfDay;
  80 | 		@weekSetting string bestWeekYouHad;
  81 | 		@monthSetting string firstMonthOfWork;
  82 | 		// Timezone-less
  83 | 		@datetimeLocalSetting string birthdayTimeAndDate;
  84 | 		// OR
  85 | 		DateTime myChildsBirthdayTimeAndDate;
  86 | 		@dateSetting string myMothersBirthday;
  87 | 		// OR
  88 | 		Date myFathersBirthday;
  89 | 
  90 | 		// inserts some html before some element
  91 | 		@settingHTML("<hr/><p>Some cooler information now follows.</p>")
  92 | 
  93 | 		@colorSetting @settingClass("wide") string favoriteColor;
  94 | 		@disabledSetting string someInformation = "Just a hint, nothing changable";
  95 | 		Country favoriteCountry;
  96 | 		@settingTranslation("de", "Lieblingsessen")  // Translation of labels (only in translation contexts inside web interfaces)
  97 | 		@settingTranslation("ja", "好きな食べ物")  // translations require at least vibe.d 0.8.1-alpha.3 to work
  98 | 		@optionsSetting FavoriteFood favoriteFood;
  99 | 		BitFlags!SocialMedia usedSocialMedia;
 100 | 		@settingTitle("If you don't have any you can still say 1 because you have yourself.")  // Hover & validation text
 101 | 		@settingMin(1) int numberOfFriends;
 102 | 		@settingRange(0, 100) @settingStep(0.1) double englishSkillLevelPercentage;
 103 | 		@settingMax(10) ubyte orderedProductCount;
 104 | 		@settingLabel("Accept terms of service") @requiredSetting bool acceptTOS;
 105 | 		@settingPattern(`(ISBN\s+)?\d{3}-\d-\d{5}-\d{3}-\d`) string favoriteBookISBN;
 106 | 		@settingRows(8) string[] someStrings;
 107 | 	}
 108 | 
 109 | 	import vibe.vibe;
 110 | 
 111 | 	auto router = new URLRouter;
 112 | 	router.get("/style.css", serveStaticFile("styles/material.css"));
 113 | 	router.get("/", staticRedirect("/settings"));
 114 | 
 115 | 	enum html = `<html>
 116 | 		<head>
 117 | 			<title>Settings</title>
 118 | 			<meta charset="utf-8"/>
 119 | 			<link rel="stylesheet" href="/style.css"/>
 120 | 			<style>
 121 | 				body,html{background:#efefef;color:rgba(0,0,0,0.87);font-family:Roboto,"Segoe UI",sans-serif;}
 122 | 				.settings{background:white;border-radius:2px;padding:16px;margin:32px auto;box-shadow:0 2px 5px rgba(0,0,0,0.3);max-width:600px;}
 123 | 			</style>
 124 | 		</head>
 125 | 		<body>
 126 | 			<div class="settings">
 127 | 				<h2>Settings</h2>
 128 | 				%s
 129 | 			</div>
 130 | 		</body>
 131 | 	</html>`;
 132 | 
 133 | 	struct TranslationContext
 134 | 	{
 135 | 		import std.meta;
 136 | 
 137 | 		alias languages = AliasSeq!("en", "de", "ja");
 138 | 	}
 139 | 
 140 | 	Config settingsInstance; // You might fetch & save this per user, web-config only changes the struct
 141 | 
 142 | 	@translationContext!TranslationContext class SettingsInterface
 143 | 	{
 144 | 		@safe void getSettings(scope HTTPServerRequest req, scope HTTPServerResponse res)
 145 | 		{
 146 | 			string settings = renderSettings(settingsInstance);
 147 | 			res.writeBody(html.format(settings), "text/html");
 148 | 		}
 149 | 
 150 | 		@safe void postSettings(scope HTTPServerRequest req, scope HTTPServerResponse res)
 151 | 		{
 152 | 			// no-js & nonautomatic setting route
 153 | 			auto ret = req.processSettings(settingsInstance);
 154 | 			string settings = renderSettings(settingsInstance, ret);
 155 | 			if (ret)
 156 | 			{
 157 | 				// Something changed, you can save here
 158 | 			}
 159 | 			res.writeBody(html.format(settings), "text/html");
 160 | 		}
 161 | 
 162 | 		@path("/api/setting") @safe void postJsSettings(scope HTTPServerRequest req,
 163 | 				scope HTTPServerResponse res)
 164 | 		{
 165 | 			// js route called for each individual setting
 166 | 			if (req.processSettings(settingsInstance))
 167 | 			{
 168 | 				// Save settings
 169 | 				res.writeBody("", 204); // Send 200 or 204
 170 | 			}
 171 | 			else
 172 | 				res.writeBody("", HTTPStatus.badRequest);
 173 | 		}
 174 | 	}
 175 | 
 176 | 	router.registerWebInterface(new SettingsInterface);
 177 | 	auto httpSettings = new HTTPServerSettings;
 178 | 	httpSettings.port = 8080;
 179 | 	listenHTTP(httpSettings, router);
 180 | 	runApplication();
 181 | }
 182 | 
 183 | /// Generates a HTML form for a configuration struct `T` with automatic instant updates using AJAX.
 184 | /// The fields can be annotated with the various UDAs found in this module. (setting enums + structs) $(BR)
 185 | /// Supported types: `enum` (drop down lists or radio box lists), `std.typecons.BitFlags` (checkbox lists),
 186 | /// `bool` (checkbox), string types (text, email, url, etc.), numeric types (number), `std.datetime.DateTime`
 187 | /// (datetime-local), `std.datetime.Date` (date), `std.datetime.TimeOfDay` (time), `vibe.inet.URL` (url),
 188 | /// `string[]` (textarea taking each line)
 189 | /// Params:
 190 | ///   T = the config struct type.
 191 | ///   InputGenerator = the input generator to use.
 192 | ///   javascript = the javascript code to embed including script tag.
 193 | ///   value = an existing config value to prefill the inputs.
 194 | ///   set = a bitflag field which settings have been set properly. Any bit set to 0 will show an error string for the given field. Defaults to all success.
 195 | ///   formAttributes = extra HTML to put into the form.
 196 | ///   action = Path to the form submit HTTP endpoint.
 197 | ///   method = Method to use for the submit HTTP endpoint. Also replaces {method} inside the javascript template.
 198 | ///   jsAction = Path to the javascript form submit HTTP endpoint. Replaces {action} inside the javascript template. If empty then no js will be emitted.
 199 | string renderSettings(T, InputGenerator = DefaultInputGenerator,
 200 | 		string javascript = DefaultJavascriptCode)(T value, string formAttributes = "",
 201 | 		string action = "/settings", string method = "POST", string jsAction = "/api/setting") @safe
 202 | {
 203 | 	return renderSettings!(T, InputGenerator, javascript)(value, ulong.max,
 204 | 			formAttributes, action, method, jsAction);
 205 | }
 206 | 
 207 | /// ditto
 208 | string renderSettings(T, InputGenerator = DefaultInputGenerator,
 209 | 		string javascript = DefaultJavascriptCode)(T value, ulong set, string formAttributes = "",
 210 | 		string action = "/settings", string method = "POST", string jsAction = "/api/setting") @safe
 211 | {
 212 | 	method = method.toUpper;
 213 | 	string[] settings;
 214 | 	foreach (i, member; __traits(allMembers, T))
 215 | 	{
 216 | 		bool success = (set & (1 << cast(ulong) i)) != 0;
 217 | 		settings ~= renderSetting!(InputGenerator, member)(value, success);
 218 | 	}
 219 | 	enum templates = getUDAs!(T, formTemplate);
 220 | 	static if (templates.length)
 221 | 	{
 222 | 		static assert(templates.length == 1, "Can only have 1 formTemplate");
 223 | 		enum formTemplate = templates[0].code;
 224 | 	}
 225 | 	else
 226 | 		enum formTemplate = DefaultFormTemplate;
 227 | 	string ret = formTemplate.format(action.encode, method.encode,
 228 | 			formAttributes.length ? " " ~ formAttributes : "", settings.join());
 229 | 	static if (javascript.length)
 230 | 		if (jsAction.length)
 231 | 			return ret ~ javascript.replace("{action}", jsAction).replace("{method}", method);
 232 | 	return ret;
 233 | }
 234 | 
 235 | /// Generates a single input
 236 | string renderSetting(InputGenerator = DefaultInputGenerator, string name, Config)(
 237 | 		ref Config config, bool success = true) @safe
 238 | {
 239 | 	alias Member = AliasSeq!(__traits(getMember, config, name));
 240 | 	auto value = __traits(getMember, config, name);
 241 | 	alias T = Unqual!(typeof(value));
 242 | 	enum isStringArray = isDynamicArray!T && isSomeString!(ElementType!T);
 243 | 	enum isEmail = hasUDA!(Member[0], emailSetting);
 244 | 	enum isUrl = hasUDA!(Member[0], urlSetting);
 245 | 	enum isPassword = hasUDA!(Member[0], passwordSetting);
 246 | 	enum isMultiline = hasUDA!(Member[0], multilineSetting) || isStringArray;
 247 | 	enum isRange = hasUDA!(Member[0], rangeSetting);
 248 | 	enum isTime = hasUDA!(Member[0], timeSetting) || is(T == TimeOfDay);
 249 | 	enum isWeek = hasUDA!(Member[0], weekSetting);
 250 | 	enum isMonth = hasUDA!(Member[0], monthSetting);
 251 | 	enum isDatetimeLocal = hasUDA!(Member[0], datetimeLocalSetting) || is(T == DateTime);
 252 | 	enum isDate = hasUDA!(Member[0], dateSetting) || is(T == Date);
 253 | 	enum isColor = hasUDA!(Member[0], colorSetting);
 254 | 	enum isDisabled = hasUDA!(Member[0], disabledSetting);
 255 | 	enum isRequired = hasUDA!(Member[0], requiredSetting);
 256 | 	enum isNoJS = hasUDA!(Member[0], nonAutomaticSetting);
 257 | 	enum isOptions = hasUDA!(Member[0], optionsSetting);
 258 | 	enum mins = getUDAs!(Member[0], settingMin);
 259 | 	enum maxs = getUDAs!(Member[0], settingMax);
 260 | 	enum ranges = getUDAs!(Member[0], settingRange);
 261 | 	enum lengths = getUDAs!(Member[0], settingLength);
 262 | 	enum steps = getUDAs!(Member[0], settingStep);
 263 | 	enum patterns = getUDAs!(Member[0], settingPattern);
 264 | 	enum titles = getUDAs!(Member[0], settingTitle);
 265 | 	enum labels = getUDAs!(Member[0], settingLabel);
 266 | 	enum rows = getUDAs!(Member[0], settingRows);
 267 | 	enum translations = getUDAs!(Member[0], settingTranslation);
 268 | 	enum enumTranslations = getUDAs!(Member[0], enumTranslation);
 269 | 	enum html = getUDAs!(Member[0], settingHTML);
 270 | 	enum classNames = getUDAs!(Member[0], settingClass);
 271 | 	enum placeholder = getUDAs!(Member[0], settingPlaceholder);
 272 | 	static if (labels.length)
 273 | 		string uiName = labels[0].label;
 274 | 	else
 275 | 		string uiName = name.makeHumanName;
 276 | 	static if (translations.length && is(typeof(language) == string))
 277 | 	{
 278 | 		auto lang = (() @trusted => language)();
 279 | 		if (lang !is null)
 280 | 			foreach (translation; translations)
 281 | 				if (translation.language == lang)
 282 | 					uiName = translation.label;
 283 | 	}
 284 | 	string raw = ` name="` ~ name ~ `"`;
 285 | 
 286 | 	static if (classNames.length)
 287 | 		enum string[] classes = [classNames].map!"a.className".array;
 288 | 	else
 289 | 		enum string[] classes = null;
 290 | 
 291 | 	static if (isDisabled)
 292 | 		raw ~= " disabled";
 293 | 	else static if (!isNoJS)
 294 | 		raw ~= ` onchange="updateSetting(this)"`;
 295 | 	else
 296 | 		raw ~= ` onchange="unlockForm(this)"`;
 297 | 	static if (lengths.length)
 298 | 	{
 299 | 		auto minlength = lengths[0].min;
 300 | 		auto maxlength = lengths[0].max;
 301 | 		if (minlength > 0)
 302 | 			raw ~= " minlength=\"" ~ minlength.to!string ~ "\"";
 303 | 		if (maxlength > 0)
 304 | 			raw ~= " maxlength=\"" ~ maxlength.to!string ~ "\"";
 305 | 	}
 306 | 	static if (patterns.length)
 307 | 		raw ~= " pattern=\"" ~ patterns[0].regex.encode ~ "\"";
 308 | 	else static if (isDatetimeLocal) // if browser doesn't support datetime-local
 309 | 		raw ~= ` pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"`;
 310 | 	else static if (isTime) // if browser doesn't support time
 311 | 		raw ~= ` pattern="[0-9]{2}:[0-9]{2}"`;
 312 | 	else static if (isDate) // if browser doesn't support date
 313 | 		raw ~= ` pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}"`;
 314 | 	static if (titles.length)
 315 | 		raw ~= " title=\"" ~ titles[0].title.encode ~ "\"";
 316 | 	static if (rows.length)
 317 | 		raw ~= " rows=\"" ~ rows[0].count.to!string ~ "\"";
 318 | 	static if (isRequired)
 319 | 		raw ~= " required";
 320 | 	static if (placeholder.length)
 321 | 		raw ~= " placeholder=\"" ~ placeholder[0].placeholder.encode ~ "\"";
 322 | 
 323 | 	static if (html.length > 0)
 324 | 		enum string pre = [html].map!"a.raw".join("\n");
 325 | 	else
 326 | 		enum string pre = null;
 327 | 
 328 | 	static if (is(T == enum))
 329 | 	{
 330 | 		static if (isOptions)
 331 | 			return pre ~ InputGenerator.optionList!(T, enumTranslations)(uiName,
 332 | 					value, raw, success, classes);
 333 | 		else
 334 | 			return pre ~ InputGenerator.dropdownList!(T, enumTranslations)(uiName,
 335 | 					value, raw, success, classes);
 336 | 	}
 337 | 	else static if (is(T == BitFlags!Enum, Enum))
 338 | 		return pre ~ InputGenerator.checkboxList!(Enum, enumTranslations)(uiName,
 339 | 				value, raw, success, classes);
 340 | 	else static if (is(T == bool))
 341 | 		return pre ~ InputGenerator.checkbox(uiName, value, raw, success, classes);
 342 | 	else static if (isSomeString!T || isStringArray)
 343 | 	{
 344 | 		static if (
 345 | 			isEmail + isUrl + isMultiline + isTime + isWeek + isMonth + isDatetimeLocal
 346 | 				+ isDate + isColor + isPassword > 1)
 347 | 			static assert(false, "string setting " ~ name ~ " has multiple type related attributes");
 348 | 		static if (isMultiline)
 349 | 		{
 350 | 			static if (isStringArray)
 351 | 				return pre ~ InputGenerator.textarea(uiName, value.to!(string[])
 352 | 						.join("\n"), raw, success, classes);
 353 | 			else
 354 | 				return pre ~ InputGenerator.textarea(uiName, value.to!string, raw, success, classes);
 355 | 		}
 356 | 		else
 357 | 			return pre ~ InputGenerator.textfield(uiName, isEmail ? "email" : isUrl ? "url" : isTime ? "time"
 358 | 					: isWeek ? "week" : isMonth ? "month" : isDatetimeLocal ? "datetime-local" : isDate ? "date" : isColor
 359 | 					? "color" : isPassword ? "password" : "text", value.to!string, raw, success, classes);
 360 | 	}
 361 | 	else static if (is(T == DateTime))
 362 | 		return pre ~ InputGenerator.textfield(uiName, "datetime-local",
 363 | 				value.toISOExtString[0 .. 16], raw, success, classes);
 364 | 	else static if (is(T == Date))
 365 | 		return pre ~ InputGenerator.textfield(uiName, "date", value.toISOExtString,
 366 | 				raw, success, classes);
 367 | 	else static if (is(T == TimeOfDay))
 368 | 		return pre ~ InputGenerator.textfield(uiName, "time",
 369 | 				value.toISOExtString[0 .. 5], raw, success, classes);
 370 | 	else static if (is(T == URL))
 371 | 		return pre ~ InputGenerator.textfield(uiName, "url", value.toString, raw, success, classes);
 372 | 	else static if (isNumeric!T)
 373 | 	{
 374 | 		double min, max;
 375 | 		static if (mins.length)
 376 | 			min = mins[0].min;
 377 | 		static if (maxs.length)
 378 | 			max = maxs[0].max;
 379 | 		static if (ranges.length)
 380 | 		{
 381 | 			min = ranges[0].min;
 382 | 			max = ranges[0].max;
 383 | 		}
 384 | 		if (min == min) // !isNaN
 385 | 			raw ~= " min=\"" ~ min.to!string ~ "\"";
 386 | 		if (max == max) // !isNaN
 387 | 			raw ~= " max=\"" ~ max.to!string ~ "\"";
 388 | 		static if (steps.length)
 389 | 			raw ~= " step=\"" ~ steps[0].step.to!string ~ "\"";
 390 | 		return pre ~ InputGenerator.textfield(uiName, isRange ? "range" : "number",
 391 | 				value.to!string, raw, success, classes);
 392 | 	}
 393 | 	else
 394 | 		static assert(false, "No setting generator for type " ~ T.stringof);
 395 | }
 396 | 
 397 | /**
 398 | 	Function processing user input and validating for correctness. $(BR)$(BR)
 399 | 	The following validations are done: $(BR)
 400 | 	If the setting is a  `disabledSetting`, it will always skip this field. $(BR)
 401 | 	If the setting has a `settingPattern`, it will validate the raw value (no matter what type) against this regex. $(BR)
 402 | 	If the setting is a number, std.conv.to will be used to try to convert it to a double and then it will be cast to the type after checking min/max/step. $(BR)
 403 | 	If the setting is a `BitFlags!T` every passed argument will be checked if it is contained inside the enum `T` or when submitted via JS only the one specified argument will get validated and inverted if starting with `!` $(BR)
 404 | 	If the setting is an enum the value will be checked if it is contained inside the enum. $(BR)
 405 | 	Additionally if the setting is a floating point number and there hasn't been a min/max setup but it is a `rangeSetting`, the number will be finite. $(BR)
 406 | 	Integral numbers will always be checked if finite & if no range is given they will be clamped. $(BR)$(BR)
 407 | 	Attributes for strings: $(BR)
 408 | 		`emailSetting` is validated using `std.net.isemail.isEmail(CheckDns.no, EmailStatusCode.any)` $(BR)
 409 | 		`urlSetting` is validated using `vibe.inet.url.URL` $(BR)
 410 | 		`timeSetting` is checked against pattern `00:00` + checking if 0 <= hour < 24 && 0 <= minute < 60 $(BR)
 411 | 		`weekSetting` is checked against pattern `0{4,6}-W00` + checking if 1 <= year <= 200000 && 1 <= week <= 52 $(BR)
 412 | 		`monthSetting` is checked against pattern `0{4,6}-00` + checking if 1 <= year <= 200000 && 1 <= month <= 12 $(BR)
 413 | 		`datetimeLocalSetting` is checked against pattern `0000-00-00T00:00` + passing into `std.datetime.SysTime.fromISOExtString`` $(BR)
 414 | 		`dateSetting` is checked against pattern `0000-00-00` + checking the date using `std.datetime.Date` $(BR)
 415 | 		`colorSetting` is checked against pattern `#FFFFFF` $(BR)
 416 | 	Values using these attributes can be used without the need to validate the input.
 417 | 	Params:
 418 | 		strict = if false, values will be fixed to conform to the input instead of discarding them.
 419 | 		Currently only fixing numbers and string lengths and new lines in single line strings is implemented.
 420 | 	Returns: a bit array where each bit represents an input and is set to 1 if valid
 421 | 	*/
 422 | ulong processSettings(T)(scope HTTPServerRequest req, ref T config,
 423 | 		bool strict = false, bool post = true) @safe
 424 | {
 425 | 	ulong valid;
 426 | 	auto field = (post ? req.form : req.query).get("_field", "");
 427 | 	foreach (i, member; __traits(allMembers, T))
 428 | 	{
 429 | 		if (field.length && field != member)
 430 | 			continue;
 431 | 		valid |= req.processSetting!member(config, strict, post) << cast(ulong) i;
 432 | 	}
 433 | 	return valid;
 434 | }
 435 | 
 436 | /// ditto
 437 | bool processSetting(string name, Config)(HTTPServerRequest req, ref Config config,
 438 | 		bool strict = false, bool post = true) @safe
 439 | {
 440 | 	alias Member = AliasSeq!(__traits(getMember, config, name));
 441 | 	auto member = __traits(getMember, config, name);
 442 | 	alias T = typeof(member);
 443 | 	enum isStringArray = isDynamicArray!T && isSomeString!(ElementType!T);
 444 | 	enum isEmail = hasUDA!(Member[0], emailSetting);
 445 | 	enum isUrl = hasUDA!(Member[0], urlSetting);
 446 | 	enum isPassword = hasUDA!(Member[0], passwordSetting);
 447 | 	enum isMultiline = hasUDA!(Member[0], multilineSetting) || isStringArray;
 448 | 	enum isRange = hasUDA!(Member[0], rangeSetting);
 449 | 	enum isTime = hasUDA!(Member[0], timeSetting);
 450 | 	enum isWeek = hasUDA!(Member[0], weekSetting);
 451 | 	enum isMonth = hasUDA!(Member[0], monthSetting);
 452 | 	enum isDatetimeLocal = hasUDA!(Member[0], datetimeLocalSetting);
 453 | 	enum isDate = hasUDA!(Member[0], dateSetting);
 454 | 	enum isColor = hasUDA!(Member[0], colorSetting);
 455 | 	enum isDisabled = hasUDA!(Member[0], disabledSetting);
 456 | 	enum isRequired = hasUDA!(Member[0], requiredSetting);
 457 | 	enum mins = getUDAs!(Member[0], settingMin);
 458 | 	enum maxs = getUDAs!(Member[0], settingMax);
 459 | 	enum ranges = getUDAs!(Member[0], settingRange);
 460 | 	enum lengths = getUDAs!(Member[0], settingLength);
 461 | 	enum steps = getUDAs!(Member[0], settingStep);
 462 | 	enum patterns = getUDAs!(Member[0], settingPattern);
 463 | 	static if (isDisabled)
 464 | 		return true;
 465 | 	else
 466 | 	{
 467 | 		int minlength = int.min, maxlength = int.max;
 468 | 		static if (lengths.length)
 469 | 		{
 470 | 			minlength = lengths[0].min;
 471 | 			maxlength = lengths[0].max;
 472 | 		}
 473 | 		T oldval = member;
 474 | 		T newval = oldval;
 475 | 		FormFields form = post ? req.form : req.query;
 476 | 		auto allvals = form.getAll(name);
 477 | 		bool isJS = form.get("_field", "").length != 0;
 478 | 		string rawval = allvals.length ? allvals[0] : "";
 479 | 		static if (patterns.length)
 480 | 			if (!matchFirst(rawval, ctRegex!(patterns[0].regex)))
 481 | 				return false;
 482 | 		static if (isRequired)
 483 | 			if (!allvals.length)
 484 | 				return false;
 485 | 		if (minlength != int.min && rawval.length < minlength)
 486 | 			return false;
 487 | 		if (maxlength != int.max && rawval.length > maxlength)
 488 | 		{
 489 | 			if (strict)
 490 | 				return false;
 491 | 			else
 492 | 				rawval.length = maxlength;
 493 | 		}
 494 | 		static if (is(T == enum))
 495 | 		{
 496 | 			try
 497 | 			{
 498 | 				newval = cast(T) rawval.to!(OriginalType!T);
 499 | 				bool exists = false;
 500 | 				foreach (val; EnumMembers!T)
 501 | 					if (val == newval)
 502 | 					{
 503 | 						exists = true;
 504 | 						break;
 505 | 					}
 506 | 				if (!exists)
 507 | 					return false;
 508 | 			}
 509 | 			catch (ConvException)
 510 | 			{
 511 | 				return false;
 512 | 			}
 513 | 		}
 514 | 		else static if (is(T : BitFlags!Enum, Enum))
 515 | 		{
 516 | 			try
 517 | 			{
 518 | 				if (!rawval.length)
 519 | 					return false;
 520 | 				if (isJS)
 521 | 				{
 522 | 					bool negate = rawval[0] == '!';
 523 | 					if (negate)
 524 | 						rawval = rawval[1 .. $];
 525 | 					auto enumType = cast(Enum) rawval.to!(OriginalType!Enum);
 526 | 					bool exists = false;
 527 | 					foreach (val; EnumMembers!Enum)
 528 | 						if (val == enumType)
 529 | 						{
 530 | 							exists = true;
 531 | 							break;
 532 | 						}
 533 | 					if (!exists)
 534 | 						return false;
 535 | 					if (negate)
 536 | 						newval = oldval & ~T(enumType);
 537 | 					else
 538 | 						newval = oldval | enumType;
 539 | 				}
 540 | 				else
 541 | 				{
 542 | 					newval = T.init;
 543 | 					foreach (rawval1; allvals)
 544 | 					{
 545 | 						auto enumType = cast(Enum) rawval1.to!(OriginalType!Enum);
 546 | 						bool exists = false;
 547 | 						foreach (val; EnumMembers!Enum)
 548 | 							if (val == enumType)
 549 | 							{
 550 | 								exists = true;
 551 | 								break;
 552 | 							}
 553 | 						if (!exists)
 554 | 							return false;
 555 | 						newval |= enumType;
 556 | 					}
 557 | 				}
 558 | 			}
 559 | 			catch (ConvException)
 560 | 			{
 561 | 				return false;
 562 | 			}
 563 | 		}
 564 | 		else static if (is(T == bool))
 565 | 			newval = allvals.length > 0;
 566 | 		else static if (isSomeString!T || isStringArray)
 567 | 		{
 568 | 			static if (
 569 | 				isEmail + isUrl + isMultiline + isTime + isWeek + isMonth + isDatetimeLocal
 570 | 					+ isDate + isColor + isPassword > 1)
 571 | 				static assert(false, "string setting " ~ name ~ " has multiple type related attributes");
 572 | 			static if (isMultiline)
 573 | 			{
 574 | 				static if (isStringArray)
 575 | 				{
 576 | 					static if (__traits(compiles, newval = rawval.lineSplitter.filter!"a.length".array))
 577 | 						newval = rawval.lineSplitter.filter!"a.length".array;
 578 | 					else
 579 | 						newval = rawval.lineSplitter
 580 | 							.filter!"a.length"
 581 | 							.map!(to!(ElementType!T))
 582 | 							.array;
 583 | 				}
 584 | 				else
 585 | 					newval = rawval;
 586 | 			}
 587 | 			else
 588 | 			{
 589 | 				if (rawval.length)
 590 | 				{
 591 | 					if (strict && rawval.indexOfAny("\r\n") != -1)
 592 | 						return false;
 593 | 					else
 594 | 						rawval = rawval.tr("\r\n", "  ");
 595 | 					static if (isEmail)
 596 | 					{
 597 | 						rawval = rawval.strip;
 598 | 						import std.net.isemail;
 599 | 
 600 | 						if ((()@trusted => !rawval.isEmail(CheckDns.no, EmailStatusCode.any))())
 601 | 							return false;
 602 | 						newval = rawval;
 603 | 					}
 604 | 					else static if (isUrl)
 605 | 					{
 606 | 						try
 607 | 						{
 608 | 							newval = URL(rawval.strip).toString;
 609 | 						}
 610 | 						catch (Exception)
 611 | 						{
 612 | 							return false;
 613 | 						}
 614 | 					}
 615 | 					else static if (isTime)
 616 | 					{
 617 | 						rawval = rawval.strip;
 618 | 						if (!validateTimeString(rawval))
 619 | 							return false;
 620 | 						newval = rawval;
 621 | 					}
 622 | 					else static if (isWeek)
 623 | 					{
 624 | 						rawval = rawval.strip;
 625 | 						if (!validateWeekString(rawval))
 626 | 							return false;
 627 | 						newval = rawval;
 628 | 					}
 629 | 					else static if (isMonth)
 630 | 					{
 631 | 						rawval = rawval.strip;
 632 | 						if (!validateMonthString(rawval))
 633 | 							return false;
 634 | 						newval = rawval;
 635 | 					}
 636 | 					else static if (isDatetimeLocal)
 637 | 					{
 638 | 						rawval = rawval.strip;
 639 | 						if (!validateDatetimeLocalString(rawval))
 640 | 							return false;
 641 | 						newval = rawval;
 642 | 					}
 643 | 					else static if (isDate)
 644 | 					{
 645 | 						rawval = rawval.strip;
 646 | 						if (!validateDateString(rawval))
 647 | 							return false;
 648 | 						newval = rawval;
 649 | 					}
 650 | 					else static if (isColor)
 651 | 					{
 652 | 						rawval = rawval.strip;
 653 | 						if (!validateColorString(rawval))
 654 | 							return false;
 655 | 						newval = rawval;
 656 | 					}
 657 | 					else
 658 | 						newval = rawval;
 659 | 				}
 660 | 				else
 661 | 				{
 662 | 					newval = "";
 663 | 				}
 664 | 			}
 665 | 		}
 666 | 		else static if (is(T == DateTime))
 667 | 		{
 668 | 			rawval = rawval.strip;
 669 | 			if (!validateDatetimeLocalString(rawval))
 670 | 				return false;
 671 | 			newval = DateTime.fromISOExtString(rawval ~ ":00");
 672 | 		}
 673 | 		else static if (is(T == Date))
 674 | 		{
 675 | 			rawval = rawval.strip;
 676 | 			if (!validateDateString(rawval))
 677 | 				return false;
 678 | 			newval = Date.fromISOExtString(rawval);
 679 | 		}
 680 | 		else static if (is(T == TimeOfDay))
 681 | 		{
 682 | 			rawval = rawval.strip;
 683 | 			if (!validateTimeString(rawval))
 684 | 				return false;
 685 | 			newval = TimeOfDay.fromISOExtString(rawval ~ ":00");
 686 | 		}
 687 | 		else static if (is(T == URL))
 688 | 		{
 689 | 			try
 690 | 			{
 691 | 				newval = URL(rawval.strip);
 692 | 			}
 693 | 			catch (Exception)
 694 | 			{
 695 | 				return false;
 696 | 			}
 697 | 		}
 698 | 		else static if (isNumeric!T)
 699 | 		{
 700 | 			double min, max;
 701 | 			static if (isIntegral!T)
 702 | 			{
 703 | 				min = T.min;
 704 | 				max = T.max;
 705 | 			}
 706 | 			static if (mins.length)
 707 | 				min = mins[0].min;
 708 | 			static if (maxs.length)
 709 | 				max = maxs[0].max;
 710 | 			static if (ranges.length)
 711 | 			{
 712 | 				min = ranges[0].min;
 713 | 				max = ranges[0].max;
 714 | 			}
 715 | 			double step = 1;
 716 | 			static if (steps.length)
 717 | 				step = steps[0].step;
 718 | 			try
 719 | 			{
 720 | 				double val = rawval.to!double;
 721 | 				if (min == min && val < min)
 722 | 				{
 723 | 					if (strict)
 724 | 						return false;
 725 | 					else
 726 | 						val = min;
 727 | 				}
 728 | 				if (max == max && val > max)
 729 | 				{
 730 | 					if (strict)
 731 | 						return false;
 732 | 					else
 733 | 						val = max;
 734 | 				}
 735 | 				val = floor(val / step) * step;
 736 | 				bool isFinite = val == val && val != double.infinity && val != -double.infinity;
 737 | 				static if (isRange && isFloatingPoint!T)
 738 | 				{
 739 | 					if (!isFinite)
 740 | 						return false;
 741 | 				}
 742 | 				static if (!isFloatingPoint!T)
 743 | 					if (!isFinite)
 744 | 						return false;
 745 | 				newval = cast(T) val;
 746 | 			}
 747 | 			catch (ConvException)
 748 | 			{
 749 | 				return false;
 750 | 			}
 751 | 		}
 752 | 		else
 753 | 			static assert(false, "No setting parser for type " ~ T.stringof);
 754 | 		__traits(getMember, config, name) = newval;
 755 | 		return true;
 756 | 	}
 757 | }
 758 | 
 759 | /// Validates s == pattern "00:00"
 760 | bool validateTimeString(string s) @safe
 761 | {
 762 | 	if (s.length != 5)
 763 | 		return false;
 764 | 	if (!s[0].isDigit || !s[1].isDigit || s[2] != ':' || !s[3].isDigit || !s[4].isDigit)
 765 | 		return false;
 766 | 	ubyte h = s[0 .. 2].to!ubyte;
 767 | 	ubyte m = s[3 .. 5].to!ubyte;
 768 | 	if (h >= 24)
 769 | 		return false;
 770 | 	if (m >= 60)
 771 | 		return false;
 772 | 	return true;
 773 | }
 774 | 
 775 | /// Validates s == pattern "0{4,6}-W00"
 776 | bool validateWeekString(string s) @safe
 777 | {
 778 | 	if (s.length < 8 || s.length > 10)
 779 | 		return false;
 780 | 	auto dash = s.indexOf('-');
 781 | 	if (dash == -1 || dash != s.length - 4)
 782 | 		return false;
 783 | 	if (s[dash + 1] != 'W' || !s[dash + 2].isDigit || !s[dash + 3].isDigit)
 784 | 		return false;
 785 | 	auto y = s[0 .. dash];
 786 | 	auto w = s[dash + 2 .. $].to!ubyte;
 787 | 	if (w < 1 || w > 52)
 788 | 		return false;
 789 | 	try
 790 | 	{
 791 | 		auto yi = y.to!uint;
 792 | 		if (yi < 1 || yi > 200_000)
 793 | 			return false;
 794 | 		return true;
 795 | 	}
 796 | 	catch (ConvException)
 797 | 	{
 798 | 		return false;
 799 | 	}
 800 | }
 801 | 
 802 | /// Validates s == pattern "0{4,6}-00"
 803 | bool validateMonthString(string s) @safe
 804 | {
 805 | 	if (s.length < 7 || s.length > 9)
 806 | 		return false;
 807 | 	auto dash = s.indexOf('-');
 808 | 	if (dash == -1 || dash != s.length - 3)
 809 | 		return false;
 810 | 	if (!s[dash + 1].isDigit || !s[dash + 2].isDigit)
 811 | 		return false;
 812 | 	auto y = s[0 .. dash];
 813 | 	auto m = s[dash + 1 .. $].to!ubyte;
 814 | 	if (m < 1 || m > 12)
 815 | 		return false;
 816 | 	try
 817 | 	{
 818 | 		auto yi = y.to!uint;
 819 | 		if (yi < 1 || yi > 200_000)
 820 | 			return false;
 821 | 		return true;
 822 | 	}
 823 | 	catch (ConvException)
 824 | 	{
 825 | 		return false;
 826 | 	}
 827 | }
 828 | 
 829 | /// Validates s == pattern "0000-00-00T00:00"
 830 | bool validateDatetimeLocalString(string s) @safe
 831 | {
 832 | 	if (s.length != 16)
 833 | 		return false;
 834 | 	if (!s[0].isDigit || !s[1].isDigit || !s[2].isDigit || !s[3].isDigit
 835 | 			|| s[4] != '-' || !s[5].isDigit || !s[6].isDigit || s[7] != '-'
 836 | 			|| !s[8].isDigit || !s[9].isDigit || s[10] != 'T' || !s[11].isDigit
 837 | 			|| !s[12].isDigit || s[13] != ':' || !s[14].isDigit || !s[15].isDigit)
 838 | 		return false;
 839 | 	try
 840 | 	{
 841 | 		return SysTime.fromISOExtString(s ~ ":00") != SysTime.init;
 842 | 	}
 843 | 	catch (DateTimeException)
 844 | 	{
 845 | 		return false;
 846 | 	}
 847 | }
 848 | 
 849 | /// Validates s == pattern "0000-00-00"
 850 | bool validateDateString(string s) @safe
 851 | {
 852 | 	if (s.length != 10)
 853 | 		return false;
 854 | 	if (!s[0].isDigit || !s[1].isDigit || !s[2].isDigit || !s[3].isDigit
 855 | 			|| s[4] != '-' || !s[5].isDigit || !s[6].isDigit || s[7] != '-'
 856 | 			|| !s[8].isDigit || !s[9].isDigit)
 857 | 		return false;
 858 | 	try
 859 | 	{
 860 | 		return Date(s[0 .. 4].to!int, s[5 .. 7].to!int, s[8 .. 10].to!int) != Date.init;
 861 | 	}
 862 | 	catch (DateTimeException)
 863 | 	{
 864 | 		return false;
 865 | 	}
 866 | }
 867 | 
 868 | /// Validates s == pattern "#xxxxxx"
 869 | bool validateColorString(string s) @safe
 870 | {
 871 | 	if (s.length != 7)
 872 | 		return false;
 873 | 	if (s[0] != '#' || !s[1].isHexDigit || !s[2].isHexDigit || !s[3].isHexDigit
 874 | 			|| !s[4].isHexDigit || !s[5].isHexDigit || !s[6].isHexDigit)
 875 | 		return false;
 876 | 	return true;
 877 | }
 878 | 
 879 | /// Converts correctBookISBN_number to "Correct Book ISBN Number"
 880 | string makeHumanName(string identifier) @safe
 881 | {
 882 | 	string humanName;
 883 | 	bool wasUpper = true;
 884 | 	bool wasSpace = true;
 885 | 	foreach (c; identifier)
 886 | 	{
 887 | 		if (c >= 'A' && c <= 'Z')
 888 | 		{
 889 | 			if (!wasUpper)
 890 | 			{
 891 | 				wasUpper = true;
 892 | 				humanName ~= ' ';
 893 | 			}
 894 | 		}
 895 | 		else
 896 | 			wasUpper = false;
 897 | 		if (c == '_')
 898 | 		{
 899 | 			wasSpace = true;
 900 | 			humanName ~= ' ';
 901 | 		}
 902 | 		else if (wasSpace)
 903 | 		{
 904 | 			humanName ~= [c].toUpper;
 905 | 			wasSpace = false;
 906 | 		}
 907 | 		else
 908 | 			humanName ~= c;
 909 | 	}
 910 | 	return humanName.strip;
 911 | }
 912 | 
 913 | /// Controls how the input HTML is generated
 914 | struct DefaultInputGenerator
 915 | {
 916 | @safe:
 917 | 	private static string errorString(bool success)
 918 | 	{
 919 | 		if (success)
 920 | 			return "";
 921 | 		else
 922 | 			return `<span class="error">Please fill out this field correctly.</span>`;
 923 | 	}
 924 | 
 925 | 	/// Called for single line input types
 926 | 	static string textfield(string name, string type, string value, string raw,
 927 | 			bool success, string[] classes)
 928 | 	{
 929 | 		if (!success)
 930 | 			classes ~= "error";
 931 | 		const className = classes.length ? ` class="` ~ classes.join(" ") ~ `"` : "";
 932 | 		return `<label` ~ className ~ `><span>%s</span><input type="%s" value="%s"%s/></label>`.format(name.encode,
 933 | 				type.encode, value.encode, raw) ~ errorString(success);
 934 | 	}
 935 | 
 936 | 	/// Called for textareas
 937 | 	static string textarea(string name, string value, string raw, bool success, string[] classes)
 938 | 	{
 939 | 		if (!success)
 940 | 			classes ~= "error";
 941 | 		const className = classes.length ? ` class="` ~ classes.join(" ") ~ `"` : "";
 942 | 		return `<label` ~ className ~ `><span>%s</span><textarea%s>%s</textarea></label>`.format(name.encode,
 943 | 				raw, value.encode) ~ errorString(success);
 944 | 	}
 945 | 
 946 | 	/// Called for boolean values
 947 | 	static string checkbox(string name, bool checked, string raw, bool success, string[] classes)
 948 | 	{
 949 | 		classes ~= "checkbox";
 950 | 		if (!success)
 951 | 			classes ~= "error";
 952 | 		const className = ` class="` ~ classes.join(" ") ~ `"`;
 953 | 		return `<label` ~ className ~ `><input type="checkbox" %s%s/><span>%s</span></label>`.format(checked
 954 | 				? "checked" : "", raw, name.encode) ~ errorString(success);
 955 | 	}
 956 | 
 957 | 	/// Called for enums disabled as select (you need to iterate over the enum members)
 958 | 	static string dropdownList(Enum, translations...)(string name, Enum value,
 959 | 			string raw, bool success, string[] classes)
 960 | 	{
 961 | 		classes ~= "select";
 962 | 		if (!success)
 963 | 			classes ~= "error";
 964 | 		const className = ` class="` ~ classes.join(" ") ~ `"`;
 965 | 		string ret = `<label` ~ className ~ `><span>` ~ name.encode ~ `</span><select` ~ raw ~ `>`;
 966 | 		foreach (member; __traits(allMembers, Enum))
 967 | 			ret ~= `<option value="` ~ (cast(OriginalType!Enum) __traits(getMember,
 968 | 					Enum, member)).to!string.encode ~ `"` ~ (value == __traits(getMember,
 969 | 					Enum, member) ? " selected" : "") ~ `>` ~ __traits(getMember, Enum, member)
 970 | 				.translateEnum!(Enum, translations)(member.makeHumanName) ~ `</option>`;
 971 | 		return ret ~ "</select></label>" ~ errorString(success);
 972 | 	}
 973 | 
 974 | 	/// Called for enums displayed as list of radio boxes (you need to iterate over the enum members)
 975 | 	static string optionList(Enum, translations...)(string name, Enum value,
 976 | 			string raw, bool success, string[] classes)
 977 | 	{
 978 | 		classes ~= "checkbox options";
 979 | 		if (!success)
 980 | 			classes ~= "error";
 981 | 		const className = ` class="` ~ classes.join(" ") ~ `"`;
 982 | 		string ret = `<label` ~ className ~ `><span>` ~ name.encode ~ "</span>";
 983 | 		foreach (member; __traits(allMembers, Enum))
 984 | 			ret ~= checkbox(__traits(getMember, Enum, member).translateEnum!(Enum,
 985 | 					translations)(member.makeHumanName), value == __traits(getMember, Enum, member),
 986 | 					raw ~ ` value="` ~ (cast(OriginalType!Enum) __traits(getMember, Enum,
 987 | 						member)).to!string.encode ~ `"`, true, classes).replace(`type="checkbox"`,
 988 | 					`type="radio"`);
 989 | 		return ret ~ `</label>` ~ errorString(success);
 990 | 	}
 991 | 
 992 | 	/// Called for BitFlags displayed as list of checkboxes.
 993 | 	static string checkboxList(Enum, translations...)(string name,
 994 | 			BitFlags!Enum value, string raw, bool success, string[] classes)
 995 | 	{
 996 | 		classes ~= "checkbox flags";
 997 | 		if (!success)
 998 | 			classes ~= "error";
 999 | 		const className = ` class="` ~ classes.join(" ") ~ `"`;
1000 | 		string ret = `<label` ~ className ~ `><span>` ~ name.encode ~ "</span>";
1001 | 		foreach (member; __traits(allMembers, Enum))
1002 | 			ret ~= checkbox(__traits(getMember, Enum, member).translateEnum!(Enum,
1003 | 					translations)(member.makeHumanName), !!(value & __traits(getMember, Enum,
1004 | 					member)), raw ~ ` value="` ~ (cast(OriginalType!Enum) __traits(getMember,
1005 | 					Enum, member)).to!string.encode ~ `"`, true, classes);
1006 | 		return ret ~ `</label>` ~ errorString(success);
1007 | 	}
1008 | }
1009 | 
1010 | /// Adds type="email" to string types
1011 | enum emailSetting;
1012 | /// Adds type="url" to string types
1013 | enum urlSetting;
1014 | /// Adds type="password" to string types
1015 | enum passwordSetting;
1016 | /// Makes string types textareas
1017 | enum multilineSetting;
1018 | /// Adds type="range" to numeric types
1019 | enum rangeSetting;
1020 | /// Adds type="time" to string types
1021 | enum timeSetting;
1022 | /// Adds type="week" to string types
1023 | enum weekSetting;
1024 | /// Adds type="month" to string types
1025 | enum monthSetting;
1026 | /// Adds type="datetime-local" to string types
1027 | enum datetimeLocalSetting;
1028 | /// Adds type="date" to string types
1029 | enum dateSetting;
1030 | /// Adds type="color" to string types
1031 | enum colorSetting;
1032 | /// Adds disabled to any input
1033 | enum disabledSetting;
1034 | /// Adds required to any input
1035 | enum requiredSetting;
1036 | /// Disables automatic JS saving when changing the input
1037 | enum nonAutomaticSetting;
1038 | /// Changes a dropdown to a radio button list
1039 | enum optionsSetting;
1040 | 
1041 | /// Changes the min="" attribute for numerical values
1042 | struct settingMin
1043 | {
1044 | 	///
1045 | 	double min;
1046 | }
1047 | 
1048 | /// Changes the max="" attribute for numerical values
1049 | struct settingMax
1050 | {
1051 | 	///
1052 | 	double max;
1053 | }
1054 | 
1055 | /// Changes the step="" attribute for numerical values
1056 | struct settingStep
1057 | {
1058 | 	///
1059 | 	double step;
1060 | }
1061 | 
1062 | /// Changes the min="" and max="" attribute for numerical values
1063 | struct settingRange
1064 | {
1065 | 	///
1066 | 	double min, max;
1067 | }
1068 | 
1069 | /// Changes the minlength="" and maxlength="" attribute for string values
1070 | struct settingLength
1071 | {
1072 | 	///
1073 | 	int max, min;
1074 | }
1075 | 
1076 | /// Changes the pattern="regex" attribute
1077 | struct settingPattern
1078 | {
1079 | 	///
1080 | 	string regex;
1081 | }
1082 | 
1083 | /// Changes the title="" attribute for custom error messages & tooltips
1084 | struct settingTitle
1085 | {
1086 | 	///
1087 | 	string title;
1088 | }
1089 | 
1090 | /// Overrides the label of the input
1091 | struct settingLabel
1092 | {
1093 | 	///
1094 | 	string label;
1095 | }
1096 | 
1097 | /// Sets the number of rows of a textarea
1098 | struct settingRows
1099 | {
1100 | 	///
1101 | 	int count;
1102 | }
1103 | 
1104 | /// Changes the label if the current language (using a WebInterface translation context) matches the given one.
1105 | /// You need at least vibe-d v0.8.1-alpha.3 to use this UDA.
1106 | struct settingTranslation
1107 | {
1108 | 	///
1109 | 	string language;
1110 | 	///
1111 | 	string label;
1112 | }
1113 | 
1114 | /// Relables all enum member names for a language. Give `null` as first argument to change the default language
1115 | struct enumTranslation
1116 | {
1117 | 	///
1118 | 	string language;
1119 | 	///
1120 | 	string[] translations;
1121 | }
1122 | 
1123 | /// Inserts raw HTML code before an element.
1124 | struct settingHTML
1125 | {
1126 | 	///
1127 | 	string raw;
1128 | }
1129 | 
1130 | /// Inserts raw CSS class name for an element.
1131 | struct settingClass
1132 | {
1133 | 	///
1134 | 	string className;
1135 | }
1136 | 
1137 | /// Changes how the form HTML template looks
1138 | struct formTemplate
1139 | {
1140 | 	/// Contains the std.format formattable template code. $(BR)
1141 | 	/// Arguments in order are: string action, string method, string formArguments, string html $(BR)
1142 | 	/// html is last so you can embed it using %4$s without throwing an orphan arguments exception.
1143 | 	string code;
1144 | }
1145 | 
1146 | /// Sets the placeholder attribute for elements that support it
1147 | struct settingPlaceholder
1148 | {
1149 | 	///
1150 | 	string placeholder;
1151 | }
1152 | 
1153 | string translateEnum(T, translations...)(T value, string fallback) @safe
1154 | 		if (is(T == enum))
1155 | {
1156 | 	static if (translations.length)
1157 | 	{
1158 | 		static if (is(typeof(language) == string))
1159 | 			auto lang = (() @trusted => language)();
1160 | 		enum NumEnumMembers = [EnumMembers!T].length;
1161 | 		foreach (i, other; EnumMembers!T)
1162 | 		{
1163 | 			if (other == value)
1164 | 			{
1165 | 				string ret = null;
1166 | 				foreach (translation; translations)
1167 | 				{
1168 | 					static assert(translation.translations.length == NumEnumMembers,
1169 | 							"Translation missing some values. Set them to null to skip");
1170 | 					if (translation.language is null && ret is null)
1171 | 						ret = translation.translations[i];
1172 | 					else static if (is(typeof(language) == string))
1173 | 					{
1174 | 						if (translation.language == lang)
1175 | 							ret = translation.translations[i];
1176 | 					}
1177 | 				}
1178 | 				return ret is null ? fallback : ret;
1179 | 			}
1180 | 		}
1181 | 	}
1182 | 	else static if (__traits(compiles, __traits(getAttributes,
1183 | 			__traits(getMember, T, __traits(allMembers, T)[0]))))
1184 | 	{
1185 | 		foreach (i, other; __traits(allMembers, T))
1186 | 		{
1187 | 			if (__traits(getMember, T, other) == value)
1188 | 			{
1189 | 				static if (is(typeof(language) == string))
1190 | 					auto lang = (() @trusted => language)();
1191 | 				string ret = null;
1192 | 				foreach (attr; __traits(getAttributes, __traits(getMember, T, other)))
1193 | 				{
1194 | 					static if (is(typeof(attr) == settingTranslation))
1195 | 					{
1196 | 						if (attr.language is null && ret is null)
1197 | 							ret = attr.label;
1198 | 						else static if (is(typeof(language) == string))
1199 | 						{
1200 | 							if (attr.language == lang)
1201 | 								ret = attr.label;
1202 | 						}
1203 | 					}
1204 | 				}
1205 | 				return ret is null ? fallback : ret;
1206 | 			}
1207 | 		}
1208 | 	}
1209 | 	return fallback;
1210 | }
1211 | 
1212 | /// Contains a updateSetting(input) function which automatically sends changes to the server.
1213 | enum DefaultJavascriptCode = q{<script id="_setting_script_">
1214 | 	var timeouts = {};
1215 | 	function updateSetting(input) {
1216 | 		clearTimeout(timeouts[input]);
1217 | 		timeouts[input] = setTimeout(function() {
1218 | 			var form = input;
1219 | 			while (form && form.tagName != "FORM")
1220 | 				form = form.parentElement;
1221 | 			var submit = form.querySelector ? form.querySelector("input[type=submit]") : undefined;
1222 | 			if (submit)
1223 | 				submit.disabled = false;
1224 | 			name = input.name;
1225 | 			function attachError(elem, content) {
1226 | 				var label = elem;
1227 | 				while (label && label.tagName != "LABEL")
1228 | 					label = label.parentElement;
1229 | 				if (label)
1230 | 					label.classList.add("error");
1231 | 				var err = document.createElement("span");
1232 | 				err.className = "error";
1233 | 				err.textContent = content;
1234 | 				err.style.padding = "4px";
1235 | 				elem.parentElement.insertBefore(err, elem.nextSibling);
1236 | 				setTimeout(function() { err.parentElement.removeChild(err); }, 2500);
1237 | 			}
1238 | 			var label = input;
1239 | 			while (label && label.tagName != "LABEL")
1240 | 				label = label.parentElement;
1241 | 			if (label)
1242 | 				label.classList.remove("error");
1243 | 			var isFlags = false;
1244 | 			var flagLabel = label;
1245 | 			while (flagLabel) {
1246 | 				if (flagLabel.classList.contains("flags")) {
1247 | 					isFlags = true;
1248 | 					break;
1249 | 				}
1250 | 				flagLabel = flagLabel.parentElement;
1251 | 			}
1252 | 			var valid = input.checkValidity ? input.checkValidity() : true;
1253 | 			if (!valid) {
1254 | 				attachError(input, input.title || "Please fill out this input correctly.");
1255 | 				return;
1256 | 			}
1257 | 			var stillRequesting = true;
1258 | 			setTimeout(function () {
1259 | 				if (stillRequesting)
1260 | 					input.disabled = true;
1261 | 			}, 100);
1262 | 			var xhr = new XMLHttpRequest();
1263 | 			var method = "{method}";
1264 | 			var action = "{action}";
1265 | 			var query = "_field=" + encodeURIComponent(name);
1266 | 			if (input.type != "checkbox" || input.checked)
1267 | 				query += '&' + encodeURIComponent(name) + '=' + encodeURIComponent(input.value);
1268 | 			else if (isFlags)
1269 | 				query += '&' + encodeURIComponent(name) + "=!" + encodeURIComponent(input.value);
1270 | 			if (method != "POST")
1271 | 				action += query;
1272 | 			xhr.onload = function () {
1273 | 				if (xhr.status != 200 && xhr.status != 204)
1274 | 					attachError(input, input.title || "Please fill out this field correctly.");
1275 | 				else {
1276 | 					submit.value = "Saved!";
1277 | 					setTimeout(function() { submit.value = "Save"; }, 3000);
1278 | 				}
1279 | 				stillRequesting = false;
1280 | 				input.disabled = false;
1281 | 			};
1282 | 			xhr.onerror = function () {
1283 | 				stillRequesting = false;
1284 | 				input.disabled = false;
1285 | 				submit.disabled = false;
1286 | 			};
1287 | 			xhr.open(method, action);
1288 | 			xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
1289 | 			if (method == "POST")
1290 | 				xhr.send(query);
1291 | 			else
1292 | 				xhr.send();
1293 | 			submit.disabled = true;
1294 | 		}, 50);
1295 | 	}
1296 | 	function unlockForm(input) {
1297 | 		var form = input;
1298 | 		while (form && form.tagName != "FORM")
1299 | 			form = form.parentElement;
1300 | 		form.querySelector("input[type=submit]").disabled = false;
1301 | 	}
1302 | 	(document.currentScript || document.getElementById("_setting_script_")).previousSibling.querySelector("input[type=submit]").disabled = true;
1303 | </script>};
1304 | 
1305 | enum DefaultFormTemplate = `<form action="%s" method="%s"%s>%s<input type="submit" value="Save"/></form>`;
1306 | 


--------------------------------------------------------------------------------
/styles/material.css:
--------------------------------------------------------------------------------
 1 | .settings label {
 2 | 	display: block;
 3 | 	padding: 8px 4px;
 4 | }
 5 | 
 6 | .settings label:not(.checkbox) > span {
 7 | 	font-size: 0.7em;
 8 | 	display: block;
 9 | 	color: rgba(0, 0, 0, 0.54);
10 | }
11 | 
12 | .settings label:not(.checkbox) > input {
13 | 	border: none;
14 | 	background: transparent;
15 | 	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
16 | 	margin-bottom: 1px;
17 | 	transition: border-bottom 0.1s ease-out, margin-bottom 0.1s ease-out, color 0.1s ease-out;
18 | 	display: block;
19 | 	width: 100%;
20 | 	padding: 8px;
21 | }
22 | 
23 | .settings label:not(.checkbox) > input[type=color], .settings label:not(.checkbox) > input[type=color]:disabled, .settings label:not(.checkbox) > input[type=color]:focus, .settings label.error:not(.checkbox) > input[type=color] {
24 | 	padding: 0;
25 | 	border-bottom: none;
26 | 	margin-bottom: 0;
27 | 	width: 50px;
28 | }
29 | 
30 | .settings label:not(.checkbox) > input[type=color]:disabled {
31 | 	opacity: 0.5;
32 | }
33 | 
34 | .settings label:not(.checkbox) > input:disabled {
35 | 	color: rgba(0, 0, 0, 0.38);
36 | 	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
37 | 	background: transparent;
38 | }
39 | 
40 | .settings label:not(.checkbox) > input:focus {
41 | 	border-bottom: 2px solid #3F51B5;
42 | 	margin-bottom: 0;
43 | 	outline: none;
44 | }
45 | 
46 | .settings label.error:not(.checkbox) > input {
47 | 	border-bottom: 2px solid red;
48 | 	margin-bottom: 0;
49 | 	outline: none;
50 | }
51 | 
52 | .settings label.error, .settings label > span.error {
53 | 	color: red;
54 | }
55 | 
56 | .settings input[type=submit] {
57 | 	padding: 8px 32px;
58 | 	margin: 8px;
59 | }


--------------------------------------------------------------------------------
/styles/material.min.css:
--------------------------------------------------------------------------------
1 | .settings label{display:block;padding:8px 4px}.settings label:not(.checkbox)>span{font-size:.7em;display:block;color:rgba(0,0,0,.54)}.settings label:not(.checkbox)>input{border:none;background:0 0;border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:1px;transition:border-bottom .1s ease-out,margin-bottom .1s ease-out,color .1s ease-out;display:block;width:100%;padding:8px}.settings label.error:not(.checkbox)>input[type=color],.settings label:not(.checkbox)>input[type=color],.settings label:not(.checkbox)>input[type=color]:disabled,.settings label:not(.checkbox)>input[type=color]:focus{padding:0;border-bottom:none;margin-bottom:0;width:50px}.settings label:not(.checkbox)>input[type=color]:disabled{opacity:.5}.settings label:not(.checkbox)>input:disabled{color:rgba(0,0,0,.38);border-bottom:1px dashed rgba(0,0,0,.12);background:0 0}.settings label:not(.checkbox)>input:focus{border-bottom:2px solid #3F51B5;margin-bottom:0;outline:0}.settings label.error:not(.checkbox)>input{border-bottom:2px solid red;margin-bottom:0;outline:0}.settings label.error,.settings label>span.error{color:red}.settings input[type=submit]{padding:8px 32px;margin:8px}


--------------------------------------------------------------------------------