bjverde / formdin5 Goto Github PK

Creat Basic Form Example 01
include fields tupe

• text
• text area
• select
• multi select
• radio
• check
• date move to #52

Update Font Awesome to 5.11

Está relacionado com #36

Incluir Font Awesome no Menu pode sendo setar no lugar da imagem.

Setar Font Awesome CSS em: TApplication > setJavaScriptCss

Semelhante : TForm > __construct (Linha 231 a 236)

Mostrar Tooltips no menu bootstrap como acontecia antes

When the user clicks on the menu open form but doesn't close de menu tree.

Oblige the user clicks on the menu to close.

Load BootStrap 4.3 on TForm

Change grid normal FormDin to the responsive table. See the article above about the subject.

Preference to :

• scroll with overflow-x:auto; [1]
• collaps rows [2]

[1] https://www.w3schools.com/howto/howto_css_table_responsive.asp
[2] https://css-tricks.com/accessible-simple-responsive-tables/
[3] https://css-tricks.com/responsive-data-tables/

Incluir o link para carregar no Iframe

Area central não cresce automaticamente como FormDin4. Tudo indica que seja o uso do JQuery Layout para fazer isso.

Ver bjverde/formDin#104

Like bjverde/formDin#121

#1

Incluir a passagem de parâmetros json como acontecei antes.

Para resolver o problema do #6 e colocar o menu para funcionar foi comentado

THtmlPage.class.php -> includeJsCssFiles o final

if( $jquery ) {
	$this->objHead->add('<script>try{jQuery.noConflict();}catch(e){}</script>');
}

Verificar o que tem ser feito !! Remover mesmo ou alterar o arquivo base\js\menu_multilevel_bootstrap.js para usar apenas JQuery e não $

To future prepare the use of the Template View to allow a greater customization.

Similar to what Adianti does

• http://www.diegobrocanelli.com.br/php/twig-a-super-engine-template-para-php/
• http://raelcunha.com/template/
• https://dzone.com/articles/practical-php-patterns/practical-php-patterns-9

Table created with formDin 4 have attributes not predict in TR or TD on Table.

on TR

• line_number
• row_count

on TD

• <TABLE_ID><COLUMN_ID>
• column_index
• line_number
• field_name

            <tr id="gd_tr_7"  class="fwGridRow" line_number="7" row_count="5580" >
                <td id="gd_cod_municipio_7" column_index="1"  line_number="7" field_name="COD_MUNICIPIO">
                    1100064
                </td>
                <td id="gd_cod_uf_7" column_index="2"  line_number="7" field_name="COD_UF" >
                    11
                </td>
                <td id="gd_sig_uf_7" column_index="3"  line_number="7" field_name="SIG_UF" >
                    RO
                </td>
                <td id="gd_nom_municipio_7" column_index="4"  line_number="7" field_name="NOM_MUNICIPIO">
                    COLORADO DO OESTE
                </td>
                <td id="gd_sit_ativo_7" column_index="5"  line_number="7" field_name="SIT_ATIVO" >
                    S
                </td>
                <td id="gd_td_7" column_index="6"  class="fwGridCellAction" line_number="7" style="text-align:center;padding:2.5px;" nowrap="true">
                    <img name="gdAlterar" id="gdAlterar" title="Alterar" cod_municipio="1100064" src="../base/imagens/alterar.gif" alt="Alterar" fieldtype="img" style="width:auto;height:auto;display:inline;cursor:pointer;border:none;vertical-align:top;position:relative;" onclick="fwAtualizarCampos('COD_MUNICIPIO|COD_UF|NOM_MUNICIPIO|SIT_ATIVO','1100064|11|COLORADO DO OESTE|S');fwFazerAcao('gd_alterar')">
                    <img name="gdExcluir" id="gdExcluir" title="Excluir" cod_municipio="1100064" src="../base/imagens/lixeira.gif" alt="Excluir" fieldtype="img" style="width:auto;height:auto;display:inline;cursor:pointer;border:none;vertical-align:top;position:relative;" onclick="fwGridConfirmDelete('COD_MUNICIPIO|COD_UF|NOM_MUNICIPIO|SIT_ATIVO','1100064|11|COLORADO DO OESTE|S','gd','7')">
                </td>
            </tr>

load Default Module

When the menu with only one item in the root path. Show many notices PHP!

Linha:116

Erro N.8
Mensagem:Undefined index: @attributes
Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:117

Erro N.8
Mensagem:Undefined index: @attributes
Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:123

include libs

• Bootstrap 4
• Jquery
• Fonts
• FPDF

Melhorar o FormDin para adequar ao padrão do PHP FIG melhorando o autoload

• https://rogerioadris.wordpress.com/2014/07/29/batalha-dos-autoloaders-psr-0-x-psr-4/
• https://davidlima.com.br/post/php-fig-e-as-psr-parte-4/

Install Fonts Icons

• BootStrap
• Google
• Material Icon

