V0.1.1
This commit is contained in:
Pavel Belyaev
@@ -1,4 +1,4 @@
|
||||
<!--тут будет шапка и меню...-->
|
||||
<div class="page_cont" style="max-width:1000px; margin:20px auto;">
|
||||
<div class="page_cont">
|
||||
<?=$tpl->mod_cont;?>
|
||||
</div>
|
||||
@@ -2,6 +2,25 @@
|
||||
$st_cnf = &LE::$TPL->static_list;
|
||||
$st_dep = &LE::$TPL->static_dep;
|
||||
|
||||
$st_cnf[] = [
|
||||
// 'mod'=>'default',
|
||||
'pos'=>'top',
|
||||
'type'=>'css',
|
||||
'link'=>'/pub/css/icons.css'];
|
||||
|
||||
$st_cnf[] = [
|
||||
// 'mod'=>'default',
|
||||
'pos'=>'top',
|
||||
'type'=>'css',
|
||||
'link'=>'/pub/css/le_form.css'];
|
||||
|
||||
$st_cnf[] = [
|
||||
// 'mod'=>'default',
|
||||
'pos'=>'top',
|
||||
'type'=>'css',
|
||||
'link'=>'/pub/css/admin_interface.css'];
|
||||
|
||||
|
||||
$st_cnf[] = [
|
||||
'mod'=>'highlight.js',
|
||||
'pos'=>'top',
|
||||
|
||||
55
TPL/admin/svg_icons.tpl
Normal file
55
TPL/admin/svg_icons.tpl
Normal file
@@ -0,0 +1,55 @@
|
||||
<div style="display:none;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<symbol id="ico_edit" viewBox="0 0 24 24">
|
||||
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM21.41 6.34l-3.75-3.75-2.53 2.54 3.75 3.75 2.53-2.54z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_download" viewBox="0 0 24 24">
|
||||
<path d="M19,9h-4V3H9v6H5l7,7L19,9z M5,18v2h14v-2H5z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_upload" viewBox="0 0 24 24">
|
||||
<path d="M5,10h4v6h6v-6h4l-7-7L5,10z M5,18v2h14v-2H5z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_trash" viewBox="0 0 24 24">
|
||||
<path d="M6 21h12V7H6v14zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_plus" viewBox="0 0 24 24">
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_trash2" viewBox="0 0 24 24">
|
||||
<path d="M6 21h12V7H6v14zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_dropdown" viewBox="0 0 24 24">
|
||||
<path d="M7 10l5 5 5-5H7z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_dropup" viewBox="0 0 24 24">
|
||||
<path d="M7 14l5-5 5 5z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_copy" viewBox="0 0 24 24">
|
||||
<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_acc" viewBox="0 0 24 24">
|
||||
<circle cx="10" cy="8" r="4"/><path d="M10.67,13.02C10.45,13.01,10.23,13,10,13c-2.42,0-4.68,0.67-6.61,1.82C2.51,15.34,2,16.32,2,17.35V20h9.26 C10.47,18.87,10,17.49,10,16C10,14.93,10.25,13.93,10.67,13.02z"/><path d="M20.75,16c0-0.22-0.03-0.42-0.06-0.63l1.14-1.01l-1-1.73l-1.45,0.49c-0.32-0.27-0.68-0.48-1.08-0.63L18,11h-2l-0.3,1.49 c-0.4,0.15-0.76,0.36-1.08,0.63l-1.45-0.49l-1,1.73l1.14,1.01c-0.03,0.21-0.06,0.41-0.06,0.63s0.03,0.42,0.06,0.63l-1.14,1.01 l1,1.73l1.45-0.49c0.32,0.27,0.68,0.48,1.08,0.63L16,21h2l0.3-1.49c0.4-0.15,0.76-0.36,1.08-0.63l1.45,0.49l1-1.73l-1.14-1.01 C20.72,16.42,20.75,16.22,20.75,16z M17,18c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S18.1,18,17,18z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_settings" viewBox="0 0 24 24">
|
||||
<path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_items" viewBox="0 0 24 24">
|
||||
<path d="M12 2l-5.5 9h11z"/><circle cx="17.5" cy="17.5" r="4.5"/><path d="M3 13.5h8v8H3z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_post" viewBox="0 0 24 24">
|
||||
<path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_book" viewBox="0 0 24 24">
|
||||
<path d="M19 1l-5 5v11l5-4.5V1zM1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5V6c-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6zm22 13.5V6c-.6-.45-1.25-.75-2-1v13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5v2c1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5v-1.1z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_close" viewBox="0 0 24 24">
|
||||
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_menu" viewBox="0 0 24 24">
|
||||
<path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
|
||||
</symbol>
|
||||
<symbol id="ico_list" viewBox="0 0 24 24">
|
||||
<path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>
|
||||
</symbol>
|
||||
</svg>
|
||||
</div>
|
||||
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