Resource management: Now compatible with DFFS

I have previously posted a solution for preventing double booking of resources. This is a remake of the resource management solution that is more lightweight, and can be used with DFFS. It can also be used as a standalone solution.

Add a reference to SPJSRM.js from the CEWP of HTML Form Web Part where you include the DFFS solution. When you have done this, you will see a new tab in the DFFS configuration screen with instructions on how to activate this solution. To see this new tab you must have DFFS v3.340 or later, but you can use it in a previous version also as you call the script from the Custom JS section in the Misc tab like this:

var spjsRmArgs = {
"resourceField":"MeetingRoom",
"dateFrom":"StartDate",
"dateTo":"EndDate",
"timeFormat":24
};
spjs.rm.init(spjsRmArgs);

You must include spjs-utility.js and add the code to the bottom of the form web part like this:

<script type="text/javascript" src="/Scripts/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="/Scripts/spjs-utility/spjs-utility.js"></script>
<script type="text/javascript" src="/Scripts/SPJSRM/SPJSRM.js"></script>
<script type="text/javascript">

var spjsRmArgs = {
"resourceField":"MeetingRoom",
"dateFrom":"StartDate",
"dateTo":"EndDate",
"timeFormat":24
};
spjs.rm.init(spjsRmArgs);
</script>

• resourceField: This is the FieldInternalName of the field you have the “resource” in. This can be a lookup column (single choice), a people picker (single choice) or any other single choice field present in the form.
• dateFrom and dateTo: This is the FieldInternalName of the date fields. This solution will NOT handle recurring events.
• timeFormat: This is either 12 or 24 and is for displaying the time ranges in the overlap message in the correct format.

If you are using SP2007 you must provide the list GUID or DisplayName in the argument like this:

var spjsRmArgs = {
"listName":"TheListGuidOfThisList",
"resourceField":"MeetingRoom",
...

Get spjsrm.js here (ensure you use v2.0 or above) and spjs-utility.js here.

To localize the text in the various messages from this solution, add this object to the CEWP alongside the function call:

spjs.rm.text = {
	"overlapMsg":"{0} has already been booked by {1} between {2} and {3}.",
	"endBeforeStartMsg":"End time cannot be less than or equal to start time.",
	"empty":"{0} cannot be left empty!",
	"wrongDateFormat":"Please use this date format: {0}"
};

Translate the text as you like, but keep the {placeholders}.