zeromax / contao-sb-admin Goto Github PK

Is it possible to set a delay for popover?

There are some display problemes in the page mask:

• height of error message is not enough
• hints of sub pallets are not correct positioned

[10-Jan-2016 10:16:10 Europe/Zurich] PHP Fatal error: Uncaught exception 'Exception' with message 'File system/themes/sb-admin/basic.css does not exist' thrown in /home/meinwebspace/public_html/horeb/system/modules/core/library/Contao/Combiner.php on line 134
#0 /home/meinwebspace/public_html/contao/system/modules/core/templates/backend/be_switch.html5(14): Contao\Combiner->add('system/themes/s...')
#1 /home/meinwebspace/public_html/contao/system/modules/core/library/Contao/BaseTemplate.php(88): include('/home/meinwebspace/...')
#2 /home/meinwebspace/public_html/contao/system/modules/core/library/Contao/Template.php(277): Contao\BaseTemplate->parse()
#3 /home/meinwebspace/public_html/contao/system/modules/core/classes/BackendTemplate.php(34): Contao\Template->parse()
#4 /home/meinwebspace/public_html/contao/system/modules/core/classes/BackendTemplate.php(107): Contao\BackendTemplate->parse()
#5 /home/meinwebspace/public_html/contao/system/modules/core/controllers/BackendSwitch.php(146): Contao\BackendTemplate->output()
#6 /home/meinwebspace/public_html/contao/contao/switch.php(20): Contao\BackendSwitch->run()
#7 {main}

See https://community.contao.org/de/showthread.php?59192-sb-admin-Alternatives-Backend-Theme/page3&p=395511&viewfull=1#post395511

extend the compatibility for contao >= 3.2

Hier wäre es toll, wenn man einen visuellen Button sehen würde. Man tappt im „weissen” :-).

Hier fehlt noch etwas CSS für die horizontale Positionierung

Wenn im Browser die Anzeige gezoomt wird (125%, 150%) dann verrutscht die Darstellungsreihenfolge der Eingabefelder wenn links ein Input und rechts eine Checkbox angezeigt wird. Das liegt am Floating und an der Höhe der Checkbox.

Getestet in Chrome und Firefox. Am einfachsten zu sehen ist es in den Einstellungen bei Backend-Einstellungen bei der Checkbox "Elemente nicht verkürzen" und denn nachfolgenden beiden URL-Inputs.

Einfach zu beheben, wenn in der style.css der margin-bottom von 6 auf 8px geändert wird:
.tl_box .cbx, -tl_tbox .cbx { margin-top: 52px; margin-bottom: 8px; }

If the viewport of the browser is zoomed (125%, 150%) then the display order of the input fields are wrong. This happens if there is left a input and right a checkbox.

The reason is the floating and the height of the checkbox.
Tested in Chrome and Firefox. The easiest way to see thisd is in the backend settings at the "Do not collapse elements" checkbox and the following two URL inputs.

This is easy to fix in the style.css when setting the the margin-bottom for .tl_boxfrom 6 to 8px:
.tl_box .cbx, -tl_tbox .cbx {margin-top: 52px; margin-bottom: 8px; }

• Rows widget
• CSS Framework (Multiple Checkbox with drag and drop)
• Module Wizard

Hello !

is there a way for you to add the possibility for your users to add custom CSS to correct some issues relative to some extensions ?

In other words, I want to customize the sb-theme without risking to reset the code I have injected in \system\themes\sb-admin\css\style.css when I update it.

I hope you will understand.

Thank you for your time ;)

Hi Zeromax,
first, you made a marvelous work on the Contao BE. Truly.
Thank you !

I want to ask you if you could propose some kind of "compress" option/alternative to reduce scroll by reducing all height, line-height, paddings and margins. I mean I agree the actual interface is very neat and clean but to me, ergonomic is also very important and more over on a BE.

Here is some quick css I did to improve this :

.page-header{
    margin: 10px 0 5px;
    padding-bottom: 5px;
}
.sidebar-nav ul li a{
    padding-top: 5px;
    padding-bottom: 5px;
}
.sidebar .nav-second-level li a{
    color: grey;
    font-size: .8em;
    padding-top: 3px;
    padding-bottom: 3px;
}
.nav>li>a {
}

.action-icon {
    padding: 5px;
    width: 28px;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td{
    padding: 5px;
    line-height: 1.1;
}
.table li, .tl_listing li {
    line-height: 20px;
}

.tl_file, .tl_file_list {
    font-size: .8em;
}

.tl_file_list.tl_right_nowrap{
    padding: 0 !important;
}

.tl_file .tl_left span{
    display: inline-block;
}

.tl_form{
}
.tl_tip{
    height: 14px;
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: .7em;
}

label{
    margin-bottom: 0;
}

fieldset.tl_tbox, fieldset.tl_box{
    margin-top: 10px;
}

h1, .h1, h2, .h2, h3, .h3{
    margin-top: 10px;
    margin-bottom: 5px;
}
h2, .h2, h3, .h3{
    margin-top: 5px;
    margin-bottom: 3px;
}

.tl_panel_bottom .tl_subpanel input[type="image"], .tl_panel .tl_subpanel input[type="image"], .wizard a, input[type="submit"], .tl_submit, #tl_buttons>a{
    padding: 3px 5px;
    font-size: 12px;
}

Here is the result :

I hope you'll understand my request. Sorry for my English :)

BR.
Renaud

see contao/core#7840

• table list -> tables, font and icons
• database update _> font to small
• extension view -> font, table

Maybe leave the design as is? only adjust some spaces and the font?

When creating new pages, the paste hint hides the button for the position:

The same probleme occures when creating a new content element in an empty article (via header button):

Only manipulate the template if sb-admin is the Backend Theme.

https://github.com/Zeromax/contao-sb-admin/blob/master/contao/system/modules/sb-admin/src/SbTemplate.php#L31

Style for important part overlay is missing

The extension currentInstallation will not work, cause it can not find the containe div for replacement which does no more exist in the be_main template.

move str replace to an extra class -> parseTemplate Hook

If a text input field with the class long (in DCA 'eval'=> array('tl_class'=>'long')) is inside a subpalette than the field is not rendered with full width. This is because in the style.css the selector is set to the direct div.long childs from .tl_box.

.tl_box>div.long,.tl_tbox>div.long {
    width: 97.5%
}

.tl_box>div.long .tl_text,.tl_box>div.long .tl_select,.tl_tbox>div.long .tl_text,.tl_tbox>div.long .tl_select {
    width: 100%
}

But when the field is inside a subpalette (e.g. like in my piwik extension) than the .tl_text input field is another level down. It works when removing the direct child selector to somehting like this:

.tl_box div.long {
    width: 97.5%
}

.tl_box div.long .tl_text, .tl_box div.long .tl_select {
    width: 100%
}

And it´s strange that the selectors exists twice.

This line will not work:
https://github.com/Zeromax/contao-sb-admin/blob/master/contao/system/modules/sb-admin/config/autoload.php#L34

Reproduce:

1. Default Theme $GLOBALS['TL_CONFIG']['backendTheme'] = 'sb-admin'
2. User wants to have a core Theme like flexible

It will make Problems with the template loading

File is missing

File system/themes/sb-admin/basic.css does not exist .. in system/modules/core/library/Contao/Combiner.php on line 134

see https://community.contao.org/de/showthread.php?59192-sb-admin-Alternatives-Backend-Theme&p=384677&viewfull=1#post384677

I just installed sb-admin on a couple of Contao installations. On one it works fine on the other it causes error messages like this:

Warning: mysqli::real_escape_string(): Couldn't fetch mysqli in system/modules/core/library/Contao/Database/Mysqli/Statement.php on line 51

#0 [internal function]: __error(2, 'mysqli::real_es...', '/var/www/htdocs...', 51, Array)
#1 system/modules/core/library/Contao/Database/Mysqli/Statement.php(51): mysqli->real_escape_string('a:2:{s:7:"refer...')
#2 system/modules/core/library/Contao/Database/Statement.php(350): Contao\Database\Mysqli\Statement->string_escape('a:2:{s:7:"refer...')
#3 system/modules/core/library/Contao/Database/Statement.php(325): Contao\Database\Statement->escapeParams(Array)
#4 system/modules/core/library/Contao/Database/Statement.php(262): Contao\Database\Statement->replaceWildcards(Array)
#5 system/modules/core/classes/FrontendUser.php(98): Contao\Database\Statement->execute('a:2:{s:7:"refer...', '9')
#6 [internal function]: Contao\FrontendUser->__destruct()
#7 {main}


Warning: mysqli::real_escape_string(): Couldn't fetch mysqli in system/modules/core/library/Contao/Database/Mysqli/Statement.php on line 51

#0 [internal function]: __error(2, 'mysqli::real_es...', '/var/www/htdocs...', 51, Array)
#1 system/modules/core/library/Contao/Database/Mysqli/Statement.php(51): mysqli->real_escape_string('9')
#2 system/modules/core/library/Contao/Database/Statement.php(350): Contao\Database\Mysqli\Statement->string_escape('9')
#3 system/modules/core/library/Contao/Database/Statement.php(325): Contao\Database\Statement->escapeParams(Array)
#4 system/modules/core/library/Contao/Database/Statement.php(262): Contao\Database\Statement->replaceWildcards(Array)
#5 system/modules/core/classes/FrontendUser.php(98): Contao\Database\Statement->execute('a:2:{s:7:"refer...', '9')
#6 [internal function]: Contao\FrontendUser->__destruct()
#7 {main}


Warning: mysqli::query(): Couldn't fetch mysqli in system/modules/core/library/Contao/Database/Mysqli/Statement.php on line 81

#0 [internal function]: __error(2, 'mysqli::query()...', '/var/www/htdocs...', 81, Array)
#1 system/modules/core/library/Contao/Database/Mysqli/Statement.php(81): mysqli->query('UPDATE tl_membe...')
#2 system/modules/core/library/Contao/Database/Statement.php(293): Contao\Database\Mysqli\Statement->execute_query()
#3 system/modules/core/library/Contao/Database/Statement.php(264): Contao\Database\Statement->query()
#4 system/modules/core/classes/FrontendUser.php(98): Contao\Database\Statement->execute('a:2:{s:7:"refer...', '9')
#5 [internal function]: Contao\FrontendUser->__destruct()
#6 {main}


Warning: Contao\Database\Mysqli\Statement::get_error(): Couldn't fetch mysqli in system/modules/core/library/Contao/Database/Mysqli/Statement.php on line 92

#0 system/modules/core/library/Contao/Database/Mysqli/Statement.php(92): __error(2, 'Contao\\Database...', '/var/www/htdocs...', 92, Array)
#1 system/modules/core/library/Contao/Database/Statement.php(116): Contao\Database\Mysqli\Statement->get_error()
#2 system/modules/core/library/Contao/Database/Statement.php(295): Contao\Database\Statement->__get('error')
#3 system/modules/core/library/Contao/Database/Statement.php(264): Contao\Database\Statement->query()
#4 system/modules/core/classes/FrontendUser.php(98): Contao\Database\Statement->execute('a:2:{s:7:"refer...', '9')
#5 [internal function]: Contao\FrontendUser->__destruct()
#6 {main}

I found that this is caused by the instantiation of the Backend User on line 58 of the SbTemplate class:

$objUser = \Controller::importStatic('BackendUser');
$loggedIn = $this->beUserLoggedIn($objUser);

As soon as I wrap these lines in an if clause to check TL_MODE to only execute this when working in the backend the errors disappear.
I don't know if this is the best solution and I also haven't found out what exactly causes the error messages to appear on the one Contao installation only. Could be any combination of extensions I guess, but I disabled all extensions (including core extension, but excluding sb-admin of course) on the problematic installation but that made no difference.

By the way: thanks for the awesome new backend theme! It looks great and I look forward to hopefully use it on as many of my Contao installations as possible.

Arno

• Page Reload cause of stylect
• Article Module -> edit pencil problem

