Tiny File Manager | add-product.php

Back Back Up Advanced Editor

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

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

}
    });
  });
</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>Product</h1>
  </section>
  
  <section class="content">

<div class="">
      
      <div class="box box-primary">
        <div class="box-header">
          <h3 class="box-title">Add Product</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="addProductInformation" id="addProductInformation"
            method="post" action="product-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">Product Name<span class="mandatory">*</span></label>
                  <div class="col-lg-8">
                    <input type="text" class="form-control isRequired" id="productName" name="productName"
                      placeholder="Enter Product Name" title="Please enter product name" />
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">

<label for="categorySlug" class="col-sm-4 control-label">Product Slug <span
                      class="mandatory">*</span></label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control isRequired" id="productSlug" name="productSlug"
                      placeholder="Product slug" title="Please enter category slug" />
                  </div>
                </div>
              </div>
            </div>

<div class="row">
            <div class="col-md-6">
                            <div class="form-group">
                      <label for="categoryId" class="col-sm-4 control-label">Product Category <span class="mandatory">*</span></label>
                      <div class="col-lg-8">
                        <select id="categoryId" name="categoryId" class="select2" title="Please choose category" style="width:100%;">
                            <option value="">--Select--</option>
                               <?php   $maincategories=maincategory($con);
                                       foreach($maincategories as $main_category){ ?>
                                       <option value="<?php echo base64_encode($main_category['category_id']); ?>"><?php echo $main_category['category_name']; ?></option>
                               <?php } ?>
                          </select>  
                        </div>
                      </div>
                        </div>
                    <div class="col-md-6">
                            <div class="form-group">
                      <label for="medId" class="col-sm-4 control-label">Medicine Category <span class="mandatory">*</span></label>
                      <div class="col-lg-8">
                        <select id="medId" name="medID" class="select2" title="Please choose medicine category" style="width:100%;">
                            <option value="">--Select--</option>
                               <?php   $mainMedcategories=medCategory($con);
                                       foreach($mainMedcategories as $mainMedCategory){ 
                                        //echo$mainMedCategory['category_id'];exit;
                                        ?>
                                       <option value="<?php echo $mainMedCategory['category_id']; ?>"><?php echo $mainMedCategory['category_name']; ?></option>
                               <?php } ?>
                          </select>  
                        </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;">
                        <img src="http://www.placehold.it/200x150/3c8dbc/fff&text=Image" />
                      </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();"
                            accept=".jpg, .jpeg, .png, .gif"></span>

<a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                      </div>

</div>
                  </div>

</div>
              </div>

</div>

<div class="row">
              <div class="form-group">
                <div class="col-sm-12">
                  <div class="col-sm-2"></div>
                  <div class="col-sm-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>
                  </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">
                    <textarea class="input-xlarge isRequired discriptiontextarea" id="mainDescription"
                      name="mainDescription" rows="3" title="Please enter 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"></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"></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"></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"></textarea>
              </div>
            </div>

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

</aside>

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

$(document).ready(function () {
    $("#productName").stringToSlug({
      getPut: "#productSlug"
    });
  })

$(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 ImageFileValidation(obj) {
    var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
    if ($.inArray($(obj).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
      alert("Only '.jpeg','.jpg', '.png', '.gif', '.bmp' formats are allowed.");
      $(obj).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";
?>