Skip to content

Instantly share code, notes, and snippets.

@goelvibhor4

goelvibhor4/sahiprofile

Created April 22, 2016 13:02
Show Gist options
  • Save goelvibhor4/3d1151216aeca62a93e7a85f835ecba4 to your computer and use it in GitHub Desktop.
Save goelvibhor4/3d1151216aeca62a93e7a85f835ecba4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sahiprofile
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>FLOCALLY</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!--|Google Font(Open Sans)|-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,700,400italic,300" rel="stylesheet" type="text/cs">
<!--|Icon Fonts(Ionicons)|-->
<link href="<?php echo base_url();?>assets/css/ionicons.min.css" rel="stylesheet" type="text/css">
<!--|Animation CSS|-->
<link href="<?php echo base_url();?>assets/css/animate.css" rel="stylesheet" type="text/css">
<!--|Magnific Popup|-->
<link href="<?php echo base_url();?>assets/css/magnific-popup.css" rel="stylesheet" type="text/css">
<!--|Owl Carousel|-->
<link href="<?php echo base_url();?>assets/css/owl.carousel.css" rel="stylesheet" type="text/css">
<!--|Bootstrap|-->
<link href="<?php echo base_url();?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--|Site Stylesheet|-->
<!--//Note: If you want to change color, just uncomment the commented stylesheet link and comment the uncommented link -->
<link href="<?php echo base_url();?>assets/css/style.css" rel="stylesheet" type="text/css"> <!-- Default Cyan -->
<!--<link href="<?php echo base_url();?>assets/css/style_amber.css" rel="stylesheet" type="text/css">-->
<!--<link href="<?php echo base_url();?>assets/css/style_blue.css" rel="stylesheet" type="text/css">-->
<!--<link href="<?php echo base_url();?>assets/css/style_green.css" rel="stylesheet" type="text/css">-->
<!--<link href="<?php echo base_url();?>assets/css/style_purple.css" rel="stylesheet" type="text/css">-->
<!--<link href="<?php echo base_url();?>assets/css/style_indigo.css" rel="stylesheet" type="text/css">-->
<!--|Favicon|-->
<link rel="icon" href="<?php echo base_url();?>assets/images/favicon.ico">
<!-- Touch Icons -->
<link rel="apple-touch-icon" sizes="57x57" href="<?php echo base_url();?>assets/images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="<?php echo base_url();?>assets/images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="<?php echo base_url();?>assets/images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="<?php echo base_url();?>assets/images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="<?php echo base_url();?>assets/images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="<?php echo base_url();?>assets/images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="<?php echo base_url();?>assets/images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="<?php echo base_url();?>assets/images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo base_url();?>assets/images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="<?php echo base_url();?>assets/images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo base_url();?>assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="<?php echo base_url();?>assets/images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo base_url();?>assets/images/favicon-16x16.png">
<link rel="manifest" href="<?php echo base_url();?>assets/images/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="<?php echo base_url();?>assets/images/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Switcher Style -->
<link href="switcher/switcher.css" rel="stylesheet" type="text/css">
<!-- Table Style -->
<link href="<?php echo base_url();?>assets/css/table.css" rel="stylesheet" type="text/css">
<!-- Toggle Style -->
<link href="<?php echo base_url();?>assets/css/toggle.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="<?php echo base_url();?>assets/js/html5shiv.min.js"></script>
<script src="<?php echo base_url();?>assets/js/respond.min.js"></script>
<![endif]-->
<script src="<?php echo base_url();?>/assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var imgUrl="";
var imgUrl_strings="";
var row_no="";
var Image_Value="";
var myArray = [];
var print="";
var counter="";
$("#menu_table").on('click','tr',function(e) {
row_no=$(this).index();
// alert(row_no);
//alert($(this).attr('id'));
});
$('#menu_table').find('tr').click( function(){
// alert(row_no);
});
var api_url = "<?php echo $this->config->item('api_url'); ?>";
console.log(api_url);
$("#fileUpload").on('submit',(function(e) {
e.preventDefault();
var base_url = "<?php echo $this->config->item('base_url'); ?>";
alert('changed!');
$.ajax({
url: api_url + 'uploadfiles',
type: 'POST',
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
// processData: false,
success: function (returndata) {
console.log(returndata);
var obj = JSON.stringify(returndata);
var json = $.parseJSON(obj);
imgUrl = returndata['data']['0']['url'];
console.log(returndata['data']['0']['url']);
$("#img_preview_"+row_no).attr("src", imgUrl).height(32).width(32);
counter=row_no;
if(myArray[counter] == null){
myArray[counter]="";
}
myArray[counter] += imgUrl+",";
$("#row_imgurl_"+row_no).val(myArray[counter]);
print= $("#row_imgurl_"+row_no).val();
print = print.replace(/,\s*$/, "");
alert(print);
},
error: function(requestObject, error, errorThrown){
alert("err");
console.log(requestObject);
console.log(error);
console.log(errorThrown);
},
});
}));
$("#FileInput").on("change", function() {
$("#fileUpload").submit();
});
var table = $("table ");
var base_url = "<?php echo $this->config->item('base_url'); ?>";
$("#save_action").click(function(e){
table.find('tr').each(function (i) {
var $tds = $(this).find('td');
var dishtype = $tds.eq(0).find("input").val(),
dishname = $tds.eq(1).find("input").val(),
mealtype = $tds.eq(2).find('option:selected').text(),
price = $tds.eq(3).find("input").val(),
description = $tds.eq(4).find("input").val(),
imageurls=$tds.eq(6).find("input").val();
if (dishtype=='on')
{
var dishtypevalue="veg";
}
else if(dishtype=='off')
{
var dishtypevalue="Non-Veg";
}
alert('Row ' + (i + 1) + ':\n veg/nonveg: ' + dishtypevalue + '\n dishname: ' + dishname + '\n mealtype: ' + mealtype + '\n price: '+ price+'\n description' + description+'\n imageurls' + imageurls );
$(document).ready(function(){
var base_url = "<?php echo $this->config->item('base_url'); ?>";
//alert("ajax");
var dish_name = dishname;
var dish_category = dishtypevalue;
var image_url = imageurls;
var dish_description = description;
var dish_price = price;
var meal_type = mealtype;
if( dish_name ) {
$.ajax({
type: "POST",
url: base_url + "CreateERestaurant/adddish",
data: {emailaddress:'<?php echo $this->session->userdata('chef_email');?>',name:dish_name,image_url:image_url,desc:dish_description,category:dish_category,price:dish_price,type:meal_type},
success: function(res){
//alert(res);
if(res == "success") {
alert('added');
}
else {
alert(res);
}
},
error: function(requestObject, error, errorThrown){
alert("err");
console.log(requestObject);
console.log(error);
console.log(errorThrown);
},
dataType: "html"
});
}
});
});
});
});
</script>
</script>
</head>
<body class="blog-listing">
<!--|Preloader|-->
<div class="preloader"></div> <!--|End Preloader|-->
<div class="wrapper">
<!--|===================================================================
| Header
|=======================================================================|-->
<?php include_once('header.php'); ?>
<!--|End Header|-->
<!--|===================================================================
| Page Header
|=======================================================================|-->
<div id="blog-listing" class="page-header">
<div class="container">
</div>
</div> <!--|End Page Header|-->
<div class="post-wrapper">
<div class="container">
<div class="row">
<div class="cretrestwrp">
<div class="chefmsgbox">
<div class="chefimg"><img src="<?php echo base_url();?>assets/images/chef.png" alt="Chef"/></div>
<div class="msgbox">
<ul>
<li>Think about the time of the day you’ll be delivering your meals while planning your menu.</li>
<li>Whole Meals tend to do much better than stand-alone food items. For instance, nobody will order just a Dal Makhani!</li>
<li>The better the picture, the more chances you have to sell! Here are some tips into clicking better picture.</li>
</ul>
<div class="aro"><img src="<?php echo base_url();?>assets/images/msg-arrow.png" alt="Arrow" /></div>
</div>
<div class="clr"></div>
</div>
<div class="chosmenu">
<form id="dishform" class="formular" method="post">
<table class="rwd-table" id="menu_table">
<tbody id="addrow">
<tr>
<th>Veg/Non-Veg</th>
<th>Dish Name</th>
<th>Meal Type</th>
<th>Price</th>
<th>Description</th>
<th>Photo</th>
</tr>
<?php
$row_no = 1;
$column_no=1;
?>
<tr id="row_<?php echo $row_no;?>">
<td data-th="Veg/Non-Veg">
<label class="custom-check">
<input type="checkbox" name="dish_category" id="row_category_<?php echo $row_no; ?>" />
<i></i>
<span></span>
</label>
</td>
<td data-th="Dish Name"><input type="text" value="" id="row_name_<?php echo $row_no; ?>" name=""></td>
<td data-th="Meal Type">
<div class="tabselct"><select id="row_type<?php echo $row_no; ?>">
<option selected>Breakfast</option>
<option>Lunch</option>
<option>Snacks</option>
<option>Dinner</option>
</select></div>
</td>
<td data-th="Price"><input type="text" id="row_price_<?php echo $row_no; ?>" value="" name=""></td>
<td data-th="Description"><input type="text" value="" id="row_desc_<?php echo $row_no; ?>" name=""></td>
<td data-th="Photo"><div class="upldpc"><a href="#"><label id="row_label_<?php echo $row_no; ?>" for="FileInput"><img src="<?php echo base_url();?>/assets/images/upload-icon.png" /></label></a>
</div>
<div class="dishimg"><a href="#"><img src="<?php echo base_url();?>/assets/images/customer_pic.png" alt="Customer Picture" id="img_preview_<?php echo $row_no; ?>" width="32" height="32"/></a></div>
<div class="dishimg"><a href="#"><img src="<?php echo base_url();?>/assets/images/customer_pic.png" alt="Customer Picture" id="img_preview_<?php echo $row_no; ?>" width="32" height="32"/></a></div>
<div class="dishimg"><a href="#"><img src="<?php echo base_url();?>/assets/images/customer_pic.png" alt="Customer Picture" id="img_preview_<?php echo $row_no; ?>" width="32" height="32"/></a></div>
<div class="dishimg"><a href="#"><img src="<?php echo base_url();?>/assets/images/customer_pic.png" alt="Customer Picture" id="img_preview_<?php echo $row_no; ?>" width="32" height="32"/></a></div>
</td>
<td style="display:none;"><input type="text" value="" id="row_imgurl_<?php echo $row_no; ?>" name=""></td>
</tbody>
</table>
<div class="addmenu"><a href="javascript:void(0)" id="addrowtobase" onclick="addrowfunction();" return false;><img src="assets/images/add-item.png" alt="Add Menu Item" /> Add Menu Item</a></div>
</form>
<form id="fileUpload" >
<input type="file" name="file" id="FileInput" style="cursor: pointer; display: none;"/>
<input type="submit" style="display: none;" />
</form>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="submtbox">
<input type="submit" value="Save" name="Save" id="save_dish"/>
<input type="submit" value="Submit" name="Submit" id="save_action"/>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
</div>
<!--|===================================================================
| Footer
|=======================================================================|-->
<?php include_once('footer.php'); ?>
<!--|End Footer|-->
</div>
<!--|===================================================================
| Javascripts
|=======================================================================|-->
<!--|jQuery|-->
<script src="<?php echo base_url();?>assets/js/jquery.min.js"></script>
<!--|Waypoints|-->
<script src="<?php echo base_url();?>assets/js/waypoints.min.js"></script>
<!--|Fitvids|-->
<script src="<?php echo base_url();?>assets/js/jquery.fitvids.js"></script>
<!--|Morphext|-->
<script src="<?php echo base_url();?>assets/js/morphext.min.js"></script>
<!--|Counterup|-->
<script src="<?php echo base_url();?>assets/js/jquery.counterup.min.js"></script>
<!--|Appear|-->
<script src="<?php echo base_url();?>assets/js/jquery.appear.js"></script>
<!--|Mixitup|-->
<script src="<?php echo base_url();?>assets/js/jquery.mixitup.min.js"></script>
<!--|Magnific Popup|-->
<script src="<?php echo base_url();?>assets/js/jquery.magnific-popup.min.js"></script>
<!--|Owl Carousel|-->
<script src="<?php echo base_url();?>assets/js/owl.carousel.min.js"></script>
<!--|Validate|-->
<script src="<?php echo base_url();?>assets/js/jquery.validate.min.js"></script>
<!--|Ajaxchimp|-->
<script src="<?php echo base_url();?>assets/js/jquery.ajaxchimp.min.js"></script>
<!--|Form|-->
<script src="<?php echo base_url();?>assets/js/jquery.form.js"></script>
<!--|Bootstrap|-->
<script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
<!--|Init|-->
<script src="<?php echo base_url();?>assets/js/init.js"></script>
<!--|Validation Error Msg|-->
<link rel="stylesheet" src="<?php echo base_url();?>assets/css/validationEngine.jquery.css" type="text/css"/>
<script src="<?php echo base_url();?>assets/js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
</script>
<script src="<?php echo base_url();?>assets/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
</script>
<script>
$(document).ready(function(){
// binds form submission and fields to the validation engine
$("#dishform").validationEngine();
});
/**
*
* @param {jqObject} the field where the validation applies
* @param {Array[String]} validation rules for this field
* @param {int} rule index
* @param {Map} form options
* @return an error string if validation failed
*/
function checkHELLO(field, rules, i, options){
if (field.val() != "HELLO") {
// this allows to use i18 for the error msgs
return options.allrules.validate2fields.alertText;
}
}
</script>
<script type="text/javascript">
function addrowfunction()
{
var addingrow = $('#addrow');
var i = $('#addrow tr').size();
addingrow.append('<tr id="row_'+i+'"><td data-th="Veg/Non-Veg"><label class="custom-check"><input type="checkbox" name="dish_category" id="row_category_'+i+'"/><i></i><span></span></label></td><td data-th="Dish Name"><input type="text" value="" id=row_name_'+i+'" name=""></td><td data-th="Meal Type"><div class="tabselct"><select id=row_type_'+i+'"><option selected>Breakfast</option><option>Lunch</option><option>Snacks</option><option>Dinner</option></select></div></td><input type="text"/></td><td data-th="Price"><input type="text" id="row_price_'+i+'" value="" name=""></td><td data-th="Description"><input type="text" value="" id="row_desc_'+i+'" name=""></td><td data-th="Photo"><div class="upldpc"><a href="#"><label id="row_label_'+i+'" for="FileInput"><img src="<?php echo base_url();?>/assets/images/upload-icon.png"/></label></a></div><div class="dishimg"><a href="#"><img src="<?php echo base_url();?>/assets/images/customer_pic.png" alt="Customer Picture" id="img_preview_'+i+'" width="32" height="32"/></a></div></td><td style="display:none;"><input type="text" value="" id="row_imgurl_'+i+'" name=""></td></tr>');
i++;
return false;
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment