Current Path : /home/bitrix/ext_www/okr.yacl.site/local/ |
Current File : /home/bitrix/ext_www/okr.yacl.site/local/list.html |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title></title> <meta name="description" content> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" href="assets/css/app.min.css?v=1612417091063"> <link rel="stylesheet" href="assets/css/list.min.css?v=1612417091116"> </head> <body> <div class="custom-target__heading"> <h1>Список целей</h1> <div class="custom-target__heading-controls"><a class="custom-target__button" data-modal href="#target-add">Добавить цель</a></div> </div> <div class="custom-target__content"> <div class="custom-target__target-list"> <div class="custom-target__target-list-heading"> <div class="custom-target__target-list-title">Название</div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-sort">Дедлайн</span></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-sort -sort-bottom">Прогресс</span></div> <div class="custom-target__target-list-data custom-target__target-list-data--person">Ответственный</div> </div> <ul class="custom-target__target-list-items -level-1"> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam consequatur, eveniet iste laborum maiores numquam odit pariatur perspiciatis porro sequi!</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 50%; background-color: #00FF00;"></div> </div> <div class="custom-target__progress-percent">50%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 25%; background-color: #0000FF;"></div> </div> <div class="custom-target__progress-percent">25%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-other"> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-other"> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-other"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 25%; background-color: #0000FF;"></div> </div> <div class="custom-target__progress-percent">25%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-other"> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-other"> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-other"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Lorem ipsum dolor sit amet, consectetu</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 10%; background-color: #000000;"></div> </div> <div class="custom-target__progress-percent">10%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> <li class="custom-target__target-list-item" data-target-href="#" data-target-has-subs> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> <ul class="custom-target__target-list-items -level-2"> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> <li class="custom-target__target-list-item" data-target-href="#"> <div class="custom-target__target-list-item-row"> <div class="custom-target__target-list-title"><a href="#">Оптимизация сайта</a></div> <div class="custom-target__target-list-data"><span class="custom-target__target-list-item-data">25 Янв. 2021</span></div> <div class="custom-target__target-list-data"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #FF0000;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> <div class="custom-target__target-list-data custom-target__target-list-data--person"><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></div> </div> </li> </ul> </li> </ul> </div> </div> <div class="modal" id="target-add"> <div class="modal-container"> <h4>Добавить цель</h4> <form class="custom-target__form"> <div class="custom-target__form-item"><label class="custom-target__form-label">Название цели</label><input class="custom-target__form-field custom-target__form-field--error" type="text"><span class="custom-target__form-error">Название ошибки</span></div> <div class="custom-target__form-item"><label class="custom-target__form-label">Ответственный сотрудник</label> <div class="custom-target__form-stuff" data-target-stuff><input type="hidden" data-target-stuff_value value> <div class="custom-target__form-stuff-add"> <div class="custom-target__form-stuff-add-field" data-target-stuff_field data-target-stuff_field-single><span>+ Добавить</span><button data-target-stuff_dropdown-show>Изменить</button></div> <div class="custom-target__form-stuff-add-dropdown" data-target-stuff_dropdown><input class="custom-target__form-stuff-search" placeholder="Поиск" value data-target-stuff_search> <div class="custom-target__form-stuff-noresult" data-target-stuff_noresult>Не результатов для показа</div> <ul> <li data-target-stuff-id="1">Иван Федоренко</li> <li data-target-stuff-id="2">Андрей Черемушкин</li> <li data-target-stuff-id="3">Мария Десюкова</li> <li data-target-stuff-id="4">Наталья Голубкова</li> <li data-target-stuff-id="5">Олег Карпов</li> <li data-target-stuff-id="6">Владимир Ульянов</li> <li data-target-stuff-id="7">Николай Романов</li> <li data-target-stuff-id="8">Алла Пугачева</li> <li data-target-stuff-id="9">Юрий Шевчук</li> <li data-target-stuff-id="10">Рамзан Кадыров</li> </ul> </div> </div> </div> </div> <div class="custom-target__form-item"><label class="custom-target__form-label">Список заинтересованных лиц:</label> <div class="custom-target__form-stuff" data-target-stuff><input type="hidden" data-target-stuff_value value> <div class="custom-target__form-stuff-add"> <div class="custom-target__form-stuff-add-field" data-target-stuff_field data-target-stuff_field-multi><span>+ Добавить</span><button data-target-stuff_dropdown-show>+ Добавить еще</button></div> <div class="custom-target__form-stuff-add-dropdown" data-target-stuff_dropdown><input class="custom-target__form-stuff-search" placeholder="Поиск" value data-target-stuff_search> <div class="custom-target__form-stuff-noresult" data-target-stuff_noresult>Не результатов для показа</div> <ul> <li data-target-stuff-id="1">Иван Федоренко</li> <li data-target-stuff-id="2">Андрей Черемушкин</li> <li data-target-stuff-id="3">Мария Десюкова</li> <li data-target-stuff-id="4">Наталья Голубкова</li> <li data-target-stuff-id="5">Олег Карпов</li> <li data-target-stuff-id="6">Владимир Ульянов</li> <li data-target-stuff-id="7">Николай Романов</li> <li data-target-stuff-id="8">Алла Пугачева</li> <li data-target-stuff-id="9">Юрий Шевчук</li> <li data-target-stuff-id="10">Рамзан Кадыров</li> </ul> </div> </div> </div> </div> <div class="custom-target__form-clone"> <div class="custom-target__form-clone-group" data-target-key-group> <div class="custom-target__form-row"> <div class="custom-target__form-item custom-target__form-item--large"><label class="custom-target__form-label">Ключевой показатель</label> <div class="custom-target__form-select"><select name="target-key-indicator[]" id="target-key-indicator-1" data-target-key-select-clone> <option selected value="Лиды">Лиды</option> <option value="Лиды">Лиды</option> <option value="Лиды">Лиды</option> <option value="Лиды">Лиды</option> <option value="Лиды">Лиды</option> </select></div> </div> <div class="custom-target__form-item"><label class="custom-target__form-label">Количество</label><input class="custom-target__form-field" type="number" name="target-key-indicator-number[]" id="target-key-indicator-number-1"></div> <div class="custom-target__form-item custom-target__form-item--date"><label class="custom-target__form-label">Дата</label><input class="custom-target__form-field custom-target__form-field--date" type="text" name="target-key-indicator-date[]" id="target-key-indicator-date-1" onclick="BX.calendar({node: this, field: this, bTime: false});"></div> </div> </div><button class="custom-target__form-clone-add" data-target-key-add>+ Добавить еще</button> </div> <div class="custom-target__form-item"><label class="custom-target__form-label">Описание</label></div> <div class="custom-target__form-controls"><button class="custom-target__form-controls-button custom-target__form-controls-button--cancel" type="submit" data-modal-close>Отмена</button><button class="custom-target__form-controls-button custom-target__form-controls-button--add" type="submit">Добавить</button></div> </form> </div> </div><!-- JS--> <script defer src="assets/js/app.min.js?v=1612417091063"></script> <script defer src="assets/js/list.min.js?v=1612417091116"></script> </body> </html>