Bootstrap classes for form elements
This commit is contained in:
parent
cea93cbf34
commit
001db8d714
|
@ -11,12 +11,12 @@
|
||||||
<legend>Log In</legend>
|
<legend>Log In</legend>
|
||||||
|
|
||||||
<strong>Username:</strong><br>
|
<strong>Username:</strong><br>
|
||||||
<input type="text" size="20" name="username" id="username"><p>
|
<input type="text" class="form-control" size="20" name="username" id="username"><p>
|
||||||
|
|
||||||
<strong>Passphrase:</strong><br>
|
<strong>Passphrase:</strong><br>
|
||||||
<input type="password" size="20" name="password"><p>
|
<input type="password" class="form-control" size="20" name="password"><p>
|
||||||
|
|
||||||
<button type="submit">Log In</button>
|
<button type="submit" class="btn btn-primary">Log In</button>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -22,20 +22,20 @@ to create the initial Administrator user account.<p>
|
||||||
a typical username.<p>
|
a typical username.<p>
|
||||||
|
|
||||||
<strong>Username:</strong><br>
|
<strong>Username:</strong><br>
|
||||||
<input type="text" size="40" name="username" id="username" placeholder="admin"><p>
|
<input type="text" class="form-control" size="40" name="username" id="username" placeholder="admin"><p>
|
||||||
|
|
||||||
<strong>Real name:</strong><br>
|
<strong>Real name:</strong><br>
|
||||||
<input type="text" size="40" name="name" placeholder="John Doe"><p>
|
<input type="text" class="form-control" size="40" name="name" placeholder="John Doe"><p>
|
||||||
|
|
||||||
<strong>Passphrase:</strong><br>
|
<strong>Passphrase:</strong><br>
|
||||||
This can be as long as you want. Pick something
|
This can be as long as you want. Pick something
|
||||||
<a href="http://xkcd.com/936/" target="_blank">secure!</a><br>
|
<a href="http://xkcd.com/936/" target="_blank">secure!</a><br>
|
||||||
<input type="password" size="40" id="pw1" name="password1" placeholder="correct horse battery staple"><p>
|
<input type="password" class="form-control" size="40" id="pw1" name="password1" placeholder="correct horse battery staple"><p>
|
||||||
|
|
||||||
<strong>Confirm Passphrase:</strong><br>
|
<strong>Confirm Passphrase:</strong><br>
|
||||||
<input type="password" size="40" id="pw2" name="password2" placeholder="correct horse battery staple"><p>
|
<input type="password" class="form-control" size="40" id="pw2" name="password2" placeholder="correct horse battery staple"><p>
|
||||||
|
|
||||||
<button type="submit">Next</button>
|
<button type="submit" class="btn btn-primary">Next</button>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -21,23 +21,23 @@ $(document).ready(function() {
|
||||||
<legend>User Details</legend>
|
<legend>User Details</legend>
|
||||||
|
|
||||||
<strong>Username:</strong><br>
|
<strong>Username:</strong><br>
|
||||||
<input type="text" size="20" name="username" value="{{ info['username'] }}"><p>
|
<input type="text" class="form-control" size="20" name="username" value="{{ info['username'] }}"><p>
|
||||||
|
|
||||||
<strong>Real name:</strong><br>
|
<strong>Real name:</strong><br>
|
||||||
<input type="text" size="20" name="name" value="{{ info['name'] }}"><p>
|
<input type="text" class="form-control" size="20" name="name" value="{{ info['name'] }}"><p>
|
||||||
|
|
||||||
<strong>Reset Password:</strong><br>
|
<strong>Reset Password:</strong><br>
|
||||||
<input type="password" size="20" name="password1"><br>
|
<input type="password" class="form-control" size="20" name="password1"><br>
|
||||||
<input type="password" size="20" name="password2"><p>
|
<input type="password" class="form-control" size="20" name="password2"><p>
|
||||||
|
|
||||||
<strong>Role:</strong><br>
|
<strong>Role:</strong><br>
|
||||||
<select name="role">
|
<select name="role" class="form-control">
|
||||||
<option value="user"{% if info["role"] == "user" %} selected{% endif %}>User</option>
|
<option value="user"{% if info["role"] == "user" %} selected{% endif %}>User</option>
|
||||||
<option value="admin"{% if info["role"] == "admin" %} selected{% endif %}>Admin</option>
|
<option value="admin"{% if info["role"] == "admin" %} selected{% endif %}>Admin</option>
|
||||||
</select><p>
|
</select><p>
|
||||||
|
|
||||||
<button type="submit" name="action" value="save">Save Changes</button>
|
<button type="submit" class="btn btn-primary" name="action" value="save">Save Changes</button>
|
||||||
<button type="submit" name="action" id="delete_button" value="delete">Delete User</button>
|
<button type="submit" class="btn btn-warning" name="action" id="delete_button" value="delete">Delete User</button>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -13,24 +13,24 @@
|
||||||
<legend>Create New User</legend>
|
<legend>Create New User</legend>
|
||||||
|
|
||||||
<strong>Username:</strong><br>
|
<strong>Username:</strong><br>
|
||||||
<input type="text" size="40" name="username" placeholder="soandso"><p>
|
<input type="text" class="form-control" size="40" name="username" placeholder="soandso"><p>
|
||||||
|
|
||||||
<strong>Real name:</strong><br>
|
<strong>Real name:</strong><br>
|
||||||
<input type="text" size="40" name="name" placeholder="John Smith"><p>
|
<input type="text" class="form-control" size="40" name="name" placeholder="John Smith"><p>
|
||||||
|
|
||||||
<strong>Passphrase:</strong><br>
|
<strong>Passphrase:</strong><br>
|
||||||
<input type="password" size="40" name="password1" placeholder="correct horse battery staple"><p>
|
<input type="password" class="form-control" size="40" name="password1" placeholder="correct horse battery staple"><p>
|
||||||
|
|
||||||
<strong>Confirm:</strong><br>
|
<strong>Confirm:</strong><br>
|
||||||
<input type="password" size="40" name="password2" placeholder="correct horse battery staple"><p>
|
<input type="password" class="form-control" size="40" name="password2" placeholder="correct horse battery staple"><p>
|
||||||
|
|
||||||
<strong>Role:</strong><br>
|
<strong>Role:</strong><br>
|
||||||
<select name="role">
|
<select name="role" class="form-control">
|
||||||
<option value="user" selected>User</option>
|
<option value="user" selected>User</option>
|
||||||
<option value="admin">Admin</option>
|
<option value="admin">Admin</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<button type="submit">Create</button>
|
<button type="submit" class="btn btn-primary">Create</button>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
<h2>User List</h2>
|
<h2>User List</h2>
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
Are you sure you want to delete the blog post,
|
Are you sure you want to delete the blog post,
|
||||||
"{{ subject }}"?<p>
|
"{{ subject }}"?<p>
|
||||||
|
|
||||||
<button type="submit">Confirm Deletion</button>
|
<button type="submit" class="btn btn-warning">Confirm Deletion</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -18,12 +18,12 @@
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
|
|
||||||
<strong>Subject:</strong><br>
|
<strong>Subject:</strong><br>
|
||||||
<input type="text" size="80" name="subject" value="{{ subject }}"><p>
|
<input type="text" class="form-control" size="80" name="subject" value="{{ subject }}"><p>
|
||||||
|
|
||||||
<strong>Friendly ID:</strong><br>
|
<strong>Friendly ID:</strong><br>
|
||||||
You can leave this blank if this is a new post. It defaults to be based
|
You can leave this blank if this is a new post. It defaults to be based
|
||||||
on the subject.<br>
|
on the subject.<br>
|
||||||
<input type="text" size="80" name="fid" value="{{ fid }}"><p>
|
<input type="text" class="form-control" size="80" name="fid" value="{{ fid }}"><p>
|
||||||
|
|
||||||
<strong>Body:</strong><br>
|
<strong>Body:</strong><br>
|
||||||
<label>
|
<label>
|
||||||
|
@ -32,12 +32,12 @@
|
||||||
<label>
|
<label>
|
||||||
<input type="radio" name="format" value="html"{% if format == "html" %} checked{% endif %}> HTML
|
<input type="radio" name="format" value="html"{% if format == "html" %} checked{% endif %}> HTML
|
||||||
</label><br>
|
</label><br>
|
||||||
<textarea cols="80" rows="12" name="body">{{ body }}</textarea><br>
|
<textarea class="form-control input-lg" cols="80" rows="12" name="body">{{ body }}</textarea><br>
|
||||||
<a href="{{ url_for('emoticons.index') }}" target="_blank">Emoticon reference</a> (opens in new window)<p>
|
<a href="{{ url_for('emoticons.index') }}" target="_blank">Emoticon reference</a> (opens in new window)<p>
|
||||||
|
|
||||||
<strong>Avatar:</strong><br>
|
<strong>Avatar:</strong><br>
|
||||||
<span id="avatar-preview"></span>
|
<span id="avatar-preview"></span>
|
||||||
<select name="avatar" id="avatar">
|
<select name="avatar" id="avatar" class="form-control">
|
||||||
<option value=""{% if avatar == "" %} selected{% endif %}>Use my profile picture</option>
|
<option value=""{% if avatar == "" %} selected{% endif %}>Use my profile picture</option>
|
||||||
{% for pic in avatars %}
|
{% for pic in avatars %}
|
||||||
<option value="{{ pic }}"{% if avatar == pic %} selected{% endif %}>{{ pic }}</option>
|
<option value="{{ pic }}"{% if avatar == pic %} selected{% endif %}>{{ pic }}</option>
|
||||||
|
@ -46,10 +46,10 @@
|
||||||
|
|
||||||
<strong>Categories:</strong><br>
|
<strong>Categories:</strong><br>
|
||||||
<small>Comma-separated list, e.g. General, HTML, Perl, Web Design</small><br>
|
<small>Comma-separated list, e.g. General, HTML, Perl, Web Design</small><br>
|
||||||
<input type="text" size="40" name="categories" value="{{ categories }}"><p>
|
<input type="text" class="form-control" size="40" name="categories" value="{{ categories }}"><p>
|
||||||
|
|
||||||
<strong>Privacy:</strong><br>
|
<strong>Privacy:</strong><br>
|
||||||
<select name="privacy">
|
<select name="privacy" class="form-control">
|
||||||
<option value="public"{% if privacy == "public" %} selected{% endif %}>
|
<option value="public"{% if privacy == "public" %} selected{% endif %}>
|
||||||
Public: everybody can see this blog entry
|
Public: everybody can see this blog entry
|
||||||
</option>
|
</option>
|
||||||
|
@ -69,20 +69,20 @@
|
||||||
</label><p>
|
</label><p>
|
||||||
|
|
||||||
<strong>Time Stamp:</strong><br>
|
<strong>Time Stamp:</strong><br>
|
||||||
<input type="text" size="2" name="month" id="month" value="{{ month }}"> /
|
<input type="text" class="form-control input-sm inline" size="2" name="month" id="month" value="{{ month }}"> /
|
||||||
<input type="text" size="2" name="day" id="day" value="{{ day }}"> /
|
<input type="text" class="form-control input-sm inline" size="2" name="day" id="day" value="{{ day }}"> /
|
||||||
<input type="text" size="4" name="year" id="year" value="{{ year }}"> @
|
<input type="text" class="form-control input-sm inline" size="4" name="year" id="year" value="{{ year }}"> @
|
||||||
<input type="text" size="2" name="hour" id="hour" value="{{ hour }}"> :
|
<input type="text" class="form-control input-sm inline" size="2" name="hour" id="hour" value="{{ hour }}"> :
|
||||||
<input type="text" size="2" name="min" id="min" value="{{ min }}"> :
|
<input type="text" class="form-control input-sm inline" size="2" name="min" id="min" value="{{ min }}"> :
|
||||||
<input type="text" size="2" name="sec" id="sec" value="{{ sec }}"><br>
|
<input type="text" class="form-control input-sm inline" size="2" name="sec" id="sec" value="{{ sec }}"><br>
|
||||||
mm / dd / yyyy @ hh:mm:ss<br>
|
mm / dd / yyyy @ hh:mm:ss<br>
|
||||||
<label>
|
<label>
|
||||||
<input type="checkbox" id="autoup" value="yes"{% if post_id == "" %} checked{% endif %}>
|
<input type="checkbox" id="autoup" value="yes"{% if post_id == "" %} checked{% endif %}>
|
||||||
Automatically update
|
Automatically update
|
||||||
</label><p>
|
</label><p>
|
||||||
|
|
||||||
<button type="submit" name="action" value="preview">Preview</button>
|
<button type="submit" class="btn btn-default" name="action" value="preview">Preview</button>
|
||||||
<button type="submit" name="action" value="publish">Publish Entry</button>
|
<button type="submit" class="btn btn-primary" name="action" value="publish">Publish Entry</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -16,15 +16,14 @@ Current preview of the comment:<p>
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
<input type="hidden" name="url" value="{{ url }}">
|
<input type="hidden" name="url" value="{{ url }}">
|
||||||
|
|
||||||
|
|
||||||
<strong>Message:</strong><br>
|
<strong>Message:</strong><br>
|
||||||
<textarea cols="40" rows="8" name="message">{{ comment["message"] }}</textarea><br>
|
<textarea class="form-control" cols="40" rows="8" name="message">{{ comment["message"] }}</textarea><br>
|
||||||
<small>Comments can be formatted with <a href="/markdown" target="_blank">Markdown</a>,
|
<small>Comments can be formatted with <a href="/markdown" target="_blank">Markdown</a>,
|
||||||
and you can use<br><a href="{{ url_for('emoticons.index') }}" target="_blank">emoticons</a>
|
and you can use<br><a href="{{ url_for('emoticons.index') }}" target="_blank">emoticons</a>
|
||||||
in your comment.</small><p>
|
in your comment.</small><p>
|
||||||
|
|
||||||
<button type="submit" name="action" value="preview">Preview Comment</button>
|
<button type="submit" class="btn btn-default" name="action" value="preview">Preview Comment</button>
|
||||||
<button type="submit" name="action" value="save">Save</button>
|
<button type="submit" class="btn btn-primary" name="action" value="save">Save</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -14,7 +14,7 @@
|
||||||
{% if session["login"] %}
|
{% if session["login"] %}
|
||||||
<strong>{{ session["name"] }}</strong>
|
<strong>{{ session["name"] }}</strong>
|
||||||
{% else %}
|
{% else %}
|
||||||
<input type="text" size="40" name="name" value="{{ name }}">
|
<input type="text" class="form-control" size="40" name="name" value="{{ name }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -23,8 +23,7 @@
|
||||||
Your Email:
|
Your Email:
|
||||||
</td>
|
</td>
|
||||||
<td align="left" valign="middle">
|
<td align="left" valign="middle">
|
||||||
<input type="text" size="40" name="contact" value="{{ contact }}">
|
<input type="text" class="form-control" size="40" name="contact" value="{{ contact }}" placeholder="(optional)">
|
||||||
<small>(optional)</small>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -32,7 +31,7 @@
|
||||||
Message:
|
Message:
|
||||||
</td>
|
</td>
|
||||||
<td align="left" valign="top">
|
<td align="left" valign="top">
|
||||||
<textarea cols="40" rows="8" name="message" style="width: 100%">{{ message }}</textarea><br>
|
<textarea class="form-control" cols="40" rows="8" name="message" style="width: 100%">{{ message }}</textarea><br>
|
||||||
<small>Comments can be formatted with <a href="/markdown" target="_blank">Markdown</a>,
|
<small>Comments can be formatted with <a href="/markdown" target="_blank">Markdown</a>,
|
||||||
and you can use<br><a href="{{ url_for('emoticons.index') }}" target="_blank">emoticons</a>
|
and you can use<br><a href="{{ url_for('emoticons.index') }}" target="_blank">emoticons</a>
|
||||||
in your comment.</small>
|
in your comment.</small>
|
||||||
|
@ -51,15 +50,15 @@
|
||||||
|
|
||||||
<div style="display: none">
|
<div style="display: none">
|
||||||
If you can see this, don't touch the following fields.<br>
|
If you can see this, don't touch the following fields.<br>
|
||||||
<input type="text" name="website" value="http://"><br>
|
<input type="text" class="form-control" name="website" value="http://"><br>
|
||||||
<input type="text" name="email" value="">
|
<input type="text" class="form-control" name="email" value="">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if preview %}
|
{% if preview %}
|
||||||
<button type="submit" name="action" value="preview">Refresh Preview</button>
|
<button class="btn btn-default" type="submit" name="action" value="preview">Refresh Preview</button>
|
||||||
<button type="submit" name="action" value="submit">Submit Comment</button>
|
<button class="btn btn-primary" type="submit" name="action" value="submit">Submit Comment</button>
|
||||||
{% else %}
|
{% else %}
|
||||||
<button type="submit" name="action" value="preview">Leave Comment</button>
|
<button class="btn btn-primary" type="submit" name="action" value="preview">Leave Comment</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
|
@ -46,14 +46,14 @@ e-mail address in the form below.<p>
|
||||||
<input type="hidden" name="thread" value="*">
|
<input type="hidden" name="thread" value="*">
|
||||||
|
|
||||||
Enter the e-mail address to be unsubscribed from all threads:<br>
|
Enter the e-mail address to be unsubscribed from all threads:<br>
|
||||||
<input type="email" size="40" name="email"><p>
|
<input type="email" class="form-control" size="40" name="email"><p>
|
||||||
|
|
||||||
<button type="submit">Unsubscribe</button>
|
<button type="submit" class="btn btn-primary">Unsubscribe</button>
|
||||||
|
|
||||||
<div style="display: none">
|
<div style="display: none">
|
||||||
If you can see this, do not touch these fields.<br>
|
If you can see this, do not touch these fields.<br>
|
||||||
<input type="text" name="url" value="http://"><br>
|
<input type="text" class="form-control" name="url" value="http://"><br>
|
||||||
<input type="text" name="message" value="">
|
<input type="text" class="form-control" name="message" value="">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -13,35 +13,35 @@ You can use the form below to send me an e-mail.<p>
|
||||||
<td width="50%" align="left" valign="middle">
|
<td width="50%" align="left" valign="middle">
|
||||||
<strong>Your name:</strong><br>
|
<strong>Your name:</strong><br>
|
||||||
<small>(so I know who you are)</small><br>
|
<small>(so I know who you are)</small><br>
|
||||||
<input type="text" size="40" name="name">
|
<input type="text" class="form-control"size="40" name="name">
|
||||||
</td>
|
</td>
|
||||||
<td width="50%" align="left" valign="middle">
|
<td width="50%" align="left" valign="middle">
|
||||||
<strong>Your email:</strong><br>
|
<strong>Your email:</strong><br>
|
||||||
<small>(if you want a response)</small><br>
|
<small>(if you want a response)</small><br>
|
||||||
<input type="email" size="40" name="email">
|
<input type="email" class="form-control" size="40" name="email">
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2" align="left" valign="middle">
|
<td colspan="2" align="left" valign="middle">
|
||||||
<strong>Message subject:</strong><br>
|
<strong>Message subject:</strong><br>
|
||||||
<small>(optional)</small><br>
|
<small>(optional)</small><br>
|
||||||
<input type="text" size="40" name="subject" style="width: 100%"><p>
|
<input type="text" class="form-control" size="40" name="subject" style="width: 100%"><p>
|
||||||
|
|
||||||
<strong>Message:</strong><br>
|
<strong>Message:</strong><br>
|
||||||
<small>(required)</small><br>
|
<small>(required)</small><br>
|
||||||
<textarea cols="40" rows="12" name="message" style="width: 100%"></textarea>
|
<textarea class="form-control" cols="40" rows="12" name="message" style="width: 100%"></textarea>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2" align="right" valign="middle">
|
<td colspan="2" align="right" valign="middle">
|
||||||
<button type="submit">Send Message</button>
|
<button type="submit" class="btn btn-primary">Send Message</button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<div style="display: none">
|
<div style="display: none">
|
||||||
If you can see these boxes, don't touch them.<br>
|
If you can see these boxes, don't touch them.<br>
|
||||||
<input type="text" size="40" name="contact" value=""><br>
|
<input type="text" class="form-control" size="40" name="contact" value=""><br>
|
||||||
<input type="text" size="40" name="website" value="http://">
|
<input type="text" class="form-control" size="40" name="website" value="http://">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@ Drag and drop your albums in the positions you want them in.<p>
|
||||||
<form name="arrange" id="arrange-form" action="{{ url_for('photo.arrange_albums') }}" method="POST">
|
<form name="arrange" id="arrange-form" action="{{ url_for('photo.arrange_albums') }}" method="POST">
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
<input type="hidden" name="order" id="order" value="">
|
<input type="hidden" name="order" id="order" value="">
|
||||||
<button type="submit">Save Changes</button>
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||||
</form>
|
</form>
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@ Drag and drop your photos in the positions you want them in.<p>
|
||||||
<form name="arrange" id="arrange-form" action="{{ url_for('photo.arrange_photos', album=album) }}" method="POST">
|
<form name="arrange" id="arrange-form" action="{{ url_for('photo.arrange_photos', album=album) }}" method="POST">
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
<input type="hidden" name="order" id="order" value="">
|
<input type="hidden" name="order" id="order" value="">
|
||||||
<button type="submit">Save Changes</button>
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||||
</form>
|
</form>
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,7 @@ crop.<p>
|
||||||
<input type="hidden" name="y" id="y" value="0">
|
<input type="hidden" name="y" id="y" value="0">
|
||||||
<input type="hidden" name="length" id="length" value="0">
|
<input type="hidden" name="length" id="length" value="0">
|
||||||
|
|
||||||
<button type="submit">Crop Photo!</button>
|
<button type="submit" class="btn btn-primary">Crop Photo!</button>
|
||||||
</form>
|
</form>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
Are you <strong>sure</strong> you want to delete this photo?<p>
|
Are you <strong>sure</strong> you want to delete this photo?<p>
|
||||||
|
|
||||||
<button type="submit">Yes, Delete This Photo</button>
|
<button type="submit" class="btn btn-warning">Yes, Delete This Photo</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -8,7 +8,7 @@
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
Are you <strong>sure</strong> you want to delete the album <strong>{{ album }}</strong>?<p>
|
Are you <strong>sure</strong> you want to delete the album <strong>{{ album }}</strong>?<p>
|
||||||
|
|
||||||
<button type="submit">Yes, Delete This Album</button>
|
<button type="submit" class="btn btn-warning">Yes, Delete This Album</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -10,10 +10,10 @@
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
|
|
||||||
<strong>Photo Caption:</strong><br>
|
<strong>Photo Caption:</strong><br>
|
||||||
<input type="text" size="40" name="caption" value="{{ photo['caption'] }}"><p>
|
<input type="text" class="form-control"size="40" name="caption" value="{{ photo['caption'] }}"><p>
|
||||||
|
|
||||||
<strong>Description:</strong><br>
|
<strong>Description:</strong><br>
|
||||||
<textarea cols="50" rows="6" name="description">{{ photo['description'] }}</textarea><br>
|
<textarea class="form-control" cols="50" rows="6" name="description">{{ photo['description'] }}</textarea><br>
|
||||||
<small>Use <a href="/markdown">Markdown</a> syntax.</small><p>
|
<small>Use <a href="/markdown">Markdown</a> syntax.</small><p>
|
||||||
|
|
||||||
Rotate:
|
Rotate:
|
||||||
|
@ -30,7 +30,7 @@
|
||||||
<input type="radio" name="rotate" value="180"> 180°
|
<input type="radio" name="rotate" value="180"> 180°
|
||||||
</label><p>
|
</label><p>
|
||||||
|
|
||||||
<button type="submit">Save Changes</button>
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
|
@ -8,10 +8,10 @@
|
||||||
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
<input type="hidden" name="token" value="{{ csrf_token() }}">
|
||||||
|
|
||||||
<strong>Album Title:</strong><br>
|
<strong>Album Title:</strong><br>
|
||||||
<input type="text" size="40" name="name" value="{{ album }}"><p>
|
<input type="text" class="form-control" size="40" name="name" value="{{ album }}"><p>
|
||||||
|
|
||||||
<strong>Description:</strong><br>
|
<strong>Description:</strong><br>
|
||||||
<textarea cols="50" rows="6" name="description">{{ album_info["description"] }}</textarea><br>
|
<textarea class="form-control" cols="50" rows="6" name="description">{{ album_info["description"] }}</textarea><br>
|
||||||
<small>Use <a href="/markdown" target="_blank">Markdown</a> syntax.</small><p>
|
<small>Use <a href="/markdown" target="_blank">Markdown</a> syntax.</small><p>
|
||||||
|
|
||||||
<strong>Display Format:</strong><br>
|
<strong>Display Format:</strong><br>
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
<strong>Vertical:</strong> Display all full size photos in one vertical view.
|
<strong>Vertical:</strong> Display all full size photos in one vertical view.
|
||||||
</label><p>
|
</label><p>
|
||||||
|
|
||||||
<button type="submit">Save Changes</button>
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -17,16 +17,16 @@ All captions use <a href="/markdown">Markdown</a> syntax.<p>
|
||||||
</td>
|
</td>
|
||||||
<td align="left" valign="top">
|
<td align="left" valign="top">
|
||||||
<strong>Caption:</strong><br>
|
<strong>Caption:</strong><br>
|
||||||
<input type="text" size="40" name="{{ photo['key'] }}:caption" value="{{ photo['data']['caption'] }}"><p>
|
<input type="text" class="form-control" size="40" name="{{ photo['key'] }}:caption" value="{{ photo['data']['caption'] }}"><p>
|
||||||
|
|
||||||
<strong>Description:</strong><br>
|
<strong>Description:</strong><br>
|
||||||
<textarea cols="50" rows="6" name="{{ photo['key'] }}:description">{{ photo['data']['description'] }}</textarea>
|
<textarea class="form-control" cols="50" rows="6" name="{{ photo['key'] }}:description">{{ photo['data']['description'] }}</textarea>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</table><p>
|
</table><p>
|
||||||
|
|
||||||
<button type="submit">Save Changes</button>
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
|
@ -30,7 +30,7 @@ somewhere else on the Internet.
|
||||||
|
|
||||||
<div id="pic-www" class="location-div">
|
<div id="pic-www" class="location-div">
|
||||||
<strong>Upload a picture from the Internet</strong><br>
|
<strong>Upload a picture from the Internet</strong><br>
|
||||||
<input type="text" size="40" name="url" placeholder="http://" autocomplete="off">
|
<input type="text" class="form-control" size="40" name="url" placeholder="http://" autocomplete="off">
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
|
@ -43,7 +43,7 @@ somewhere else on the Internet.
|
||||||
<legend>Photo Options</legend>
|
<legend>Photo Options</legend>
|
||||||
|
|
||||||
<strong>Photo album:</strong><br>
|
<strong>Photo album:</strong><br>
|
||||||
<select id="album" name="album">
|
<select id="album" name="album" class="form-control">
|
||||||
<optgroup label="Albums">
|
<optgroup label="Albums">
|
||||||
{% for album in album_list %}
|
{% for album in album_list %}
|
||||||
<option value="{{ album }}"{% if album == selected %} selected{% endif %}>{{ album }}</option>
|
<option value="{{ album }}"{% if album == selected %} selected{% endif %}>{{ album }}</option>
|
||||||
|
@ -54,10 +54,10 @@ somewhere else on the Internet.
|
||||||
|
|
||||||
<blockquote id="create-album">
|
<blockquote id="create-album">
|
||||||
<strong>New album:</strong><br>
|
<strong>New album:</strong><br>
|
||||||
<input type="text" size="20" id="new-album" name="new-album"><p>
|
<input type="text" class="form-control" size="20" id="new-album" name="new-album"><p>
|
||||||
|
|
||||||
<strong>Album Description:</strong><br>
|
<strong>Album Description:</strong><br>
|
||||||
<textarea cols="50" rows="6" name="new-description"></textarea><br>
|
<textarea cols="50" class="form-control" rows="6" name="new-description"></textarea><br>
|
||||||
<small>Shows up at the top of the album.
|
<small>Shows up at the top of the album.
|
||||||
Use <a href="/markdown" target="_blank">Markdown</a> formatting.</small>
|
Use <a href="/markdown" target="_blank">Markdown</a> formatting.</small>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
@ -73,7 +73,7 @@ somewhere else on the Internet.
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
<button type="submit" id="upload-button">Upload Picture</button>
|
<button type="submit" class="btn btn-primary" id="upload-button">Upload Picture</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user