104 lines
5.1 KiB
PHP
104 lines
5.1 KiB
PHP
|
<div class="span9 well">
|
||
|
|
<div class="navbar">
|
||
|
|
<div class="navbar-inner">
|
||
|
|
<div class="head"><img src="<?php echo base_url(); ?>image/page_white_add.png" style="vertical-align: middle"> Add a Post</div>
|
||
|
|
</div>
|
||
|
|
</div><!--/.navbar-->
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span8">
|
||
|
|
<form action="save_post" method="post">
|
||
|
|
<table cellspacing="20" id="edit">
|
||
|
|
<tr>
|
||
|
|
<td>Judul</td>
|
||
|
|
<td><input type="text" name="title" value="" class="input" placeholder="Title"/></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Content</td>
|
||
|
|
<td><div id="notes-button-bar"></div>
|
||
|
|
<textarea id="notes"></textarea>
|
||
|
|
<textarea id="copy_html" name="content" class="input"></textarea>
|
||
|
|
<div id="notes-preview"></div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div><!--/.span8-->
|
||
|
|
<div class="span4">
|
||
|
|
|
||
|
|
<div id="section">Publish Options</div>
|
||
|
|
<div id="section-detail">
|
||
|
|
<div id="status_box">
|
||
|
|
<img src="<?php echo base_url(); ?>image/world_bw.gif" style="vertical-align: middle"> Status: <b><span id="status_name">Published</span></b>
|
||
|
|
<a href="#" onclick="$('#status_box').hide(); $('#status_edit').show(); return false;">Edit</a>
|
||
|
|
</div><!--/#status-box-->
|
||
|
|
<div id="status_edit" style="display: none">
|
||
|
|
<select name="status" id="status" style="margin-top: 5px;width:130px;">
|
||
|
|
<option value="Published">Published</option>
|
||
|
|
<option value="Review">Pending Review</option>
|
||
|
|
<option value="Draft">Draft</option>
|
||
|
|
</select>
|
||
|
|
<a href="#" class="small awesome" onclick="$('#status_name').update($F('status')); $('#status_edit').hide(); $('#status_box').show(); return false;">OK</a>
|
||
|
|
<a href="#" onclick="$('#status_edit').hide(); $('#status_box').show(); return false;">Cancel</a>
|
||
|
|
</div><!--/#status-edit-->
|
||
|
|
<div style="border-bottom: 1px solid #ddd; padding: 5px;"></div><br>
|
||
|
|
<div id="time">
|
||
|
|
<img src="<?php echo base_url(); ?>image/clock_bw.gif" style="vertical-align: middle">
|
||
|
|
Publish: <b>Immediately</b>
|
||
|
|
<a href="#" onclick="$('#time').hide();$('#edittime').show(); return false;">Edit</a>
|
||
|
|
</div><!--/#time-->
|
||
|
|
<div id="edittime" style="display: none">
|
||
|
|
<input type="text" name="timestamp" value="2013-06-26 05:00:11" style="width:150px;">
|
||
|
|
<a href="#" onclick="$('#time').show();$('#edittime').hide(); return false;">Cancel</a>
|
||
|
|
</div><!--/#edittime-->
|
||
|
|
<div style="border-bottom: 1px solid #ddd; padding: 5px;"></div><br>
|
||
|
|
<div id="author">
|
||
|
|
<img src="<?php echo base_url(); ?>image/user_bw.gif" style="vertical-align: middle"> Author: <b><span id="author_name">
|
||
|
|
</span></b>
|
||
|
|
<a href="#" onclick="$('#author').hide(); $('#author_edit').show(); return false;">Edit</a>
|
||
|
|
</div><!--/#autor-->
|
||
|
|
<div id="author_edit" style="display: none">
|
||
|
|
<select style="font-size: 14px;width:100px;" name="user" id="user">
|
||
|
|
<option value="admin" selected="">admin</option> </select>
|
||
|
|
<a href="#" class="small awesome" onclick="$('#author_name').update($F('user')); $('#author_edit').hide(); $('#author').show(); return false;">OK</a>
|
||
|
|
<a href="#" onclick="$('#author_edit').hide(); $('#author').show(); return false;">Cancel</a>
|
||
|
|
</div><!--/#author-edit-->
|
||
|
|
<div style="border-bottom: 1px solid #ddd; padding: 5px;"></div><br>
|
||
|
|
<div id="save_box" style="background-color: #e0e0e0; padding: 15px; text-align: right;">
|
||
|
|
<a href="#notes-preview" rel="facebox"><button type="button" class="btn btn-info">Preview</button></a> or
|
||
|
|
<!--<a href="#" onclick="$('post_form').submit(); $(this).update('Saving ...'); return false;" class="large green awesome">SAVE</a>-->
|
||
|
|
<button id="save" class="btn btn-primary">Save</button>
|
||
|
|
</div><!--/#save-box-->
|
||
|
|
</div><!--/#section-detail-->
|
||
|
|
|
||
|
|
</div><!--/.span4-->
|
||
|
|
</form>
|
||
|
|
</div><!--/.row-fluid-->
|
||
|
|
</div><!--/.container-fluid-->
|
||
|
|
<!--script-->
|
||
|
|
<script src="<?php echo base_url(); ?>js/facebox-master/src/facebox.js" type="text/javascript"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>bootstrap/js/bootstrap-dropdown.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>bootstrap/js/bootstrap-collapse.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>css/wmd-master/wmd.js"></script>
|
||
|
|
<script src="<?php echo base_url(); ?>css/wmd-master/showdown.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
new WMDEditor({
|
||
|
|
input: "notes",
|
||
|
|
button_bar: "notes-button-bar",
|
||
|
|
preview: "notes-preview",
|
||
|
|
output: "copy_html",
|
||
|
|
buttons: "bold italic link ol ul heading undo redo hr image code blockquote",
|
||
|
|
modifierKeys: true,
|
||
|
|
autoFormatting: false
|
||
|
|
});
|
||
|
|
jQuery(document).ready(function($) {
|
||
|
|
$('a[rel*=facebox]').facebox({
|
||
|
|
loadingImage : '<?php echo base_url(); ?>js/facebox-master/src/loading.gif',
|
||
|
|
closeImage : '<?php echo base_url(); ?>js/facebox-master/src/closelabel.png'
|
||
|
|
})
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</div><!--/.span9-->
|
||
|
|
</div><!--/.row-fluid-->
|
||
|
|
</div><!--/.container-fluid-->
|
||
|
|
</body>
|
||
|
|
</html>
|