Cafe Menu in SharePoint with jQuery Calendar and SPServices

Mehdi Jalal Leave a comment

<link href=”/mgt/Style Library/Code/ALiSS/Cafe/CSS/jquery-ui.min.css” rel=”stylesheet” type=”text/css” />

<style>
.MenuPageTitle{
font-weight:bold;
font-size:24px;
color:#FF0000;
}
.CafeSelect{
width:300px;
height:30px;
font-weight:bold;
padding:5px;
font-size:14px;

}
.CafeSelect option{
padding:5px;
margin:5px;
}
.DateBox{
width:288px;
height:20px;
font-weight:bold;
font-size:14px;
padding:5px;
}

.SearchButton{
width:150px;
height:30px;
background:#009797;
color:#FFFFFF;
font-weight:bold;
border:1px #009797 outset;
}
.SearchButton:hover{
background:#00DFDF;
border:1px #00DFDF outset;
cursor:pointer;
}
.LocationTitle{
font-weight:bold;
font-size:28px;
color:#CC7A00;
text-decoration:none!important;
padding:0!important;
margin:0!important;

}

.NOXBox{
background:#D3D3BC;
width:80%;
padding:10px;
}
.HideMe{
display:none;
}
.SearchBox{
/*background:#EAEADF;*/
padding:10px;
text-align:center;
width:80%;
}
.MenuHeadNOX{
font-weight:bold;
font-size:18px;
color:#990000;
}
.MenuTextNOX{
font-weight:bold;
color:#004284;
font-size:14px;

}
.MenuText{
font-weight:bold;
color:#000000;
font-size:14px;

}

.MenuText2{
font-weight:bold;
color:#007297;
font-size:14px;
font-family:Georgia;

}

.MenuHead{
font-weight:bold;
font-size:18px;
color:#990000;
}
.MenuHeadBar
{
font-weight:bold;
font-size:16px;
color:#B30000;
}
.TdStyle{
min-width:32%;
text-align:left;
}

.EastMenu{
background:#D3D3BC;
width:80%;
padding:10px;

}
.ui-datepicker-title{
background:#B0D0FF;
color:#FFFFFF;
}
.ui-datepicker-header{
background:#B0D0FF;

}
.ui-datepicker table{
background:#D9E8FF;
}
.FoodTimings{
font-weight:bold;
color:#A40000;
font-size:12px;
text-align:center;
}

.MyTable2{
width:100%
}
.MyTable2,td{
/*border:thin black solid;*/
}

.MenuBox{
width:80%;
padding:10px;
border:thin #CCCCCC solid;

}
.MenuBoxSoup{
background:#9A9A65;
width:80%;
padding:10px;

}

.GFMessage{
font-weight:bold; color:#FF0000;
}
.HideMe2{
display:none;
}
.TimeText{
text-align:center;
}
</style>

/*
$( function() {
$( “.datepicker” ).datepicker({
altField: “#dateHidden”,
dateFormat: ‘yy-mm-dd’,
onSelect: function(date){
$(“#NOXBar”).addClass(“HideMe”);
$(“#NOXSoup”).addClass(“HideMe”);
$(“#NOXSpecial”).addClass(“HideMe”);
$(“#DefaultBreakfast”).addClass(“HideMe”);
$(“#DefaultLunch”).addClass(“HideMe”);
$(“#DefaultDinner”).addClass(“HideMe”);
$(“#BBar”).addClass(“HideMe”);
$(“#LBar”).addClass(“HideMe”);
$(“#DBar”).addClass(“HideMe”);
$(“#TheBrunch”).addClass(“HideMe”);
$(“#LSoup”).addClass(“HideMe”);
$(“#DSoup”).addClass(“HideMe”);
$(“#SPB”).addClass(“HideMe”);
$(“#SPL”).addClass(“HideMe”);
$(“#SPD”).addClass(“HideMe”);

var Loc = $(“#Cafe”).val();
GetLoc(Loc,date);
}
})
.datepicker(“setDate”, “0”);
} );
*/

