Version 5.0.0 beta 5
This commit is contained in:
Neo committed
1 parent
2f24f9de48
commit
57d9db6ce2
218 files changed
+5331
-7416
No files matched your search
@@ -383,19 +383,15 @@
|
||||
<a href='{$rootButtons['add_folder']['link']}' data-ipsDialog data-ipsDialog-title='{lang="cms_add_media_folder"}' class='ipsButton ipsButton--secondary ipsButton--small ipsButton--wide' data-role='folderButton'><i class="fa-solid fa-folder-plus"></i> {lang="cms_add_media_folder"}</a>
|
||||
{{endif}}
|
||||
</div>
|
||||
<div class="ipsTabs ipsTabs--stretch acpFormTabBar" id="elMedia_sidebarTabs" data-ipsTabBar data-ipsTabBar-contentarea="#elMedia_sidebar" data-ipstabbar-updateurl="false">
|
||||
<ul role='tablist'>
|
||||
<li>
|
||||
<a href="#" class="ipsTabs__tab ipsTabs__tab--active" data-type="templates" id="elTab_folders" aria-selected="true">{lang="media_folders"}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="ipsTabs__tab ipsTabs__tabDisabled" id='elTab_overview' data-type="css">{lang="media_file_overview"}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<i-tabs class="ipsTabs ipsTabs--stretch acpFormTabBar" id="ipsTabs_mediaSidebar" data-ipsTabBar data-ipsTabBar-contentarea="#elMedia_sidebar" data-ipstabbar-updateurl="false">
|
||||
<div role='tablist'>
|
||||
<button type="button" class="ipsTabs__tab" id="ipsTabs_mediaSidebar_folders" role="tab" aria-controls="ipsTabs_mediaSidebar_folders_panel" aria-selected="true" data-type="templates">{lang="media_folders"}</button>
|
||||
<button type="button" class="ipsTabs__tab" id='ipsTabs_mediaSidebar_overview' role="tab" aria-controls="ipsTabs_mediaSidebar_overview_panel" aria-selected="false" data-type="css">{lang="media_file_overview"}</button>
|
||||
</div>
|
||||
{template="tabScrollers" app="core" group="global" location="global"}
|
||||
</div>
|
||||
</i-tabs>
|
||||
<div id='elMedia_sidebar' class='i-background_1 ipsScrollbar'>
|
||||
<div id='ipsTabs_elMedia_sidebarTabs_elTab_folders_panel' class='ipsTabs__panel'>
|
||||
<div id='ipsTabs_mediaSidebar_folders_panel' class='ipsTabs__panel' role="tabpanel" aria-labelledby="ipsTabs_mediaSidebar_folders">
|
||||
{{$roots = \call_user_func( $tree->getRoots );}}
|
||||
<ul class='ipsTreeList' data-role='folderList'>
|
||||
<li class='ipsTreeList_activeBranch ipsTreeList_activeNode' data-role="mediaFolder" data-folderID='0' data-loaded='true'>
|
||||
@@ -408,7 +404,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id='ipsTabs_elMedia_sidebarTabs_elTab_overview_panel' class='ipsTabs__panel i-padding_3' data-role='mediaSidebar'>
|
||||
<div id='ipsTabs_mediaSidebar_overview_panel' class='ipsTabs__panel i-padding_3' data-role='mediaSidebar' role="tabpanel" aria-labelledby="ipsTabs_mediaSidebar_overview" hidden>
|
||||
<div data-role='itemInformation'>
|
||||
<div class='cMedia_preview i-margin-bottom_3' data-role='itemPreview'></div>
|
||||
<div class=''>
|
||||
@@ -841,21 +837,18 @@
|
||||
{{if !empty( $errorTabs )}}
|
||||
<p class="ipsMessage ipsMessage--error ipsJS_show">{lang="tab_error"}</p>
|
||||
{{endif}}
|
||||
<div class='ipsTabs ipsJS_show' id='tabs_{$id}' data-ipsTabBar data-ipsTabBar-contentArea='#ipsTabs_content_{$id}'>
|
||||
<ul role='tablist'>
|
||||
<i-tabs class='ipsTabs' id='ipsTabs_{$id}' data-ipsTabBar data-ipsTabBar-contentArea='#ipsTabs_{$id}_content'>
|
||||
<div role='tablist'>
|
||||
{{$checkedTab = NULL;}}
|
||||
{{foreach $elements as $name => $content}}
|
||||
<li>
|
||||
<a href='#ipsTabs_tabs_{$id}_{$id}_tab_{$name}_panel' id='{$id}_tab_{$name}' class="ipsTabs__tab" role="tab">
|
||||
{lang="$name"}
|
||||
</a>
|
||||
</li>
|
||||
<a href='#ipsTabs_{$id}_{$name}_panel' id='ipsTabs_{$id}_{$name}' class="ipsTabs__tab" role="tab" aria-controls="ipsTabs_{$id}_{$name}_panel" aria-selected="{{if !$checkedTab}}true{{$checkedTab = $name;}}{{else}}false{{endif}}">{lang="$name"}</a>
|
||||
{{endforeach}}
|
||||
</ul>
|
||||
</div>
|
||||
{template="tabScrollers" app="core" group="global" location="global"}
|
||||
</div>
|
||||
<div id='ipsTabs_content_{$id}' class='ipsTabs__panels ipsTabs__panels--padded'>
|
||||
</i-tabs>
|
||||
<div id='ipsTabs_{$id}_content' class='ipsTabs__panels ipsTabs__panels--padded'>
|
||||
{{foreach $elements as $name => $contents}}
|
||||
<div id='ipsTabs_tabs_{$id}_{$id}_tab_{$name}_panel' class="ipsTabs__panel" aria-labelledby="{$id}_tab_{$name}" aria-hidden="false">
|
||||
<div id='ipsTabs_{$id}_{$name}_panel' class="ipsTabs__panel" aria-labelledby="ipsTabs_{$id}_{$name}" {{if $checkedTab != $name}}hidden{{endif}}>
|
||||
|
||||
{{if $hasModOptions && $name == 'topic_mainTab'}}
|
||||
<div class='ipsColumns'>
|
||||
@@ -937,7 +930,7 @@
|
||||
<template template_group="templates" template_name="addForm" template_data="$formHTML, $type" template_location="admin" template_app="cms"><![CDATA[<div data-type='{$type}'>
|
||||
{$formHTML|raw}
|
||||
</div>]]></template>
|
||||
<template template_group="templates" template_name="editor" template_data="$templates, $current" template_location="admin" template_app="cms"><![CDATA[<div class='ipsTabs__panel' data-role="templatePanel" id='ipsTabs_elTemplateEditor_tabbar_tab_{$current->key}_panel' data-fileid="{$current->key}" data-location="{$current->location}" data-group="{$current->group}" data-name="{$current->title}" data-type='{$current->type}' data-itemID='{$current->id}' data-inherited-value="{$current->_inherited}">
|
||||
<template template_group="templates" template_name="editor" template_data="$templates, $current" template_location="admin" template_app="cms"><![CDATA[<div class='ipsTabs__panel' id='ipsTabs_elTemplateEditor_tabbar_tab_{$current->key}_panel' role="tabpanel" aria-labelledby="tab_{$current->key}" data-role="templatePanel" data-fileid="{$current->key}" data-location="{$current->location}" data-group="{$current->group}" data-name="{$current->title}" data-type='{$current->type}' data-itemID='{$current->id}' data-inherited-value="{$current->_inherited}">
|
||||
<input data-role="group" type="text" name="group_{$current->key}" class='ipsJS_hide ipsInput ipsInput--text' value="{$current->group}">
|
||||
<input data-role="variables" type="text" name="variables_{$current->key}" class="ipsInput ipsInput--text ipsInput--fullWidth" value='{$current->params}' placeholder="{lang="skin_set_template_templatevars"}">
|
||||
<input data-role="title" type="text" name="title_{$current->key}" class="ipsJS_hide ipsInput ipsInput--text ipsInput--fullWidth" value='{$current->title}' placeholder="{lang="content_template_editor_fields_title"}">
|
||||
@@ -1059,14 +1052,14 @@
|
||||
<li class='ipsMenu_item'><a role='menuitem' href='{url="app=cms&module=pages&controller=templates&do=addTemplate&type=js"}' data-ipsDialog data-ipsDialog-forceReload data-ipsDialog-title='{lang="content_template_add_template_js_title""}'>{lang="content_template_add_template_js"}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class='ipsTabs ipsTabs--stretch acpFormTabBar' id='elTemplateEditor_typeTabs' data-ipsTabBar data-ipsTabBar-contentArea='#elTemplateEditor_fileList' data-ipsTabBar-updateURL='false'>
|
||||
<ul role="tablist">
|
||||
<li><a href='{url="app=cms&module=pages&controller=templates&do=manage&t_type=templates"}' class='ipsTabs__tab i-text-align_center {{if $current->type == 'templates'}}ipsTabs__tab--active{{endif}}' data-tabURL='{url="app=cms&module=pages&controller=ajax&do=loadMenu&t_type=templates"}' data-type='templates'>{lang="theme_html"}</a></li>
|
||||
<li><a href='{url="app=cms&module=pages&controller=templates&do=manage&t_type=css"}' class='ipsTabs__tab i-text-align_center {{if $current->type == 'css'}}ipsTabs__tab--active{{endif}}' data-tabURL='{url="app=cms&module=pages&controller=ajax&do=loadMenu&t_type=css"}' data-type='css'>{lang="theme_css"}</a></li>
|
||||
<li><a href='{url="app=cms&module=pages&controller=templates&do=manage&t_type=js"}' class='ipsTabs__tab i-text-align_center {{if $current->type == 'js'}}ipsTabs__tab--active{{endif}}' data-tabURL='{url="app=cms&module=pages&controller=ajax&do=loadMenu&t_type=js"}' data-type='js'>{lang="theme_js"}</a></li>
|
||||
</ul>
|
||||
<i-tabs class='ipsTabs ipsTabs--stretch acpFormTabBar' id='elTemplateEditor_typeTabs' data-ipsTabBar data-ipsTabBar-contentArea='#elTemplateEditor_fileList' data-ipsTabBar-updateURL='false'>
|
||||
<div role="tablist">
|
||||
<a href='{url="app=cms&module=pages&controller=templates&do=manage&t_type=templates"}' class='ipsTabs__tab' role="tab" aria-selected="{{if $current->type == 'templates'}}true{{else}}false{{endif}}" data-tabURL='{url="app=cms&module=pages&controller=ajax&do=loadMenu&t_type=templates"}' data-type='templates'>{lang="theme_html"}</a>
|
||||
<a href='{url="app=cms&module=pages&controller=templates&do=manage&t_type=css"}' class='ipsTabs__tab' role="tab" aria-selected="{{if $current->type == 'css'}}true{{else}}false{{endif}}" data-tabURL='{url="app=cms&module=pages&controller=ajax&do=loadMenu&t_type=css"}' data-type='css'>{lang="theme_css"}</a>
|
||||
<a href='{url="app=cms&module=pages&controller=templates&do=manage&t_type=js"}' class='ipsTabs__tab' role="tab" aria-selected="{{if $current->type == 'js'}}true{{else}}false{{endif}}" data-tabURL='{url="app=cms&module=pages&controller=ajax&do=loadMenu&t_type=js"}' data-type='js'>{lang="theme_js"}</a>
|
||||
</div>
|
||||
{template="tabScrollers" app="core" group="global" location="global"}
|
||||
</div>
|
||||
</i-tabs>
|
||||
<section id='elTemplateEditor_fileList'>
|
||||
{template="menu" params="$templates, $current, $request" app="cms" location="admin" group="templates"}
|
||||
</section>
|
||||
@@ -1104,13 +1097,11 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id='elTemplateEditor_tabbar' class='ipsTabs acpFormTabBar' data-ipsTabBar data-ipsTabBar-contentArea='#elTemplateEditor_panels'>
|
||||
<ul role='tablist'>
|
||||
<li data-fileid='{$current->key}' data-type="{$current->type}" data-location='{$current->location}' data-group="{$current->group}">
|
||||
<a href='#' class='ipsTabs__tab' id='tab_{$current->key}'>{$current->title} <span data-action='closeTab'><i class='fa-solid fa-xmark'></i></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<i-tabs id='elTemplateEditor_tabbar' class='ipsTabs acpFormTabBar' data-ipsTabBar data-ipsTabBar-contentArea='#elTemplateEditor_panels'>
|
||||
<div role='tablist'>
|
||||
<a href='#' class='ipsTabs__tab' id='tab_{$current->key}' role="tab" aria-controls="ipsTabs_elTemplateEditor_tabbar_tab_{$current->key}_panel" aria-selected="true" data-fileid='{$current->key}' data-type="{$current->type}" data-location='{$current->location}' data-group="{$current->group}">{$current->title} <span data-action='closeTab'><i class='fa-solid fa-xmark'></i></span></a>
|
||||
</div>
|
||||
</i-tabs>
|
||||
<section data-role="templatePanelWrap" id='elTemplateEditor_panels' data-haseditor="{{if $current->id}}true{{else}}false{{endif}}">
|
||||
{template="editor" params="$templates, $current" app="cms" location="admin" group="templates"}
|
||||
</section>
|
||||
@@ -1266,7 +1257,7 @@
|
||||
</details>]]></template>
|
||||
<template template_group="widgets" template_name="pagebuilderoembed" template_data="$video, $layout='table', $isCarousel=false" template_location="front" template_app="cms"><![CDATA[<div class='i-margin-inline_auto'>{$video|raw}</div>]]></template>
|
||||
<template template_group="widgets" template_name="pagebuildertext" template_data="$text, $layout='table', $isCarousel=false" template_location="front" template_app="cms"><![CDATA[<div>{$text|raw}</div>]]></template>
|
||||
<template template_group="widgets" template_name="pagebuilderupload" template_data="$images, $captions, $urls, $autoPlay, $maxHeight, $layout='table', $isCarousel=false" template_location="front" template_app="cms"><![CDATA[
|
||||
<template template_group="widgets" template_name="pagebuilderupload" template_data="$images, $captions, $urls, $maxHeight, $layout='table', $isCarousel=false" template_location="front" template_app="cms"><![CDATA[
|
||||
{{if ! \is_array( $images )}}
|
||||
<figure class="ipsFigure ipsFigure--contain" {{if $maxHeight}}style="--_height: {$maxHeight}px;"{{endif}}>
|
||||
{{if isset( $urls[0] )}}
|
||||
@@ -1287,7 +1278,7 @@
|
||||
|
||||
{{else}}
|
||||
{{$carouselID = 'page-builder-image-widget_' . mt_rand();}}
|
||||
<ul class='ipsCarousel ipsCarousel--page-builder-image-widget' id='{$carouselID}' {{if $autoPlay}}data-ipsCarousel-slideshow{{endif}} tabindex="0">
|
||||
<ul class='ipsCarousel ipsCarousel--page-builder-image-widget' id='{$carouselID}' tabindex="0">
|
||||
{{foreach $images as $id => $image}}
|
||||
<li>
|
||||
<figure class='ipsFigure ipsFigure--contain' style="--_backdrop: url('{$image}'); {{if $maxHeight}}--_height: {$maxHeight}px;{{endif}}">
|
||||
@@ -1702,14 +1693,14 @@
|
||||
}
|
||||
|
||||
/* Hide tab bar if there are zero tabs (ie. if all tabs are closed) */
|
||||
#elTemplateEditor .ipsTabs:not(:has(li)){
|
||||
#elTemplateEditor .ipsTabs:not(:has([role="tab"])){
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Close tab button */
|
||||
#elTemplateEditor [data-action="closeTab"] {
|
||||
font-size: 12px;
|
||||
color: var(--i-color_soft);
|
||||
opacity: .5;
|
||||
display: inline-grid;
|
||||
width: 1.6em;
|
||||
height: 1.6em;
|
||||
@@ -1721,8 +1712,8 @@
|
||||
}
|
||||
|
||||
#elTemplateEditor [data-action="closeTab"]:hover {
|
||||
color: var(--i-color_hard);
|
||||
background: color-mix(in srgb, var(--i-color_hard) 30%, transparent);
|
||||
opacity: 1;
|
||||
background: color-mix(in srgb, currentColor 10%, transparent);
|
||||
}
|
||||
|
||||
/* Full height code editor */
|
||||
@@ -1917,7 +1908,7 @@ a.ipsCms_templateOptions {
|
||||
/* INHERITED VALUES */
|
||||
a[data-inherited-value]::after {
|
||||
position: absolute;
|
||||
margin-top: 2px;
|
||||
top: 9px;
|
||||
inset-inline-end: 5px;
|
||||
}
|
||||
|
||||
@@ -1950,18 +1941,21 @@ a[data-inherited-value="original"]::after {
|
||||
.cTemplateState_custom::before {
|
||||
content: 'C';
|
||||
background: #c9c030;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cTemplateList a[data-inherited-value="inherit"]::after,
|
||||
.cTemplateState_inherit::before {
|
||||
content: 'I';
|
||||
background: #83b256;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cTemplateList a[data-inherited-value="changed"]::after,
|
||||
.cTemplateState_changed::before {
|
||||
content: 'M';
|
||||
background: #c93054;
|
||||
color: #fff;
|
||||
}]]></css>
|
||||
<css css_location="admin" css_app="cms" css_attributes="" css_path="templates" css_name="view.css">/* ----- */
|
||||
.ipsTemplate_box {
|
||||
|
||||
Reference in new issue
Block a user