Skip to content

Commit b94008f

Browse files
philwarehamphilwareham
committed
Mockups: Latest section edit panel layout
1 parent 26c67fb commit b94008f

File tree

1 file changed

+56
-28
lines changed

1 file changed

+56
-28
lines changed

‎mockups/secondary/presentation-section_edit.html‎

Lines changed: 56 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -146,63 +146,91 @@ <h1>
146146
<h2>Edit section</h2>
147147
<div class="txp-form-field edit-section-name">
148148
<div class="txp-form-field-label"><label for="section_name">Section name</label></div>
149-
<div class="txp-form-field-value"><input id="section_name" name="name" type="text" size="32" value="about"></div>
149+
<div class="txp-form-field-value"><input name="name" id="section_name" type="text" size="32" required placeholder="Required" value="contact"></div>
150150
</div>
151151
<div class="txp-form-field edit-section-longtitle">
152152
<div class="txp-form-field-label"><label for="section_title">Section title</label></div>
153-
<div class="txp-form-field-value"><input id="section_title" name="title" type="text" size="32" value="About"></div>
153+
<div class="txp-form-field-value"><input name="title" id="section_title" type="text" size="32" value="Contact"></div>
154154
</div>
155-
<div class="txp-form-field txp-form-field-textarea edit-section-description">
156-
<div class="txp-form-field-label"><label for="section_description">Section description&nbsp;<a class="pophelp" rel="help" target="_blank" title="Help" role="button" href="#"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
157-
<div class="txp-form-field-value"><textarea name="description" id="section_description" rows="4" cols="64"></textarea></div>
155+
<div class="txp-form-field edit-section-uses-skin">
156+
<div class="txp-form-field-label"><label for="section_skin">Uses theme&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
157+
<div class="txp-form-field-value">
158+
<select name="skin" id="section_skin">
159+
<option value="four-point-eight" dir="auto">Four Point Eight</option>
160+
<option value="bootstrap-blog-theme" dir="auto" selected>Bootstrap Blog Theme</option>
161+
</select>
162+
</div>
158163
</div>
159164
<div class="txp-form-field edit-section-uses-page">
160165
<div class="txp-form-field-label"><label for="section_page">Uses page&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
161166
<div class="txp-form-field-value">
162-
<select id="section_page" name="section_page">
163-
<option value="archive">archive</option>
164-
<option value="default" selected="selected">default</option>
165-
<option value="error_default">error_default</option>
166-
<option value="test page">test page</option>
167+
<select name="section_page" id="section_page">
168+
<option></option>
169+
<option>archive</option>
170+
<option>article-non-blog</option>
171+
<option selected>contact</option>
172+
<option>default</option>
173+
<option>error_default</option>
174+
<option>sitemap</option>
167175
</select>
168176
</div>
169177
</div>
170178
<div class="txp-form-field edit-section-uses-css">
171179
<div class="txp-form-field-label"><label for="section_css">Uses style&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
172180
<div class="txp-form-field-value">
173-
<select id="section_css" name="css">
174-
<option value="default" selected="selected">default</option>
175-
<option value="new_style">new_style</option>
181+
<select name="css" id="section_css">
182+
<option></option>
183+
<option>default</option>
184+
</select>
185+
</div>
186+
</div>
187+
<div class="txp-form-field edit-section-permlink-mode">
188+
<div class="txp-form-field-label">Article URL pattern&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
189+
<div class="txp-form-field-value">
190+
<select name="permlink_mode" id="permlink_mode">
191+
<option value="" dir="auto" selected>Default</option>
192+
<option value="messy" dir="auto">?=messy</option>
193+
<option value="id_title" dir="auto">/id/title</option>
194+
<option value="section_id_title" dir="auto">/section/id/title</option>
195+
<option value="section_category_title" dir="auto">/section/category/title</option>
196+
<option value="year_month_day_title" dir="auto">/year/month/day/title</option>
197+
<option value="breadcrumb_title" dir="auto">/breadcrumb/title</option>
198+
<option value="section_title" dir="auto">/section/title</option>
199+
<option value="title_only" dir="auto">/title</option>
176200
</select>
177201
</div>
178202
</div>
179203
<div class="txp-form-field edit-section-on-frontpage">
180-
<div class="txp-form-field-label">Section appears on front page?&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></div>
204+
<div class="txp-form-field-label">On default page?&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
181205
<div class="txp-form-field-value">
182-
<input class="radio active" id="about-on_front_page-0" name="on_front_page" type="radio" value="0" checked="checked">
183-
<label for="about-on_front_page-0">No</label>
184-
<input class="radio" id="about-on_front_page-1" name="on_front_page" type="radio" value="1">
185-
<label for="about-on_front_page-1">Yes</label>
206+
<input class="radio active" id="contact-on_frontpage-0" name="on_frontpage" type="radio" checked="checked" value="0">
207+
<label for="contact-on_frontpage-0">No</label>
208+
<input class="radio" id="contact-on_frontpage-1" name="on_frontpage" type="radio" value="1">
209+
<label for="contact-on_frontpage-1">Yes</label>
186210
</div>
187211
</div>
188212
<div class="txp-form-field edit-section-syndicate">
189-
<div class="txp-form-field-label">Syndicate articles in this section?&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></div>
213+
<div class="txp-form-field-label">Syndicate articles?&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
190214
<div class="txp-form-field-value">
191-
<input class="radio active" id="about-in_rss-0" name="in_rss" type="radio" value="0" checked="checked">
192-
<label for="about-in_rss-0">No</label>
193-
<input class="radio" id="about-in_rss-1" name="in_rss" type="radio" value="1">
194-
<label for="about-in_rss-1">Yes</label>
215+
<input class="radio active" id="contact-in_rss-0" name="in_rss" type="radio" checked="checked" value="0">
216+
<label for="contact-in_rss-0">No</label>
217+
<input class="radio" id="contact-in_rss-1" name="in_rss" type="radio" value="1">
218+
<label for="contact-in_rss-1">Yes</label>
195219
</div>
196220
</div>
197221
<div class="txp-form-field edit-section-searchable">
198-
<div class="txp-form-field-label">Include this section in site search?&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></div>
222+
<div class="txp-form-field-label">Searchable?&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
199223
<div class="txp-form-field-value">
200-
<input class="radio" id="about-searchable-0" name="searchable" type="radio" value="0">
201-
<label for="about-searchable-0">No</label>
202-
<input class="radio active" id="about-searchable-1" name="searchable" type="radio" value="1" checked="checked">
203-
<label for="about-searchable-1">Yes</label>
224+
<input class="radio active" id="contact-searchable-0" name="searchable" type="radio" checked="checked" value="0">
225+
<label for="contact-searchable-0">No</label>
226+
<input class="radio" id="contact-searchable-1" name="searchable" type="radio" value="1">
227+
<label for="contact-searchable-1">Yes</label>
204228
</div>
205229
</div>
230+
<div class="txp-form-field txp-form-field-textarea edit-section-description">
231+
<div class="txp-form-field-label"><label for="section_description">Description&#160;<a class="pophelp" rel="help" target="_blank" href="#" role="button" title="Help"><span class="ui-icon ui-icon-help">Help</span></a></label></div>
232+
<div class="txp-form-field-value"><textarea id="section_description" name="description" cols="64" rows="4" style="overflow: hidden; word-wrap: break-word; resize: none; height: 90px;"></textarea></div>
233+
</div>
206234
<p class="txp-edit-actions">
207235
<a class="txp-button" href="../presentation-section.html">Cancel</a>
208236
<input class="publish" type="submit" value="Save">

0 commit comments

Comments
 (0)