-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
155 additions
and
103 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,73 @@ | ||
# Temas para o FrameWork Puro | ||
Temas para apresentação do [Adianti FrameWork 7.1](https://www.adianti.com.br/) baseado na aparecem padrão d BootStrap | ||
|
||
* [<- voltar para lista de temas BootStrap](../framework_puro.md) | ||
* [<- voltar para index](../../README.md) | ||
|
||
|
||
# theme3_v3 | ||
Tema baseado no [theme3_v3](bootstrap_theme3_v3.md) para Adianti FrameWork 7.1 | ||
|
||
|
||
## *Quais são as diferenças do theme 3 do Adianti ?*. | ||
* retirada do `maximum-scale=1, user-scalable=no` da `viewport` no arquivo layout.html. Sem esse parâmetro no celular o usuário consegue fazer o movimento de pinça para aumentar ou diminuir o zoom , o que aumenta acessebilidade para os usuários. | ||
* Inclusão dos arquivos das fontes MaterialIcons e source-code-pro assim não precisa de internet para baixar as fontes. | ||
* Inclusão do nome do sistema de forma customizada no `application.ini`. | ||
* Inclusão da versão do sistema de forma customizada no `application.ini`. | ||
* Title do HEAD alterado conforme novos parametos `head_title` e `version` no `application.ini`. | ||
* Arquivo de `libraries.html` conforme Adianti 7.1 | ||
* Arquivo favicon.png | ||
|
||
## Telas e suas alterações | ||
Locais das alterações | ||
![Theme3_v3](img/theme3_v3.png) | ||
|
||
### Origem das fontes MaterialIcons | ||
* MaterialIcons - https://github.com/google/material-design-icons/releases | ||
* source-code-pro - https://github.com/adobe-fonts/source-code-pro | ||
* Artigo do StackOverFlow que ajudou corrigir os temas - https://stackoverflow.com/questions/37270835/how-to-host-material-icons-offline | ||
|
||
|
||
|
||
## Para usar | ||
|
||
### Parte 01 | ||
Editar o arquivo `<SISTEMA>/app/config/application.ini` incluindo as informações abaixo : | ||
```ini | ||
[system] | ||
version = 2.0.0 | ||
head_title = Sistema de Exemplo | ||
logo-lg = Exemplo | ||
logo-link-class = 'index.php?class=SystemAboutView' | ||
login-link = http://wwww.meusite.com.br | ||
``` | ||
|
||
### Parte 02 | ||
|
||
Edite o arquivo `<SISTEMA>/app/lib/menu/AdiantiMenuBuilder.php` incluido as linhas abaixo. Depois altere no arquivo `<SISTEMA>/app/config/application.ini` informando o nome do Tema. | ||
|
||
```php | ||
case 'theme3_v4': | ||
ob_start(); | ||
$xml = new SimpleXMLElement(file_get_contents($file)); | ||
$menu = new TMenu($xml, null, 1, 'treeview-menu', 'treeview', ''); | ||
$menu->class = 'sidebar-menu'; | ||
$menu->id = 'side-menu'; | ||
$menu->show(); | ||
$menu_string = ob_get_clean(); | ||
return $menu_string; | ||
break; | ||
``` | ||
|
||
### Parte 03 | ||
Edite o arquivo `<SISTEMA>/index.php` incluido as linhas abaixo: | ||
|
||
```php | ||
$system_version = $ini['system']['version']; | ||
$head_title = $ini['system']['head_title'].' - v'.$system_version; | ||
$content = str_replace('{head_title}', $head_title, $content); | ||
$content = str_replace('{system_version}', $system_version, $content); | ||
$content = str_replace('{logo-mini}', $ini['general']['application'], $content); | ||
$content = str_replace('{logo-lg}', $ini['system']['logo-lg'], $content); | ||
$content = str_replace('{logo-link-class}', $ini['system']['logo-link-class'], $content); | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
# Temas para o FrameWork Puro | ||
Temas para apresentação do [Adianti FrameWork 7.1](https://www.adianti.com.br/) baseado na aparecem padrão d BootStrap | ||
|
||
* [<- voltar para lista de temas BootStrap](../framework_puro.md) | ||
* [<- voltar para index](../../README.md) | ||
|
||
|
||
# theme3_v3 | ||
Tema baseado no [theme3_v4](bootstrap_theme3_v4.md) para Adianti FrameWork 7.1 | ||
|
||
|
||
## *Quais são as diferenças do theme 3 do Adianti ?*. | ||
* retirada do `maximum-scale=1, user-scalable=no` da `viewport` no arquivo layout.html. Sem esse parâmetro no celular o usuário consegue fazer o movimento de pinça para aumentar ou diminuir o zoom , o que aumenta acessebilidade para os usuários. | ||
* Inclusão dos arquivos das fontes MaterialIcons e source-code-pro assim não precisa de internet para baixar as fontes. | ||
* Inclusão do nome do sistema de forma customizada no `application.ini`. | ||
* Inclusão da versão do sistema de forma customizada no `application.ini`. | ||
* Title do HEAD alterado conforme novos parametos `head_title` e `version` no `application.ini`. | ||
* Arquivo de `libraries.html` conforme Adianti 7.1 | ||
* Arquivo favicon.png | ||
* Arquivo de `layout.html` alterado removendo `layout-boxed` para ocupar toda area | ||
|
||
## Telas e suas alterações | ||
Locais das alterações | ||
![Theme3_v3](img/theme3_v3.png) | ||
|
||
### Origem das fontes MaterialIcons | ||
* MaterialIcons - https://github.com/google/material-design-icons/releases | ||
* source-code-pro - https://github.com/adobe-fonts/source-code-pro | ||
* Artigo do StackOverFlow que ajudou corrigir os temas - https://stackoverflow.com/questions/37270835/how-to-host-material-icons-offline | ||
|
||
|
||
|
||
## Para usar | ||
|
||
### Parte 01 | ||
Editar o arquivo `<SISTEMA>/app/config/application.ini` incluindo as informações abaixo : | ||
```ini | ||
[system] | ||
version = 2.0.0 | ||
head_title = Sistema de Exemplo | ||
logo-lg = Exemplo | ||
logo-link-class = 'index.php?class=SystemAboutView' | ||
login-link = http://wwww.meusite.com.br | ||
``` | ||
|
||
### Parte 02 | ||
|
||
Edite o arquivo `<SISTEMA>/app/lib/menu/AdiantiMenuBuilder.php` incluido as linhas abaixo. Depois altere no arquivo `<SISTEMA>/app/config/application.ini` informando o nome do Tema. | ||
|
||
```php | ||
case 'theme3_v5': | ||
ob_start(); | ||
$xml = new SimpleXMLElement(file_get_contents($file)); | ||
$menu = new TMenu($xml, null, 1, 'treeview-menu', 'treeview', ''); | ||
$menu->class = 'sidebar-menu'; | ||
$menu->id = 'side-menu'; | ||
$menu->show(); | ||
$menu_string = ob_get_clean(); | ||
return $menu_string; | ||
break; | ||
``` | ||
|
||
### Parte 03 | ||
Edite o arquivo `<SISTEMA>/index.php` incluido as linhas abaixo: | ||
|
||
```php | ||
$system_version = $ini['system']['version']; | ||
$head_title = $ini['system']['head_title'].' - v'.$system_version; | ||
$content = str_replace('{head_title}', $head_title, $content); | ||
$content = str_replace('{system_version}', $system_version, $content); | ||
$content = str_replace('{logo-mini}', $ini['general']['application'], $content); | ||
$content = str_replace('{logo-lg}', $ini['system']['logo-lg'], $content); | ||
$content = str_replace('{logo-link-class}', $ini['system']['logo-link-class'], $content); | ||
``` |