forked from deblan/side_menu
update ui of admin lists
This commit is contained in:
parent
13f7e63514
commit
b06df8ad9f
|
@ -69,16 +69,15 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-setting#categories-list ul {
|
.side-menu-setting-list {
|
||||||
margin: 10px 4px 4px 0px;
|
margin: 10px 4px 4px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-setting#categories-list li {
|
.side-menu-setting-list-item {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid var(--color-border-dark);
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
margin: 2px 0;
|
margin: -1px 0 0 0;
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -86,3 +85,8 @@
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.side-menu-setting-list-item input {
|
||||||
|
min-height: auto;
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
|
|
@ -130,13 +130,13 @@ jQuery(document).ready(() => {
|
||||||
elementToggler(element)
|
elementToggler(element)
|
||||||
})
|
})
|
||||||
|
|
||||||
jQuery("#categories-list ul").sortable({
|
jQuery("#categories-list .side-menu-setting-list").sortable({
|
||||||
forcePlaceholderSize: true,
|
forcePlaceholderSize: true,
|
||||||
placeholder: 'placeholder',
|
placeholder: 'placeholder',
|
||||||
stop: function (event, ui) {
|
stop: function (event, ui) {
|
||||||
let value = []
|
let value = []
|
||||||
|
|
||||||
jQuery('#categories-list li').each(function() {
|
jQuery('#categories-list .side-menu-setting-list-item').each(function() {
|
||||||
value.push(jQuery(this).attr('data-id'))
|
value.push(jQuery(this).attr('data-id'))
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -386,21 +386,23 @@ $choicesSizes = [
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="side-menu-setting" data-name="big-menu-hidden-apps" id="big-menu-hidden-apps" data-checkbox style="display: none">
|
<div class="side-menu-setting" data-name="big-menu-hidden-apps" id="big-menu-hidden-apps" data-checkbox style="display: none">
|
||||||
<?php foreach ($_['apps'] as $app): ?>
|
<ul class="side-menu-setting-list">
|
||||||
<div>
|
<?php foreach ($_['apps'] as $app): ?>
|
||||||
<input
|
<li class="side-menu-setting-list-item">
|
||||||
type="checkbox"
|
<input
|
||||||
name="big-menu-hidden-apps[]"
|
type="checkbox"
|
||||||
value="<?php echo $app['id'] ?>"
|
name="big-menu-hidden-apps[]"
|
||||||
id="big-menu-hidden-app-<?php echo $app['id'] ?>"
|
value="<?php echo $app['id'] ?>"
|
||||||
<?php if (in_array($app['id'], $_['big-menu-hidden-apps'])): ?>checked<?php endif; ?>
|
id="big-menu-hidden-app-<?php echo $app['id'] ?>"
|
||||||
/>
|
<?php if (in_array($app['id'], $_['big-menu-hidden-apps'])): ?>checked<?php endif; ?>
|
||||||
|
/>
|
||||||
|
|
||||||
<label for="big-menu-hidden-app-<?php echo $app['id'] ?>">
|
<label for="big-menu-hidden-app-<?php echo $app['id'] ?>">
|
||||||
<?php echo p($l->t($app['name'])); ?>
|
<?php echo p($l->t($app['name'])); ?>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</li>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
@ -458,21 +460,23 @@ $choicesSizes = [
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="side-menu-setting" data-name="target-blank-apps" id="target-blank-apps" data-checkbox style="display: none">
|
<div class="side-menu-setting" data-name="target-blank-apps" id="target-blank-apps" data-checkbox style="display: none">
|
||||||
<?php foreach ($_['apps'] as $app): ?>
|
<ul class="side-menu-setting-list">
|
||||||
<div>
|
<?php foreach ($_['apps'] as $app): ?>
|
||||||
<input
|
<li class="side-menu-setting-list-item">
|
||||||
type="checkbox"
|
<input
|
||||||
name="target-blank-apps[]"
|
type="checkbox"
|
||||||
value="<?php echo $app['id'] ?>"
|
name="target-blank-apps[]"
|
||||||
id="target-blank-app-<?php echo $app['id'] ?>"
|
value="<?php echo $app['id'] ?>"
|
||||||
<?php if (in_array($app['id'], $_['target-blank-apps'])): ?>checked<?php endif; ?>
|
id="target-blank-app-<?php echo $app['id'] ?>"
|
||||||
/>
|
<?php if (in_array($app['id'], $_['target-blank-apps'])): ?>checked<?php endif; ?>
|
||||||
|
/>
|
||||||
|
|
||||||
<label for="target-blank-app-<?php echo $app['id'] ?>">
|
<label for="target-blank-app-<?php echo $app['id'] ?>">
|
||||||
<?php echo p($l->t($app['name'])); ?>
|
<?php echo p($l->t($app['name'])); ?>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</li>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
@ -511,21 +515,23 @@ $choicesSizes = [
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="side-menu-setting" data-name="top-menu-apps" id="top-menu-apps" data-checkbox style="display: none">
|
<div class="side-menu-setting" data-name="top-menu-apps" id="top-menu-apps" data-checkbox style="display: none">
|
||||||
<?php foreach ($_['apps'] as $app): ?>
|
<ul class="side-menu-setting-list">
|
||||||
<div>
|
<?php foreach ($_['apps'] as $app): ?>
|
||||||
<input
|
<li class="side-menu-setting-list-item">
|
||||||
type="checkbox"
|
<input
|
||||||
name="top-menu-apps[]"
|
type="checkbox"
|
||||||
value="<?php echo $app['id'] ?>"
|
name="top-menu-apps[]"
|
||||||
id="top-menu-app-<?php echo $app['id'] ?>"
|
value="<?php echo $app['id'] ?>"
|
||||||
<?php if (in_array($app['id'], $_['top-menu-apps'])): ?>checked<?php endif; ?>
|
id="top-menu-app-<?php echo $app['id'] ?>"
|
||||||
/>
|
<?php if (in_array($app['id'], $_['top-menu-apps'])): ?>checked<?php endif; ?>
|
||||||
|
/>
|
||||||
|
|
||||||
<label for="top-menu-app-<?php echo $app['id'] ?>">
|
<label for="top-menu-app-<?php echo $app['id'] ?>">
|
||||||
<?php echo p($l->t($app['name'])); ?>
|
<?php echo p($l->t($app['name'])); ?>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</li>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -568,9 +574,9 @@ $choicesSizes = [
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="side-menu-setting" data-name="categories" id="categories-list" style="display: none">
|
<div class="side-menu-setting" data-name="categories" id="categories-list" style="display: none">
|
||||||
<ul>
|
<ul class="side-menu-setting-list">
|
||||||
<?php foreach ($_['categories'] as $key => $label): ?>
|
<?php foreach ($_['categories'] as $key => $label): ?>
|
||||||
<li data-id="<?php echo $key; ?>">
|
<li data-id="<?php echo $key; ?>" class="side-menu-setting-list-item">
|
||||||
<span class="arrow">
|
<span class="arrow">
|
||||||
⇅
|
⇅
|
||||||
</span>
|
</span>
|
||||||
|
|
Loading…
Reference in a new issue