Question

我使用October，并且已经用builder构建了插件，我只是在菜单中添加了通知图标。

我想显示“！”如果有新项目，请隐藏“！”如果用户单击该按钮（它将打开引导模态）。当我添加新项目时，它显示“！”再等等...我不知道到底什么是最好的方法。谢谢您的帮助，

菜单：

<li>
    <a data-toggle="modal" data-target="#itemModal"><i class="fa fa-bell"></i>
        <span>! {{ Item }}</span></a>
</li>

代码：

function onStart() 
{
   $this['Item'] = Db::table('items')->count();

}

Answer 1

为此，您需要数据库表，并且需要保存上次查看/单击的日期。

所以这里的想法就像您在用户单击!时添加当前日期，将显示bootstrap modal并触发ajax请求并设置当前日期。

当时触发ajax请求并为param添加新日期。

为此，您可以使用CMS默认params table

<?php
use System\Models\Parameter;
....

// something like this in ajax request
Parameter::set('your_plugin_name::items.last_click_date', time() );


// this is when page reload    
use System\Models\Parameter;
function onStart() 
{
    // now
    $lastClickDate = Parameter::get('your_plugin_name::items.last_click_date');
    if($lastClickDate == null) {
        // first time it will just count items directly as user never click on icon
        $count = Db::table('items')->count();
    }
    else {  
        // new this will call next time as user called that modal and we added click date 
        // so we compare if any record added after that date if it is then show `!`
        $count = Db::table('items')->where('created_at', '>', $lastClickDate)->count(); 
    }
    $this['item_count'] = $count; 
    $this['new_items'] = $count > 0 ? true : false;
}

html

<li>
    <a data-toggle="modal" data-target="#itemModal">
        <i class="fa fa-bell"></i>
        {% if new_items %}
            <span>! {{ item_count }} </span>
        {% endif %}
    </a>
</li

如果遇到任何问题，请添加评论。

单击后通知图标隐藏编号

1 个答案: