1 @using System.Dynamic;
2 @using Co3.Espresso.Website.Models.FrontEnd.Elements
3 @using Dynamicweb.Content
4 @using Dynamicweb.Frontend;
5 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
6
7 @functions{
8 public string getRequiredSymbol( bool required ) {
9 string result = string.Empty;
10 if ( required == true ) {
11 result = "<span class=\"text-danger\">*</span>";
12 }
13 return result;
14 }
15 public string getDefaultSelected( bool selected, string type = "" ) {
16 string result = string.Empty;
17 if ( selected == true ) {
18 if ( type == "select") {
19 result = "selected";
20 }
21 else if ( type == "radio" || type == "checkbox" || type == "checkboxlist" ) {
22 result = "checked";
23 }
24 }
25 return result;
26 }
27 public string getClassList( List<string> classList, string type = "" ) {
28 string result = string.Empty;
29 if ( type == "textinput" || type == "email" || type == "textarea" || type == "select" ) {
30 classList.Add("form-control");
31 }
32 if ( classList.Count > 0 ) {
33 result = String.Join(" ", classList).Trim();
34 }
35 return result;
36 }
37 }
38
39 @{
40 Area area = PageView.Current().Area;
41
42 dynamic form = new {
43 id = GetString("Form.HtmlId"),
44 action = GetString("Form.Action"),
45 systemFields = GetString("Form.SystemFields"),
46 scriptOnSubmit = GetString("Form.OnSubmit"),
47 scriptSpamControl = GetString("Form.SpamScript"),
48 labelBold = GetBoolean("Form.LabelBold"),
49 labelOverField = GetBoolean("Form.LabelOverField"),
50 classList = new List<string>() {
51 "e-form-dw",
52 "js-e-form-dw",
53 GetString("Form.CssClass")
54 },
55 };
56 if ( form.labelBold == true ) {
57 form.classList.Add( "e-form-dw-labels-bold" );
58 }
59 if ( form.labelOverField == true ) {
60 form.classList.Add( "e-form-dw-labels-hide" );
61 }
62 }
63
64 <form method="post" action="@form.action" enctype="multipart/form-data" class="@getClassList( form.classList )" id="@form.id">
65 @form.systemFields
66 @foreach ( LoopItem itemField in GetLoop("Fields") ) {
67 dynamic field = new {
68 type = itemField.GetString("Field.Type").ToLower(),
69 id = string.Format("{0}-{1}-{2}", form.id, itemField.GetString("Field.HtmlId"), itemField.GetString("Field.ID") ),
70 name = itemField.GetString("Field.SystemName"),
71 title = itemField.GetString("Field.Name"),
72 placeholder = itemField.GetString("Field.Placeholder"),
73 value = ( string.IsNullOrEmpty( itemField.GetString("Field.Value") ) == false ? itemField.GetString("Field.Value") : itemField.GetString("Field.DefaultValue") ),
74 defaultValue = itemField.GetString("Field.DefaultValue"),
75 required = itemField.GetBoolean("Field.Required"),
76 description = itemField.GetString("Field.Description"),
77 classList = new List<string>() {
78 itemField.GetString("Field.CssClass")
79 },
80 html = itemField.GetString("Field.Control"),
81 };
82 if ( field.required == true ) {
83 field.classList.Add( "required" );
84 }
85 if ( field.type == "email" ) {
86 field.classList.Add( "email" );
87 }
88
89 if ( field.type == "textinput" || field.type == "email" ) {
90 <fieldset class="form-group">
91 <label class="form-control-label" for="@field.id">
92 @field.title @getRequiredSymbol( field.required )
93 @if ( field.description != "" ) {
94 <small class="text-muted">@field.description</small>
95 }
96 </label>
97 <input type="text" name="@field.name" id="@field.id" value="@field.value" placeholder="@field.placeholder" class="@getClassList( field.classList, field.type )">
98 <div class="js-e-form-error-placeholder e-form-error-placeholder"></div>
99 </fieldset>
100 }
101 else if ( field.type == "textarea" ) {
102 <fieldset class="form-group">
103 <label class="form-control-label" for="@field.id">
104 @field.title @getRequiredSymbol( field.required )
105 @if ( field.description != "" ) {
106 <small class="text-muted">@field.description</small>
107 }
108 </label>
109 <textarea name="@field.name" placeholder="@field.placeholder" class="@getClassList( field.classList, field.type )">@field.value</textarea>
110 <div class="js-e-form-error-placeholder e-form-error-placeholder"></div>
111 </fieldset>
112 }
113 else if ( field.type == "checkbox" ) {
114 <fieldset class="form-group">
115 <div class="checkbox">
116 <label>
117 <input type="checkbox" class="@getClassList( field.classList, field.type )" name="@field.name" id="@field.id" value="@field.value" @getDefaultSelected( ( field.defaultValue.ToLower() == "true" ) , field.type )>
118 @field.title @getRequiredSymbol( field.required )
119 </label>
120 @if ( field.description != "" ) {
121 <small class="text-muted">@field.description</small>
122 }
123 </div>
124 <div class="js-e-form-error-placeholder e-form-error-placeholder"></div>
125 </fieldset>
126 }
127 else if ( field.type == "checkboxlist" ) {
128 <fieldset class="form-group">
129 <legend class="form-group-legend">
130 @field.title @getRequiredSymbol( field.required )
131 @if ( @field.description != "" ) {
132 <small class="text-muted">@field.description</small>
133 }
134 </legend>
135 <div class="js-e-form-error-placeholder e-form-error-placeholder"></div>
136 @foreach( LoopItem option in itemField.GetLoop("Options") ) {
137 <div class="checkbox">
138 <label>
139 <input type="checkbox" class="@getClassList( field.classList, field.type )" name="@field.name" value="@option.GetString("Option.Value")" @getDefaultSelected( @option.GetBoolean("Option.DefaultSelected"), field.type )>
140 @option.GetString("Option.Text")
141 </label>
142 </div>
143 }
144 </fieldset>
145 }
146 else if ( field.type == "radio" ) {
147 <fieldset class="form-group">
148 <legend class="form-group-legend">
149 @field.title @getRequiredSymbol( field.required )
150 @if ( field.description != "" ) {
151 <small class="text-muted">@field.description</small>
152 }
153 </legend>
154 <div class="js-e-form-error-placeholder e-form-error-placeholder"></div>
155 @foreach( LoopItem option in itemField.GetLoop("Options") ) {
156 <div class="radio">
157 <label>
158 <input type="radio" class="@getClassList( field.classList, field.type )" name="@field.name" value="@option.GetString("Option.Value")" @getDefaultSelected( @option.GetBoolean("Option.DefaultSelected"), field.type )>
159 @option.GetString("Option.Text")
160 </label>
161 </div>
162 }
163 </fieldset>
164 }
165 else if ( field.type == "select" ) {
166 <fieldset class="form-group">
167 <label class="form-control-label" for="@field.id">
168 @field.title @getRequiredSymbol( field.required )
169 @if ( field.description != "" ) {
170 <small class="text-muted">@field.description</small>
171 }
172 </label>
173 <select name="@field.name" id="@field.id" class="@getClassList( field.classList, field.type )">
174 @foreach( LoopItem option in itemField.GetLoop("Options") ) {
175 <option value="@option.GetString("Option.Value")" @getDefaultSelected( @option.GetBoolean("Option.DefaultSelected"), field.type )>
176 @option.GetString("Option.Text")
177 </option>
178 }
179 </select>
180 <div class="js-e-form-error-placeholder e-form-error-placeholder"></div>
181 </fieldset>
182
183
184 }
185 else if ( field.type == "hidden" ) {
186 <input type="hidden" name="@field.name" id="@field.id" value="@field.value" class="@getClassList( field.classList, field.type )">
187 }
188 else if ( field.type == "submit" ) {
189 <fieldset class="form-group">
190 <button type="submit" class="btn btn-tertiary">@field.title</button>
191 </fieldset>
192 }
193 else if ( field.type == "text" ) {
194 <fieldset class="form-group">
195 <p class="@getClassList( field.classList, field.type )">field.value</p>
196 @if ( field.description != "" ) {
197 <p class="small text-muted">@field.description</p>
198 }
199 </fieldset>
200 }
201 else{
202 <fieldset class="form-group">
203 <span style="display:none">Field type not suported: @field.type</span>
204 @if ( field.title != "" ) {
205 <label class="form-control-label" for="@field.id">@field.title</label>
206 }
207 @field.html
208 @if ( field.description != "" ) {
209 <small class="text-muted">@field.description</small>
210 }
211 </fieldset>
212 }
213 if ( field.type == "hidden" && field.title == "PrivacyPolicy") {
214 @area.Item["PrivacyPolicyText"].ToString()
215 }
216 }
217 <script>
218 var DwSpamScripts = DwSpamScripts || {};
219 DwSpamScripts['@form.id'] = @form.scriptSpamControl;
220 </script>
221 </form>
222
