Дерево страниц

Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.




Главное меню - меню, которое позволяет осуществить основные настройки программного модуля "Mobile Taxi" (далее МТ).



Макрос генерирует HTML разметку
 <table width="100%" cellspacing="0" cellpadding="0">

 <tr> 
    <td class="leftcol"><img src="/download/attachments/14352482/375px-%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E.png" alt="Боковое меню"></td>
    


<td valign="top">








</div>

<style type="text/css">
   TD.leftcol {
    width: 110px; /* Ширина левой колонки с рисунком */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
  </style>




 <div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-01" hidden>
            <label class="accordion_trigger" for="toggle-01">Строка состояния</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Строка состояния</span></a>
                
<p>3
<p> 3 / 
3
3Строка состояния предоставляет
 информацию в виде значков (индикаторов) о статусе водителя, включении 
фильтра, автовзятия, количестве машин в секторе, GPS и получении 
сообщений. На рисунке строка индикаторов отображена в области "1".


<p> <img src="/download/attachments/14352482/ic_new_message.png">
Непрочитанные сообщения</p>

<p> <img src="/download/attachments/14352482/ic_
new
filter_
message
green.png">Индикатор появляется, если включен фильтр или расширенный фильтр </p>


<p><img src="/download/attachments/14352482/ic_
new
auto_
message
take_green.png">Индикатор появляется, если работает автовзятие</p>


<p><img src="/download/attachments/14352482/
ic
gps_
new_message
connected.png">Индикатор работы GPS</p>


 <p><img src="/download/attachments/14352482/ic_
new
stat_
message
conn_on.png">Отображение статуса водителя.</p>

    </div>
        </li>

</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-02" hidden>
            <label class="accordion_trigger" for="toggle-02">Элементы главного меню</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Элементы главного меню</span></a>
 <p> Меню (область "3" на рисунке):
<p>Встать в сектор —
 водитель выбирает: встать в выбранный сектор, сняться с сектора, 
посмотреть, сколько водителей уже есть в выбранном секторе, посмотреть 
полную информацию по секторам или уступить место в очереди сектора. Если водитель находится в секторе, название сектора и очередь в нем отображаются в главном меню.</p>
Фильтр — применение фильтра для заказов по сектору или по тарифу.
<p>Расширенный фильтр —
 в эфир будут поступать заказы, которые будут соответствовать условиям 
расширенного фильтра, а именно заданным условиям фильтрации по следующим
 блокам (сектор подачи, сектор назначения, тариф, тип заказа, тип 
расчета, шаблон адреса).</p>
<p>Баланс — возможность проверить баланс счета водителя машины.</p>
<p>Рейтинг — рейтинг водителя при заказах из перекидки.</p>
<p>Статус — позволяет поменять статус занят/свободен.</p>


</p>

    </div>
        </li>



</td>
   </tr>


<style>
    .menu-container * {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .accordion_item {
        border-bottom: 1px solid #DFE1E6;
        position: relative;
    }

    .accordion_trigger:hover {
        background-color: #F4F5F7;
    }

    .accordion_item:last-of-type {
        border-bottom: none;
    }

    .accordion_trigger {
        display: block;
        font-weight: normal;
        cursor: pointer;
        padding: 1.2em;
        color: #253858;
        font-weight: bold;
    }

    .accordion_toggle {
        position: absolute;
        display: none;
    }

    .accordion_target {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .accordion_target p {
        margin-bottom: 1em;
    }

    .accordion_toggle:checked~.accordion_target {
        position: static;
        overflow: visible;
        clip: auto;
        padding: 0.2em 1.2em 0.2em 1.2em;
        width: auto;
        height: auto;
    }

    .accordion_item i {
        width: 0.7em;
        height: 0.7em;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin: 1.4em;
        border-color: #253858;
        border-style: solid;
        border-top-width: 0.3em;
        border-right-width: 0.3em;
        border-left-width: 0;
        border-bottom-width: 0;
        transform: rotate(45deg);
    }

    .accordion_toggle:checked~i {
        border-top-width: 0;
        border-right-width: 0.3em;
        border-left-width: 0;
        border-bottom-width: 0.3em;
    }
</style>

ЯкорьСтрока состоянияСтрока состоянияСтрока состояния

Строка состояния предоставляет информацию в виде значков (индикаторов) о статусе водителя, включении фильтра, автовзятия, количестве машин в секторе, GPS и получении сообщений. На рисунке строка индикаторов отображена в области "1".




3 / 3

Сведения о секторах

Image Removed

Непрочитанные сообщения

Image Removed

Индикатор появляется, если включен фильтр или расширенный фильтр

Image Removed

Индикатор появляется, если работаетавтовзятие

Image Removed

Индикатор работы GPS

Image Removed

Отображение статуса водителя


Макрос генерирует HTML разметку
 <table width="80%" cellspacing="0" cellpadding="0">

 <tr> 
    <td class="leftcol"><img src="/download/attachments/14352482/%D0%9E%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%BE%D0%B2_%D0%B2_%D1%8D%D1%84%D0%B8%D1%80%D0%B5.png"  width="400" height="600"   alt="Описание закладок"></td>
    
<td valign="top">







</div>


<style type="text/css">
   TD.leftcol {
    width: 110px; /* Ширина левой колонки с рисунком */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
  </style>



 <div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-01" hidden>
            <label class="accordion_trigger" for="toggle-01">Главная</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Описание закладок</span></a>
                <p>Закладки (область "2" на рисунке):
Главная — отображает главное меню МТ.
Эфир — закладка, в которой содержится информация о "горячих" заказах .Предв. - вкладка, в которой содержится информация о "предварительных" заказах. Эту вкладку можно отключить. Для этого нужно из меню перейти "Настройки"
 → "Эфир" и снять галочку с "Вместе эфир и предварительные". Тогда 
"предварительные" заказы будут отображаться во вкладке "Эфир".


Заказ — закладка, в которой содержится информация о текущих и выполненных заказах, а также входящие сообщения для водителя. Перелистывание заказов осуществляется стрелочками < и > на
 панели, которая находится под вкладками. Если нажать на панель между 
стрелочками, открывается папка "Мои заказы", где заказы представлены 
списком.

Переходить между вкладками можно как нажимая 
на их названия, так и с помощью движения пальцем по экрану в 
горизонтальном направлении.


</p>

    </div>
        </li>

</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-02" hidden>
            <label class="accordion_trigger" for="toggle-02">Отображение заказов в эфире</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Мои заказы</span></a>
 <p> Отображение заказов во вкладке Эфир зависит от класса машины, на которой работает водитель, и от настроек фильтров в приложении.
Отображение заказа в зависимости от дополнительных требований:
БН - заказ с безнальным расчетом;
П - предварительный заказ;
(УНИВЕР) - нужна машина класса "универсал";
(ЭЛИТ), (ПРЕМИУМ) - нужна машина класса "элит" или "премиум" соответственно;
(ЭКОНОМ), (МИКРОАВТ) - нужна машина класса "эконом" или "микроавтобус" соответственно.

Пользовательские классы машин, а также другие дополнительные требования особой подсветки не имеют, отображены большими буквами.
Другие метки в заказах:
R - заказ, влияющий на рейтинг;
** (или любая любая другая символьная метка) - заказ из обмена.


</p>

    </div>
        </li>






</td>
   </tr>


<style>
    .menu-container * {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .accordion_item {
        border-bottom: 1px solid #DFE1E6;
        position: relative;
    }

    .accordion_trigger:hover {
        background-color: #F4F5F7;
    }

    .accordion_item:last-of-type {
        border-bottom: none;
    }

    .accordion_trigger {
        display: block;
        font-weight: normal;
        cursor: pointer;
        padding: 1.2em;
        color: #253858;
        font-weight: bold;
    }

    .accordion_toggle {
        position: absolute;
        display: none;
    }

    .accordion_target {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .accordion_target p {
        margin-bottom: 1em;
    }

    .accordion_toggle:checked~.accordion_target {
        position: static;
        overflow: visible;
        clip: auto;
        padding: 0.2em 1.2em 0.2em 1.2em;
        width: auto;
        height: auto;
    }

    .accordion_item i {
        width: 0.7em;
        height: 0.7em;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin: 1.4em;
        border-color: #253858;
        border-style: solid;
        border-top-width: 0.3em;
        border-right-width: 0.3em;
        border-left-width: 0;
        border-bottom-width: 0;
        transform: rotate(45deg);
    }

    .accordion_toggle:checked~i {
        border-top-width: 0;
        border-right-width: 0.3em;
        border-left-width: 0;
        border-bottom-width: 0.3em;
    }
</style>




Макрос генерирует HTML разметку
 <table width="100%" cellspacing="0" cellpadding="0">

 <tr> 
    <td class="leftcol"><img src="/download/attachments/14352482/375px-%D0%91%D0%BE%D0%BA%D0%BE%D0%B2%D0%BE%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E.png" alt="Боковое меню"></td>
    


<td valign="top">








</div>

<style type="text/css">
   TD.leftcol {
    width: 110px; /* Ширина левой колонки с рисунком */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
  </style>




 <div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-01" hidden>
            <label class="accordion_trigger" for="toggle-01">Главная</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Главная</span></a>
                <p>Главная - вызывает главное меню приложения
Спрятать вкладки - позволяет спрятать вкладки приложения ("Главная", "Эфир", "Заказ").
В начало списка - для вкладки "Эфир" - позволяет отображать начало списка заказов в эфире.</p>

    </div>
        </li>

</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-02" hidden>
            <label class="accordion_trigger" for="toggle-02">Мои заказы</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Мои заказы</span></a>
 <p> Мои заказы - информация о текущих и выполненных заказах.
Сообщения - входящие сообщения для водителя.
</p>

    </div>
        </li>


</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-03" hidden>
            <label class="accordion_trigger" for="toggle-03">Сообщения</label>
            <i></i>
            <div class="accordion_target">

 
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Сообщенияы</span></a>
<p>
Сообщения - входящие сообщения для водителя.
</p>
  

    </div>
        </li>


</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-04" hidden>
            <label class="accordion_trigger" for="toggle-04">GPS Карта</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>GPS Карта</span></a>
<p>
GPS Карта -
 позволяет определить местонахождение водителя, контролировать 
автотранспорт и маршруты движения в режиме реального времени, а также 
получать информацию о пробках.
</p>


    </div>
        </li>




</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-05" hidden>
            <label class="accordion_trigger" for="toggle-05">Таксометр</label>
            <i></i>
            <div class="accordion_target">

 <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Таксометр </span></a>
<p>
Таксометр -
 применяется для расчета стоимости поездки на основании данных о тарифе,
 о пройденном расстоянии и о затраченном на поездку времени.
</p> 

    </div>
        </li>



</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-06" hidden>
            <label class="accordion_trigger" for="toggle-06">Доп. функции</label>
            <i></i>
            <div class="accordion_target">

<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Доп. функции</span></a>
<p>
Доп. функции - включает в себя информацию по связи с диспетчерской, о программе, статистике по GPS и информация о последнем заказе.
</p> 

    </div>
        </li>





</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-07" hidden>
            <label class="accordion_trigger" for="toggle-07">Байкал</label>
            <i></i>
            <div class="accordion_target">

<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Байкал</span></a>
<p>
Байкал - экстренный вызов диспетчера в случае непредвиденной ситуации
</p> 


    </div>
        </li>



</div>
<div class="menu-container">
    <ul class="accordion">
        <li class="accordion_item">
            <input type="checkbox" class="accordion_toggle" id="toggle-08" hidden>
            <label class="accordion_trigger" for="toggle-08">Настройки</label>
            <i></i>
            <div class="accordion_target">


<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=6816466"><span>Настройки</span></a>
<p>
Байкал - экстренный вызов диспетчера в случае непредвиденной ситуации
</p> 

 </div>
        </li>



</td>
   </tr>


<style>
    .menu-container * {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .accordion_item {
        border-bottom: 1px solid #DFE1E6;
        position: relative;
    }

    .accordion_trigger:hover {
        background-color: #F4F5F7;
    }

    .accordion_item:last-of-type {
        border-bottom: none;
    }

    .accordion_trigger {
        display: block;
        font-weight: normal;
        cursor: pointer;
        padding: 1.2em;
        color: #253858;
        font-weight: bold;
    }

    .accordion_toggle {
        position: absolute;
        display: none;
    }

    .accordion_target {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .accordion_target p {
        margin-bottom: 1em;
    }

    .accordion_toggle:checked~.accordion_target {
        position: static;
        overflow: visible;
        clip: auto;
        padding: 0.2em 1.2em 0.2em 1.2em;
        width: auto;
        height: auto;
    }

    .accordion_item i {
        width: 0.7em;
        height: 0.7em;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin: 1.4em;
        border-color: #253858;
        border-style: solid;
        border-top-width: 0.3em;
        border-right-width: 0.3em;
        border-left-width: 0;
        border-bottom-width: 0;
        transform: rotate(45deg);
    }

    .accordion_toggle:checked~i {
        border-top-width: 0;
        border-right-width: 0.3em;
        border-left-width: 0;
        border-bottom-width: 0.3em;
    }
</style>