แก้ไขเทมเพลตการจองบอร์ดกําหนดการในการจัดกําหนดการทรัพยากรสากล

เมื่อมีการกําหนดความต้องการไปยังทรัพยากร ระบบจะสร้างระเบียนการจอง บอร์ดกําหนดการแสดงการจองที่จัดกลุ่มตามทรัพยากร เขตข้อมูลที่แสดงในการจองบอร์ดกําหนดเวลาคือ เทมเพลตการจอง ซึ่งคุณสามารถกําหนดเขตข้อมูลเองได้จากเอนทิตีระบบ

แก้ไขเท็มเพลตการจองลําดับงาน

แต่ละเอนทิตีที่เปิดใช้งานการจัดกําหนดการสามารถมีเทมเพลตการจองที่แตกต่างกัน เมื่อกําหนดข้อกําหนดคําสั่งงานเทมเพลตการจองจะแสดงค่าชื่อและระยะเวลาของระเบียนการจองทรัพยากรที่สามารถจองได้

ค่าเริ่มต้นคือส่วนย่อยของโค้ดต่อไปนี้:

<div>{SchedulableEntityDisplayName} - {name}<br />Duration: <strong class="bold">{duration}</strong></div>

วิธีการแก้ไข HTML ที่ควบคุมเทมเพลตการจอง:

1. บนบอร์ดกําหนดการ ให้เปิดการตั้งค่าบอร์ดกําหนดการ

   • ในการเปิดการตั้งค่าบอร์ดสําหรับแท็บเฉพาะ ให้เลือกจุดไข่ปลาแนวตั้ง⋮ถัดจากชื่อแท็บบอร์ดกําหนดการ และเลือกการตั้งค่าบอร์ด
   • หากต้องการเปิดการตั้งค่าบอร์ดสําหรับแท็บทั้งหมด ให้เลือก การตั้งค่าตัวจัดกําหนดการ จากนั้นเลือก การตั้งค่าบอร์ดทั้งหมด

   

2. เลือก ประเภทกําหนดการ และเลือกเอนทิตีที่คุณต้องการเปลี่ยนเทมเพลตการจอง ตัวอย่างเช่น ใบสั่งงาน

3. ตั้งค่าเทมเพลตการจองแบบกําหนดเองเป็นเปิด

4. แทนที่เทมเพลตการจองโดยการใส่ HTML และ Cascading Style Sheets (CSS) ที่สามารถอ้างอิงเขตข้อมูลจากเอนทิตี การจองทรัพยากรที่สามารถจองได้ และเอนทิตีที่เชื่อมโยง JavaScript ไม่ได้รับการสนับสนุนในเทมเพลตการจอง

5. ทดสอบเทมเพลตการจองแบบกําหนดเองบนหลายเบราว์เซอร์และพิจารณาแนวทางปฏิบัติที่ดีที่สุดสําหรับการเข้าถึง

ตัวอย่างเทมเพลตการจองแบบกําหนดเอง

ตัวอย่างนี้แสดงเทมเพลตการจองแบบกําหนดเองสําหรับเอนทิตีคําสั่งงาน ส่วนย่อยของโค้ดต่อไปนี้จะดึงค่าจากคําสั่งงานที่เกี่ยวข้องกับการจอง

<div style="line-height: 11px !important; width: 99%; overflow: hidden; display: block; text-overflow: ellipsis;">
    WO: 
    <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_name}</b><br/>
    Account: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.name}</b><br/>
    Incident: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}</b><br/>
    Duration: <b>{duration} minutes</b><br/>
</div>

การกําหนดลักษณะเทมเพลตการจองขั้นสูงโดยใช้ CSS

คุณสามารถเพิ่มสไตล์ให้กับเทมเพลตการจองแบบกําหนดเองด้วย CSS ไปที่ การจัดกําหนดการทรัพยากร และเลือกพื้นที่การตั้งค่า >เลือก การจัดการพารามิเตอร์การจัดกําหนดการ และตั้งค่า ปิดใช้งานการทําความสะอาดเทมเพลต HTML เป็น ใช่ เพื่อรวมคําสั่ง CSS ลงในเทมเพลตการจอง

ในตัวอย่างนี้ เราจะขยายตัวอย่างเทมเพลตการจองแบบกําหนดเอง ใช้ CSS เพื่อเพิ่มการจัดอันดับการจัดอันดับของลูกค้าและไอคอนบริการโดยยึดตามค่าแบบมีเงื่อนไขในระเบียนบัญชีและลําดับการทํางาน การกําหนดค่าที่เพิ่มเขตข้อมูล new_customerrating บนเอนทิตี บัญชี และเผยแพร่เขตข้อมูลนั้นไปยังเอนทิตีคําสั่งงานที่มีช่วงจํานวนเต็มจาก 1 ถึง 10

เราต้องการให้เทมเพลตการจองแสดงการจัดอันดับของลูกค้าด้วยดาวสีเทา เพื่อแสดงการจัดอันดับของลูกค้าที่แท้จริง เรายังเพิ่มห้าดาวสีส้ม แต่แสดงเฉพาะเปอร์เซ็นต์ของดาวเหล่านี้ที่สอดคล้องกับการจัดอันดับของลูกค้า 1-10

นอกจากนี้ เรายังต้องการให้ผู้จัดส่งของเราทราบว่าคําสั่งงานเป็นการเรียกบริการหรืองานชนิดอื่น เขตข้อมูลแบบกําหนดเอง new_isservicecall ในเอนทิตี คําสั่งทํางาน มีค่าที่เป็นไปได้สองค่า: 0 หรือ 1 โดยใช้วิธีเดียวกับก่อนหน้านี้ ก่อนอื่นเราจะวาดประแจสีเทาเป็นพื้นหลัง จากนั้นซ้อนทับประแจสีส้มและจํากัดขนาดเป็น 0% (new_isservicecall = 0) หรือ 100% (new_isservicecall = 1)

เพิ่มข้อความ HTML และ CSS ต่อไปนี้ลงในเขตข้อมูลเทมเพลตการจองในการตั้งค่าแท็บตารางกําหนดการ

<div style="line-height: 11px !important; width: 99%; overflow: hidden; display: block; text-overflow: ellipsis;">
<div class="back-stars" style="color: #AAAAAA; position: relative; display:inline-block;">
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
<div class="customerrating" style="width:{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.new_customerrating}0%; color: #FFBC0B; position: absolute; top: 0; left:0; overflow: hidden; display:-webkit-box">
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
<div class="repair-back" style="color: #AAAAAA; position: relative; display:inline-block; padding-left:10px; vertical-align:text-top;">
    <i class="fa fa-wrench" aria-hidden="true"></i>
<div class="repair" style="width:{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.new_isservicecall}00%; color: #FFBC0B; position: absolute; top: 0; left:0; padding-left:10px; overflow: hidden; display:-webkit-box">
    <i class="fa fa-wrench" aria-hidden="true"></i>
</div>
</div>
<br/>
WO:
<b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_name}</b><br/>
Account: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.name}</b><br/>
Incident: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}</b><br/>
Duration: <b>{duration} minutes</b><br/>
</div>

เทมเพลตการจองบนบอร์ดกําหนดการขณะนี้ประกอบด้วยการแสดงภาพของการให้คะแนนของลูกค้าและชนิดของงาน