<center><p class=”MenuPageTitle”>US Embassy Kabul Cafeteria Menus</p></center>

–>

Location:

<!—->
At the NOX
KEC EAST DFAC
KEC WEST DFAC

<input type=”hidden” id=”dateHidden” name=”dateHidden” />
</div>
</td>
</tr>
<!–<tr>
<td>
<input type=”button” name=”Diabatic” id=”Diabatic” value=”Diabatic Foods” class=”SearchButton” >
</td>
</tr>–>
</table>
</div>
</td>
<td>
<img src=”/mgt/Style Library/Code/ALiSS/Cafe/Images/Fruit2.png” style=”width:150px; height:100px; border:0″ />
</td>

</tr>
</table>
</div>
</div>

Loading data please wait….

</td>
</tr>
</table>
</div>

Breakfast Hours
()

Brunch Hours
()

Lunch Hours
()

Dinner Hours
()

<table style=”width:100%;” class=”MyTable2″>
<tr>
<td valign=”top” id=”BreakfastId” class=”TdStyle HideMe”>
<ul id=”DefaultBreakfast” class=”HideMe”>
<p class=”MenuHeadBar”>Breakfast</p>
<li id=”BreakFast”>

</li>
</ul>
<ul id=”BBar” class=”HideMe”>
<p class=”MenuHeadBar”>Breakfast Bar</p>
<li id=”BarBreakfast”>

</li>
</ul>
<ul id=”SPB” class=”HideMe”>
<p class=”MenuHeadBar”>Breakfast Special</p>
<li id=”SpecialBreakfast”>

</li>
</ul>
</td>
<td valign=”top” id=”BrunchId” class=”TdStyle HideMe”>
<ul id=”TheBrunch” class=”HideMe”>
<p class=”MenuHeadBar”>Brunch</p>
<li id=”Brunch”>

</li>
</ul>
<ul id=”BBarX” class=”HideMe”>
<p class=”MenuHeadBar”>Breakfast Bar</p>
<li id=”BarBreakfastX”>

</li>
</ul>
<ul id=”LBarX” class=”HideMe”>
<p class=”MenuHeadBar”>Lunch Bar</p>
<li id=”BarLunchX”>

</li>
</ul>
</td>
<td valign=”top” id=”LunchId” class=”TdStyle HideMe”>
<ul id=”DefaultLunch” class=”HideMe”>
<p class=”MenuHeadBar”>Lunch</p>
<li id=”Lunch”>

</li>
</ul>
<ul id=”LBar” class=”HideMe”>
<p class=”MenuHeadBar”>Lunch Bar</p>
<li id=”BarLunch”>

</li>
</ul>
<ul id=”TheSoups” class=”HideMe”>
<p class=”MenuHeadBar”>Soups</p>
<li id=”Soups” >

</li>
</ul>
<ul id=”Special” class=”HideMe”>
<p class=”MenuHeadBar”>Special</p>
<li id=”Specials”>

</li>
</ul>

</td>
<td valign=”top” id=”DinnerId” class=”TdStyle HideMe”>
<ul id=”DefaultDinner” class=”HideMe”>
<p class=”MenuHeadBar”>Dinner</p>
<li id=”Dinner”>

</li>
</ul>
<ul id=”DBar” class=”HideMe”>
<p class=”MenuHeadBar”>Dinner Bar</p>
<li id=”BarDinner”>

</li>
</ul>
<ul id=”TheSoupsD” class=”HideMe”>
<p class=”MenuHeadBar”>Soups</p>
<li id=”SoupsD” >

</li>
</ul>
<ul id=”SpecialD” class=”HideMe”>
<p class=”MenuHeadBar”>Special</p>
<li id=”SpecialsD”>

</li>
</ul>

</td>
</tr>
</table>
</div>
</div>

