删除按钮仅显示用户在 fullcalendar.js 中的预订事件和管理员

Question

我正在使用 fullCalendar.js 和 codeigniter 的反手制作活动预订系统，首先有 2 个角色用户和管理员，用户可以预订活动并删除活动，但我只想显示删除按钮 Admin 和用户预订活动。所以谁能告诉我这是怎么可能的。模式框中的删除按钮并显示在日历中的 eventClick 上。我的 Html 和 javascript 是

<div id="calendarModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Event Details</h4>
    </div>
    </div>
    <input type="hidden" id="eventID"/>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <button type="submit" class="btn btn-danger" id="deleteButton">Delete</button>
    </div>
</div>

//----------------------Javascript---------- ---------

$('#deleteButton').on('click', function(){
       // delete button
       doDelete();
   });
function doDelete(){
        $("#calendarModal").modal('hide');
       var eventID = $('#eventID').val();
       var baseUrl = document.location.origin;
       $.ajax({
           url: baseUrl+'/mrbs/api/post_api',// 
           data: 'action=delete&id='+eventID,
           type: "POST",
       });
     $('#calendar').fullCalendar('refetchEvents');  
   }

提前谢谢........:)

Answer 1

您可能应该在服务器端控制删除按钮的显示，而不是在客户端的 Javascript 中。这意味着在渲染模式时使用 Codeigniter，例如：

<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
    <?php if ( ... test if user is admin ... ) { ?>
        <button type="submit" class="btn btn-danger" id="deleteButton">Delete</button>
    <?php } ?>
</div>

在实际执行删除之前，您还应该在控制器方法 (/mrbs/api/post_api) 中确认用户是管理员。

更新

如果您只想显示当前用户创建的事件，您应该在服务器端事件源上处理它。您尚未发布您的 Fullcalendar 代码，但您必须有类似的内容：

$('#calendar').fullCalendar({
    // ... code
    events: "some/path/to/server-side-json",
 });

在您的 some/path/to/server-side-json 控制器方法中，检查进行此查询的用户的用户 ID，并仅返回该用户创建的事件。