V0.1.1
This commit is contained in:
248
TPL/admin/test/main.tpl
Normal file
248
TPL/admin/test/main.tpl
Normal file
@@ -0,0 +1,248 @@
|
||||
<?=LE::$TPL->fetch('svg_icons')?>
|
||||
<?=LE::$TPL->fetch('test/top_menu')?>
|
||||
|
||||
<?php
|
||||
function icon($id,$t="r")
|
||||
{
|
||||
return '<svg class="lei_'.$t.'"><use href="#ico_'.$id.'"></svg>';
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="max-width:1200px;margin: 40px auto;">
|
||||
<h2>Кнопки</h2>
|
||||
<button class="le_btn">Кнопка</button>
|
||||
<button class="le_btn">Кнопка<?=icon('edit')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('download')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('upload')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('dropdown')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('dropup')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('acc')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('plus')?></button>
|
||||
<button class="le_btn">Кнопка<?=icon('trash')?></button>
|
||||
<button class="le_btn"><?=icon('trash','l')?>Кнопка</button>
|
||||
<button class="le_btn"><?=icon('settings','c')?></button>
|
||||
<br>
|
||||
<button class="le_btn_gr">Зеленая<?=icon('trash')?></button>
|
||||
<button class="le_btn_rd">Красная<?=icon('trash')?></button>
|
||||
<button class="le_btn_bl">Синяя<?=icon('trash')?></button>
|
||||
|
||||
<span></span>
|
||||
|
||||
|
||||
<h2>Иконки</h2>
|
||||
<div class="icons" style="font-size:40px;">
|
||||
<i><svg><use href="#ico_edit"></svg></i>
|
||||
<i><svg><use href="#ico_download"></svg></i>
|
||||
<i><svg><use href="#ico_upload"></svg></i>
|
||||
<i><svg><use href="#ico_trash"></svg></i>
|
||||
<i><svg><use href="#ico_plus"></svg></i>
|
||||
<i><svg><use href="#ico_trash2"></svg></i>
|
||||
<i><svg><use href="#ico_dropdown"></svg></i>
|
||||
<i><svg><use href="#ico_dropup"></svg></i>
|
||||
<i><svg><use href="#ico_copy"></svg></i>
|
||||
<i><svg><use href="#ico_acc"></svg></i>
|
||||
<i><svg><use href="#ico_settings"></svg></i>
|
||||
<i><svg><use href="#ico_items"></svg></i>
|
||||
<i><svg><use href="#ico_post"></svg></i>
|
||||
<i><svg><use href="#ico_book"></svg></i>
|
||||
<i><svg><use href="#ico_close"></svg></i>
|
||||
<i><svg><use href="#ico_menu"></svg></i>
|
||||
<i><svg><use href="#ico_list"></svg></i>
|
||||
<style>
|
||||
</style>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="tbl">
|
||||
<caption>CRUD-табличка</caption>
|
||||
<tr><th style="width:80px">
|
||||
<button class="le_btn"><?=icon('plus','c')?></button>
|
||||
|
||||
</th><th>Header1</th><th>Header2</th><th>Header3</th></tr>
|
||||
<tr><td><button class="le_btn"><?=icon('edit','c')?></button><button class="le_btn_rd"><?=icon('trash','c')?></button></td><td>val1</td><td>val2</td><td>val3</td></tr>
|
||||
<tr><td><button class="le_btn"><?=icon('edit','c')?></button><button class="le_btn_rd"><?=icon('trash','c')?></button></td><td>val1</td><td>val2</td><td>val3</td></tr>
|
||||
<tr><td><button class="le_btn"><?=icon('edit','c')?></button><button class="le_btn_rd"><?=icon('trash','c')?></button></td><td>val1</td><td>val2</td><td>val3</td></tr>
|
||||
<tr><td><button class="le_btn"><?=icon('edit','c')?></button><button class="le_btn_rd"><?=icon('trash','c')?></button></td><td>val1</td><td>val2</td><td>val3</td></tr>
|
||||
<tr><td><button class="le_btn"><?=icon('edit','c')?></button><button class="le_btn_rd"><?=icon('trash','c')?></button></td><td>val1</td><td>val2</td><td>val3</td></tr>
|
||||
<tr><td><button class="le_btn"><?=icon('edit','c')?></button><button class="le_btn_rd"><?=icon('trash','c')?></button></td><td>val1</td><td>val2</td><td>val3</td></tr>
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<h2>Формочка</h2>
|
||||
|
||||
<form class="le_form le_shadow">
|
||||
<span class="le_form_head">Заголовок формы</span>
|
||||
|
||||
<div class="le_he">
|
||||
<label for="inp_name" class="le_fl"><span>Горизонтальный инпут</span></label>
|
||||
<div class="le_inp"><input type="text" value="kokoko" id="inp_name"></div>
|
||||
</div>
|
||||
|
||||
<div class="le_ve">
|
||||
<label for="inp_name" class="le_fl"><span>Вертикальный инпут</span></label>
|
||||
<div class="le_inp"><input type="text" value="kokoko" id="inp_name"></div>
|
||||
</div>
|
||||
|
||||
<div class="le_he">
|
||||
<label for="inp_name" class="le_fl"><span>Горизонтальный инпут у которого допустим пару строчек, строчки тут две <sup>*</sup></span></label>
|
||||
<div class="le_inp"><input type="text" value="kokoko" id="inp_name"></div>
|
||||
</div>
|
||||
|
||||
<div class="le_he">
|
||||
|
||||
<div for="select_koko" class="le_fl"><span>Горизонтальный селект</span></div>
|
||||
<div class="le_inp">
|
||||
<select id="select_koko">
|
||||
<option>select</option>
|
||||
<option>select</option>
|
||||
<option>select</option>
|
||||
<option>select</option>
|
||||
<option>select</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="le_he le_me">
|
||||
<div for="inp_name" class="le_fl"><span>Радиокнопки</span></div>
|
||||
<div class="le_inp">
|
||||
<label><input type="radio" name="radio1">Radio1</label>
|
||||
<label><input type="radio" name="radio1">Radio2</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="le_ve le_me">
|
||||
<div for="inp_name" class="le_fl"><span>Радиокнопки вертикально</span></div>
|
||||
<div class="le_inp">
|
||||
<label><input type="radio" name="radio1">Radio1</label>
|
||||
<label><input type="radio" name="radio1">Radio2</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="le_he le_me">
|
||||
<div for="inp_name" class="le_fl"><span>Чекбоксы<sup>*</sup></span></div>
|
||||
<div class="le_inp">
|
||||
<label><input type="checkbox" name="checkbox1">checkbox1</label>
|
||||
<label><input type="checkbox" name="checkbox1">checkbox2</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="le_he le_me le_meh">
|
||||
<div for="inp_name" class="le_fl"><span>Радиокнопки в линию</span></div>
|
||||
<div class="le_inp">
|
||||
<label><input type="radio" name="radio1">Radio1</label>
|
||||
<label><input type="radio" name="radio1">Radio2</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="le_he">
|
||||
<label for="inp_name" class="le_fl"><span>Дата <sup>*</sup></span></label>
|
||||
<div class="le_inp"><input type="date" value="kokoko" id="inp_name"></div>
|
||||
</div>
|
||||
|
||||
<div class="le_ve">
|
||||
<label for="inp_name" class="le_fl"><span>Текст</span></label>
|
||||
<div class="le_inp"><textarea class="cktxt">тролололо</textarea></div>
|
||||
</div>
|
||||
|
||||
<div class="le_he">
|
||||
<label for="inp_name" class="le_fl"><span>Текст горизонтально</span></label>
|
||||
<div class="le_inp"><textarea>тролололо</textarea></div>
|
||||
</div>
|
||||
|
||||
<div class="le_ve">
|
||||
<label for="inp_name" class="le_fl"><span>Текст</span></label>
|
||||
<div class="le_inp"><textarea class="tu-editor">тролололо</textarea></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="le_bbl">
|
||||
<button class="le_btn" type="submit">Сохранить</button>
|
||||
<button class="le_btn_bl" type="submit">Синяя</button>
|
||||
<button class="le_btn_rd" type="submit">Красная</button>
|
||||
<button class="le_btn_gr" type="submit">Зеленая</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="modal">
|
||||
<div class="modal_in">
|
||||
<div class="mod_h">Готово</div>
|
||||
<div class="mod_cont">kokoko</div>
|
||||
<div class="mod_btn">
|
||||
<button class="le_btn_rd" type="submit">Красная</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.modal {
|
||||
display:none;
|
||||
background: #fafafa;
|
||||
background: transparent;
|
||||
position: fixed;
|
||||
top:0%;
|
||||
left:0%;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.modal .modal_in {
|
||||
box-sizing:border-box;
|
||||
background: #fafafa;
|
||||
border:1px solid #ccc;
|
||||
width:350px;
|
||||
max-width:95%;
|
||||
min-width:200px;
|
||||
margin: 20% auto;
|
||||
padding:10px;
|
||||
}
|
||||
.modal .mod_h {
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
<h2>Алерты</h2>
|
||||
<h2>Конфирмы</h2>
|
||||
<h2>Модальные окошки</h2>
|
||||
|
||||
+
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mp_footer ">
|
||||
|
||||
© <a href="http://pavelb.ru/ ">LE Framework by Pavel Belyaev</a> | 2010-2021
|
||||
|
||||
|
||||
</div>
|
||||
59
TPL/admin/test/top_menu.tpl
Normal file
59
TPL/admin/test/top_menu.tpl
Normal file
@@ -0,0 +1,59 @@
|
||||
<div class="mp_navi">
|
||||
<span class="logo">
|
||||
<a href="/manager/">LeCMS v0.1</a>
|
||||
</span>
|
||||
|
||||
<ul class="mp_menu vertical">
|
||||
|
||||
<li class="dropdown"><a href="#">Магазин <i class="lei-dropdown"></i></a>
|
||||
<ul class="dropdown-content">
|
||||
<li><a href="/manager/catalog">Каталог</a></li>
|
||||
<li><a href="/manager/update">Полное обновление</a></li>
|
||||
<li><a href="/manager/orders">Заказы</a></li>
|
||||
<li><a href="/manager/currency">Валюты</a></li>
|
||||
<li><a href="/manager/unit">Единицы измерения</a></li>
|
||||
<li><a href="/manager/payment_types">Способы оплаты</a></li>
|
||||
<li><a href="/manager/delivery_types">Способы доставки</a></li>
|
||||
<li><a href="/manager/params_manage">Управление характеристиками</a></li>
|
||||
<li><a href="/manager/params_tags_manage">Управление тегами</a></li>
|
||||
<li><a href="/manager/gallery">Галлереи</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="dropdown"><a href="#">Сайт <i class="lei-dropdown"></i></a>
|
||||
<ul class="dropdown-content">
|
||||
|
||||
<li><a href="/manager/users" class="i-man-woman">Пользователи</a></li>
|
||||
<li><a href="/manager/cont_editor" class="i-libreoffice">Редактор контента</a></li>
|
||||
<li><a href="/manager/pages" class="i-libreoffice">Страницы</a></li>
|
||||
<li><a href="/manager/tasker" class="i-clipboard">Задачи</a></li>
|
||||
<li><a href="/manager/slider_content" class="i-clipboard">Слайдер</a></li>
|
||||
<li><a href="/manager/banners_editor" class="i-clipboard">Редактор баннеров</a></li>
|
||||
<li><a href="/manager/manuf_editor" class="i-clipboard">Редактор брендов</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
<li><a href="/manager/mysklad" class="i-upload2">Выгрузка в МойСклад</a></li>
|
||||
<li><a href="/manager/cont_editor" class="i-libreoffice">Редактор контента</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="dropdown"><a class="i-magic"><i class="lei-dropdown"></i>Импортеры</a>
|
||||
<ul class="dropdown-content">
|
||||
<li><a href="/manager/segura_imp">Импорт Сегура</a></li>
|
||||
<li><a href="/manager/kopttorg_imp">Импорт КоврОптТорг</a></li>
|
||||
<li><a href="/manager/imp_moderate">Модерация импорта</a></li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="right_menu">
|
||||
<a href="/logout" class="i-exit"><span><i class="lei-logout"></i>Завершить сеанс</span></a>
|
||||
<a href="/" target="_blank" class="i-home"><span>На сайт</span></a>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
Reference in New Issue
Block a user