/*
*———————————-Notes to Know Before Touching Codes——————————————————–*
*———————————-Title: Cafeteria Menus——————————————————————–*
*——- —- —- —- –Author: Mehdi Jalal, Email:——————————————–*
*—— Technology Used: SharePoint Services, jQuery, Javascript, HTML, CSS, Bootstrap———-*
*—— Description: This application brings data from 2 list which are located in –*
*—— The list names are: MenuItems and LU_DFAC_Hours—————————————*
*———————The data is displayed based on the date you select———————————–*
*———————Please take a backup of current code before modifying——————————-*
*———————It would be better to know the full process flow of this application before——–*
*———————Before touching the codes————————————————–****–*
*/

//——–Get Date——————//
var MyFullDate = new Date();
var MyCurrenDate;
MyCurrenDate = MyFullDate.getFullYear() + ‘-‘ + (‘0’ + (MyFullDate.getMonth()+1)).slice(-2) + ‘-‘ + (‘0’ + MyFullDate.getDate()).slice(-2);

/*———–Start——————*/
$(document).ready(function() {

var DLoc = $(“#Cafe”).val();
var DHeadHtml = ”

At the “+DLoc+”

“;
$(“#CafeTitle”).html(DHeadHtml);

//=================================Timing Details======================================//
var MyDays = [
‘MON’,
‘TUE’,
‘WED’,
‘THU’,
‘FRI’,
‘SAT’,
‘SUN’
];

CDay = MyFullDate.getDay();

if(CDay==0)
{
DOW = “SUN”;
}
else if(CDay==1)
{
DOW = “MON”;
}
else if(CDay==2)
{
DOW = “TUE”;
}
else if(CDay==3)
{
DOW = “WED”;
}
else if(CDay==4)
{
DOW = “THU”;
}
else if(CDay==5)
{
DOW = “FRI”;
}
else if(CDay==6)
{
DOW = “SAT”;
}
//————Moved it because of date issue———————//
$(“#Cafe”).change(function(){

var Loc = $(“#Cafe”).val();
var PDate = $(“#dateHidden”).val();
$(“#NOXBar”).addClass(“HideMe”);
$(“#NOXSoup”).addClass(“HideMe”);
$(“#NOXSpecial”).addClass(“HideMe”);
$(“#NOXBrunch”).addClass(“HideMe”);
$(“#DefaultBreakfast”).addClass(“HideMe”);
$(“#DefaultLunch”).addClass(“HideMe”);
$(“#DefaultDinner”).addClass(“HideMe”);
$(“#BBar”).addClass(“HideMe”);
$(“#BBarX”).addClass(“HideMe”);
$(“#LBar”).addClass(“HideMe”);
$(“#LBarX”).addClass(“HideMe”);
$(“#DBar”).addClass(“HideMe”);
$(“#TheBrunch”).addClass(“HideMe”);
$(“#Special”).addClass(“HideMe”);
$(“#SpecialD”).addClass(“HideMe”);
$(“#TheSoups”).addClass(“HideMe”);
$(“#TheSoupsD”).addClass(“HideMe”);
$(“#BreakfastTime”).addClass(“HideMe”);
$(“#BrunchTime”).addClass(“HideMe”);
$(“#LunchTime”).addClass(“HideMe”);
$(“#DinnerTime”).addClass(“HideMe”);

GetLoc(Loc,PDate,DOW);
});

//==================End of Change==============================================//

var SPSTiming =””;
var CamlFTiming = DLoc;
//var SPMenuServices = SPSMenu;
$().SPServices({
operation: “GetListItems”,
async: true,
listName: “LU_DFAC_Hours”,
CAMLViewFields: SPSTiming,
CAMLQuery: “”+CamlFTiming+””+DOW+””,

completefunc: function (xData, Status) {
count = $(xData.responseXML.xml).find(“rs\\:data, data”).attr(“ItemCount”);
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {

var IsClosed = $(this).attr(“ows_IsClosed”);
var MealT = $(this).attr(“ows_Meal”);
var StartTime = $(this).attr(“ows_Start”);
var EndTime = $(this).attr(“ows_End”);

if(IsClosed==true)
{
$(“#GFBox”).addClass(“HideMe”);
$(“#GFMessage”).html(”

The Selected Cafeteria is Closed on selected date for more information please contact respective DFAC

“);
}
else
{

$(“#GFBox”).removeClass(“HideMe”);
$(“#GFMessage”).html(“”);

if(MealT==”Breakfast”)
{

$(“#BreakfastTime”).removeClass(“HideMe”);

Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#BreakfastStart2”).append(Timing);
$(“#BreakfastStart”).replaceWith(MyTiming);

}
else if(MealT==”Brunch”)
{
$(“#BrunchTime”).removeClass(“HideMe”);
Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#BrunchStart2”).append(Timing);
$(“#BrunchStart”).replaceWith(MyTiming);

}
else if(MealT==”Lunch”)
{
$(“#LunchTime”).removeClass(“HideMe”);
Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#LunchStart2”).append(Timing);
$(“#LunchStart”).replaceWith(MyTiming);

}
else if(MealT==”Dinner”)
{

$(“#DinnerTime”).removeClass(“HideMe”);
Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#DinnerStart2”).append(Timing);
$(“#DinnerStart”).replaceWith(MyTiming);

}
}

});

}
});

//=================================End of Timing==========================================//
//================================Menu Details============================================//
var SPSMenu =””;
var CAMLF = DLoc;

$().SPServices({
operation: “GetListItems”,
async: true,
listName: “MenuItems”,
CAMLViewFields: SPSMenu,
CAMLQuery: “”+CAMLF+””+MyCurrenDate+””,

completefunc: function (xData, Status) {
count = $(xData.responseXML.xml).find(“rs\\:data, data”).attr(“ItemCount”);

if(count>0)
{
//$(“#NOXMenu”).removeClass(“HideMe”);
$(“#OtherNoRecords”).html(“”);
$(“#BLoad3”).addClass(“HideMe”);
}
else
{
$(“#OtherNoRecords”).html(”

No Meals has been added yet, please select another date or contact respective cafe.

“);

}
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {

var TRow = $(this).attr(“ows_Row”);
var Title = $(this).attr(“ows_Title”);
var ExDate = $(this).attr(“ows_Date”);
var Meal = $(this).attr(“ows_Meal”);

//$(“.EmptyMenu”).addClass(“HideMe”);

if(Meal==”Breakfast”)
{
$(“#BreakfastId”).removeClass(“HideMe”);
$(“#LunchId”).removeClass(“HideMe”);
$(“#BrunchId”).addClass(“HideMe”);

$(“#DefaultBreakfast”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BreakFast2”).append(NOXES);
$(“#BreakFast”).replaceWith(MyList);

}
else if(Meal==”Lunch”)
{
$(“#BreakfastId”).removeClass(“HideMe”);
$(“#LunchId”).removeClass(“HideMe”);
$(“#BrunchId”).addClass(“HideMe”);
$(“#DefaultLunch”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Lunch2”).append(NOXES);
$(“#Lunch”).replaceWith(MyList);
}
else if(Meal==”Dinner”)
{
$(“#DinnerId”).removeClass(“HideMe”);
$(“#DefaultDinner”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Dinner2”).append(NOXES);
$(“#Dinner”).replaceWith(MyList);

}
else if(Meal==”Brunch”)
{

$(“#BreakfastId”).addClass(“HideMe”);
$(“#LunchId”).addClass(“HideMe”);
$(“#BrunchId”).removeClass(“HideMe”);
$(“#TheBrunch”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Brunch2”).append(NOXES);
$(“#Brunch”).replaceWith(MyList);

}
else if(Meal==”BarBreakfast”)
{
$(“#BBar”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BarBreakfast2”).append(NOXES);
$(“#BarBreakfast”).replaceWith(MyList);
//——–For Brunch————//
$(“#BBarX”).removeClass(“HideMe”);
NOXESX = ”

 

  • “+Title+”

“;
MyListX = $(“#BarBreakfast2X”).append(NOXESX);
$(“#BarBreakfastX”).replaceWith(MyLisXt);

}
else if(Meal==”BarLunch”)
{
$(“#LBar”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BarLunch2”).append(NOXES);
$(“#BarLunch”).replaceWith(MyList);
//==========For Brunch===============//
$(“#LBarX”).removeClass(“HideMe”);
NOXESX = ”

 

  • “+Title+”

“;
MyListX = $(“#BarLunch2X”).append(NOXESX);
$(“#BarLunchX”).replaceWith(MyListX);

}
else if(Meal==”BarDinner”)
{
$(“#DBar”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BarDinner2”).append(NOXES);
$(“#BarDinner”).replaceWith(MyList);
}
else if(Meal==”Soup”)
{
$(“#TheSoups”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Soups2”).append(NOXES);
$(“#Soups”).replaceWith(MyList);

}
else if(Meal==”Special”)
{
$(“#Special”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Specials2”).append(NOXES);
$(“#Specials”).replaceWith(MyList);

}

if(Meal==”Soup”)
{
$(“#TheSoupsD”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Soups2D”).append(NOXES);
$(“#SoupsD”).replaceWith(MyList);

}
if(Meal==”Special”)
{
$(“#SpecialD”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Specials2D”).append(NOXES);
$(“#SpecialsD”).replaceWith(MyList);

}

});

}
});

});

function GetLoc(Loc,PDate,DOW)
{

$(“#BLoad3”).removeClass(“HideMe”);
if(Loc==””)
{
alert(“Please Select a Location”);
stop();
}
if(PDate==””)
{
alert(“Please Select a correct date in (YYYY-MM-DD) format”);
stop();
}
else
{
$(“#NOXBarMenu2”).empty();
$(“#NOXSoupMenu2”).empty();
$(“#NOXBrunchs2”).empty();
$(“#NOXSpecialMenu2”).empty();
$(“#NoxFood2”).empty();
$(“#BreakFast2”).empty();
$(“#Dinner2”).empty();
$(“#Lunch2”).empty();
$(“#BarBreakfast2”).empty();
$(“#BarLunch2”).empty();
$(“#BarDinner2”).empty();
$(“#SpecialBreakfast2”).empty();
$(“#SpecialLunch2”).empty();
$(“#SpecialDinner2”).empty();
$(“#Brunch2”).empty();
$(“#Soups2”).empty();
$(“#Soups2D”).empty();
$(“#Specials2”).empty();
$(“#Specials2D”).empty();
$(“#BarBreakfast2X”).empty();
$(“#BarLunch2X”).empty();
$(“#BreakfastStart2”).empty();
$(“#BrunchStart2”).empty();
$(“#LunchStart2”).empty();
$(“#DinnerStart2″).empty();
var Cafe;

//*******************************Timing Start*****************************************//

var SPSTiming =””;
var CamlFTiming = Loc;
//var SPMenuServices = SPSMenu;
$().SPServices({
operation: “GetListItems”,
async: true,
listName: “LU_DFAC_Hours”,
CAMLViewFields: SPSTiming,
CAMLQuery: “”+CamlFTiming+””+DOW+””,

completefunc: function (xData, Status) {
count = $(xData.responseXML.xml).find(“rs\\:data, data”).attr(“ItemCount”);
$(xData.responseXML).SPFilterNode(“z:row”).each(function() {

var Meal = $(this).attr(“ows_Meal”);
var StartTime = $(this).attr(“ows_Start”);
var EndTime = $(this).attr(“ows_End”);
var IsClosed = $(this).attr(“ows_IsClosed”);

if(IsClosed==true)
{
$(“#GFBox”).addClass(“HideMe”);
$(“#GFMessage”).html(”

The Selected Cafeteria is Closed on selected date for more information please contact respective DFAC

“);
}
else
{
$(“#GFBox”).removeClass(“HideMe”);
$(“#GFMessage”).html(“”);

if(Meal==”Breakfast”)
{

$(“#BreakfastTime”).removeClass(“HideMe”);

Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#BreakfastStart2”).append(Timing);
$(“#BreakfastStart”).replaceWith(MyTiming);

}
else if(Meal==”Brunch”)
{
$(“#BrunchTime”).removeClass(“HideMe”);
Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#BrunchStart2”).append(Timing);
$(“#BrunchStart”).replaceWith(MyTiming);

}
else if(Meal==”Lunch”)
{
$(“#LunchTime”).removeClass(“HideMe”);
Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#LunchStart2”).append(Timing);
$(“#LunchStart”).replaceWith(MyTiming);

}
else if(Meal==”Dinner”)
{

$(“#DinnerTime”).removeClass(“HideMe”);
Timing = ““+StartTime+” – “+EndTime+”

“;
MyTiming = $(“#DinnerStart2”).append(Timing);
$(“#DinnerStart”).replaceWith(MyTiming);

}

}
});

}
});

//—————>>>>>>>>———Timing End————–“;
var CAMLF = Loc;
//var SPMenuServices = SPSMenu;
$().SPServices({
operation: “GetListItems”,
async: true,
listName: “MenuItems”,
CAMLViewFields: SPSMenu,
CAMLQuery: “”+Loc+””+PDate+””,

completefunc: function (xData, Status) {
count = $(xData.responseXML.xml).find(“rs\\:data, data”).attr(“ItemCount”);
$(“#BLoad3”).addClass(“HideMe”);
if(count>0)
{

$(“#OtherNoRecords”).html(“”);

}
else
{

var HeadHtml = ”

“+Loc+” DFAC

“;
$(“#CafeTitle”).html(HeadHtml);

$(“#OtherNoRecords”).html(”

No Meals has been added yet, please select another date or contact respective cafe.

“);
stop();

}

$(xData.responseXML).SPFilterNode(“z:row”).each(function() {

var TRow = $(this).attr(“ows_Row”);
var Title = $(this).attr(“ows_Title”);
var ExDate = $(this).attr(“ows_Date”);
var Meal = $(this).attr(“ows_Meal”);

Cafe = $(this).attr(“ows_Cafeteria”);

if(Meal==”Breakfast”)
{
$(“#BreakfastId”).removeClass(“HideMe”);
$(“#LunchId”).removeClass(“HideMe”);
$(“#BrunchId”).addClass(“HideMe”);

$(“#DefaultBreakfast”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BreakFast2”).append(NOXES);
$(“#BreakFast”).replaceWith(MyList);

}
else if(Meal==”Lunch”)
{
$(“#BreakfastId”).removeClass(“HideMe”);
$(“#LunchId”).removeClass(“HideMe”);
$(“#BrunchId”).addClass(“HideMe”);
$(“#DefaultLunch”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Lunch2”).append(NOXES);
$(“#Lunch”).replaceWith(MyList);
}
else if(Meal==”Dinner”)
{
$(“#DefaultDinner”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Dinner2”).append(NOXES);
$(“#Dinner”).replaceWith(MyList);

}
else if(Meal==”Brunch”)
{

$(“#BreakfastId”).addClass(“HideMe”);
$(“#LunchId”).addClass(“HideMe”);
$(“#BrunchId”).removeClass(“HideMe”);
$(“#TheBrunch”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Brunch2”).append(NOXES);
$(“#Brunch”).replaceWith(MyList);

}
else if(Meal==”BarBreakfast”)
{
$(“#BBar”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BarBreakfast2”).append(NOXES);
$(“#BarBreakfast”).replaceWith(MyList);
//——–For Brunch————//
$(“#BBarX”).removeClass(“HideMe”);
NOXESX = ”

 

  • “+Title+”

“;
MyListX = $(“#BarBreakfast2X”).append(NOXESX);
$(“#BarBreakfastX”).replaceWith(MyLisXt);

}
else if(Meal==”BarLunch”)
{
$(“#LBar”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BarLunch2”).append(NOXES);
$(“#BarLunch”).replaceWith(MyList);
//==========For Brunch===============//
$(“#LBarX”).removeClass(“HideMe”);
NOXESX = ”

 

  • “+Title+”

“;
MyListX = $(“#BarLunch2X”).append(NOXESX);
$(“#BarLunchX”).replaceWith(MyListX);

}
else if(Meal==”BarDinner”)
{
$(“#DBar”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#BarDinner2”).append(NOXES);
$(“#BarDinner”).replaceWith(MyList);
}
else if(Meal==”Soup”)
{
$(“#TheSoups”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Soups2”).append(NOXES);
$(“#Soups”).replaceWith(MyList);

}
else if(Meal==”Special”)
{
$(“#Special”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Specials2”).append(NOXES);
$(“#Specials”).replaceWith(MyList);

}

if(Meal==”Soup”)
{
$(“#TheSoupsD”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Soups2D”).append(NOXES);
$(“#SoupsD”).replaceWith(MyList);

}
if(Meal==”Special”)
{
$(“#SpecialD”).removeClass(“HideMe”);
NOXES = ”

 

  • “+Title+”

“;
MyList = $(“#Specials2D”).append(NOXES);
$(“#SpecialsD”).replaceWith(MyList);

}

});

if(Loc==”NOX”)
{
var DHeadHtml = ”

At the “+Loc+”

“;
$(“#CafeTitle”).html(DHeadHtml);
}
else
{
var HeadHtml = ”

KEC “+Cafe+” DFAC

“;
$(“#CafeTitle”).html(HeadHtml );
}
$(“#BLoad”).html(“”);
}
});

}
}

/*===************—–Check—–************/
$( function() {
$( “.datepicker” ).datepicker({
altField: “#dateHidden”,
dateFormat: ‘yy-mm-dd’,
onSelect: function(date){
$(“#NOXBar”).addClass(“HideMe”);
$(“#NOXSoup”).addClass(“HideMe”);
$(“#NOXSpecial”).addClass(“HideMe”);
$(“#NOXBrunch”).addClass(“HideMe”);
$(“#DefaultBreakfast”).addClass(“HideMe”);
$(“#DefaultLunch”).addClass(“HideMe”);
$(“#DefaultDinner”).addClass(“HideMe”);
$(“#BBar”).addClass(“HideMe”);
$(“#BBarX”).addClass(“HideMe”);
$(“#LBar”).addClass(“HideMe”);
$(“#LBarX”).addClass(“HideMe”);
$(“#DBar”).addClass(“HideMe”);
$(“#TheBrunch”).addClass(“HideMe”);
$(“#Special”).addClass(“HideMe”);
$(“#SpecialD”).addClass(“HideMe”);
$(“#TheSoups”).addClass(“HideMe”);
$(“#TheSoupsD”).addClass(“HideMe”);
$(“#BreakfastTime”).addClass(“HideMe”);
$(“#BrunchTime”).addClass(“HideMe”);
$(“#LunchTime”).addClass(“HideMe”);
$(“#DinnerTime”).addClass(“HideMe”);

var date2 = $(this).datepicker(‘getDate’);
var dayOfWeek = date2.getUTCDay();

if(dayOfWeek==6)
{
DOW = “SUN”;
}
else if(dayOfWeek==0)
{
DOW = “MON”;
}
else if(dayOfWeek==1)
{
DOW = “TUE”;
}
else if(dayOfWeek==2)
{
DOW = “WED”;
}
else if(dayOfWeek==3)
{
DOW = “THU”;
}
else if(dayOfWeek==4)
{
DOW = “FRI”;
}
else if(dayOfWeek==5)
{
DOW = “SAT”;
}

var Loc = $(“#Cafe”).val();
GetLoc(Loc,date,DOW);
}
})
.datepicker(“setDate”, “0”);
} );

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.