• https://www.w3schools.com/icons/google_icons_intro.asp
• https://google.github.io/material-design-icons/
• https://www.tutlane.com/tutorial/font-icons/google-material-design-icons-introduction
• https://github.com/google/material-design-icons
• https://medium.com/dev-channel/getting-started-with-material-design-components-for-web-3cb30fbac7d8
• https://quasar.dev/options/installing-icon-libraries

Update componete

On Bootstrap4 this effect is called toggle or collapse.

The table on visualized on mobile must show the responsive table with a toggle effect. On touche user on he headline the other columns must show

Create Menu Templates colour like the on FormDin4

• standard
• agua_dark
• agua_sky
• agua_orange
• clear_blue
• clear_green
• dhx_black
• dhx_blue
• glassy_blue
• modern_black
• modern_blue
• modern_red
• clear_silver
• Dracula (BONUS)

Use NameSpace

Create side Menu, similar to the examples.

• https://bootsnipp.com/snippets/r1Pjd
• https://bootsnipp.com/snippets/prnvG
• https://bootsnipp.com/snippets/7XM32
• https://mdbootstrap.com/docs/jquery/navigation/sidenav/
• https://www.w3schools.com/howto/howto_css_sidebar_icons.asp
• https://bootstrapious.com/p/bootstrap-sidebar

Change Layout Button to BootStrap 4.3

Está relacionado com bjverde/formDin#104

Atualizar a biblioteca jquery.jlayout-1.3.js

Parece que o Fork https://github.com/GedMarc/layout funciona com JQuery 3.3.1

Criar o Menu

• https://getbootstrap.com.br/docs/4.1/components/navbar/#conte%C3%BAdo-externo
• https://getbootstrap.com.br/docs/4.1/components/navs/#usando-dropdowns
• https://getbootstrap.com.br/docs/4.1/components/dropdowns/#usage

Para criar menus multi níveis

• https://bootsnipp.com/snippets/35p8X
• https://bootsnipp.com/snippets/xr4GW

JS: Not load Jquery on Form Alone

Referenced #19

ReferenceError: jQuery is not defined

Updated according to FormDin 4.7.1

CSS: Incluir Div na ordem correta

ui-app-north
ui-app-center
-- div_main_menu
----nav
-- app_iframe
ui-app-south

http://localhost/formDin5/appexemplo_form_alone/

include TPDF

TypeError: $.browser is undefined

http://localhost/formDin5/base/js/jquery/tooltip/jquery.tooltip.js:27:3
http://localhost/formDin5/base/js/jquery/tooltip/jquery.tooltip.js:16:3

Está relacionado com bjverde/formDin#108

O site oficial afirma que não tem mais suporte
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

A solução é usar o Tooltip do Jquery UI 1.12.1
https://jqueryui.com/tooltip/

Uma possível solução é Gabi igual #107
https://github.com/sekaiamber/js-shortcuts/blob/master/jquery.shortcuts.js

var browser = {
mozilla : /firefox/.test(navigator.userAgent.toLowerCase()),
webkit : /webkit/.test(navigator.userAgent.toLowerCase()),
opera : /opera/.test(navigator.userAgent.toLowerCase()),
msie : /msie/.test(navigator.userAgent.toLowerCase()),
}

Convert formDin for i10n or i18n
See

• https://pt.stackoverflow.com/questions/39187/internacionaliza%C3%A7%C3%A3o-l10n-e-i18n
• https://www.w3.org/International/questions/qa-i18n.pt-br
• https://blog.udemy.com/php-gettext/
• http://www.devin.com.br/php-gettext/

criar uma classe TLog ou TMensage para gravar todas as mensagens de log

Include Tests PHPUnit

Descobri como desabilitar o menu do BootStrap como acontecia antes.

Java script no final da pagina

Update Jquery to 3.4.1

Choice an admin pane

• SB Admin 2 - https://startbootstrap.com/themes/admin-dashboard/
• SB Admin 1 - https://startbootstrap.com/templates/sb-admin/
• AdminLTE - https://adminlte.io/
• https://github.com/creativetimofficial/material-dashboard
• https://dashboardpack.com/

Update example applications equal FormDin 4

• App 1.0
• App 2.0
• App 2.5

Filho de #6

Bug: the menu with only one item

Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:116

Erro N.8
Mensagem:Undefined index: @attributes
Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:117

Erro N.8
Mensagem:Undefined index: @attributes
Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:123

Erro N.2
Mensagem:Illegal string offset '@attributes'
Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:116

Erro N.2
Mensagem:Illegal string offset 'id'
Arquivo:base\core\webform\TMenuBootStrap.class.php
Linha:116

Maker static analysis tools and code quality checkers

Use tootls in
https://github.com/mre/awesome-static-analysis

Carregar imagens Form4

Change TPassword to Password Show Hide

https://codepen.io/Qanser/pen/dVRGJv

#188

create graphic with Chart.js

https://www.chartjs.org/

See example
https://www.youtube.com/watch?v=Qm6yeRs5IY0