/**
 * Проект "Информатор спортивных соревнований: фигурное катание на коньках"
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the MIT-LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @author    Бурдин А.Н. <support@it-sakh.net>
 * @copyright Бурдин А.Н. <support@it-sakh.net>
 * @link      http://www.it-sakh.info/SportInfo/
 * @license   http://www.opensource.org/licenses/mit-license.php MIT License
 * @version   1.0.1
 */

//Шаблоны для кубика (экран на льду)

// Количество линий участников
LineCountWeb = 6;
// Показать время 
ConfigShowTimer = true;


/* ################################################################################################
Информационная панель:
    Кнопка: Name; - Информация об участнике
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Category']}  - Название категории соревнования
        3) ${data['Segment']}   - Название сегмента (КП ПП Элементы и т.д.)
        4) ${data['Fullname']}  - ФИО Участника
        5) ${data['Club']}      - Клуб участника
        6) ${data['City']}      - Город участника
        7) ${data['Coach']}     - ФИО тренера или тренеров
        8) ${data['Music']}     - Название музыкально произведения
*/
const FS_UserInfo = (data) => `
<div id="boardPersonal" class="cl_board0">
    <div class="container-fluid">
        <div class="row">
            <div id="LineName" class="col">${data['Fullname']}</div>
        </div>
        <div id="LineNation" class="row">
            <div class="col">${data['City']}, ${data['Club']}</div>
        </div>
        <div id="LineCoach" class="row">
            <div class="col-3 LineTitle">Тренер:</div>
            <div class="col LineText">${data['Coach']}</div>
        </div>
        <div id="LineMusic" class="row">
            <div class="col-3 LineTitle">Музыка:</div>
            <div class="col LineText">${data['Music']}</div>
        </div>
    </div>
</div>`;

/* ################################################################################################
Информационная панель:
    Кнопка: 2nd Score;  - Показать индивидуальные результаты выступления
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Category']}  - Название категории соревнования
        3) ${data['Segment']}   - Название сегмента (КП ПП Элементы и т.д.)
        4) ${data['Fullname']}  - ФИО Участника
        5) ${data['Nation']}    - Страна
        6) ${data['City']}      - Город участника
        7) ${data['Club']}      - Клуб или спортивная школа
        8) ${data['TechnicPoint']}   - Баллы за технику
        9) ${data['ComponentPoint']} - Баллы за компоненты
       10) ${data['DeductionPoint']} - Баллы за нарушения
       11) ${data['Points']}         - Баллы за выступление
       12) ${data['Rank']}           - Место
*/
const FS_UserResult = (data) => `
<div id="boardPersonal" class="cl_board0">
    <div class="container-fluid">
        <div class="row">
            <div id="LineName" class="col">${data['Fullname']}</div>
        </div>
        <div id="LineNation" class="row">
            <div class="col">${data['City']}, ${data['Club']}</div>
        </div>
        <div id="LineTechnics" class="row">
            <div class="col LineText">Техника:</div>
            <div class="col-3 LineLast">${data['TechnicPoint']}</div>
        </div>
        <div id="LineComponents" class="row">
            <div class="col LineText">Компоненты:</div>
            <div class="col-3 LineLast">${data['ComponentPoint']}</div>
        </div>
        <div id="LineDeduction" class="row">
            <div class="col LineText">Снижения:</div>
            <div class="col-3 LineLast">${data['DeductionPoint']}</div>
        </div>
        <div id="LinePoints" class="row">
            <div class="col LineText">Баллы за выступление:</div>
            <div class="col-3 LineLast">${data['Points']}</div>
        </div>
        <div id="LineRank" class="row">
            <div class="col LineText">Место:</div>
            <div class="col-3 LineLast">${data['Rank']}</div>
        </div>
    </div>
</div>`;
/* ################################################################################################
Информационная панель:
    Кнопка: Judge -> Send; - Информация об официальном лице (судья)
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Category']}  - Название категории соревнования
        3) ${data['Segment']}   - Название сегмента (КП ПП Элементы и т.д.)
        4) ${data['Fullname']}  - ФИО официального представителя
        5) ${data['Nation']}    - Страна
        6) ${data['City']}      - Город участника
        7) ${data['Club']}      - Клуб или спортивная школа
        8) ${data['Proff']}     - Должность (роль) официального представителя
*/
const FS_JudgeOne = (data) => `
<div id="boardPersonal" class="cl_board0">
    <div class="container-fluid">
        <div class="row">
            <div id="LineName" class="col">${data['Fullname']}</div>
        </div>
        <div id="LineNation" class="row">
            <div class="col">${data['Nation']}</div>
        </div>
        <div id="LineNation" class="row">
            <div class="col">${data['Club']}</div>
        </div>
        <div id="LineProff" class="row">
            <div class="col">${data['Proff']}</div>
        </div>
    </div>
</div>`;
/* ################################################################################################
Информационная панель:
    Кнопка: Start List; - Стартовый лист (Полный)
    Кнопка: WarmG;      - Стартовый лист (По группам разминки)
    Кнопка: Judge -> Send All Judges; - Информация обо всех судьях
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Category']}  - Название категории соревнования
        3) ${data['Segment']}   - Название сегмента (КП ПП Элементы и т.д.)
        4) ${data['SubName']}   - Дополнительные заголовки
        5) ${data['PlaceLine']} - Список участников
*/
const FS_UsersList = (data) => `
<div id="boardGroup" class="cl_board20">
    <div id="participantListContainer">${data['PlaceLine']}</div>
</div>`;
/* Шаблон: Первого блока обёртки */
const FS_NameLineWrapperFirst = (data) => `<div data-index="${data['IDContainer']}" class="participantListContainerItem container-fluid active">`;
/* Шаблон: Последующих блоков обёрток */
const FS_NameLineWrapperSecond = (data) => `</div><div data-index="${data['IDContainer']}" class="participantListContainerItem container-fluid">`;
/* Шаблон: Списка участников */
const FS_NameLineParticipant = (data) => `<div class='row LineRow'><div class="col-1 LineSort center">${data["Sort"]}</div><div class="col LineText">${data["FullName"]} <small>  ${data['Status']}</small><span class="Nation">${data["Nation"]}</span></div></div>`;
/* Шаблон: Списка участников с оценками */
const FS_3SCLineParticipant = (data) => `<div class='row LineRow ${data["CurrentClass"]}'><div class="col-1 LineSort center">${data["Sort"]}</div><div class="col LineText">${data["FullName"]}</div><div class='col-3 LineLast participantPoint'>${data["Point"]}</div></div>`;
/* Шаблон: Пустая строка между участниками */
const FS_LineTextEmpty = `<div class='row LineRow'><div class="col LineTextEmpty">.....</div></div>`;
/* Шаблон: Список официальных лиц */
const FS_JugeAllLine = (data) => `<div class='row LineRow'><div class="col LineText">${data["Proff"]} - ${data["FullName"]} <span class="Nation">${data["Nation"]}</span></div></div>`;
/* ################################################################################################
Информационная панель:
    Кнопка: 3nd Score; - Промежуточные результаты соревнования
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Category']}  - Название категории соревнования
        3) ${data['Segment']}   - Название сегмента (КП ПП Элементы и т.д.)
        4) ${data['SubName']}   - Дополнительные заголовки
        5) ${data['PlaceLine']} - Список участников
*/
const FS_ListResult = (data) => `
<div id="boardGroup" class="cl_boardGroupResult">
    <div id="participantListContainer">${data['PlaceLine']}</div>
</div>`;