If you press shift and select multiple files in the Filepicker by clicking not the checkboxes but the row than you also select the html content.
In the included flexible theme of contao only the checkboxes are switched..

I suggest some changes for a nicer layout of the extension manager.

Reduce unnecessary margin of the status box and set align-vertical to middle instead of top.

table.extension>thead>tr>th,table.extension>thead>tr>td,table.extension>tbody>tr>th,table.extension>tbody>tr>td,table.extension>tfoot>tr>th,table.extension>tfoot>tr>td,.installs>thead>tr>th,.installs>thead>tr>td,.installs>tbody>tr>th,.installs>tbody>tr>td,.installs>tfoot>tr>th,.installs>tfoot>tr>td,#sql_table>thead>tr>th,#sql_table>thead>tr>td,#sql_table>tbody>tr>th,#sql_table>tbody>tr>td,#sql_table>tfoot>tr>th,#sql_table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: middle; // <-- set to middle to have the content of the row in one line
    border-top: 1px solid #ddd;
}

.alert,.color_green,.color_red,.color_blue,.color_darkorange {
    padding: 15px;
    /* margin-bottom:20px;  no space at the bottom needed in the extension overview (don´t know if that is needed somewhere else*/
    border: 1px solid transparent;
    border-radius: 4px;
}

I didn´t testet this for all cases and made the changes only in the developer tools of chrome. Only wanted to make some suggestion for improvement...

BTW.: This is a great extension. I use it for all my contao installations..

There should be a small dashboard for Admins to see

• PHP Version
• MySQL Version

Maybe some other Info like DB Space...

/cc @planepix

Wenn die Dateiverwaltung geöffnet wird, ist das Einfüge-Icon auf der obersten Ebene nicht rechtsbündig wie die anderen Icons, sondern direkt nach dem text auf der linken Seite.

Screenshot aus Chrome.

• Create a Text Content element
• insert text
• add a link

In the Modal window the link to the file picker is missing.

Beim Desktop Icons linksbündig und nicht rechtsbündig. Chrome, Mac.

Floating and Drag hint broken

the background color is not correct if the sidebar is longer than the viewport and page-wrapper

• be_forbidden.html5
• be_no_active.html5
• be_no_forward.html5
• be_no_layout.html5
• be_no_page.html5
• be_no_root.html5
• be_referer.html5
• be_unavailable.html5

Add this list to the Readme

see https://community.contao.org/de/showthread.php?59192-sb-admin-Alternatives-Backend-Theme&p=384671&viewfull=1#post384671

the popup template has a given size from the Modal Window -> Contao preset this size.

That there is a Notification should be more Prominent.

see https://community.contao.org/de/showthread.php?59192-sb-admin-Alternatives-Backend-Theme/page2&p=386206&viewfull=1#post386206

When selecting images in content element gallery and expanding a folder, the whole folder is then selected. This is annoying when you only want some files within a folder.

It looks like there is an error in the hover.js. Couldn´t find the exact error.

This could be fixed when reducing the padding of the span.color-green box and adding some padding for the parent div

.installlog div {
    padding: 10px
}
.installlog span {
    padding: 5px
}

Hi Andi,

auf dem Deesktop (Viewport größer als 1400px) wird bei der Seitenstruktur-Ansicht nicht auf volle Breite gerendert, sondern nur in einer schmalen Ansicht (siehe Screenshot).
Und auch in vielen anderen Ansichten (Artikel, Nachrichten) ist die Darstellung zu schmal (die Icons sitzen nicht rechts gefloatet).

Fix Position and Layout if possible.

While using sb-admin with MetaModels, activating attributes in render lists does not work. It seems that sb-admin injects a return code into the link containing the red eye icon. Deactivating attributes works! Also, activating content elsewhere works fine. To activate attributes i have to switch to the default backend theme.

(Browser: Safari/Mac, did not try anything else)

Edit: Also, hab mir den Code von Metamodels angesehen. Die setzen GIFs voraus, wo sb-Admin FonrAwesome verwendet. Hab dort auch ein Issue reingestellt.