Tiny File Manager | edit-med-category.php

Back Back Up Advanced Editor

<?php
include "header.php";
include "sidebar.php";

$id = check_input($con, base64_decode($_REQUEST['id']));
$id1 = check_input($con, $_REQUEST['id']);

$query = mysqli_query($con, "SELECT * FROM `med-category` WHERE `category_id`='" . $id . "' ");
$data = mysqli_fetch_array($query);
if (!$data) {
  die("" . mysqli_error());
}

/*
$fetchPColor=mysqli_query($con,"SELECT `color_id` FROM `spc_product_color` WHERE `product_id`='".$id."' ")or die(mysqli_error($con));
$pcolors=array();
while($selectedPColor=mysqli_fetch_array($fetchPColor)) {
$pcolors[]=$selectedPColor['color_id'];
}  */

<link rel="stylesheet" href="plugins/iCheck/all.css">

},
      messages: {
        categoryName: {
          required: "This field cannot be blank.",
        },
        categorySlug: {
          required: "This field cannot be blank.",
        },
       }
    });
  });
</script>

imgUpload.onchange = function () {
      if (typeof (FileReader) != "undefined") {
        var dvPreview = document.getElementById("dvPreview");
        dvPreview.innerHTML = "";
        var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
        for (var i = 0; i < imgUpload.files.length; i++) {
          var file = imgUpload.files[i];
          var size = imgUpload.files[i].size;
          if (size > 1024000) {
            alert("Exceed the Maximum Image Size");
            $(imgUpload).val("");
          }

if (regex.test(file.name.toLowerCase())) {
            var reader = new FileReader();
            reader.onload = function (e) {
              var img = document.createElement("IMG");
              img.height = "100";
              img.width = "100";
              img.src = e.target.result;
              dvPreview.appendChild(img);
            }
            reader.readAsDataURL(file);
          } else {
            alert(file.name + " is not a valid image file.");
            dvPreview.innerHTML = "";
            return false;
          }
        }
      } else {
        alert("This browser does not support HTML5 FileReader.");
      }
    }
  }     
</script>

<aside class="right-side">
  <section class="content-header">
    <h1>Category</h1>
  </section>
  
  <section class="content">

<div class="">
      
      <div class="box box-primary">
        <div class="box-header">
          <h3 class="box-title">Edit Category</h3>
          <div class="pull-right" style="font-size:15px;"><span class="mandatory">*</span> indicates required field
            &nbsp;</div>
        </div>
        
        <div class="box-body">
          <form role="form" class="form-horizontal" name="editCategoryInformation" id="editCategoryInformation"
            method="post" action="med-category-process.php" autocomplete="off" enctype="multipart/form-data">

<div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="name" class="col-lg-4 control-label">Category Name<span class="mandatory">*</span></label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control isRequired" id="categoryName" name="categoryName"
                      value="<?php echo $data['category_name']; ?>" placeholder="Enter Category Name"
                      title="Please enter category name" />
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">

<label for="categorySlug" class="col-sm-4 control-label">Category Slug <span
                      class="mandatory">*</span></label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control isRequired" id="categorySlug" name="categorySlug"
                      value="<?php echo $data['category_slug']; ?>" placeholder="Category slug"
                      title="Please enter category slug" />
                  </div>
                </div>
              </div>
            </div>

<div class="col-md-6">
                <div class="form-group">
                  <label class="control-label col-sm-4" for="img">Upload Image</label>
                  <div class="col-md-8">

<div class="fileinput fileinput-new fileinputCat" data-provides="fileinput">
                      <div><span>Maximum Image Upload Size is <code>1MB</code></span></div>
                      
                      <div id="dvPreview" class="fileinput-preview thumbnail" data-trigger="fileinput"
                        style="width: 200px; height: 150px;">
                        <?php if (isset($data['image']) && $data['image'] != '') { ?>
                          <img src="<?php
                           $productImg = "Medicine Category Images";
                            echo "../" . $productImg . "/" . $data['image']; ?>" />
                        <?php } else { ?>
                          <img src="http://www.placehold.it/200x150/3c8dbc/fff&text=Image" />
                        <?php } ?>
                      </div>
                      <div>
                        <span class="btn btn-default btn-file"><span class="fileinput-new">Browse Image</span>
                          <span class="fileinput-exists">Change</span>
                          <input type="file" id="imgUpload" name="image" onclick="getImage();"></span>
                        <?php if (isset($data['image']) && $data['image'] != '') { ?>
                          <a href="javascript:void(0);" class="btn btn-default" data-dismiss="fileupload" id="oldImage"
                            onclick="clearImage()">Clear</a>
                        <?php } ?>
                        <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                      </div>
                      <?php if (isset($data['image']) && $data['image'] != '') { ?>
                        <input type="hidden" name="existImage" id="existImage" value="<?php echo $data['image']; ?>" />
                        <input type="hidden" name="removedImage" id="removedImage"
                          value="<?php echo $data['image']; ?>" />
                      <?php } ?>
                    </div>
                  </div>
                </div>
              </div>

</div>
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="address" class="col-lg-2 control-label">Detailed Description</label>
                  <div class="col-lg-10">
                    <p> <strong>Please note </strong>: Do not copy and paste content from Microsoft Word or Google Docs,
                      the formatting might come out badly. Paste content in a notepad and then paste here and then do
                      formatting in the editor below</p>
                    <textarea class="input-xlarge isRequired discriptiontextarea" id="mainDescription"
                      name="mainDescription" rows="3"
                      title="Please enter description"><?php echo $data['description']; ?></textarea>
                  </div>
                </div>
              </div>
            </div>

<div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="address" class="col-lg-2 control-label">Other Description</label>
                  <div class="col-lg-10">
                    <textarea class="input-xlarge isRequired discriptiontextarea" id="otherDescription"
                      name="otherDescription" rows="3"
                      title="Please enter other description"><?php echo $data['other_description']; ?></textarea>
                  </div>
                </div>
              </div>
            </div>

<br />
            <ul class="todo-list ui-sortable">
              <li style="font-size:20px;"><strong>SEO Description</strong></li>
            </ul>
            <br />

<div class="form-group">
              <label class="col-sm-2 control-label">Title Tag</label>
              <div class="col-sm-8">
                <textarea name="titleTag" id="titleTag" class="form-control"
                  rows="3"><?php echo $data['title_tag']; ?></textarea>
              </div>
            </div>

<div class="form-group">
              <label class="col-sm-2 control-label">Meta Keywords</label>
              <div class="col-sm-8">
                <textarea name="metaKeyword" id="metaKeyword" class="form-control"
                  rows="3"><?php echo $data['meta_keyword']; ?></textarea>
              </div>
            </div>

<div class="form-group">
              <label class="col-sm-2 control-label">Meta Description</label>
              <div class="col-sm-8">
                <textarea name="metaDescription" id="metaDescription" class="form-control"
                  rows="3"><?php echo $data['meta_description']; ?></textarea>
              </div>
            </div>

</form>
        </div>
      </div>
  </section>

</aside>

<script src="plugins/iCheck/icheck.min.js"></script>

$(document).ready(function () {
    $("#categoryName").stringToSlug({
      getPut: "#categorySlug"
    });
  })

$(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('mainDescription');
    CKEDITOR.replace('otherDescription');
    //bootstrap WYSIHTML5 - text editor
    $(".textarea").wysihtml5();
  });

function clearImage() {
    $('.fileinputCat').fileinput('clear');
    $("#oldImage").addClass("hide");
    $('#existImage').val('');
  }

function getImage() {
    $('.fileinputCat').fileinput('clear');
    $("#oldImage").addClass("hide");
    $('#existImage').val('');
  }
</script>

//Enable iCheck plugin for checkboxes
  //iCheck for checkbox and radio inputs
  $('input[type="checkbox"].icheckbox_flat-green, input[type="radio"].icheckbox_flat-green').iCheck({
    checkboxClass: 'icheckbox_flat-green',
    radioClass: 'iradio_flat-green'
  });

$('input[type="checkbox"].icheckbox_flat-blue, input[type="radio"].icheckbox_flat-blue').iCheck({
    checkboxClass: 'icheckbox_flat-blue',
    radioClass: 'iradio_flat-blue'
  });

//Flat red color scheme for iCheck
  $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
    checkboxClass: 'icheckbox_flat-red',
    radioClass: 'iradio_flat-red'
  });
</script>

<?php
include "footer.php";
?>