/* ################################################################################################
Информационная панель:
    Кнопка: Segment; - Название соревнования, группа и сегмент
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Category']}  - Название категории соревнования
        3) ${data['Segment']}   - Название сегмента (КП ПП Элементы и т.д.)
*/
const FS_EventName = (data) => `
<div id="boardSegment" class="cl_boardEvent">
    <div class='TitleBG'>
        <div id='TitleBlock'>
            <div id='EventName'>${data['EventName']}</div>
            <hr style="width:60%;">
            <div id='CategoryName'>${data['Category']}</div>
            <hr style="width:60%;">
            <div id='SegmentName'>${data['Segment']}</div>
        </div>
    </div>
</div>`;

/* ################################################################################################
Информационная панель:
    Кнопка: Time+ или Time-; - Таймер внизу экрана
    Переменные: Нет
*/
const FS_Timer = `
<div class="cl_boardTimer">
    <div class="cl_boardTimerCircle">
        <div id="Timer"></div>
    </div>
</div>`;
/* ################################################################################################
Информационная панель:
    Кнопка: V.Cerem -> Send Victory Ceremony; - Приглашение на церемонию награждения
    Переменные:
        1) ${data['EventName']} - Название соревнования
*/
const FS_VictoryStart = (data) => `
<div id="boardSegment" class="cl_boardEvent">
    <div class='TitleBG'>
        <div id='TitleBlock'>
            <div id='EventName'>${data['EventName']}</div>
            <hr style="width:60%;">
            <div>Церемония награждения</div>
        </div>
    </div>
</div>`;
/* ################################################################################################
Информационная панель:
    Кнопка: V.Cerem -> Send Podium; - Показать все призовые места
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['PlaceLine']} - Список участников
        3) ${data['Fullname']}  - ФИО Участника
        4) ${data['City']}      - Город участника
        5) ${data['VictoryPlaсe']} - Итоговое место
*/
const FS_VictoryAll = (data) => `
<div id="boardGroup" class="cl_boardGroupResult">
    <div class='TitleBG'>
        <div id='TitleBlock'>
            <div id='EventName'>${data['EventName']}</div>
        </div>
    </div>
    <div id="participantListContainer"><div id="participantListContainerOne" class="container-fluid participantListContainerIn">${data['PlaceLine']}</div></div>
</div>`;
const FS_VictoryAllLine = (data) => `<div class='row ListRow'><div class="col LineText">${data["VictoryPlaсe"]}) ${data["FullName"]} <span class="Nation">${data["City"]}</span></div></div>`;
/* ################################################################################################
Информационная панель:
    Кнопка: V.Cerem -> Send Gold, Silver, Bronze; - Показать призовое место: Золото, Серебро или Бронза
    Переменные:
        1) ${data['EventName']} - Название соревнования
        2) ${data['Fullname']}  - ФИО Участника
        3) ${data['Club']}      - Город участника
        4) ${data['VictoryPlaсe']} - Итоговое место
        5) ${data['Music']}     - Название музыкально произведения

*/
const FS_VictoryPlace = (data) => `
<div id="boardPersonal" class="cl_board0">
    <div class='TitleBG'>
        <div id='TitleBlock'>
            <div id='EventName'>${data['EventName']}</div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div id="LineName" class="col">${data['Fullname']}</div>
        </div>
        <div id="LineNation" class="row">
            <div class="col">${data["City"]}, ${data['Club']}</div>
        </div>
        <div id="LineProff" class="row">
            <div class="col">${data['VictoryPlaсe']}</div>
        </div>
    </div>
</div>`;
