Current Path : /home/bitrix/ext_www/okr.yacl.site/local/ |
Current File : /home/bitrix/ext_www/okr.yacl.site/local/detail.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=1612417090698"> <link rel="stylesheet" href="assets/css/detail.min.css?v=1612417090740"> </head> <body> <div class="custom-target__crumb"><a href="#">Список целей</a></div> <div class="custom-target__heading"> <h1>Дизайн Landing page</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__detail"> <div class="custom-target__detail-article"> <h3>Текущий статус цели</h3> <div class="custom-target__detail-progress"> <div class="custom-target__detail-progress-overall"> <div class="custom-target__detail-progress-overall-label">Выполнено на 27%</div> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 20%; background-color: #d44f68;"></div> </div> </div> </div> <div class="custom-target__detail-progress-list"> <div class="custom-target__detail-progress-item"> <div class="custom-target__detail-progress-item-holder"> <div class="custom-target__detail-progress-item-label">Эфективность</div> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 20%; background-color: #d44f68;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> </div> <div class="custom-target__detail-progress-item"> <div class="custom-target__detail-progress-item-holder"> <div class="custom-target__detail-progress-item-label">Конверсия</div> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 60%; background-color: #ecb969;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> </div> <div class="custom-target__detail-progress-item"> <div class="custom-target__detail-progress-item-holder"> <div class="custom-target__detail-progress-item-label">QM</div> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 100%; background-color: #99c45a;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> </div> <div class="custom-target__detail-progress-item"> <div class="custom-target__detail-progress-item-holder"> <div class="custom-target__detail-progress-item-label">Продажи</div> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 40%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> </div> <div class="custom-target__detail-progress-item"> <div class="custom-target__detail-progress-item-holder"> <div class="custom-target__detail-progress-item-label">CRT</div> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 80%; background-color: #f7eb65;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> </div> </div> </div> </div> <div class="custom-target__detail-tasks"> <h3>Задачи по цели:</h3> <div class="custom-target__detail-tasks-scroll" data-scrollbooster><button class="custom-target__detail-tasks-change-view" data-target-tasks-change-view>Показать все</button><button class="custom-target__detail-tasks-control custom-target__detail-tasks-control--prev" data-target-tasks-prev disabled hidden>Назад</button><button class="custom-target__detail-tasks-control custom-target__detail-tasks-control--next" data-target-tasks-next disabled hidden>Вперед</button> <div class="custom-target__detail-tasks-holder" data-scrollbooster-content> <div class="custom-target__detail-tasks-heading"><span>Дизайн Landing page</span></div> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> </ul> </div> </li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button> <div class="custom-target__detail-tasks-subs"> <ul class="custom-target__detail-tasks-list"> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> <li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href> <div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div> <div class="custom-target__detail-tasks-info"> <div class="custom-target__progress"> <div class="custom-target__progress-bar"> <div style="width: 75%; background-color: #da7d58;"></div> </div> <div class="custom-target__progress-percent">75%</div> </div> <div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> </div> </a></li> </ul> </div> </li> </ul> </div> </div> </div> </div> <div class="custom-target__detail-sidebar"> <h3>О цели:</h3> <div class="custom-target__detail-creator"><a class="custom-target__detail-creator-link" href="#"> <div class="custom-target__detail-creator-image"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div> <div class="custom-target__detail-creator-text"> <div class="custom-target__detail-creator-label">Цель создал(а):</div> <div class="custom-target__detail-creator-name">Маша Крафцова</div> </div> </a></div> <div class="custom-target__detail-date"> <div class="custom-target__detail-date-label">Дедлайн:</div> <div class="custom-target__detail-date-value">25 Янв. 2021</div> </div> <div class="custom-target__detail-sidebar-item"> <h4>Описание</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea earum facere fugiat odit quae. Architecto aspernatur assumenda at consequatur doloremque eaque facere ipsam, iste mollitia nulla odio quod repellat repudiandae.</p> </div> <div class="custom-target__detail-sidebar-item"> <h4>Описание</h4> <ul class="custom-target__detail-persons"> <li><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></li> </ul> </div> <div class="custom-target__detail-sidebar-item"> <h4>Описание</h4> <ul class="custom-target__detail-persons"> <li><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></li> <li><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></li> <li><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></li> </ul> </div> </div> </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="4"> <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="7,8"> <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=1612417090698"></script> <script defer src="assets/js/detail.min.js?v=1612417090740"></script> </body> </html>