Advertisement
leonsuke

v_blog

May 17th, 2017
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.66 KB | None | 0 0
  1. <!-- Content Wrapper. Contains page content -->
  2. <div class="content-wrapper">
  3. <!-- start content-wrapper -->
  4.  
  5. <!-- Main content -->
  6. <section class="content">
  7. <!-- start content -->
  8.  
  9. <div class="row">
  10. <!-- start row -->
  11.  
  12. <div class="col-xs-12 col-sm-12 col-md-12">
  13. <!-- start col -->
  14.  
  15. <div class="box box-primary">
  16. <!-- start box -->
  17.  
  18. <div class="box-header with-border">
  19. <h3 class="box-title">Blog</h3>
  20. </div>
  21.  
  22. <div class="box-body">
  23. <!-- start box-body -->
  24.  
  25. <?php echo $this->session->flashdata('success_AddData'); ?>
  26. <?php echo $this->session->flashdata('warning_AddData'); ?>
  27.  
  28. <?php echo $this->session->flashdata('success_DeleteData'); ?>
  29. <?php echo $this->session->flashdata('warning_DeleteData'); ?>
  30.  
  31. <?php echo $this->session->flashdata('danger_UpdateData'); ?>
  32. <?php echo $this->session->flashdata('warning_UpdateData'); ?>
  33. <?php echo $this->session->flashdata('success_UpdateData'); ?>
  34.  
  35. <?php echo $this->session->flashdata('warning_UploadFoto'); ?>
  36.  
  37. <ul class="nav nav-tabs" role="tablist">
  38. <li role="presentation" class="active"><a href="#listabout" aria-controls="listabout" role="tab" data-toggle="tab">List Blog</a></li>
  39. <li role="presentation"><a href="#form" aria-controls="form" role="tab" data-toggle="tab">Form</a></li>
  40. </ul>
  41.  
  42. <!-- Tab panes -->
  43. <div class="tab-content">
  44. <!-- start tab-content -->
  45.  
  46. <div role="tabpanel" class="tab-pane fade in active" id="listabout">
  47. <!-- start tabpanel -->
  48.  
  49. <br>
  50.  
  51. <div class="table-responsive">
  52. <!-- start table-responsive -->
  53.  
  54. <table class="table table-striped table-bordered">
  55. <thead>
  56. <tr>
  57. <th>No</th>
  58. <th>Foto</th>
  59. <th>Tags</th>
  60. <th>Isi Blog</th>
  61. <th>Kategori</th>
  62. <th>Judul Blog</th>
  63. <th>Waktu Publikasi</th>
  64. <th>Aksi</th>
  65. </tr>
  66. </thead>
  67. <tbody>
  68. <?php $no = ""; foreach ($daftar_blog as $key => $value): $no++; ?>
  69. <tr>
  70. <td><?php echo $no; ?></td>
  71. <td>
  72. <a href="<?php echo base_url(); ?>assets/images/blog/<?php echo $value['featured_images']; ?>" data-fancybox="images" data-width="2048" data-height="1365" data-caption="<?php echo $value['featured_images']; ?>">
  73. <img src="<?php echo base_url('/assets/images/blog/'); ?><?php echo $value["featured_images"]; ?>" class="img-responsive" style="width: 50px; min-width: 100%;" />
  74. </a>
  75. </td>
  76. <td></td>
  77. <td>
  78. <?php
  79. $limit = word_limiter($value["isi_blog"], 5);
  80. echo $limit;
  81. ?>
  82. </td>
  83. <td><?php echo $value["nama_kategori"]; ?></td>
  84. <td>
  85. <?php
  86. $limit2 = word_limiter($value["judul_blog"], 5);
  87. echo $limit2;
  88. ?>
  89. </td>
  90. <td>
  91. <?php
  92. $old_format = $value["tanggal_publish"];
  93. $new_format = date("D d M Y", strtotime($old_format));
  94. echo $new_format;
  95. ?>
  96. </td>
  97. <td>
  98. <?php echo anchor("dashboard/blog/hapus_data/$value[id_blog]", "<span class='glyphicon glyphicon-remove'></span>", array("class" => "btn btn-xs btn-danger", "onclick" => "return confirm('Anda yakin ingin menghapus data tersebut?')")); ?> |
  99. <button type="button" class="btn btn-xs btn-info btn-detailblog" data-toggle="modal" data-target=".bs-example-modal-lg"
  100. data-isiblog='<?php echo $value['isi_blog']; ?>'
  101. data-tanggalpublish="<?php echo $new_format; ?>"
  102. data-judulblog="<?php echo $value['judul_blog'] ?>"
  103. data-featuredimages="<?php echo base_url('/assets/images/blog/'); ?><?php echo $value["featured_images"]; ?>" id="btn-detailblog"><span class="glyphicon glyphicon-eye-open"></span>
  104. </button> |
  105. <button type="button" class="btn btn-xs btn-primary btn-openeditblog" data-toggle="modal" data-target="#popup-formedit"
  106.  
  107. data-idblog="<?php echo $value["id_blog"]; ?>"
  108. data-tanggalpublish="<?php echo $new_format; ?>"
  109. data-isiblog='<?php echo $value['isi_blog']; ?>'
  110. data-judulblog="<?php echo $value["judul_blog"]; ?>"
  111. data-idkategori="<?php echo $value['id_kategori']; ?>"
  112. data-featuredimages="<?php echo base_url('/assets/images/blog/'); ?><?php echo $value["featured_images"]; ?>" id="btn-openeditblog"><span class="glyphicon glyphicon-pencil"></span>
  113. </button>
  114. </td>
  115. </tr>
  116.  
  117. <?php endforeach; ?>
  118. </tbody>
  119. </table>
  120.  
  121. <!-- end table-responsive -->
  122. </div>
  123.  
  124. <!-- end tabpanel -->
  125. </div>
  126. <div role="tabpanel" class="tab-pane fade" id="form">
  127. <!-- start tabpanel -->
  128.  
  129. <br>
  130.  
  131. <?php $attr = array("class" => "form-horizontal"); ?>
  132. <?php echo form_open_multipart("dashboard/blog/input_data", $attr); ?>
  133. <div class="form-group">
  134. <?php
  135. $attr_labelblog = array("class" => "col-sm-2 control-label");
  136. echo form_label("Judul Blog", "judul_blog", $attr_labelblog);
  137. ?>
  138. <div class="col-sm-3">
  139. <?php
  140. $attr_inputjudulblog = array("name" => "judul_blog", "class" => "form-control", "id" => "judul_blog");
  141. echo form_input($attr_inputjudulblog);
  142. ?>
  143. </div>
  144. </div>
  145. <div class="form-group">
  146. <?php
  147. $attr_labelblog = array("class" => "col-sm-2 control-label");
  148. echo form_label("Featured Image", "featured_image", $attr_labelblog);
  149. ?>
  150. <div class="col-sm-3">
  151. <?php
  152. $attr_inputphoto = array("name" => "featured_images", "class" => "form-control", "id" => "featured_image");
  153. echo form_upload($attr_inputphoto);
  154. ?>
  155. <div class="img-blog3"></div>
  156. </div>
  157. </div>
  158. <div class="form-group">
  159. <?php
  160. $attr_labelblog = array("class" => "col-sm-2 control-label");
  161. echo form_label("Nama Tagging", "id_kategori", $attr_labelblog);
  162. ?>
  163. <div class="col-sm-4">
  164. <select type="text" name="nama_tagging[]" multiple="multiple" style="width: 80%" id="nama_tagging"></select>
  165. </div>
  166. </div>
  167. <div class="form-group">
  168. <?php
  169. $attr_labelblog = array("class" => "col-sm-2 control-label");
  170. echo form_label("Tagging Baru", "id_kategori", $attr_labelblog);
  171. ?>
  172. <div class="col-sm-4">
  173. <select type="text" name="id_tagging[]" multiple="multiple" style="width: 80%" id="id_tagging">
  174. <?php foreach ($nama_tagging as $key => $value): ?>
  175. <option value="<?php echo $value['id_tagging'] ?>"><?php echo $value['nama_tagging']; ?></option>
  176. <?php endforeach; ?>
  177. </select>
  178. </div>
  179. </div>
  180. <div class="form-group">
  181. <?php
  182. $attr_labelblog = array("class" => "col-sm-2 control-label");
  183. echo form_label("Isi Blog", "isi_blog", $attr_labelblog);
  184. ?>
  185. <div class="col-sm-10">
  186. <?php
  187. $attr_inputisiblog = array("name" => "isi_blog", "class" => "form-control");
  188. echo form_textarea($attr_inputisiblog);
  189. ?>
  190. </div>
  191. </div>
  192. <?php
  193. $attr_buttonreset = array("class" => "btn btn-md btn-default");
  194. echo form_reset("", "Reset", $attr_buttonreset);
  195. ?>
  196. <?php
  197. $attr_buttonsubmit = array("class" => "btn btn-md btn-primary");
  198. echo form_submit("", "Submit", $attr_buttonsubmit);
  199. ?>
  200. <?php echo form_close(); ?>
  201.  
  202. <!-- end tabpanel -->
  203. </div>
  204.  
  205. <!-- end tab-content -->
  206. </div>
  207.  
  208. <!-- end box-body -->
  209. </div>
  210.  
  211. <!-- end box -->
  212. </div>
  213.  
  214. <!-- end col -->
  215. </div>
  216.  
  217. <!-- end row -->
  218. </div>
  219.  
  220. <!-- end content -->
  221. </section>
  222.  
  223. <!-- end content-wrapper -->
  224. </div>
  225. <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  226. <!-- start modal -->
  227.  
  228. <div class="modal-dialog modal-lg" role="document">
  229. <!-- start modal-dialog -->
  230.  
  231. <div class="modal-content" style="overflow: hidden;">
  232. <!-- start modal-content -->
  233.  
  234. <div class="row">
  235. <!-- start row -->
  236.  
  237. <div class="col-xs-12 col-sm-12 col-md-12">
  238. <!-- start col -->
  239.  
  240. <h2 id="detail-judul_blog" style="padding: 5px;"></h2>
  241. <span id="detail-tanggal_publish" style="padding: 5px; color: #777;"></span>
  242.  
  243. <!-- end col -->
  244. </div>
  245. <div class="col-xs-12 col-sm-12 col-md-12">
  246. <!-- start col -->
  247.  
  248. <img src="" class="img-responsive" id="detail-featured_images" style="padding: 5px; margin: auto; width: 100vw;">
  249.  
  250. <!-- end col -->
  251. </div>
  252.  
  253. <div class="col-xs-12 col-sm-12 col-md-12">
  254. <!-- start col -->
  255.  
  256. <p id="detail-isiblog" style="padding: 5px;"></p>
  257.  
  258. <!-- end col -->
  259. </div>
  260.  
  261. <!-- end row -->
  262. </div>
  263.  
  264. <!-- end modal-content -->
  265. </div>
  266.  
  267. <!-- end modal-dialog -->
  268. </div>
  269.  
  270. <!-- end modal -->
  271. </div>
  272. <div class="modal fade" id="popup-formedit" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  273. <!-- start modal -->
  274.  
  275. <div class="modal-dialog modal-lg" role="document">
  276. <!-- start modal-dialog -->
  277.  
  278. <div class="modal-content" id="kontent-formupdate">
  279. <!-- start modal-content -->
  280.  
  281. <div class="modal-header">
  282. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  283. <h4 class="modal-title" id="gridSystemModalLabel">Form Ganti Data Blog</h4>
  284. </div>
  285.  
  286. <?php $attr = array("class" => "form-horizontal"); ?>
  287. <?php echo form_open_multipart("dashboard/blog/ganti_data", $attr); ?>
  288. <div class="form-group">
  289. <div class="col-sm-5">
  290. <?php
  291. $attr_inputidblog = array("type" => "hidden", "name" => "id_blog", "class" => "form-control", "id" => "edit-id_blog");
  292. echo form_input($attr_inputidblog);
  293. ?>
  294. </div>
  295. </div>
  296. <div class="form-group">
  297. <?php
  298. $attr_labelblog = array("class" => "col-sm-2 control-label");
  299. echo form_label("Tanggal Publish", "", $attr_labelblog);
  300. ?>
  301. <div class="col-sm-6">
  302. <div id="tanggal_publish"></div>
  303. </div>
  304. </div>
  305. <div class="form-group">
  306. <?php
  307. $attr_labelblog = array("class" => "col-sm-2 control-label");
  308. echo form_label("Judul Blog", "edit-judul_blog", $attr_labelblog);
  309. ?>
  310. <div class="col-sm-6">
  311. <?php
  312. $attr_inputjudulblog = array("name" => "judul_blog", "class" => "form-control", "id" => "edit-judul_blog");
  313. echo form_input($attr_inputjudulblog);
  314. ?>
  315. </div>
  316. </div>
  317. <div class="form-group">
  318. <?php
  319. $attr_labelblog = array("class" => "col-sm-2 control-label");
  320. echo form_label("Featured Images", "edit-foto", $attr_labelblog);
  321. ?>
  322. <div class="col-sm-3">
  323. <?php
  324. $attr_inputphoto = array("name" => "featured_images", "class" => "form-control", "id" => "edit-foto");
  325. echo form_upload($attr_inputphoto);
  326. ?>
  327. <img src="" alt="" class="img-responsive img-blog2" />
  328. <div class="img-blog3"></div>
  329. </div>
  330. </div>
  331. <div class="form-group">
  332. <?php
  333. $attr_labelblog = array("class" => "col-sm-2 control-label");
  334. echo form_label("Kategori", "id_kategori", $attr_labelblog);
  335. ?>
  336. <div class="col-sm-4">
  337. <select name="id_kategori" class="form-control" id="edit-id_kategori">
  338. <option value="">--- Pilih Kategori ---</option>
  339. <?php foreach ($daftar_kategori as $key => $value) { ?>
  340. <option value="<?php echo $value['id_kategori']; ?>"><?php echo $value["nama_kategori"]; ?></option>
  341. <?php } ?>
  342. </select>
  343. </div>
  344. </div>
  345. <div class="form-group">
  346. <?php
  347. $attr_labelblog = array("class" => "col-sm-2 control-label");
  348. echo form_label("Isi Blog", "textarea-8", $attr_labelblog);
  349. ?>
  350. <div class="col-sm-10">
  351. <?php
  352. $attr_inputketerangan = array("name" => "isi_blog", "class" => "form-control", "id" => "textarea-8");
  353. echo form_textarea($attr_inputketerangan);
  354. ?>
  355. </div>
  356. </div>
  357. <div class="modal-footer">
  358. <!-- start modal-footer -->
  359.  
  360. <?php
  361. $attr_buttonreset = array("class" => "btn btn-md btn-default");
  362. echo form_reset("", "Reset", $attr_buttonreset);
  363. ?>
  364. <?php
  365. $attr_buttonsubmit = array("class" => "btn btn-md btn-primary");
  366. echo form_submit("", "Submit", $attr_buttonsubmit);
  367. ?>
  368.  
  369. <!-- end modal-footer -->
  370. </div>
  371. <?php echo form_close(); ?>
  372.  
  373. <!-- end modal-content -->
  374. </div>
  375.  
  376. <!-- end modal-dialog -->
  377. </div>
  378.  
  379. <!-- end modal -->
  380. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement