|
|
|
|
|
|
|
<h1>Categories</h1>
|
|
|
|
|
|
|
|
<hr />
|
|
|
|
<ul class="nav nav-pills">
|
|
|
|
<li class='active'><a href='/admin/categories/active'>Active</a></li>
|
|
|
|
<li class=''><a href='/admin/categories/disabled'>Disabled</a></li>
|
|
|
|
<li class=''><a href='/admin/testing/categories'>Unit Tests</a></li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<!-- TODO: remove inline event listeners. -->
|
|
|
|
|
|
|
|
<div class="row admin-categories">
|
|
|
|
<ul class="col-md-12" id="entry-container">
|
|
|
|
<!-- BEGIN categories -->
|
|
|
|
<li data-cid="{categories.cid}" class="entry-row {categories.blockclass}">
|
|
|
|
<form class="form-inline">
|
|
|
|
<div class="icon">
|
|
|
|
<i data-name="icon" value="{categories.icon}" class="{categories.icon} icon-2x"></i>
|
|
|
|
</div>
|
|
|
|
<input placeholder="Category Name" data-name="name" value="{categories.name}" class="form-control category_name"></input>
|
|
|
|
<select class="form-control blockclass" data-name="blockclass" data-value="{categories.blockclass}">
|
|
|
|
<option value="category-purple">category-purple</option>
|
|
|
|
<option value="category-darkblue">category-darkblue</option>
|
|
|
|
<option value="category-blue">category-blue</option>
|
|
|
|
<option value="category-darkgreen">category-darkgreen</option>
|
|
|
|
<option value="category-orange">category-orange</option>
|
|
|
|
</select>
|
|
|
|
<input data-name="description" placeholder="Category Description" value="{categories.description}" class="form-control category_description description"></input>
|
|
|
|
<button type="submit" class="btn btn-default" data-disabled="{categories.disabled}">Disable</button>
|
|
|
|
</form>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<!-- END categories -->
|
|
|
|
<button class="btn btn-lg btn-primary" id="save">Save</button>
|
|
|
|
<button class="btn btn-lg btn-primary" id="addNew">Add New</button>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="new-category-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Add New Modal" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
<h3>Create New Category</h3>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<div>
|
|
|
|
<form class='form-horizontal'>
|
|
|
|
<div class="control-group">
|
|
|
|
<label class="control-label" for="inputName">Name</label>
|
|
|
|
<div class="controls">
|
|
|
|
<input class="form-control" type="text" id="inputName" placeholder="Name" value="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="control-group">
|
|
|
|
<label class="control-label" for="inputDescription">Description</label>
|
|
|
|
<div class="controls">
|
|
|
|
<input class="form-control" type="text" id="inputDescription" placeholder="Description" value="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="control-group">
|
|
|
|
<label class="control-label" for="inputIcon">Icon</label>
|
|
|
|
<div class="controls">
|
|
|
|
<div class="icon">
|
|
|
|
<i data-name="icon" value="icon-pencil" class="icon-pencil icon-2x"></i>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="control-group">
|
|
|
|
<label class="control-label" for="inputBlockclass">Block Class</label>
|
|
|
|
<div class="controls">
|
|
|
|
<select id="inputBlockclass" class="form-control" data-name="blockclass" data-value="">
|
|
|
|
<option value="category-purple">category-purple</option>
|
|
|
|
<option value="category-darkblue">category-darkblue</option>
|
|
|
|
<option value="category-blue">category-blue</option>
|
|
|
|
<option value="category-darkgreen">category-darkgreen</option>
|
|
|
|
<option value="category-orange">category-orange</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
|
|
<button type="button" id="create-category-btn" href="#" class="btn btn-primary btn-lg btn-block">Create</button>
|
|
|
|
</div>
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
|
|
|
|
|
|
<div id="icons" style="display:none;"><div class="icon-container"><div class="row fa-icons">
|
|
|
|
<div class="col-md-3"><i class="icon-compass"></i></div><div class="col-md-3"><i class="icon-collapse"></i></div><div class="col-md-3"><i class="icon-collapse-top"></i></div><div class="col-md-3"><i class="icon-expand"></i></div><div class="col-md-3"><i class="icon-eur"></i></div><div class="col-md-3"><i class="icon-euro"></i></div><div class="col-md-3"><i class="icon-gbp"></i></div><div class="col-md-3"><i class="icon-usd"></i></div><div class="col-md-3"><i class="icon-dollar"></i></div><div class="col-md-3"><i class="icon-inr"></i></div><div class="col-md-3"><i class="icon-rupee"></i></div><div class="col-md-3"><i class="icon-jpy"></i></div><div class="col-md-3"><i class="icon-yen"></i></div><div class="col-md-3"><i class="icon-cny"></i></div><div class="col-md-3"><i class="icon-renminbi"></i></div><div class="col-md-3"><i class="icon-krw"></i></div><div class="col-md-3"><i class="icon-won"></i></div><div class="col-md-3"><i class="icon-btc"></i></div><div class="col-md-3"><i class="icon-bitcoin"></i></div><div class="col-md-3"><i class="icon-file"></i></div><div class="col-md-3"><i class="icon-file-text"></i></div><div class="col-md-3"><i class="icon-sort-by-alphabet"></i></div><div class="col-md-3"><i class="icon-sort-by-alphabet-alt"></i></div><div class="col-md-3"><i class="icon-sort-by-attributes"></i></div><div class="col-md-3"><i class="icon-sort-by-attributes-alt"></i></div><div class="col-md-3"><i class="icon-sort-by-order"></i></div><div class="col-md-3"><i class="icon-sort-by-order-alt"></i></div><div class="col-md-3"><i class="icon-thumbs-up"></i></div><div class="col-md-3"><i class="icon-thumbs-down"></i></div><div class="col-md-3"><i class="icon-youtube-sign"></i></div><div class="col-md-3"><i class="icon-youtube"></i></div><div class="col-md-3"><i class="icon-xing"></i></div><div class="col-md-3"><i class="icon-xing-sign"></i></div><div class="col-md-3"><i class="icon-youtube-play"></i></div><div class="col-md-3"><i class="icon-dropbox"></i></div><div class="col-md-3"><i class="icon-stackexchange"></i></div><div class="col-md-3"><i class="icon-instagram"></i></div><div class="col-md-3"><i class="icon-flickr"></i></div><div class="col-md-3"><i class="icon-adn"></i></div><div class="col-md-3"><i class="icon-bitbucket"></i></div><div class="col-md-3"><i class="icon-bitbucket-sign"></i></div><div class="col-md-3"><i class="icon-tumblr"></i></div><div class="col-md-3"><i class="icon-tumblr-sign"></i></div><div class="col-md-3"><i class="icon-long-arrow-down"></i></div><div class="col-md-3"><i class="icon-long-arrow-up"></i></div><div class="col-md-3"><i class="icon-long-arrow-left"></i></div><div class="col-md-3"><i class="icon-long-arrow-right"></i></div><div class="col-md-3"><i class="icon-apple"></i></div><div class="col-md-3"><i class="icon-windows"></i></div><div class="col-md-3"><i class="icon-android"></i></div><div class="col-md-3"><i class="icon-linux"></i></div><div class="col-md-3"><i class="icon-dribbble"></i></div><div class="col-md-3"><i class="icon-skype"></i></div><div class="col-md-3"><i class="icon-foursquare"></i></div><div class="col-md-3"><i class="icon-trello"></i></div><div class="col-md-3"><i class="icon-female"></i></div><div class="col-md-3"><i class="icon-male"></i></div><div class="col-md-3"><i class="icon-gittip"></i></div><div class="col-md-3"><i class="icon-sun"></i></div><div class="col-md-3"><i class="icon-moon"></i></div><div class="col-md-3"><i class="icon-archive"></i></div><div class="col-md-3"><i class="icon-bug"></i></div><div class="col-md-3"><i class="icon-vk"></i></div><div class="col-md-3"><i class="icon-weibo"></i></div><div class="col-md-3"><i class="icon-renren"></i></div><div class="col-md-3"><i class="icon-adjust"></i></div><div class="col-md-3"><i class="icon-anchor"></i></div><div class="col-md-3"><i class="icon-archive"></i></div><div class="col-md-3"><i class="icon-asterisk"></i></div><div class="col-md-3"><i class="icon-ban-circle"></i></div><div class="col-md-3"><i class="icon-bar-chart"></i></div><div class="col-md-3"><i class="icon-barcode"></i></div>
|
|
|
|
<div class="col-md-3"><i class="icon-align-center"></i></div><div class="col-md-3"><i class="icon-align-justify"></i></div><div class="col-md-3"><i class="icon-align-left"></i></div><div class="col-md-3"><i class="icon-align-right"></i></div><div class="col-md-3"><i class="icon-bold"></i></div><div class="col-md-3"><i class="icon-columns"></i></div><div class="col-md-3"><i class="icon-copy"></i></div><div class="col-md-3"><i class="icon-cut"></i></div><div class="col-md-3"><i class="icon-eraser"></i></div><div class="col-md-3"><i class="icon-file"></i></div><div class="col-md-3"><i class="icon-file-alt"></i></div><div class="col-md-3"><i class="icon-file-text"></i></div><div class="col-md-3"><i class="icon-file-text-alt"></i></div><div class="col-md-3"><i class="icon-font"></i></div><div class="col-md-3"><i class="icon-indent-left"></i></div><div class="col-md-3"><i class="icon-indent-right"></i></div><div class="col-md-3"><i class="icon-italic"></i></div><div class="col-md-3"><i class="icon-link"></i></div><div class="col-md-3"><i class="icon-list"></i></div><div class="col-md-3"><i class="icon-list-alt"></i></div><div class="col-md-3"><i class="icon-list-ol"></i></div><div class="col-md-3"><i class="icon-list-ul"></i></div><div class="col-md-3"><i class="icon-paper-clip"></i></div><div class="col-md-3"><i class="icon-paperclip"></i></div><div class="col-md-3"><i class="icon-paste"></i></div><div class="col-md-3"><i class="icon-repeat"></i></div><div class="col-md-3"><i class="icon-rotate-left"></i></div><div class="col-md-3"><i class="icon-rotate-right"></i></div><div class="col-md-3"><i class="icon-save"></i></div><div class="col-md-3"><i class="icon-strikethrough"></i></div><div class="col-md-3"><i class="icon-table"></i></div><div class="col-md-3"><i class="icon-text-height"></i></div><div class="col-md-3"><i class="icon-text-width"></i></div><div class="col-md-3"><i class="icon-th"></i></div><div class="col-md-3"><i class="icon-th-large"></i></div><div class="col-md-3"><i class="icon-th-list"></i></div><div class="col-md-3"><i class="icon-underline"></i></div><div class="col-md-3"><i class="icon-undo"></i></div><div class="col-md-3"><i class="icon-unlink"></i></div><div class="col-md-3"><i class="icon-angle-down"></i></div><div class="col-md-3"><i class="icon-angle-left"></i></div><div class="col-md-3"><i class="icon-angle-right"></i></div><div class="col-md-3"><i class="icon-angle-up"></i></div><div class="col-md-3"><i class="icon-arrow-down"></i></div><div class="col-md-3"><i class="icon-arrow-left"></i></div><div class="col-md-3"><i class="icon-arrow-right"></i></div><div class="col-md-3"><i class="icon-arrow-up"></i></div><div class="col-md-3"><i class="icon-caret-down"></i></div><div class="col-md-3"><i class="icon-caret-left"></i></div><div class="col-md-3"><i class="icon-caret-right"></i></div><div class="col-md-3"><i class="icon-caret-up"></i></div><div class="col-md-3"><i class="icon-chevron-down"></i></div><div class="col-md-3"><i class="icon-chevron-left"></i></div><div class="col-md-3"><i class="icon-chevron-right"></i></div><div class="col-md-3"><i class="icon-chevron-sign-down"></i></div><div class="col-md-3"><i class="icon-chevron-sign-left"></i></div><div class="col-md-3"><i class="icon-chevron-sign-right"></i></div><div class="col-md-3"><i class="icon-chevron-sign-up"></i></div><div class="col-md-3"><i class="icon-chevron-up"></i></div><div class="col-md-3"><i class="icon-circle-arrow-down"></i></div><div class="col-md-3"><i class="icon-circle-arrow-left"></i></div><div class="col-md-3"><i class="icon-circle-arrow-right"></i></div><div class="col-md-3"><i class="icon-circle-arrow-up"></i></div><div class="col-md-3"><i class="icon-double-angle-down"></i></div><div class="col-md-3"><i class="icon-double-angle-left"></i></div><div class="col-md-3"><i class="icon-double-angle-right"></i></div><div class="col-md-3"><i class="icon-double-angle-up"></i></div><div class="col-md-3"><i class="icon-hand-down"></i></div><div class="col-md-3"><i class="icon-hand-left"></i></div><div class="col-md-3"><i class
|
|
|
|
<div class="col-md-3"><i class="icon-adn"></i></div><div class="col-md-3"><i class="icon-android"></i></div><div class="col-md-3"><i class="icon-apple"></i></div><div class="col-md-3"><i class="icon-bitbucket"></i></div><div class="col-md-3"><i class="icon-bitbucket-sign"></i></div><div class="col-md-3"><i class="icon-bitcoin"></i></div><div class="col-md-3"><i class="icon-btc"></i></div><div class="col-md-3"><i class="icon-css3"></i></div><div class="col-md-3"><i class="icon-dribbble"></i></div><div class="col-md-3"><i class="icon-dropbox"></i></div><div class="col-md-3"><i class="icon-facebook"></i></div><div class="col-md-3"><i class="icon-facebook-sign"></i></div><div class="col-md-3"><i class="icon-flickr"></i></div><div class="col-md-3"><i class="icon-foursquare"></i></div><div class="col-md-3"><i class="icon-github"></i></div><div class="col-md-3"><i class="icon-github-alt"></i></div><div class="col-md-3"><i class="icon-github-sign"></i></div><div class="col-md-3"><i class="icon-gittip"></i></div><div class="col-md-3"><i class="icon-google-plus"></i></div><div class="col-md-3"><i class="icon-google-plus-sign"></i></div><div class="col-md-3"><i class="icon-html5"></i></div><div class="col-md-3"><i class="icon-instagram"></i></div><div class="col-md-3"><i class="icon-linkedin"></i></div><div class="col-md-3"><i class="icon-linkedin-sign"></i></div><div class="col-md-3"><i class="icon-linux"></i></div><div class="col-md-3"><i class="icon-maxcdn"></i></div><div class="col-md-3"><i class="icon-pinterest"></i></div><div class="col-md-3"><i class="icon-pinterest-sign"></i></div><div class="col-md-3"><i class="icon-renren"></i></div><div class="col-md-3"><i class="icon-skype"></i></div><div class="col-md-3"><i class="icon-stackexchange"></i></div><div class="col-md-3"><i class="icon-trello"></i></div><div class="col-md-3"><i class="icon-tumblr"></i></div><div class="col-md-3"><i class="icon-tumblr-sign"></i></div><div class="col-md-3"><i class="icon-twitter"></i></div><div class="col-md-3"><i class="icon-twitter-sign"></i></div><div class="col-md-3"><i class="icon-vk"></i></div><div class="col-md-3"><i class="icon-weibo"></i></div><div class="col-md-3"><i class="icon-windows"></i></div><div class="col-md-3"><i class="icon-xing"></i></div><div class="col-md-3"><i class="icon-xing-sign"></i></div><div class="col-md-3"><i class="icon-youtube"></i></div><div class="col-md-3"><i class="icon-youtube-play"></i></div><div class="col-md-3"><i class="icon-youtube-sign"></i></div>
|
|
|
|
<div class="col-md-3"><i class="icon-ambulance"></i></div><div class="col-md-3"><i class="icon-h-sign"></i></div><div class="col-md-3"><i class="icon-hospital"></i></div><div class="col-md-3"><i class="icon-medkit"></i></div><div class="col-md-3"><i class="icon-plus-sign-alt"></i></div><div class="col-md-3"><i class="icon-stethoscope"></i></div><div class="col-md-3"><i class="icon-user-md"></i></div>
|
|
|
|
</div></div></div>
|
|
|
|
|
|
|
|
<script type="text/javascript" src="{relative_path}/src/forum/admin/categories.js"></script>
|