UI-маршрутизатор. Код, чтобы активировать навигационную панель.
HTML
Courses
blog
CSS
is-active{
background-color: rgb(28,153,218);
}
Inside courseView.HTML
Эта кнопка присутствует внутри курса View которые перемещаются к следующему виду, т.е. блогу. и делает вашу навигационную панель выделенной.
найти аналогичный пример, демонстрационное угловое приложение ui-router: https://github.com/vineetsagar7/Angualr-UI-Router
Попробуйте
df['newid'] = df['date'].dt.strftime('%Y%m%d')+(df.groupby([df['date'].dt.date,'id']).cumcount()+1).astype(str).str.zfill(6) + '-A'
print(df)
# print
date id newid
0 2019-01-01 10:00:00 1 20190101000001-A
1 2019-01-01 11:00:00 1 20190101000002-A
2 2019-01-01 12:00:00 1 20190101000003-A
3 2019-01-01 19:00:00 2 20190101000001-A
4 2019-01-02 09:00:00 2 20190102000001-A
5 2019-01-02 10:00:00 2 20190102000002-A
6 2019-01-05 15:00:00 3 20190105000001-A