├── dist ├── .gitkeep ├── assets │ ├── images │ │ ├── logo.png │ │ └── logo-gray.png │ ├── vendors │ │ ├── font-awesome │ │ │ └── fonts │ │ │ │ ├── FontAwesome.otf │ │ │ │ ├── fontawesome-webfont.eot │ │ │ │ ├── fontawesome-webfont.ttf │ │ │ │ ├── fontawesome-webfont.woff │ │ │ │ ├── fontawesome-webfont.woff2 │ │ │ │ └── 4.4.0 │ │ │ │ └── index.html │ │ ├── bootstrap │ │ │ └── fonts │ │ │ │ ├── glyphicons-halflings-regular.eot │ │ │ │ ├── glyphicons-halflings-regular.ttf │ │ │ │ ├── glyphicons-halflings-regular.woff │ │ │ │ └── glyphicons-halflings-regular.woff2 │ │ ├── stickytableheaders │ │ │ └── jquery.stickytableheaders.js │ │ └── sweetalert │ │ │ └── sweetalert.css │ ├── stylesheets │ │ ├── application.css │ │ ├── algaworks.min.css │ │ └── algaworks.css │ └── javascripts │ │ ├── algaworks.min.js │ │ └── algaworks.js ├── 403.html ├── 500.html ├── 404.html ├── esqueceu-a-senha.html ├── login.html ├── pagina-vazia.html ├── tabela-sem-dados.html ├── cadastro-produto.html ├── dashboard.html └── pesquisa-produtos.html ├── assets ├── vendors │ └── .gitkeep └── images │ ├── logo.png │ └── logo-gray.png ├── .bowerrc ├── .gitignore ├── sources ├── less │ ├── custom │ │ ├── aw-pagination.less │ │ ├── aw-fa-icons.less │ │ ├── aw-utilities.less │ │ ├── aw-form-control.less │ │ ├── aw-label.less │ │ ├── aw-table.less │ │ ├── aw-alert.less │ │ ├── aw-datatable-toolbar.less │ │ ├── aw-btn.less │ │ └── aw-page-header.less │ ├── layouts │ │ ├── aw-layout-page.less │ │ ├── aw-layout-simple-page.less │ │ ├── aw-layout-loading.less │ │ ├── aw-layout-content.less │ │ ├── aw-layout-footer.less │ │ └── aw-layout-sidebar.less │ ├── utils │ │ ├── aw-generic.less │ │ └── aw-text-align.less │ ├── components │ │ ├── aw-pagination-info.less │ │ ├── aw-footer-disclaimer.less │ │ ├── aw-logged-user.less │ │ ├── aw-box.less │ │ ├── aw-error-panel.less │ │ ├── aw-simple-panel.less │ │ ├── aw-graph-box.less │ │ ├── aw-menu.less │ │ ├── aw-search-modal.less │ │ └── aw-balls-spinner.less │ ├── vendors.less │ ├── pages │ │ └── pesquisa-produto.less │ ├── application.less │ ├── algaworks.less │ └── variables.less ├── html │ ├── pagina-vazia.html │ ├── templates │ │ ├── simple-page │ │ │ ├── rodape.html │ │ │ └── cabecalho.html │ │ └── default │ │ │ ├── rodape.html │ │ │ ├── cabecalho.html │ │ │ ├── menu.html │ │ │ └── navbar.html │ ├── 403.html │ ├── 500.html │ ├── 404.html │ ├── esqueceu-a-senha.html │ ├── login.html │ ├── tabela-sem-dados.html │ ├── cadastro-produto.html │ ├── dashboard.html │ └── pesquisa-produtos.html └── javascripts │ └── algaworks.js ├── bower.json ├── package.json ├── LICENSE └── Gruntfile.js /dist/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/vendors/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "assets/vendors/bower" 3 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | assets/vendors/bower/* -------------------------------------------------------------------------------- /sources/less/custom/aw-pagination.less: -------------------------------------------------------------------------------- 1 | // Customização do Bootstrap 2 | .pagination { 3 | margin: 0px; 4 | } -------------------------------------------------------------------------------- /assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/assets/images/logo.png -------------------------------------------------------------------------------- /assets/images/logo-gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/assets/images/logo-gray.png -------------------------------------------------------------------------------- /dist/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/images/logo.png -------------------------------------------------------------------------------- /sources/less/custom/aw-fa-icons.less: -------------------------------------------------------------------------------- 1 | .aw-fa-arrow-left:before { content: "\f0d9"; } 2 | .aw-fa-arrow-down:before { content: "\f0d7"; } -------------------------------------------------------------------------------- /dist/assets/images/logo-gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/images/logo-gray.png -------------------------------------------------------------------------------- /sources/less/custom/aw-utilities.less: -------------------------------------------------------------------------------- 1 | .aw-checkbox-no-margin { 2 | margin-top: 0px !important; 3 | margin-bottom: 0px !important; 4 | } -------------------------------------------------------------------------------- /sources/less/custom/aw-form-control.less: -------------------------------------------------------------------------------- 1 | .aw-form-control-inline-sm { 2 | display: inline-block !important; 3 | width: 33% !important; 4 | } -------------------------------------------------------------------------------- /sources/less/custom/aw-label.less: -------------------------------------------------------------------------------- 1 | .aw-label-corner { 2 | position: absolute; 3 | top: 9px; 4 | right: 4px; 5 | 6 | padding: 2px 5px; 7 | } -------------------------------------------------------------------------------- /sources/less/custom/aw-table.less: -------------------------------------------------------------------------------- 1 | .aw-table-header-solid { 2 | background: #fff; 3 | } 4 | 5 | .aw-table-checkbox { 6 | min-width: 25px; 7 | 8 | .text-center(); 9 | } -------------------------------------------------------------------------------- /dist/assets/vendors/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /sources/less/layouts/aw-layout-page.less: -------------------------------------------------------------------------------- 1 | .aw-layout-page { 2 | position: relative; 3 | 4 | overflow-x: hidden; 5 | width: 100%; 6 | min-height: 100%; 7 | padding-bottom: 60px; 8 | } -------------------------------------------------------------------------------- /dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /sources/html/pagina-vazia.html: -------------------------------------------------------------------------------- 1 | include "templates/default/cabecalho.html" 2 | 3 |

Página vazia

4 | 5 | include "templates/default/rodape.html" -------------------------------------------------------------------------------- /dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/algaworks/layout-bootstrap-atacama/HEAD/dist/assets/vendors/bootstrap/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /sources/html/templates/simple-page/rodape.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /sources/less/custom/aw-alert.less: -------------------------------------------------------------------------------- 1 | // Usado no lugar de uma tabela de dados vazia 2 | 3 | .aw-alert-no-results { 4 | .alert-variant(@aw-alert-no-results-bg, @aw-alert-no-results-border, @aw-alert-no-results-text); 5 | 6 | line-height: 3; 7 | text-align: center; 8 | } -------------------------------------------------------------------------------- /sources/less/custom/aw-datatable-toolbar.less: -------------------------------------------------------------------------------- 1 | // Use com a classe "row" para agrupar botões de ações em uma tabela de dados 2 | 3 | .aw-datatable-toolbar { 4 | margin-bottom: @aw-datatable-toolbar-margin-bottom; 5 | margin-top: @aw-datatable-toolbar-margin-top; 6 | } -------------------------------------------------------------------------------- /sources/less/utils/aw-generic.less: -------------------------------------------------------------------------------- 1 | html, body { 2 | // Important to footer sticky 3 | height: 100%; 4 | } 5 | 6 | .aw-no-scroll { 7 | overflow: hidden !important; 8 | } 9 | 10 | .aw-form-label-between { 11 | display: inline-block; 12 | padding: 0 5px; 13 | } -------------------------------------------------------------------------------- /sources/less/components/aw-pagination-info.less: -------------------------------------------------------------------------------- 1 | /*-----------------*\ 2 | Pagination info 3 | \*-----------------*/ 4 | 5 | .aw-pagination-info { 6 | .small(); 7 | 8 | display: inline-block; 9 | padding: @padding-base-vertical 0; 10 | 11 | color: @aw-pagination-info-color; 12 | } -------------------------------------------------------------------------------- /sources/less/layouts/aw-layout-simple-page.less: -------------------------------------------------------------------------------- 1 | .aw-layout-simple-page { 2 | background-color: @aw-layout-simple-page-bg; 3 | } 4 | 5 | .aw-layout-simple-page__container { 6 | display: block; 7 | max-width: 420px; 8 | margin: auto; 9 | padding: 0 10px; 10 | padding-top: 10%; 11 | } -------------------------------------------------------------------------------- /sources/less/vendors.less: -------------------------------------------------------------------------------- 1 | // Third-party libraries 2 | @import "/assets/vendors/bower/font-awesome/less/font-awesome.less"; 3 | @import "/assets/vendors/bower/bootstrap/less/bootstrap.less"; 4 | @import "/assets/vendors/bower/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.less"; 5 | 6 | // Custom variables 7 | @import "variables.less"; -------------------------------------------------------------------------------- /sources/less/layouts/aw-layout-loading.less: -------------------------------------------------------------------------------- 1 | .aw-layout-loading { 2 | position: fixed; 3 | z-index: 9998; 4 | 5 | display: none; // 'display: table' to show 6 | width: 100%; 7 | height: 100%; 8 | padding-bottom: 65px; 9 | 10 | text-align: center; 11 | } 12 | 13 | .aw-layout-loading__container { 14 | display: table-cell; 15 | vertical-align: middle; 16 | } -------------------------------------------------------------------------------- /sources/less/layouts/aw-layout-content.less: -------------------------------------------------------------------------------- 1 | .aw-layout-content { 2 | position: relative; 3 | 4 | margin: 0; 5 | margin-top: @navbar-height; 6 | 7 | transition: all 0.5s; 8 | 9 | &.is-toggled { 10 | @media (min-width: @screen-md-min) { 11 | margin-left: 0; 12 | } 13 | } 14 | 15 | @media (min-width: @screen-md-min) { 16 | margin-left: @aw-sidebar-width; 17 | } 18 | } -------------------------------------------------------------------------------- /sources/less/components/aw-footer-disclaimer.less: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------*\ 2 | Footer disclaimer 3 | - Para usar na informação de copyright no rodapé 4 | \*-------------------------------------------------*/ 5 | 6 | .aw-footer-disclaimer { 7 | .small(); 8 | 9 | display: block; 10 | 11 | color: @aw-footer-disclaimer-color; 12 | 13 | line-height: 4; 14 | text-align: center; 15 | } -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "aw-bootstrap-layout", 3 | "version": "1.0.0", 4 | "authors": [ 5 | "AlgaWorks " 6 | ], 7 | "private": true, 8 | "dependencies": { 9 | "bootstrap": "~3.3.6", 10 | "font-awesome": "^4.5.0", 11 | "StickyTableHeaders": "^0.1.19", 12 | "sweetalert": "^1.1.3", 13 | "awesome-bootstrap-checkbox": "^0.3.7", 14 | "jquery": "~2.2.1" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "aw-bootstrap-layout", 3 | "version": "1.0.0", 4 | "devDependencies": { 5 | "grunt": "~0.4.5", 6 | "grunt-contrib-concat": "^1.0.0", 7 | "grunt-contrib-copy": "^1.0.0", 8 | "grunt-contrib-cssmin": "^1.0.0", 9 | "grunt-contrib-less": "~0.11.4", 10 | "grunt-contrib-uglify": "^1.0.0", 11 | "grunt-contrib-watch": "~0.6.1", 12 | "grunt-http-server": "^1.14.0", 13 | "grunt-includes": "^0.5.4" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /sources/less/layouts/aw-layout-footer.less: -------------------------------------------------------------------------------- 1 | .aw-layout-footer { 2 | position: absolute; 3 | left: 0; 4 | right: 0; 5 | bottom: 0; 6 | 7 | height: 50px; 8 | margin: 0; 9 | border-top: 1px solid @gray-lighter; 10 | 11 | transition: all 0.5s; 12 | 13 | &.is-toggled { 14 | @media (min-width: @screen-md-min) { 15 | margin-left: 0; 16 | } 17 | } 18 | 19 | @media (min-width: @screen-md-min) { 20 | margin-left: @aw-sidebar-width; 21 | } 22 | } -------------------------------------------------------------------------------- /sources/less/custom/aw-btn.less: -------------------------------------------------------------------------------- 1 | .aw-btn-cancel { 2 | .button-variant(@aw-btn-cancel-color; @aw-btn-cancel-bg; @aw-btn-cancel-border); 3 | } 4 | 5 | .aw-btn-link-danger { 6 | color: @aw-btn-danger-link-color; 7 | 8 | &:hover, &:active, &:focus { 9 | color: darken(@aw-btn-danger-link-color, 15%); 10 | 11 | outline: none; 12 | } 13 | } 14 | 15 | .aw-btn-thin-caret { 16 | padding-left: 5px !important; 17 | padding-right: 5px !important; 18 | } 19 | 20 | .aw-btn-full-width { 21 | width: 100%; 22 | } -------------------------------------------------------------------------------- /sources/less/custom/aw-page-header.less: -------------------------------------------------------------------------------- 1 | // Customização do page-header (Bootstrap) 2 | .page-header { 3 | padding-bottom: 0px; 4 | 5 | background-color: @aw-page-header-bgcolor; 6 | 7 | h1 { 8 | display: flex; 9 | justify-content: flex-start; 10 | align-items: center; 11 | margin: 0; 12 | height: @aw-page-header-height; 13 | 14 | color: @aw-page-header-title-color; 15 | } 16 | } 17 | 18 | 19 | // Custom 20 | .aw-page-header-controls { 21 | display: flex; 22 | justify-content: flex-end; 23 | align-items: center; 24 | height: @aw-page-header-height; 25 | } -------------------------------------------------------------------------------- /sources/html/403.html: -------------------------------------------------------------------------------- 1 | include "templates/simple-page/cabecalho.html" 2 | 3 |
4 |

5 | 6 |

7 | 8 |

Acesso negado

9 | 10 |
11 | Desculpe, você não está autorizado a acessar a página que solicitou. 12 | Se você acha que isso é um engano, entre em contato com a gente. 13 |

14 | Voltar para onde estava 15 |
16 |
17 | 18 | include "templates/simple-page/rodape.html" -------------------------------------------------------------------------------- /sources/html/500.html: -------------------------------------------------------------------------------- 1 | include "templates/simple-page/cabecalho.html" 2 | 3 |
4 |

5 | 500 6 |

7 | 8 |

Erro no servidor

9 | 10 |
11 | Desculpe, algo muito estranho aconteceu e não conseguimos processar a sua requisição. 12 | Tente de novo ou entre em contato com a gente se precisar de ajuda. 13 |

14 | Voltar para a página inicial 15 |
16 |
17 | 18 | include "templates/simple-page/rodape.html" -------------------------------------------------------------------------------- /sources/less/components/aw-logged-user.less: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------*\ 2 | Logged user 3 | - Imagem e nome do usuário logado 4 | (normalmente usado em dropdown menu na navbar) 5 | \*-------------------------------------------------*/ 6 | 7 | .aw-logged-user { 8 | display: block; 9 | padding: 20px; 10 | } 11 | 12 | .aw-logged-user__picture { 13 | display: block; 14 | margin: auto; 15 | padding: 2px; 16 | border-radius: 50%; 17 | border: 1px solid @aw-logged-user-border-color; 18 | } 19 | 20 | .aw-logged-user__name { 21 | display: block; 22 | min-width: 180px; 23 | margin-top: 10px; 24 | 25 | font-weight: 500; 26 | text-align: center; 27 | } -------------------------------------------------------------------------------- /sources/less/pages/pesquisa-produto.less: -------------------------------------------------------------------------------- 1 | .table-pesq-produto-col-preco { 2 | min-width: 130px; 3 | 4 | .text-center(); 5 | .responsive-invisibility(); 6 | 7 | @media (min-width: @screen-md-min) { 8 | .responsive-visibility() 9 | } 10 | } 11 | 12 | .table-pesq-produto-col-estoque { 13 | min-width: 100px; 14 | 15 | .text-center(); 16 | .responsive-invisibility(); 17 | 18 | @media (min-width: @screen-md-min) { 19 | .responsive-visibility(); 20 | } 21 | } 22 | 23 | .table-pesq-produto-col-status { 24 | min-width: 100px; 25 | 26 | .text-center(); 27 | } 28 | 29 | .table-pesq-produto-col-acoes { 30 | min-width: 105px; 31 | 32 | .text-center(); 33 | } 34 | -------------------------------------------------------------------------------- /sources/html/404.html: -------------------------------------------------------------------------------- 1 | include "templates/simple-page/cabecalho.html" 2 | 3 |
4 |

5 | 404 6 |

7 | 8 |

Página não encontrada

9 | 10 |
11 | Desculpe, a página que você tentou acessar não foi encontrada ou não existe mais. 12 | Verifique se a URL está correta ou entre em contato com a gente se precisar de ajuda. 13 |

14 | Voltar para a página inicial 15 |
16 |
17 | 18 | include "templates/simple-page/rodape.html" -------------------------------------------------------------------------------- /sources/less/components/aw-box.less: -------------------------------------------------------------------------------- 1 | /*------------------------------------------*\ 2 | Box 3 | - Para ser usado em indicadores (dahboard) 4 | \*------------------------------------------*/ 5 | 6 | .aw-box { 7 | padding: 20px; 8 | margin-bottom: 15px; 9 | border: 1px solid @aw-box-border-color; 10 | border-bottom: 3px solid @aw-box-primary-color; 11 | } 12 | 13 | .aw-box__icon { 14 | float: left; 15 | 16 | color: @aw-box-primary-color; 17 | } 18 | 19 | .aw-box__value { 20 | font-size: 1.69em; 21 | font-weight: 300; 22 | text-align: right; 23 | } 24 | 25 | .aw-box__title { 26 | display: block; 27 | 28 | font-size: 1em; 29 | font-weight: 600; 30 | text-align: right; 31 | } -------------------------------------------------------------------------------- /sources/less/components/aw-error-panel.less: -------------------------------------------------------------------------------- 1 | /*-----------------------------------------------------------*\ 2 | Error panel 3 | - Para ser usado em páginas de erro simpls (404, 500, etc) 4 | \*-----------------------------------------------------------*/ 5 | 6 | .aw-error-panel { 7 | color: @aw-error-panel-default-color; 8 | 9 | text-align: center; 10 | } 11 | 12 | .aw-error-panel__title { 13 | font-size: @aw-error-panel-title-font-size; 14 | } 15 | 16 | .aw-error-panel__description { 17 | display: block; 18 | padding: 18px 0; 19 | } 20 | 21 | .aw-error-panel__code { 22 | color: @aw-error-panel-code-color; 23 | 24 | font-size: @aw-error-panel-code-font-size; 25 | font-weight: normal; 26 | } -------------------------------------------------------------------------------- /sources/less/application.less: -------------------------------------------------------------------------------- 1 | // Bootstrap references 2 | @import (reference) "/assets/vendors/bower/bootstrap/less/variables.less"; 3 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/text-emphasis.less"; 4 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/background-variant.less"; 5 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/text-overflow.less"; 6 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/responsive-visibility.less"; 7 | @import (reference) "/assets/vendors/bower/bootstrap/less/type.less"; 8 | 9 | // Custom variables 10 | @import "variables.less"; 11 | 12 | // Application pages 13 | @import "pages/pesquisa-produto.less"; 14 | -------------------------------------------------------------------------------- /sources/less/components/aw-simple-panel.less: -------------------------------------------------------------------------------- 1 | /*---------------------------------------*\ 2 | Simple panel 3 | - Usado para login e "esqueci a senha" 4 | \*---------------------------------------*/ 5 | 6 | .aw-simple-panel { 7 | color: @aw-simple-panel-default-color; 8 | 9 | text-align: center; 10 | } 11 | 12 | .aw-simple-panel__message { 13 | padding: 20px 0px; 14 | 15 | &.is-error { 16 | color: @aw-simple-panel-error-color; 17 | } 18 | } 19 | 20 | .aw-simple-panel__box { 21 | padding: 20px; 22 | padding-bottom: 5px; 23 | border: 1px solid #ccc; 24 | border-radius: @border-radius-base; 25 | 26 | background-color: #fff; 27 | } 28 | 29 | .aw-simple-panel__footer { 30 | padding: 10px 0; 31 | } -------------------------------------------------------------------------------- /sources/html/esqueceu-a-senha.html: -------------------------------------------------------------------------------- 1 | include "templates/simple-page/cabecalho.html" 2 | 3 |
4 | 5 |
6 | AlgaWorks 7 | 8 |
9 | Informe o seu e-mail abaixo para receber as instruções de como criar uma nova senha. 10 |
11 | 12 |
13 |
14 | 15 | 16 |
17 | 18 |
19 | 20 |
21 |
22 |
23 | 24 |
25 | 26 | include "templates/simple-page/rodape.html" -------------------------------------------------------------------------------- /sources/less/utils/aw-text-align.less: -------------------------------------------------------------------------------- 1 | .aw-text-xs-left { text-align: left; } 2 | .aw-text-xs-right { text-align: right; } 3 | .aw-text-xs-center { text-align: center; } 4 | .aw-text-xs-justify { text-align: justify; } 5 | 6 | @media (min-width: @screen-sm-min) { 7 | .aw-text-sm-left { text-align: left; } 8 | .aw-text-sm-right { text-align: right; } 9 | .aw-text-sm-center { text-align: center; } 10 | .aw-text-sm-justify { text-align: justify; } 11 | } 12 | 13 | @media (min-width: @screen-md-min) { 14 | .aw-text-md-left { text-align: left; } 15 | .aw-text-md-right { text-align: right; } 16 | .aw-text-md-center { text-align: center; } 17 | .aw-text-md-justify { text-align: justify; } 18 | } 19 | 20 | @media (min-width: @screen-lg-min) { 21 | .aw-text-lg-left { text-align: left; } 22 | .aw-text-lg-right { text-align: right; } 23 | .aw-text-lg-center { text-align: center; } 24 | .aw-text-lg-justify { text-align: justify; } 25 | } -------------------------------------------------------------------------------- /sources/html/templates/default/rodape.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 8 | 9 | 10 | 11 |
12 |
13 | 14 |
15 | 16 |
17 |
18 | 19 |
20 | 21 |
22 |
23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /sources/less/components/aw-graph-box.less: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------*\ 2 | Graph box 3 | - Container para gráfico (dashboard) 4 | \*-------------------------------------------------*/ 5 | 6 | .aw-graph-box { 7 | margin-bottom: 15px; 8 | border: 1px solid @aw-graph-box-border-color; 9 | border-bottom: 3px solid @aw-graph-box-border-color; 10 | } 11 | 12 | .aw-graph-box__header { 13 | padding: 15px 20px; 14 | border-bottom: 1px solid @aw-graph-box-border-color; 15 | } 16 | 17 | .aw-graph-box__content { 18 | padding: 15px 20px; 19 | } 20 | 21 | .aw-graph-box__no-data { 22 | position: absolute; 23 | top: 0; 24 | left: 0; 25 | right: 0; 26 | bottom: 0; 27 | 28 | display: flex; 29 | width: 100%; 30 | align-items: center; 31 | justify-content: center; 32 | 33 | color: @aw-graph-box-no-data-color; 34 | 35 | > i { 36 | margin-right: 5px; 37 | } 38 | } 39 | 40 | .aw-graph-box__title { 41 | margin: 0; 42 | padding: 0; 43 | 44 | font-size: 1.1em; 45 | font-weight: 500; 46 | } -------------------------------------------------------------------------------- /sources/html/templates/simple-page/cabecalho.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
-------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License 2 | 3 | Copyright (c) 2016 AlgaWorks Softwares, Treinamentos e Serviços Ltda 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. -------------------------------------------------------------------------------- /sources/less/layouts/aw-layout-sidebar.less: -------------------------------------------------------------------------------- 1 | .aw-layout-sidebar { 2 | position: fixed; 3 | left: 0; 4 | top: 0; 5 | bottom: 0; 6 | z-index: 1000; 7 | 8 | height: 100%; 9 | //width: 0px; 10 | padding-top: 54px; 11 | margin-left: -(@aw-sidebar-width + 1); 12 | border-right-color: @aw-sidebar-border-color; 13 | border-right: 1px solid; 14 | border-right-color: transparent; 15 | overflow-x: hidden; 16 | 17 | background-color: @aw-sidebar-bg; 18 | 19 | transition: all 0.5s; 20 | 21 | @media (min-width: @screen-md-min) { 22 | //width: @aw-sidebar-width; 23 | //border-right-color: @aw-sidebar-border-color; 24 | margin-left: 0px; 25 | } 26 | 27 | &.is-toggled { 28 | //width: @aw-sidebar-width; 29 | //border-right-color: @aw-sidebar-border-color; 30 | margin-left: 0px; 31 | 32 | @media (min-width: @screen-md-min) { 33 | //width: 0px; 34 | //border-right-color: transparent; 35 | margin-left: -(@aw-sidebar-width + 1); 36 | } 37 | } 38 | 39 | } 40 | 41 | .aw-layout-sidebar__content { 42 | position: relative; 43 | 44 | overflow-y: auto; 45 | height: 100%; 46 | //width: auto; 47 | width: @aw-sidebar-width; 48 | } -------------------------------------------------------------------------------- /dist/assets/stylesheets/application.css: -------------------------------------------------------------------------------- 1 | .table-pesq-produto-col-preco { 2 | min-width: 130px; 3 | text-align: center; 4 | display: none !important; 5 | } 6 | @media (min-width: 992px) { 7 | .table-pesq-produto-col-preco { 8 | display: block !important; 9 | } 10 | table.table-pesq-produto-col-preco { 11 | display: table !important; 12 | } 13 | tr.table-pesq-produto-col-preco { 14 | display: table-row !important; 15 | } 16 | th.table-pesq-produto-col-preco, 17 | td.table-pesq-produto-col-preco { 18 | display: table-cell !important; 19 | } 20 | } 21 | .table-pesq-produto-col-estoque { 22 | min-width: 100px; 23 | text-align: center; 24 | display: none !important; 25 | } 26 | @media (min-width: 992px) { 27 | .table-pesq-produto-col-estoque { 28 | display: block !important; 29 | } 30 | table.table-pesq-produto-col-estoque { 31 | display: table !important; 32 | } 33 | tr.table-pesq-produto-col-estoque { 34 | display: table-row !important; 35 | } 36 | th.table-pesq-produto-col-estoque, 37 | td.table-pesq-produto-col-estoque { 38 | display: table-cell !important; 39 | } 40 | } 41 | .table-pesq-produto-col-status { 42 | min-width: 100px; 43 | text-align: center; 44 | } 45 | .table-pesq-produto-col-acoes { 46 | min-width: 105px; 47 | text-align: center; 48 | } 49 | -------------------------------------------------------------------------------- /dist/assets/javascripts/algaworks.min.js: -------------------------------------------------------------------------------- 1 | var AW=AW||{};AW.onSidebarToggleRequest=function(a){a.preventDefault(),$(this).blur(),$(".js-sidebar, .js-content").toggleClass("is-toggled")},AW.onSearchModalShowRequest=function(a){a.preventDefault(),$(".js-search-modal").fadeIn("slow"),$("body").addClass("aw-no-scroll"),$(".js-search-modal-input").val("").select()},AW.onSearchModalCloseRequest=function(a){a.preventDefault(),$(".js-search-modal").hide(),$("body").removeClass("aw-no-scroll")},AW.showLoadingComponent=function(){$(".js-loading-overlay").css("display","table").hide().fadeIn("slow")},AW.hideLoadingComponent=function(){$(".js-loading-component").fadeOut("fast")},AW.initStickyTableHeaders=function(){if($(window).width()>=992){var a=$(".js-sticky-reference"),b=$(".js-sticky-table");a&&b&&b.stickyTableHeaders({fixedOffset:a})}},AW.onMenuGroupClick=function(a){var b=$(this).parent().find("ul");b.length&&(a.preventDefault(),$(this).parent().toggleClass("is-expanded"))},AW.initMenu=function(){$(".js-menu > ul > li > a").bind("click",AW.onMenuGroupClick),$(".aw-menu__item .is-active").parents(".aw-menu__item").addClass("is-expanded is-active")},$(function(){AW.init&&AW.init(),AW.initMenu(),AW.initStickyTableHeaders(),$(".js-tooltip").tooltip(),$(".js-sidebar-toggle").bind("click",AW.onSidebarToggleRequest),$(".js-search-modal-trigger-show").bind("click",AW.onSearchModalShowRequest),$(".js-search-modal-close").bind("click",AW.onSearchModalCloseRequest)}); -------------------------------------------------------------------------------- /sources/html/templates/default/cabecalho.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 |
30 | 31 | include "navbar.html" 32 | 33 | 40 | 41 |
42 | -------------------------------------------------------------------------------- /sources/html/login.html: -------------------------------------------------------------------------------- 1 | include "templates/simple-page/cabecalho.html" 2 | 3 |
4 |
5 | AlgaWorks 6 | 7 |
8 | Por favor, faça o login. 9 |
10 | 11 |
12 |
13 | 14 | 15 |
16 | 17 |
18 | 19 | 20 |
21 |
22 | 23 |
24 | 25 |
26 |
27 | 28 | 29 |
30 | 31 |
32 | Esqueceu a senha? 33 |
34 |
35 |
36 | 37 |
Novo por aqui? Cadastre-se.
38 |
39 |
40 | 41 | include "templates/simple-page/rodape.html" -------------------------------------------------------------------------------- /sources/less/components/aw-menu.less: -------------------------------------------------------------------------------- 1 | /*---------*\ 2 | Menu 3 | \*---------*/ 4 | 5 | .aw-menu { 6 | } 7 | 8 | .aw-menu__list { 9 | margin-bottom: 0; 10 | padding-left: 0; 11 | 12 | list-style: none; 13 | 14 | &:extend(.clearfix all); 15 | } 16 | 17 | .aw-menu__list--sublist { 18 | display: none; 19 | } 20 | 21 | .aw-menu__item { 22 | position: relative; 23 | 24 | display: block; 25 | 26 | > a { 27 | position: relative; 28 | 29 | display: block; 30 | padding: 10px 15px; 31 | 32 | color: @aw-menu-item-color; 33 | 34 | font-weight: 500; 35 | 36 | > i { 37 | margin-right: 6px; 38 | } 39 | 40 | &:hover, &:focus { 41 | background: @aw-menu-item-hover-bg; 42 | 43 | text-decoration: none; 44 | } 45 | 46 | } 47 | 48 | &.is-active { 49 | > a { 50 | color: @aw-menu-item-active-color; 51 | } 52 | } 53 | 54 | &.is-expanded { 55 | border-left: 3px solid; 56 | border-left-color: @aw-menu-group-expanded-border-left-color; 57 | 58 | background: @aw-menu-group-expanded-bg; 59 | 60 | .aw-menu__navigation-icon { 61 | &:before { 62 | content: "\f0d7"; 63 | } 64 | } 65 | 66 | > .aw-menu__list { 67 | display: block; 68 | 69 | background: @aw-menu-group-expanded-menu-links-bg; 70 | } 71 | 72 | > a { 73 | margin-left: -3px; 74 | } 75 | } 76 | 77 | } 78 | 79 | .aw-menu__item--link { 80 | > a { 81 | padding-left: 36px; 82 | 83 | font-weight: 400; 84 | } 85 | } 86 | 87 | .aw-menu__navigation-icon { 88 | &:before { 89 | content: "\f0d9"; 90 | } 91 | 92 | float: right; 93 | } -------------------------------------------------------------------------------- /dist/403.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 | 25 |
26 |

27 | 28 |

29 | 30 |

Acesso negado

31 | 32 |
33 | Desculpe, você não está autorizado a acessar a página que solicitou. 34 | Se você acha que isso é um engano, entre em contato com a gente. 35 |

36 | Voltar para onde estava 37 |
38 |
39 | 40 |
41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /dist/500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 | 25 |
26 |

27 | 500 28 |

29 | 30 |

Erro no servidor

31 | 32 |
33 | Desculpe, algo muito estranho aconteceu e não conseguimos processar a sua requisição. 34 | Tente de novo ou entre em contato com a gente se precisar de ajuda. 35 |

36 | Voltar para a página inicial 37 |
38 |
39 | 40 |
41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /dist/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 | 25 |
26 |

27 | 404 28 |

29 | 30 |

Página não encontrada

31 | 32 |
33 | Desculpe, a página que você tentou acessar não foi encontrada ou não existe mais. 34 | Verifique se a URL está correta ou entre em contato com a gente se precisar de ajuda. 35 |

36 | Voltar para a página inicial 37 |
38 |
39 | 40 |
41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /sources/html/templates/default/menu.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /sources/less/components/aw-search-modal.less: -------------------------------------------------------------------------------- 1 | /*--------------*\ 2 | Search modal 3 | \*--------------*/ 4 | 5 | .aw-search-modal { 6 | position: fixed; 7 | top: 0; 8 | bottom: 0; 9 | right: 0; 10 | left: 0; 11 | z-index: 9999; 12 | 13 | display: none; 14 | padding: 0; 15 | padding-top: 25%; 16 | 17 | background-color: @aw-search-modal-bg; 18 | 19 | text-align: center; 20 | font-size: 18px; 21 | 22 | @media (min-width: @screen-sm-min) { 23 | padding-left: 10%; 24 | padding-right: 10%; 25 | padding-top: 180px; 26 | 27 | font-size: 26px; 28 | } 29 | 30 | &.is-shown { 31 | display: block; 32 | } 33 | } 34 | 35 | .aw-search-modal__form { 36 | position: relative; 37 | } 38 | 39 | .aw-search-modal__input { 40 | display: block; 41 | width: 100%; 42 | height: 104px; 43 | padding-left: 40px; 44 | padding-right: (52px + 40px); 45 | border-radius: @input-border-radius; 46 | border: none; 47 | 48 | color: #fff; 49 | background-color: @aw-search-modal-input-bg; 50 | 51 | line-height: 104px; 52 | text-align: center; 53 | 54 | outline: none; 55 | 56 | .placeholder(@aw-search-modal-placeholder-color); 57 | } 58 | 59 | .aw-search-modal__input-icon { 60 | position: absolute; 61 | 62 | display: block; 63 | width: 52px; 64 | height: 104px; // 4x font-size 65 | top: 0; 66 | right: 20px; 67 | z-index: 2; 68 | 69 | 70 | color: @aw-search-modal-icon-color; 71 | 72 | line-height: 104px; 73 | text-align: center; 74 | 75 | .aw-search-modal-clickable-icon(); 76 | } 77 | 78 | .aw-search-modal__controls { 79 | position: absolute; 80 | top: 20px; 81 | right: 20px; 82 | 83 | color: @aw-search-modal-icon-color; 84 | 85 | font-size: 26px; 86 | 87 | .aw-search-modal-clickable-icon(); 88 | } 89 | 90 | .aw-search-modal-clickable-icon(@color: @aw-search-modal-icon-hover-color) { 91 | i { 92 | pointer-events: auto; 93 | cursor: pointer; 94 | 95 | &:hover { 96 | color: @color; 97 | } 98 | } 99 | } -------------------------------------------------------------------------------- /dist/esqueceu-a-senha.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 | 25 |
26 | 27 |
28 | AlgaWorks 29 | 30 |
31 | Informe o seu e-mail abaixo para receber as instruções de como criar uma nova senha. 32 |
33 | 34 |
35 |
36 | 37 | 38 |
39 | 40 |
41 | 42 |
43 |
44 |
45 | 46 |
47 | 48 |
49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /sources/less/algaworks.less: -------------------------------------------------------------------------------- 1 | // Bootstrap references 2 | @import (reference) "/assets/vendors/bower/bootstrap/less/variables.less"; 3 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/text-emphasis.less"; 4 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/background-variant.less"; 5 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/text-overflow.less"; 6 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/vendor-prefixes.less"; 7 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/alerts.less"; 8 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/buttons.less"; 9 | @import (reference) "/assets/vendors/bower/bootstrap/less/mixins/responsive-visibility.less"; 10 | @import (reference) "/assets/vendors/bower/bootstrap/less/type.less"; 11 | 12 | 13 | // Custom variables 14 | @import "variables.less"; 15 | 16 | 17 | // Layouts 18 | @import "layouts/aw-layout-page.less"; 19 | @import "layouts/aw-layout-footer.less"; 20 | @import "layouts/aw-layout-content.less"; 21 | @import "layouts/aw-layout-sidebar.less"; 22 | @import "layouts/aw-layout-simple-page.less"; 23 | @import "layouts/aw-layout-loading.less"; 24 | 25 | // Components 26 | @import "components/aw-balls-spinner.less"; 27 | @import "components/aw-error-panel.less"; 28 | @import "components/aw-footer-disclaimer.less"; 29 | @import "components/aw-logged-user.less"; 30 | @import "components/aw-search-modal.less"; 31 | @import "components/aw-simple-panel.less"; 32 | @import "components/aw-menu.less"; 33 | @import "components/aw-box.less"; 34 | @import "components/aw-graph-box.less"; 35 | 36 | // Utils 37 | @import "utils/aw-text-align.less"; 38 | @import "utils/aw-generic.less"; 39 | 40 | // Customizations (Bootstrap, Font Awesome, etc) 41 | @import "custom/aw-datatable-toolbar.less"; 42 | @import "custom/aw-fa-icons.less"; 43 | @import "custom/aw-alert.less"; 44 | @import "custom/aw-label.less"; 45 | @import "custom/aw-form-control.less"; 46 | @import "custom/aw-btn.less"; 47 | @import "custom/aw-table.less"; 48 | @import "custom/aw-pagination.less"; 49 | @import "custom/aw-page-header.less"; 50 | @import "custom/aw-utilities.less"; 51 | -------------------------------------------------------------------------------- /sources/html/tabela-sem-dados.html: -------------------------------------------------------------------------------- 1 | include "templates/default/cabecalho.html" 2 | 3 |
4 |
5 |
6 |
7 |

8 | Pesquisa de produtos 9 |

10 |
11 | 12 |
13 |
14 | 15 | 16 | 17 |
18 |
19 |
20 |
21 |
22 | 23 |
24 | 25 |
26 | 27 |
28 | 29 | 30 |
31 | 32 |
33 |
34 |
35 | 36 | 37 |
38 | 39 | 40 | 41 |
42 |
43 |
44 | 45 |
46 |
47 | 48 | 49 |
50 | 51 | 52 | 53 |
54 |
55 |
56 |
57 | 58 |
59 | 62 |
63 | 64 |
65 | 66 | 69 | 70 |
71 | 72 | include "templates/default/rodape.html" -------------------------------------------------------------------------------- /sources/html/templates/default/navbar.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /sources/javascripts/algaworks.js: -------------------------------------------------------------------------------- 1 | var AW = AW || {}; 2 | 3 | AW.onSidebarToggleRequest = function(event) { 4 | event.preventDefault(); 5 | $(this).blur(); 6 | 7 | $('.js-sidebar, .js-content').toggleClass('is-toggled'); 8 | }; 9 | 10 | AW.onSearchModalShowRequest = function(event) { 11 | event.preventDefault(); 12 | 13 | $('.js-search-modal').fadeIn('slow'); 14 | $('body').addClass('aw-no-scroll'); 15 | 16 | $('.js-search-modal-input').val('').select(); 17 | 18 | }; 19 | 20 | AW.onSearchModalCloseRequest = function(event) { 21 | event.preventDefault(); 22 | 23 | $('.js-search-modal').hide(); 24 | $('body').removeClass('aw-no-scroll'); 25 | }; 26 | 27 | //AW.onFormLoadingSubmit = function(event) { 28 | //event.preventDefault(); 29 | 30 | //AW.showLoadingComponent(); 31 | 32 | //setTimeout(function() { 33 | // AW.hideLoadingComponent(); 34 | //}, 2000); 35 | //}; 36 | 37 | AW.showLoadingComponent = function() { 38 | $('.js-loading-overlay').css('display', 'table').hide().fadeIn('slow'); 39 | }; 40 | 41 | AW.hideLoadingComponent = function() { 42 | $('.js-loading-component').fadeOut('fast'); 43 | }; 44 | 45 | AW.initStickyTableHeaders = function() { 46 | if ($(window).width() >= 992) { 47 | var stickyRef = $('.js-sticky-reference'); 48 | var stickyTable = $('.js-sticky-table'); 49 | 50 | if (stickyRef && stickyTable) { 51 | stickyTable.stickyTableHeaders({fixedOffset: stickyRef}); 52 | } 53 | } 54 | }; 55 | 56 | AW.onMenuGroupClick = function(event) { 57 | var subItems = $(this).parent().find('ul'); 58 | 59 | if (subItems.length) { 60 | event.preventDefault(); 61 | $(this).parent().toggleClass('is-expanded'); 62 | } 63 | }; 64 | 65 | AW.initMenu = function() { 66 | $('.js-menu > ul > li > a').bind('click', AW.onMenuGroupClick); 67 | $('.aw-menu__item .is-active').parents('.aw-menu__item').addClass('is-expanded is-active'); 68 | }; 69 | 70 | $(function() { 71 | if (AW.init) { 72 | AW.init(); 73 | } 74 | 75 | AW.initMenu(); 76 | AW.initStickyTableHeaders(); 77 | 78 | // Enable Bootstrap tooltip 79 | $('.js-tooltip').tooltip(); 80 | 81 | // Bind events 82 | $('.js-sidebar-toggle').bind('click', AW.onSidebarToggleRequest); 83 | $('.js-search-modal-trigger-show').bind('click', AW.onSearchModalShowRequest); 84 | $('.js-search-modal-close').bind('click', AW.onSearchModalCloseRequest); 85 | //$('.js-form-loading').bind('submit', AW.onFormLoadingSubmit); 86 | }); -------------------------------------------------------------------------------- /dist/assets/javascripts/algaworks.js: -------------------------------------------------------------------------------- 1 | var AW = AW || {}; 2 | 3 | AW.onSidebarToggleRequest = function(event) { 4 | event.preventDefault(); 5 | $(this).blur(); 6 | 7 | $('.js-sidebar, .js-content').toggleClass('is-toggled'); 8 | }; 9 | 10 | AW.onSearchModalShowRequest = function(event) { 11 | event.preventDefault(); 12 | 13 | $('.js-search-modal').fadeIn('slow'); 14 | $('body').addClass('aw-no-scroll'); 15 | 16 | $('.js-search-modal-input').val('').select(); 17 | 18 | }; 19 | 20 | AW.onSearchModalCloseRequest = function(event) { 21 | event.preventDefault(); 22 | 23 | $('.js-search-modal').hide(); 24 | $('body').removeClass('aw-no-scroll'); 25 | }; 26 | 27 | //AW.onFormLoadingSubmit = function(event) { 28 | //event.preventDefault(); 29 | 30 | //AW.showLoadingComponent(); 31 | 32 | //setTimeout(function() { 33 | // AW.hideLoadingComponent(); 34 | //}, 2000); 35 | //}; 36 | 37 | AW.showLoadingComponent = function() { 38 | $('.js-loading-overlay').css('display', 'table').hide().fadeIn('slow'); 39 | }; 40 | 41 | AW.hideLoadingComponent = function() { 42 | $('.js-loading-component').fadeOut('fast'); 43 | }; 44 | 45 | AW.initStickyTableHeaders = function() { 46 | if ($(window).width() >= 992) { 47 | var stickyRef = $('.js-sticky-reference'); 48 | var stickyTable = $('.js-sticky-table'); 49 | 50 | if (stickyRef && stickyTable) { 51 | stickyTable.stickyTableHeaders({fixedOffset: stickyRef}); 52 | } 53 | } 54 | }; 55 | 56 | AW.onMenuGroupClick = function(event) { 57 | var subItems = $(this).parent().find('ul'); 58 | 59 | if (subItems.length) { 60 | event.preventDefault(); 61 | $(this).parent().toggleClass('is-expanded'); 62 | } 63 | }; 64 | 65 | AW.initMenu = function() { 66 | $('.js-menu > ul > li > a').bind('click', AW.onMenuGroupClick); 67 | $('.aw-menu__item .is-active').parents('.aw-menu__item').addClass('is-expanded is-active'); 68 | }; 69 | 70 | $(function() { 71 | if (AW.init) { 72 | AW.init(); 73 | } 74 | 75 | AW.initMenu(); 76 | AW.initStickyTableHeaders(); 77 | 78 | // Enable Bootstrap tooltip 79 | $('.js-tooltip').tooltip(); 80 | 81 | // Bind events 82 | $('.js-sidebar-toggle').bind('click', AW.onSidebarToggleRequest); 83 | $('.js-search-modal-trigger-show').bind('click', AW.onSearchModalShowRequest); 84 | $('.js-search-modal-close').bind('click', AW.onSearchModalCloseRequest); 85 | //$('.js-form-loading').bind('submit', AW.onFormLoadingSubmit); 86 | }); -------------------------------------------------------------------------------- /sources/html/cadastro-produto.html: -------------------------------------------------------------------------------- 1 | include "templates/default/cabecalho.html" 2 | 3 |
4 |
5 |

6 | Cadastro de produto 7 |

8 |
9 |
10 | 11 |
12 | 13 | 17 | 18 |
19 | 20 |
21 | 22 | 23 |
24 | 25 |
26 | 27 | 28 |
29 | 30 |
31 |
32 |
33 | 34 | 35 |
36 |
37 | 38 |
39 |
40 | 41 | 42 |
43 |
44 |
45 | 46 |
47 | 48 | Cancelar 49 | Excluir este produto 50 |
51 | 52 |
53 |
54 | 55 | 73 | 74 | include "templates/default/rodape.html" -------------------------------------------------------------------------------- /dist/assets/vendors/font-awesome/fonts/4.4.0/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |

4.4.0

9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 |
56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /sources/less/components/aw-balls-spinner.less: -------------------------------------------------------------------------------- 1 | /*--------------*\ 2 | Balls Spinner 3 | \*--------------*/ 4 | 5 | @-moz-keyframes aw-balls-spinner { 6 | 0% { 7 | -moz-transform: rotate(-720deg); 8 | transform: rotate(-720deg); 9 | } 10 | 50% { 11 | -moz-transform: rotate(720deg); 12 | transform: rotate(720deg); 13 | } 14 | } 15 | 16 | @-webkit-keyframes aw-balls-spinner { 17 | 0% { 18 | -webkit-transform: rotate(-720deg); 19 | transform: rotate(-720deg); 20 | } 21 | 50% { 22 | -webkit-transform: rotate(720deg); 23 | transform: rotate(720deg); 24 | } 25 | } 26 | 27 | @keyframes aw-balls-spinner { 28 | 0% { 29 | -moz-transform: rotate(-720deg); 30 | -ms-transform: rotate(-720deg); 31 | -webkit-transform: rotate(-720deg); 32 | transform: rotate(-720deg); 33 | } 34 | 50% { 35 | -moz-transform: rotate(720deg); 36 | -ms-transform: rotate(720deg); 37 | -webkit-transform: rotate(720deg); 38 | transform: rotate(720deg); 39 | } 40 | } 41 | 42 | /* :not(:required) hides this rule from IE9 and below */ 43 | .aw-balls-spinner:not(:required) { 44 | position: relative; 45 | 46 | display: inline-block; 47 | width: @aw-balls-spinner-ball-size; 48 | height: @aw-balls-spinner-ball-size; 49 | opacity: 0.8; 50 | border-radius: 100%; 51 | 52 | background: @aw-balls-spinner-one-bg; 53 | 54 | text-indent: -9999px; 55 | 56 | -moz-animation: aw-balls-spinner 3s infinite ease-in-out; 57 | -webkit-animation: aw-balls-spinner 3s infinite ease-in-out; 58 | animation: aw-balls-spinner 3s infinite ease-in-out; 59 | -moz-transform-origin: 50% 100%; 60 | -ms-transform-origin: 50% 100%; 61 | -webkit-transform-origin: 50% 100%; 62 | transform-origin: 50% 100%; 63 | } 64 | 65 | .aw-balls-spinner:not(:required)::before { 66 | position: absolute; 67 | top: (@aw-balls-spinner-ball-size * 0.75); 68 | left: -(@aw-balls-spinner-ball-size * 0.4330128); 69 | 70 | opacity: 0.8; 71 | border-radius: 100%; 72 | width: @aw-balls-spinner-ball-size; 73 | height: @aw-balls-spinner-ball-size; 74 | 75 | background: @aw-balls-spinner-two-bg; 76 | 77 | content: ''; 78 | } 79 | 80 | .aw-balls-spinner:not(:required)::after { 81 | position: absolute; 82 | top: (@aw-balls-spinner-ball-size * 0.75); 83 | left: (@aw-balls-spinner-ball-size * 0.4330128); 84 | 85 | opacity: 0.8; 86 | border-radius: 100%; 87 | width: @aw-balls-spinner-ball-size; 88 | height: @aw-balls-spinner-ball-size; 89 | 90 | background: @aw-balls-spinner-three-bg; 91 | 92 | content: ''; 93 | } -------------------------------------------------------------------------------- /dist/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 | 25 |
26 |
27 | AlgaWorks 28 | 29 |
30 | Por favor, faça o login. 31 |
32 | 33 |
34 |
35 | 36 | 37 |
38 | 39 |
40 | 41 | 42 |
43 |
44 | 45 |
46 | 47 |
48 |
49 | 50 | 51 |
52 | 53 |
54 | Esqueceu a senha? 55 |
56 |
57 |
58 | 59 |
Novo por aqui? Cadastre-se.
60 |
61 |
62 | 63 |
64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /sources/html/dashboard.html: -------------------------------------------------------------------------------- 1 | include "templates/default/cabecalho.html" 2 | 3 |
4 |
5 |

6 | Dashboard 7 |

8 |
9 |
10 | 11 |
12 | 13 |
14 |
15 | 16 |
17 |
18 | 19 |
20 |
R$983.433,20
21 |
Faturamento total
22 |
23 | 24 |
25 | 26 |
27 | 28 |
29 |
30 | 31 |
32 |
R$343.542,59
33 |
Faturamento no ano
34 |
35 | 36 |
37 | 38 |
39 | 40 |
41 |
42 | 43 |
44 |
R$40.233,40
45 |
Faturamento no mês
46 |
47 | 48 |
49 |
50 | 51 |
52 |
53 | 54 |
55 |
56 | 57 |
58 |
1.298
59 |
Total de clientes
60 |
61 | 62 |
63 | 64 |
65 | 66 |
67 |
68 | 69 |
70 |
123
71 |
Produtos sem estoque
72 |
73 | 74 |
75 | 76 |
77 | 78 |
79 |
80 | 81 |
82 |
3.344
83 |
Estoque total
84 |
85 | 86 |
87 |
88 | 89 |
90 |
91 |
92 |
93 |

Faturamento por mês últimos 12 meses

94 |
95 |
96 |
97 | 98 | Não há dados 99 |
100 | 101 |
102 | 103 |
104 |
105 |
106 |
107 | 108 |
109 |
110 |
111 |

Faturamento por representante últimos 12 meses

112 |
113 |
114 |
115 | 116 | Não há dados 117 |
118 | 119 |
120 | 121 |
122 |
123 |
124 |
125 |
126 |
127 | 128 | include "templates/default/rodape.html" -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | grunt.initConfig({ 3 | less: { 4 | algaworks: { 5 | files: { 6 | "dist/assets/stylesheets/algaworks.css": "sources/less/algaworks.less" 7 | } 8 | }, 9 | application: { 10 | files: { 11 | "dist/assets/stylesheets/application.css": "sources/less/application.less" 12 | } 13 | }, 14 | vendors: { 15 | files: { 16 | "dist/assets/stylesheets/vendors.css": "sources/less/vendors.less" 17 | } 18 | } 19 | }, 20 | 21 | concat: { 22 | 'vendors-css': { 23 | src: ["dist/assets/stylesheets/vendors.css", "dist/assets/vendors/sweetalert/*.css"], 24 | dest: "dist/assets/stylesheets/vendors.css" 25 | }, 26 | 'vendors-scripts': { 27 | src: ["dist/assets/vendors/jquery/jquery.js", 28 | "dist/assets/vendors/bootstrap/bootstrap.js", 29 | "dist/assets/vendors/sweetalert/sweetalert-dev.js", 30 | "dist/assets/vendors/stickytableheaders/jquery.stickytableheaders.js"], 31 | dest: "dist/assets/javascripts/vendors.js" 32 | } 33 | }, 34 | 35 | cssmin: { 36 | target: { 37 | files: [{ 38 | expand: true, 39 | cwd: "dist/assets/stylesheets", 40 | src: ["*.css", "!*.min.css", "!application.css"], 41 | dest: "dist/assets/stylesheets", 42 | ext: ".min.css" 43 | }] 44 | } 45 | }, 46 | 47 | uglify: { 48 | vendors: { 49 | files: { 50 | 'dist/assets/javascripts/vendors.min.js': ['dist/assets/javascripts/vendors.js'] 51 | } 52 | }, 53 | algaworks: { 54 | files: { 55 | 'dist/assets/javascripts/algaworks.min.js': ['dist/assets/javascripts/algaworks.js'] 56 | } 57 | } 58 | }, 59 | 60 | includes: { 61 | build: { 62 | src: ["*.html", "security/*.html", "errors/*.html", "components/*.html"], 63 | dest: "dist/", 64 | cwd: "sources/html", 65 | options: { 66 | flatten: true, 67 | } 68 | } 69 | }, 70 | 71 | "http-server": { 72 | dev: { 73 | root: "dist", 74 | port: 8282, 75 | host: "127.0.0.1", 76 | cache: 0, 77 | showDir : true, 78 | autoIndex: true, 79 | ext: "html", 80 | runInBackground: true, 81 | openBrowser : false 82 | } 83 | }, 84 | 85 | copy: { 86 | 'javascripts': { 87 | expand: true, 88 | cwd: "sources/javascripts", 89 | src: ["algaworks.js"], 90 | dest: "dist/assets/javascripts/", 91 | }, 92 | fonts: { 93 | expand: true, 94 | cwd: "assets/vendors/bower/", 95 | src: ["font-awesome/fonts/**", "bootstrap/fonts/**"], 96 | dest: "dist/assets/vendors/", 97 | }, 98 | sweetalert: { 99 | expand: true, 100 | cwd: "assets/vendors/bower/sweetalert/dist/", 101 | src: ["sweetalert-dev.js", "sweetalert.css"], 102 | dest: "dist/assets/vendors/sweetalert/", 103 | }, 104 | stickytableheaders: { 105 | expand: true, 106 | cwd: "assets/vendors/bower/StickyTableHeaders/js/", 107 | src: ["jquery.stickytableheaders.js"], 108 | dest: "dist/assets/vendors/stickytableheaders/", 109 | }, 110 | jquery: { 111 | expand: true, 112 | cwd: "assets/vendors/bower/jquery/dist/", 113 | src: ["jquery.js"], 114 | dest: "dist/assets/vendors/jquery/", 115 | }, 116 | bootstrap: { 117 | expand: true, 118 | cwd: "assets/vendors/bower/bootstrap/dist/js/", 119 | src: ["bootstrap.js"], 120 | dest: "dist/assets/vendors/bootstrap/", 121 | }, 122 | images: { 123 | expand: true, 124 | cwd: "assets/", 125 | src: ["images/**"], 126 | dest: "dist/assets/", 127 | }, 128 | }, 129 | 130 | watch: { 131 | less: { 132 | files: ["sources/less/**/*.less"], 133 | tasks: ["less:algaworks", "less:application", "cssmin"], 134 | options: { 135 | nospawn: true 136 | } 137 | }, 138 | html: { 139 | files: ["sources/html/**/*.html"], 140 | tasks: ["includes"], 141 | options: { 142 | nospawn: true 143 | } 144 | }, 145 | javascript: { 146 | files: ["sources/javascripts/**/*.js"], 147 | tasks: ["copy:javascripts", "uglify:algaworks"], 148 | options: { 149 | nospawn: true 150 | } 151 | } 152 | } 153 | }); 154 | 155 | ["contrib-less", "contrib-watch", "contrib-copy", "contrib-cssmin", "contrib-uglify", 156 | "contrib-concat", "includes", "http-server"].forEach(function(plugin) { 157 | grunt.loadNpmTasks("grunt-" + plugin); 158 | }); 159 | 160 | grunt.registerTask("default", ["http-server", "copy", "less", "concat", "uglify", 161 | "cssmin", "includes", "watch"]); 162 | }; -------------------------------------------------------------------------------- /sources/less/variables.less: -------------------------------------------------------------------------------- 1 | // ##################### 2 | // # Font Awesome 3 | // ##################### 4 | @fa-font-path: "../vendors/font-awesome/fonts"; 5 | 6 | 7 | // ##################### 8 | // # Common colors 9 | // ##################### 10 | 11 | // Primary color for the project 12 | @brand-primary: #1e94d2; 13 | 14 | 15 | // ##################### 16 | // # Common borders 17 | // ##################### 18 | @border-radius-base: 2px; 19 | @border-radius-large: 4px; 20 | @border-radius-small: 1px; 21 | 22 | // ##################### 23 | // # Common typography 24 | // ##################### 25 | @font-size-base: 13px; 26 | 27 | @font-size-h1: floor((@font-size-base * 1.7)); // ~22px 28 | @font-size-h2: floor((@font-size-base * 1.6)); // ~20px 29 | @font-size-h3: ceil((@font-size-base * 1.38)); // ~18px 30 | @font-size-h4: ceil((@font-size-base * 1.23)); // 16px 31 | @font-size-h5: ceil((@font-size-base * 1.07)); // ~14px 32 | @font-size-h6: @font-size-base; // 13px 33 | 34 | @icon-font-path: "../vendors/bootstrap/fonts/"; 35 | 36 | 37 | // ##################### 38 | // # Layout - Simple Page 39 | // ##################### 40 | 41 | // Background color for simple pages, like login, 404, 500, etc 42 | @aw-layout-simple-page-bg: #f6f6f6; 43 | 44 | 45 | // ##################### 46 | // # Error panel 47 | // ##################### 48 | @aw-error-panel-default-color: @gray-light; 49 | @aw-error-panel-code-color: lighten(@gray-base, 85%); 50 | @aw-error-panel-code-font-size: floor((@font-size-base * 6.2)); // ~80px 51 | @aw-error-panel-title-font-size: floor((@font-size-base * 2.5)); // ~32px 52 | 53 | // ##################### 54 | // # Box 55 | // ##################### 56 | @aw-box-border-color: #eee; 57 | @aw-box-primary-color: @brand-primary; 58 | 59 | 60 | // ##################### 61 | // # Graph Box 62 | // ##################### 63 | @aw-graph-box-border-color: #eee; 64 | @aw-graph-box-no-data-color: @gray-light; 65 | 66 | 67 | // ##################### 68 | // # Balls spinner 69 | // ##################### 70 | @aw-balls-spinner-one-bg: @brand-primary; 71 | @aw-balls-spinner-two-bg: lighten(@brand-primary, 30%); 72 | @aw-balls-spinner-three-bg: darken(@brand-primary, 10%); 73 | @aw-balls-spinner-ball-size: 65px; 74 | 75 | 76 | // ##################### 77 | // # Navbar 78 | // ##################### 79 | 80 | // Point at which the navbar becomes uncollapsed. 81 | @grid-float-breakpoint: 0; 82 | 83 | // Background color for navbar 84 | @navbar-default-bg: @brand-primary; 85 | 86 | @navbar-default-color: #fff; 87 | 88 | // Navbar links 89 | @navbar-default-link-color: #fff; 90 | @navbar-default-link-hover-color: darken(@brand-primary, 15%); 91 | @navbar-default-link-active-color: darken(@brand-primary, 25%); 92 | 93 | 94 | // ##################### 95 | // # Footer disclaimer 96 | // ##################### 97 | @aw-footer-disclaimer-color: @gray-light; 98 | 99 | 100 | // ##################### 101 | // # Logged user 102 | // ##################### 103 | @aw-logged-user-border-color: lighten(@gray, 50%); 104 | 105 | 106 | // ##################### 107 | // # Search modal 108 | // ##################### 109 | @aw-search-modal-bg: @brand-primary; 110 | @aw-search-modal-input-bg: lighten(@brand-primary, 5%); 111 | @aw-search-modal-placeholder-color: lighten(@brand-primary, 25%); 112 | @aw-search-modal-icon-color: darken(@brand-primary, 20%); 113 | @aw-search-modal-icon-hover-color: darken(@brand-primary, 30%); 114 | 115 | 116 | // ##################### 117 | // # Pagination 118 | // ##################### 119 | @aw-pagination-info-color: @gray-light; 120 | 121 | 122 | // ##################### 123 | // # Page header 124 | // ##################### 125 | @aw-page-header-height: 80px; 126 | @aw-page-header-bgcolor: #fafbfd; 127 | @aw-page-header-title-color: @gray-dark; 128 | 129 | 130 | // ##################### 131 | // # Side bar 132 | // ##################### 133 | @aw-sidebar-width: 210px; 134 | @aw-sidebar-bg: #f6f6f6; 135 | @aw-sidebar-border-color: darken(@aw-sidebar-bg, 8%); 136 | 137 | 138 | // ##################### 139 | // # Side menu 140 | // ##################### 141 | @aw-menu-item-color: lighten(#000, 10%); 142 | @aw-menu-item-hover-bg: @gray-lighter; 143 | @aw-menu-item-active-color: @brand-primary; 144 | @aw-menu-group-expanded-border-left-color: @brand-primary; 145 | @aw-menu-group-expanded-menu-links-bg: lighten(#f7f7f7, 1%); 146 | @aw-menu-group-expanded-bg: darken(#f7f7f7, 1%); 147 | 148 | 149 | // ##################### 150 | // # Button 151 | // ##################### 152 | @btn-primary-border: darken(@btn-primary-bg, 3%); 153 | 154 | // Custom 155 | @aw-btn-cancel-color: #fff; 156 | @aw-btn-cancel-bg: #a1a1a1; 157 | @aw-btn-cancel-border: darken(@aw-btn-cancel-bg, 5%); 158 | @aw-btn-danger-link-color: @brand-danger; 159 | 160 | 161 | // ##################### 162 | // # Alert 163 | // ##################### 164 | @aw-alert-no-results-bg: #f9f9f9; 165 | @aw-alert-no-results-border: darken(@aw-alert-no-results-bg, 3%); 166 | @aw-alert-no-results-text: darken(@aw-alert-no-results-bg, 50%); 167 | 168 | 169 | // ##################### 170 | // # Simple form 171 | // ##################### 172 | @aw-simple-panel-default-color: @gray-light; 173 | @aw-simple-panel-error-color: #e70500; 174 | 175 | 176 | // ##################### 177 | // # Data table toolbar 178 | // ##################### 179 | @aw-datatable-toolbar-margin-bottom: ceil(@form-group-margin-bottom * 0.66); 180 | @aw-datatable-toolbar-margin-top: @form-group-margin-bottom * 2; 181 | -------------------------------------------------------------------------------- /dist/pagina-vazia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 |
30 | 31 | 90 | 91 | 135 | 136 |
137 | 138 | 139 |

Página vazia

140 | 141 |
142 | 143 |
144 |
145 | © 2016 AlgaWorks. Todos os direitos reservados. 146 |
147 |
148 | 149 |
150 | 151 |
152 |
153 | 154 |
155 | 156 |
157 |
158 | 159 |
160 | 161 |
162 |
163 | 164 | 165 | 166 | 167 | 168 | -------------------------------------------------------------------------------- /dist/assets/stylesheets/algaworks.min.css: -------------------------------------------------------------------------------- 1 | .aw-layout-sidebar,.aw-layout-simple-page{background-color:#f6f6f6}.aw-search-modal__controls i,.aw-search-modal__input-icon i{pointer-events:auto;cursor:pointer}.aw-layout-page{position:relative;overflow-x:hidden;width:100%;min-height:100%;padding-bottom:60px}.aw-layout-footer{position:absolute;left:0;right:0;bottom:0;height:50px;margin:0;border-top:1px solid #eee;transition:all .5s}@media (min-width:992px){.aw-layout-footer.is-toggled{margin-left:0}.aw-layout-footer{margin-left:210px}}.aw-layout-content{position:relative;margin:50px 0 0;transition:all .5s}@media (min-width:992px){.aw-layout-content.is-toggled{margin-left:0}.aw-layout-content{margin-left:210px}}.aw-layout-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;height:100%;padding-top:54px;margin-left:-211px;border-right:1px solid;border-right-color:transparent;overflow-x:hidden;transition:all .5s}.aw-layout-sidebar.is-toggled{margin-left:0}@media (min-width:992px){.aw-layout-sidebar{margin-left:0}.aw-layout-sidebar.is-toggled{margin-left:-211px}}.aw-layout-sidebar__content{position:relative;overflow-y:auto;height:100%;width:210px}.aw-layout-simple-page__container{display:block;max-width:420px;margin:auto;padding:10% 10px 0}.aw-layout-loading{position:fixed;z-index:9998;display:none;width:100%;height:100%;padding-bottom:65px;text-align:center}.aw-layout-loading__container{display:table-cell;vertical-align:middle}@-moz-keyframes aw-balls-spinner{0%{-moz-transform:rotate(-720deg);transform:rotate(-720deg)}50%{-moz-transform:rotate(720deg);transform:rotate(720deg)}}@-webkit-keyframes aw-balls-spinner{0%{-webkit-transform:rotate(-720deg);transform:rotate(-720deg)}50%{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}@keyframes aw-balls-spinner{0%{-moz-transform:rotate(-720deg);-ms-transform:rotate(-720deg);-webkit-transform:rotate(-720deg);transform:rotate(-720deg)}50%{-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);-webkit-transform:rotate(720deg);transform:rotate(720deg)}}.aw-balls-spinner:not(:required){position:relative;display:inline-block;width:65px;height:65px;opacity:.8;border-radius:100%;background:#1e94d2;text-indent:-9999px;-moz-animation:aw-balls-spinner 3s infinite ease-in-out;-webkit-animation:aw-balls-spinner 3s infinite ease-in-out;animation:aw-balls-spinner 3s infinite ease-in-out;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.aw-balls-spinner:not(:required)::after,.aw-balls-spinner:not(:required)::before{position:absolute;top:48.75px;opacity:.8;border-radius:100%;width:65px;height:65px;content:''}.aw-balls-spinner:not(:required)::before{left:-28.15px;background:#99d2f0}.aw-balls-spinner:not(:required)::after{left:28.15px;background:#1875a5}.aw-error-panel{color:#777;text-align:center}.aw-error-panel__title{font-size:32px}.aw-error-panel__description{display:block;padding:18px 0}.aw-error-panel__code{color:#d9d9d9;font-size:80px;font-weight:400}.aw-footer-disclaimer{font-size:92%;display:block;color:#777;line-height:4;text-align:center}.aw-logged-user{display:block;padding:20px}.aw-logged-user__picture{display:block;margin:auto;padding:2px;border-radius:50%;border:1px solid #d5d5d5}.aw-logged-user__name{display:block;min-width:180px;margin-top:10px;font-weight:500;text-align:center}.aw-search-modal{position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999;display:none;padding:25% 0 0;background-color:#1e94d2;text-align:center;font-size:18px}@media (min-width:768px){.aw-search-modal{padding-left:10%;padding-right:10%;padding-top:180px;font-size:26px}}.aw-search-modal.is-shown{display:block}.aw-search-modal__form{position:relative}.aw-search-modal__input{display:block;width:100%;height:104px;padding-left:40px;padding-right:92px;border-radius:2px;border:none;color:#fff;background-color:#29a1e0;line-height:104px;text-align:center;outline:0}.aw-search-modal__input::-moz-placeholder{color:#82c8ed;opacity:1}.aw-search-modal__input:-ms-input-placeholder{color:#82c8ed}.aw-search-modal__input::-webkit-input-placeholder{color:#82c8ed}.aw-search-modal__input-icon{position:absolute;display:block;width:52px;height:104px;top:0;right:20px;z-index:2;color:#115579;line-height:104px;text-align:center}.aw-search-modal__input-icon i:hover{color:#0b364c}.aw-search-modal__controls{position:absolute;top:20px;right:20px;color:#115579;font-size:26px}.aw-search-modal__controls i:hover{color:#0b364c}.aw-simple-panel{color:#777;text-align:center}.aw-simple-panel__message{padding:20px 0}.aw-simple-panel__message.is-error{color:#e70500}.aw-simple-panel__box{padding:20px 20px 5px;border:1px solid #ccc;border-radius:2px;background-color:#fff}.aw-simple-panel__footer{padding:10px 0}.aw-menu__list{margin-bottom:0;padding-left:0;list-style:none}.aw-menu__list--sublist{display:none}.aw-menu__item{position:relative;display:block}.aw-menu__item>a{position:relative;display:block;padding:10px 15px;color:#1a1a1a;font-weight:500}.aw-box__icon,.aw-menu__item.is-active>a{color:#1e94d2}.aw-menu__item>a>i{margin-right:6px}.aw-menu__item>a:focus,.aw-menu__item>a:hover{background:#eee;text-decoration:none}.aw-menu__item.is-expanded{border-left:3px solid;border-left-color:#1e94d2;background:#f4f4f4}.aw-menu__item.is-expanded .aw-menu__navigation-icon:before{content:"\f0d7"}.aw-fa-arrow-left:before,.aw-menu__navigation-icon:before{content:"\f0d9"}.aw-menu__item.is-expanded>.aw-menu__list{display:block;background:#fafafa}.aw-menu__item.is-expanded>a{margin-left:-3px}.aw-menu__item--link>a{padding-left:36px;font-weight:400}.aw-menu__navigation-icon{float:right}.aw-box{padding:20px;margin-bottom:15px;border:1px solid #eee;border-bottom:3px solid #1e94d2}.aw-box__icon{float:left}.aw-box__value{font-size:1.69em;font-weight:300;text-align:right}.aw-box__title{display:block;font-size:1em;font-weight:600;text-align:right}.aw-graph-box{margin-bottom:15px;border:1px solid #eee;border-bottom:3px solid #eee}.aw-graph-box__header{padding:15px 20px;border-bottom:1px solid #eee}.aw-graph-box__content{padding:15px 20px}.aw-graph-box__no-data{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;width:100%;align-items:center;justify-content:center;color:#777}.aw-graph-box__no-data>i{margin-right:5px}.aw-graph-box__title{margin:0;padding:0;font-size:1.1em;font-weight:500}.aw-text-xs-left{text-align:left}.aw-text-xs-right{text-align:right}.aw-text-xs-center{text-align:center}.aw-text-xs-justify{text-align:justify}@media (min-width:768px){.aw-text-sm-left{text-align:left}.aw-text-sm-right{text-align:right}.aw-text-sm-center{text-align:center}.aw-text-sm-justify{text-align:justify}}@media (min-width:992px){.aw-text-md-left{text-align:left}.aw-text-md-right{text-align:right}.aw-text-md-center{text-align:center}.aw-text-md-justify{text-align:justify}}@media (min-width:1200px){.aw-text-lg-left{text-align:left}.aw-text-lg-right{text-align:right}.aw-text-lg-center{text-align:center}.aw-text-lg-justify{text-align:justify}}body,html{height:100%}.aw-no-scroll{overflow:hidden!important}.aw-form-label-between{display:inline-block;padding:0 5px}.aw-datatable-toolbar{margin-bottom:10px;margin-top:30px}.aw-fa-arrow-down:before{content:"\f0d7"}.aw-alert-no-results{background-color:#f9f9f9;border-color:#f1f1f1;color:#7a7a7a;line-height:3;text-align:center}.aw-alert-no-results hr{border-top-color:#e5e5e5}.aw-alert-no-results .alert-link{color:#606060}.aw-label-corner{position:absolute;top:9px;right:4px;padding:2px 5px}.aw-form-control-inline-sm{display:inline-block!important;width:33%!important}.aw-btn-cancel{color:#fff;background-color:#a1a1a1;border-color:#949494}.aw-btn-cancel.focus,.aw-btn-cancel:focus{color:#fff;background-color:#888;border-color:#545454}.aw-btn-cancel.active,.aw-btn-cancel:active,.aw-btn-cancel:hover,.open>.dropdown-toggle.aw-btn-cancel{color:#fff;background-color:#888;border-color:#767676}.aw-btn-cancel.active,.aw-btn-cancel:active,.open>.dropdown-toggle.aw-btn-cancel{background-image:none}.aw-btn-cancel .badge{color:#a1a1a1;background-color:#fff}.aw-btn-link-danger{color:#d9534f}.aw-btn-link-danger:active,.aw-btn-link-danger:focus,.aw-btn-link-danger:hover{color:#b52b27;outline:0}.aw-btn-thin-caret{padding-left:5px!important;padding-right:5px!important}.aw-btn-full-width{width:100%}.aw-table-header-solid{background:#fff}.aw-table-checkbox{min-width:25px;text-align:center}.pagination{margin:0}.page-header{padding-bottom:0;background-color:#fafbfd}.page-header h1{display:flex;justify-content:flex-start;align-items:center;margin:0;height:80px;color:#333}.aw-page-header-controls{display:flex;justify-content:flex-end;align-items:center;height:80px}.aw-checkbox-no-margin{margin-top:0!important;margin-bottom:0!important} -------------------------------------------------------------------------------- /dist/tabela-sem-dados.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 |
30 | 31 | 90 | 91 | 135 | 136 |
137 | 138 | 139 |
140 |
141 |
142 |
143 |

144 | Pesquisa de produtos 145 |

146 |
147 | 148 |
149 |
150 | 151 | 152 | 153 |
154 |
155 |
156 |
157 |
158 | 159 |
160 | 161 |
162 | 163 |
164 | 165 | 166 |
167 | 168 |
169 |
170 |
171 | 172 | 173 |
174 | 175 | 176 | 177 |
178 |
179 |
180 | 181 |
182 |
183 | 184 | 185 |
186 | 187 | 188 | 189 |
190 |
191 |
192 |
193 | 194 |
195 | 198 |
199 | 200 |
201 | 202 | 205 | 206 |
207 | 208 |
209 | 210 |
211 |
212 | © 2016 AlgaWorks. Todos os direitos reservados. 213 |
214 |
215 | 216 |
217 | 218 |
219 |
220 | 221 |
222 | 223 |
224 |
225 | 226 |
227 | 228 |
229 |
230 | 231 | 232 | 233 | 234 | 235 | -------------------------------------------------------------------------------- /dist/cadastro-produto.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 |
30 | 31 | 90 | 91 | 135 | 136 |
137 | 138 | 139 |
140 |
141 |

142 | Cadastro de produto 143 |

144 |
145 |
146 | 147 |
148 | 149 | 153 | 154 |
155 | 156 |
157 | 158 | 159 |
160 | 161 |
162 | 163 | 164 |
165 | 166 |
167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 |
175 |
176 | 177 | 178 |
179 |
180 |
181 | 182 |
183 | 184 | Cancelar 185 | Excluir este produto 186 |
187 | 188 |
189 |
190 | 191 | 209 | 210 |
211 | 212 |
213 |
214 | © 2016 AlgaWorks. Todos os direitos reservados. 215 |
216 |
217 | 218 |
219 | 220 |
221 |
222 | 223 |
224 | 225 |
226 |
227 | 228 |
229 | 230 |
231 |
232 | 233 | 234 | 235 | 236 | 237 | -------------------------------------------------------------------------------- /dist/dashboard.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 |
30 | 31 | 90 | 91 | 135 | 136 |
137 | 138 | 139 |
140 |
141 |

142 | Dashboard 143 |

144 |
145 |
146 | 147 |
148 | 149 |
150 |
151 | 152 |
153 |
154 | 155 |
156 |
R$983.433,20
157 |
Faturamento total
158 |
159 | 160 |
161 | 162 |
163 | 164 |
165 |
166 | 167 |
168 |
R$343.542,59
169 |
Faturamento no ano
170 |
171 | 172 |
173 | 174 |
175 | 176 |
177 |
178 | 179 |
180 |
R$40.233,40
181 |
Faturamento no mês
182 |
183 | 184 |
185 |
186 | 187 |
188 |
189 | 190 |
191 |
192 | 193 |
194 |
1.298
195 |
Total de clientes
196 |
197 | 198 |
199 | 200 |
201 | 202 |
203 |
204 | 205 |
206 |
123
207 |
Produtos sem estoque
208 |
209 | 210 |
211 | 212 |
213 | 214 |
215 |
216 | 217 |
218 |
3.344
219 |
Estoque total
220 |
221 | 222 |
223 |
224 | 225 |
226 |
227 |
228 |
229 |

Faturamento por mês últimos 12 meses

230 |
231 |
232 |
233 | 234 | Não há dados 235 |
236 | 237 |
238 | 239 |
240 |
241 |
242 |
243 | 244 |
245 |
246 |
247 |

Faturamento por representante últimos 12 meses

248 |
249 |
250 |
251 | 252 | Não há dados 253 |
254 | 255 |
256 | 257 |
258 |
259 |
260 |
261 |
262 |
263 | 264 |
265 | 266 |
267 |
268 | © 2016 AlgaWorks. Todos os direitos reservados. 269 |
270 |
271 | 272 |
273 | 274 |
275 |
276 | 277 |
278 | 279 |
280 |
281 | 282 |
283 | 284 |
285 |
286 | 287 | 288 | 289 | 290 | 291 | -------------------------------------------------------------------------------- /dist/assets/vendors/stickytableheaders/jquery.stickytableheaders.js: -------------------------------------------------------------------------------- 1 | /*! Copyright (c) 2011 by Jonas Mosbech - https://github.com/jmosbech/StickyTableHeaders 2 | MIT license info: https://github.com/jmosbech/StickyTableHeaders/blob/master/license.txt */ 3 | 4 | ;(function ($, window, undefined) { 5 | 'use strict'; 6 | 7 | var name = 'stickyTableHeaders', 8 | id = 0, 9 | defaults = { 10 | fixedOffset: 0, 11 | leftOffset: 0, 12 | marginTop: 0, 13 | objDocument: document, 14 | objHead: 'head', 15 | objWindow: window, 16 | scrollableArea: window, 17 | cacheHeaderHeight: false 18 | }; 19 | 20 | function Plugin (el, options) { 21 | // To avoid scope issues, use 'base' instead of 'this' 22 | // to reference this class from internal events and functions. 23 | var base = this; 24 | 25 | // Access to jQuery and DOM versions of element 26 | base.$el = $(el); 27 | base.el = el; 28 | base.id = id++; 29 | 30 | // Listen for destroyed, call teardown 31 | base.$el.bind('destroyed', 32 | $.proxy(base.teardown, base)); 33 | 34 | // Cache DOM refs for performance reasons 35 | base.$clonedHeader = null; 36 | base.$originalHeader = null; 37 | 38 | // Cache header height for performance reasons 39 | base.cachedHeaderHeight = null; 40 | 41 | // Keep track of state 42 | base.isSticky = false; 43 | base.hasBeenSticky = false; 44 | base.leftOffset = null; 45 | base.topOffset = null; 46 | 47 | base.init = function () { 48 | base.setOptions(options); 49 | 50 | base.$el.each(function () { 51 | var $this = $(this); 52 | 53 | // remove padding on to fix issue #7 54 | $this.css('padding', 0); 55 | 56 | base.$originalHeader = $('thead:first', this); 57 | base.$clonedHeader = base.$originalHeader.clone(); 58 | $this.trigger('clonedHeader.' + name, [base.$clonedHeader]); 59 | 60 | base.$clonedHeader.addClass('tableFloatingHeader'); 61 | base.$clonedHeader.css({display: 'none', opacity: 0.0}); 62 | 63 | base.$originalHeader.addClass('tableFloatingHeaderOriginal'); 64 | 65 | base.$originalHeader.after(base.$clonedHeader); 66 | 67 | base.$printStyle = $(''); 71 | base.$head.append(base.$printStyle); 72 | }); 73 | 74 | base.updateWidth(); 75 | base.toggleHeaders(); 76 | base.bind(); 77 | }; 78 | 79 | base.destroy = function (){ 80 | base.$el.unbind('destroyed', base.teardown); 81 | base.teardown(); 82 | }; 83 | 84 | base.teardown = function(){ 85 | if (base.isSticky) { 86 | base.$originalHeader.css('position', 'static'); 87 | } 88 | $.removeData(base.el, 'plugin_' + name); 89 | base.unbind(); 90 | 91 | base.$clonedHeader.remove(); 92 | base.$originalHeader.removeClass('tableFloatingHeaderOriginal'); 93 | base.$originalHeader.css('visibility', 'visible'); 94 | base.$printStyle.remove(); 95 | 96 | base.el = null; 97 | base.$el = null; 98 | }; 99 | 100 | base.bind = function(){ 101 | base.$scrollableArea.on('scroll.' + name, base.toggleHeaders); 102 | if (!base.isWindowScrolling) { 103 | base.$window.on('scroll.' + name + base.id, base.setPositionValues); 104 | base.$window.on('resize.' + name + base.id, base.toggleHeaders); 105 | } 106 | base.$scrollableArea.on('resize.' + name, base.toggleHeaders); 107 | base.$scrollableArea.on('resize.' + name, base.updateWidth); 108 | }; 109 | 110 | base.unbind = function(){ 111 | // unbind window events by specifying handle so we don't remove too much 112 | base.$scrollableArea.off('.' + name, base.toggleHeaders); 113 | if (!base.isWindowScrolling) { 114 | base.$window.off('.' + name + base.id, base.setPositionValues); 115 | base.$window.off('.' + name + base.id, base.toggleHeaders); 116 | } 117 | base.$scrollableArea.off('.' + name, base.updateWidth); 118 | }; 119 | 120 | // We debounce the functions bound to the scroll and resize events 121 | base.debounce = function (fn, delay) { 122 | var timer = null; 123 | return function () { 124 | var context = this, args = arguments; 125 | clearTimeout(timer); 126 | timer = setTimeout(function () { 127 | fn.apply(context, args); 128 | }, delay); 129 | }; 130 | }; 131 | 132 | base.toggleHeaders = base.debounce(function () { 133 | if (base.$el) { 134 | base.$el.each(function () { 135 | var $this = $(this), 136 | newLeft, 137 | newTopOffset = base.isWindowScrolling ? ( 138 | isNaN(base.options.fixedOffset) ? 139 | base.options.fixedOffset.outerHeight() : 140 | base.options.fixedOffset 141 | ) : 142 | base.$scrollableArea.offset().top + (!isNaN(base.options.fixedOffset) ? base.options.fixedOffset : 0), 143 | offset = $this.offset(), 144 | 145 | scrollTop = base.$scrollableArea.scrollTop() + newTopOffset, 146 | scrollLeft = base.$scrollableArea.scrollLeft(), 147 | 148 | headerHeight = base.options.cacheHeaderHeight ? base.cachedHeaderHeight : base.$clonedHeader.height(), 149 | 150 | scrolledPastTop = base.isWindowScrolling ? 151 | scrollTop > offset.top : 152 | newTopOffset > offset.top, 153 | notScrolledPastBottom = (base.isWindowScrolling ? scrollTop : 0) < 154 | (offset.top + $this.height() - headerHeight - (base.isWindowScrolling ? 0 : newTopOffset)); 155 | 156 | if (scrolledPastTop && notScrolledPastBottom) { 157 | newLeft = offset.left - scrollLeft + base.options.leftOffset; 158 | base.$originalHeader.css({ 159 | 'position': 'fixed', 160 | 'margin-top': base.options.marginTop, 161 | 'left': newLeft, 162 | 'z-index': 3 // #18: opacity bug 163 | }); 164 | base.leftOffset = newLeft; 165 | base.topOffset = newTopOffset; 166 | base.$clonedHeader.css('display', ''); 167 | if (!base.isSticky) { 168 | base.isSticky = true; 169 | // make sure the width is correct: the user might have resized the browser while in static mode 170 | base.updateWidth(); 171 | $this.trigger('enabledStickiness.' + name); 172 | } 173 | base.setPositionValues(); 174 | } else if (base.isSticky) { 175 | base.$originalHeader.css('position', 'static'); 176 | base.$clonedHeader.css('display', 'none'); 177 | base.isSticky = false; 178 | base.resetWidth($('td,th', base.$clonedHeader), $('td,th', base.$originalHeader)); 179 | $this.trigger('disabledStickiness.' + name); 180 | } 181 | }); 182 | } 183 | }, 0); 184 | 185 | base.setPositionValues = base.debounce(function () { 186 | var winScrollTop = base.$window.scrollTop(), 187 | winScrollLeft = base.$window.scrollLeft(); 188 | if (!base.isSticky || 189 | winScrollTop < 0 || winScrollTop + base.$window.height() > base.$document.height() || 190 | winScrollLeft < 0 || winScrollLeft + base.$window.width() > base.$document.width()) { 191 | return; 192 | } 193 | base.$originalHeader.css({ 194 | 'top': base.topOffset - (base.isWindowScrolling ? 0 : winScrollTop), 195 | 'left': base.leftOffset - (base.isWindowScrolling ? 0 : winScrollLeft) 196 | }); 197 | }, 0); 198 | 199 | base.updateWidth = base.debounce(function () { 200 | if (!base.isSticky) { 201 | return; 202 | } 203 | // Copy cell widths from clone 204 | if (!base.$originalHeaderCells) { 205 | base.$originalHeaderCells = $('th,td', base.$originalHeader); 206 | } 207 | if (!base.$clonedHeaderCells) { 208 | base.$clonedHeaderCells = $('th,td', base.$clonedHeader); 209 | } 210 | var cellWidths = base.getWidth(base.$clonedHeaderCells); 211 | base.setWidth(cellWidths, base.$clonedHeaderCells, base.$originalHeaderCells); 212 | 213 | // Copy row width from whole table 214 | base.$originalHeader.css('width', base.$clonedHeader.width()); 215 | 216 | // If we're caching the height, we need to update the cached value when the width changes 217 | if (base.options.cacheHeaderHeight) { 218 | base.cachedHeaderHeight = base.$clonedHeader.height(); 219 | } 220 | }, 0); 221 | 222 | base.getWidth = function ($clonedHeaders) { 223 | var widths = []; 224 | $clonedHeaders.each(function (index) { 225 | var width, $this = $(this); 226 | 227 | if ($this.css('box-sizing') === 'border-box') { 228 | var boundingClientRect = $this[0].getBoundingClientRect(); 229 | if(boundingClientRect.width) { 230 | width = boundingClientRect.width; // #39: border-box bug 231 | } else { 232 | width = boundingClientRect.right - boundingClientRect.left; // ie8 bug: getBoundingClientRect() does not have a width property 233 | } 234 | } else { 235 | var $origTh = $('th', base.$originalHeader); 236 | if ($origTh.css('border-collapse') === 'collapse') { 237 | if (window.getComputedStyle) { 238 | width = parseFloat(window.getComputedStyle(this, null).width); 239 | } else { 240 | // ie8 only 241 | var leftPadding = parseFloat($this.css('padding-left')); 242 | var rightPadding = parseFloat($this.css('padding-right')); 243 | // Needs more investigation - this is assuming constant border around this cell and it's neighbours. 244 | var border = parseFloat($this.css('border-width')); 245 | width = $this.outerWidth() - leftPadding - rightPadding - border; 246 | } 247 | } else { 248 | width = $this.width(); 249 | } 250 | } 251 | 252 | widths[index] = width; 253 | }); 254 | return widths; 255 | }; 256 | 257 | base.setWidth = function (widths, $clonedHeaders, $origHeaders) { 258 | $clonedHeaders.each(function (index) { 259 | var width = widths[index]; 260 | $origHeaders.eq(index).css({ 261 | 'min-width': width, 262 | 'max-width': width 263 | }); 264 | }); 265 | }; 266 | 267 | base.resetWidth = function ($clonedHeaders, $origHeaders) { 268 | $clonedHeaders.each(function (index) { 269 | var $this = $(this); 270 | $origHeaders.eq(index).css({ 271 | 'min-width': $this.css('min-width'), 272 | 'max-width': $this.css('max-width') 273 | }); 274 | }); 275 | }; 276 | 277 | base.setOptions = function (options) { 278 | base.options = $.extend({}, defaults, options); 279 | base.$window = $(base.options.objWindow); 280 | base.$head = $(base.options.objHead); 281 | base.$document = $(base.options.objDocument); 282 | base.$scrollableArea = $(base.options.scrollableArea); 283 | base.isWindowScrolling = base.$scrollableArea[0] === base.$window[0]; 284 | }; 285 | 286 | base.updateOptions = function (options) { 287 | base.setOptions(options); 288 | // scrollableArea might have changed 289 | base.unbind(); 290 | base.bind(); 291 | base.updateWidth(); 292 | base.toggleHeaders(); 293 | }; 294 | 295 | // Run initializer 296 | base.init(); 297 | } 298 | 299 | // A plugin wrapper around the constructor, 300 | // preventing against multiple instantiations 301 | $.fn[name] = function ( options ) { 302 | return this.each(function () { 303 | var instance = $.data(this, 'plugin_' + name); 304 | if (instance) { 305 | if (typeof options === 'string') { 306 | instance[options].apply(instance); 307 | } else { 308 | instance.updateOptions(options); 309 | } 310 | } else if(options !== 'destroy') { 311 | $.data(this, 'plugin_' + name, new Plugin( this, options )); 312 | } 313 | }); 314 | }; 315 | 316 | })(jQuery, window); 317 | -------------------------------------------------------------------------------- /dist/assets/stylesheets/algaworks.css: -------------------------------------------------------------------------------- 1 | .aw-layout-page { 2 | position: relative; 3 | overflow-x: hidden; 4 | width: 100%; 5 | min-height: 100%; 6 | padding-bottom: 60px; 7 | } 8 | .aw-layout-footer { 9 | position: absolute; 10 | left: 0; 11 | right: 0; 12 | bottom: 0; 13 | height: 50px; 14 | margin: 0; 15 | border-top: 1px solid #eeeeee; 16 | transition: all 0.5s; 17 | } 18 | @media (min-width: 992px) { 19 | .aw-layout-footer.is-toggled { 20 | margin-left: 0; 21 | } 22 | } 23 | @media (min-width: 992px) { 24 | .aw-layout-footer { 25 | margin-left: 210px; 26 | } 27 | } 28 | .aw-layout-content { 29 | position: relative; 30 | margin: 0; 31 | margin-top: 50px; 32 | transition: all 0.5s; 33 | } 34 | @media (min-width: 992px) { 35 | .aw-layout-content.is-toggled { 36 | margin-left: 0; 37 | } 38 | } 39 | @media (min-width: 992px) { 40 | .aw-layout-content { 41 | margin-left: 210px; 42 | } 43 | } 44 | .aw-layout-sidebar { 45 | position: fixed; 46 | left: 0; 47 | top: 0; 48 | bottom: 0; 49 | z-index: 1000; 50 | height: 100%; 51 | padding-top: 54px; 52 | margin-left: -211px; 53 | border-right-color: #e2e2e2; 54 | border-right: 1px solid; 55 | border-right-color: transparent; 56 | overflow-x: hidden; 57 | background-color: #f6f6f6; 58 | transition: all 0.5s; 59 | } 60 | @media (min-width: 992px) { 61 | .aw-layout-sidebar { 62 | margin-left: 0px; 63 | } 64 | } 65 | .aw-layout-sidebar.is-toggled { 66 | margin-left: 0px; 67 | } 68 | @media (min-width: 992px) { 69 | .aw-layout-sidebar.is-toggled { 70 | margin-left: -211px; 71 | } 72 | } 73 | .aw-layout-sidebar__content { 74 | position: relative; 75 | overflow-y: auto; 76 | height: 100%; 77 | width: 210px; 78 | } 79 | .aw-layout-simple-page { 80 | background-color: #f6f6f6; 81 | } 82 | .aw-layout-simple-page__container { 83 | display: block; 84 | max-width: 420px; 85 | margin: auto; 86 | padding: 0 10px; 87 | padding-top: 10%; 88 | } 89 | .aw-layout-loading { 90 | position: fixed; 91 | z-index: 9998; 92 | display: none; 93 | width: 100%; 94 | height: 100%; 95 | padding-bottom: 65px; 96 | text-align: center; 97 | } 98 | .aw-layout-loading__container { 99 | display: table-cell; 100 | vertical-align: middle; 101 | } 102 | /*--------------*\ 103 | Balls Spinner 104 | \*--------------*/ 105 | @-moz-keyframes aw-balls-spinner { 106 | 0% { 107 | -moz-transform: rotate(-720deg); 108 | transform: rotate(-720deg); 109 | } 110 | 50% { 111 | -moz-transform: rotate(720deg); 112 | transform: rotate(720deg); 113 | } 114 | } 115 | @-webkit-keyframes aw-balls-spinner { 116 | 0% { 117 | -webkit-transform: rotate(-720deg); 118 | transform: rotate(-720deg); 119 | } 120 | 50% { 121 | -webkit-transform: rotate(720deg); 122 | transform: rotate(720deg); 123 | } 124 | } 125 | @keyframes aw-balls-spinner { 126 | 0% { 127 | -moz-transform: rotate(-720deg); 128 | -ms-transform: rotate(-720deg); 129 | -webkit-transform: rotate(-720deg); 130 | transform: rotate(-720deg); 131 | } 132 | 50% { 133 | -moz-transform: rotate(720deg); 134 | -ms-transform: rotate(720deg); 135 | -webkit-transform: rotate(720deg); 136 | transform: rotate(720deg); 137 | } 138 | } 139 | /* :not(:required) hides this rule from IE9 and below */ 140 | .aw-balls-spinner:not(:required) { 141 | position: relative; 142 | display: inline-block; 143 | width: 65px; 144 | height: 65px; 145 | opacity: 0.8; 146 | border-radius: 100%; 147 | background: #1e94d2; 148 | text-indent: -9999px; 149 | -moz-animation: aw-balls-spinner 3s infinite ease-in-out; 150 | -webkit-animation: aw-balls-spinner 3s infinite ease-in-out; 151 | animation: aw-balls-spinner 3s infinite ease-in-out; 152 | -moz-transform-origin: 50% 100%; 153 | -ms-transform-origin: 50% 100%; 154 | -webkit-transform-origin: 50% 100%; 155 | transform-origin: 50% 100%; 156 | } 157 | .aw-balls-spinner:not(:required)::before { 158 | position: absolute; 159 | top: 48.75px; 160 | left: -28.145832px; 161 | opacity: 0.8; 162 | border-radius: 100%; 163 | width: 65px; 164 | height: 65px; 165 | background: #99d2f0; 166 | content: ''; 167 | } 168 | .aw-balls-spinner:not(:required)::after { 169 | position: absolute; 170 | top: 48.75px; 171 | left: 28.145832px; 172 | opacity: 0.8; 173 | border-radius: 100%; 174 | width: 65px; 175 | height: 65px; 176 | background: #1875a5; 177 | content: ''; 178 | } 179 | /*-----------------------------------------------------------*\ 180 | Error panel 181 | - Para ser usado em páginas de erro simpls (404, 500, etc) 182 | \*-----------------------------------------------------------*/ 183 | .aw-error-panel { 184 | color: #777777; 185 | text-align: center; 186 | } 187 | .aw-error-panel__title { 188 | font-size: 32px; 189 | } 190 | .aw-error-panel__description { 191 | display: block; 192 | padding: 18px 0; 193 | } 194 | .aw-error-panel__code { 195 | color: #d9d9d9; 196 | font-size: 80px; 197 | font-weight: normal; 198 | } 199 | /*-------------------------------------------------*\ 200 | Footer disclaimer 201 | - Para usar na informação de copyright no rodapé 202 | \*-------------------------------------------------*/ 203 | .aw-footer-disclaimer { 204 | font-size: 92%; 205 | display: block; 206 | color: #777777; 207 | line-height: 4; 208 | text-align: center; 209 | } 210 | /*-------------------------------------------------*\ 211 | Logged user 212 | - Imagem e nome do usuário logado 213 | (normalmente usado em dropdown menu na navbar) 214 | \*-------------------------------------------------*/ 215 | .aw-logged-user { 216 | display: block; 217 | padding: 20px; 218 | } 219 | .aw-logged-user__picture { 220 | display: block; 221 | margin: auto; 222 | padding: 2px; 223 | border-radius: 50%; 224 | border: 1px solid #d5d5d5; 225 | } 226 | .aw-logged-user__name { 227 | display: block; 228 | min-width: 180px; 229 | margin-top: 10px; 230 | font-weight: 500; 231 | text-align: center; 232 | } 233 | /*--------------*\ 234 | Search modal 235 | \*--------------*/ 236 | .aw-search-modal { 237 | position: fixed; 238 | top: 0; 239 | bottom: 0; 240 | right: 0; 241 | left: 0; 242 | z-index: 9999; 243 | display: none; 244 | padding: 0; 245 | padding-top: 25%; 246 | background-color: #1e94d2; 247 | text-align: center; 248 | font-size: 18px; 249 | } 250 | @media (min-width: 768px) { 251 | .aw-search-modal { 252 | padding-left: 10%; 253 | padding-right: 10%; 254 | padding-top: 180px; 255 | font-size: 26px; 256 | } 257 | } 258 | .aw-search-modal.is-shown { 259 | display: block; 260 | } 261 | .aw-search-modal__form { 262 | position: relative; 263 | } 264 | .aw-search-modal__input { 265 | display: block; 266 | width: 100%; 267 | height: 104px; 268 | padding-left: 40px; 269 | padding-right: 92px; 270 | border-radius: 2px; 271 | border: none; 272 | color: #fff; 273 | background-color: #29a1e0; 274 | line-height: 104px; 275 | text-align: center; 276 | outline: none; 277 | } 278 | .aw-search-modal__input::-moz-placeholder { 279 | color: #82c8ed; 280 | opacity: 1; 281 | } 282 | .aw-search-modal__input:-ms-input-placeholder { 283 | color: #82c8ed; 284 | } 285 | .aw-search-modal__input::-webkit-input-placeholder { 286 | color: #82c8ed; 287 | } 288 | .aw-search-modal__input-icon { 289 | position: absolute; 290 | display: block; 291 | width: 52px; 292 | height: 104px; 293 | top: 0; 294 | right: 20px; 295 | z-index: 2; 296 | color: #115579; 297 | line-height: 104px; 298 | text-align: center; 299 | } 300 | .aw-search-modal__input-icon i { 301 | pointer-events: auto; 302 | cursor: pointer; 303 | } 304 | .aw-search-modal__input-icon i:hover { 305 | color: #0b364c; 306 | } 307 | .aw-search-modal__controls { 308 | position: absolute; 309 | top: 20px; 310 | right: 20px; 311 | color: #115579; 312 | font-size: 26px; 313 | } 314 | .aw-search-modal__controls i { 315 | pointer-events: auto; 316 | cursor: pointer; 317 | } 318 | .aw-search-modal__controls i:hover { 319 | color: #0b364c; 320 | } 321 | /*---------------------------------------*\ 322 | Simple panel 323 | - Usado para login e "esqueci a senha" 324 | \*---------------------------------------*/ 325 | .aw-simple-panel { 326 | color: #777777; 327 | text-align: center; 328 | } 329 | .aw-simple-panel__message { 330 | padding: 20px 0px; 331 | } 332 | .aw-simple-panel__message.is-error { 333 | color: #e70500; 334 | } 335 | .aw-simple-panel__box { 336 | padding: 20px; 337 | padding-bottom: 5px; 338 | border: 1px solid #ccc; 339 | border-radius: 2px; 340 | background-color: #fff; 341 | } 342 | .aw-simple-panel__footer { 343 | padding: 10px 0; 344 | } 345 | /*---------*\ 346 | Menu 347 | \*---------*/ 348 | .aw-menu__list { 349 | margin-bottom: 0; 350 | padding-left: 0; 351 | list-style: none; 352 | } 353 | .aw-menu__list--sublist { 354 | display: none; 355 | } 356 | .aw-menu__item { 357 | position: relative; 358 | display: block; 359 | } 360 | .aw-menu__item > a { 361 | position: relative; 362 | display: block; 363 | padding: 10px 15px; 364 | color: #1a1a1a; 365 | font-weight: 500; 366 | } 367 | .aw-menu__item > a > i { 368 | margin-right: 6px; 369 | } 370 | .aw-menu__item > a:hover, 371 | .aw-menu__item > a:focus { 372 | background: #eeeeee; 373 | text-decoration: none; 374 | } 375 | .aw-menu__item.is-active > a { 376 | color: #1e94d2; 377 | } 378 | .aw-menu__item.is-expanded { 379 | border-left: 3px solid; 380 | border-left-color: #1e94d2; 381 | background: #f4f4f4; 382 | } 383 | .aw-menu__item.is-expanded .aw-menu__navigation-icon:before { 384 | content: "\f0d7"; 385 | } 386 | .aw-menu__item.is-expanded > .aw-menu__list { 387 | display: block; 388 | background: #fafafa; 389 | } 390 | .aw-menu__item.is-expanded > a { 391 | margin-left: -3px; 392 | } 393 | .aw-menu__item--link > a { 394 | padding-left: 36px; 395 | font-weight: 400; 396 | } 397 | .aw-menu__navigation-icon { 398 | float: right; 399 | } 400 | .aw-menu__navigation-icon:before { 401 | content: "\f0d9"; 402 | } 403 | /*------------------------------------------*\ 404 | Box 405 | - Para ser usado em indicadores (dahboard) 406 | \*------------------------------------------*/ 407 | .aw-box { 408 | padding: 20px; 409 | margin-bottom: 15px; 410 | border: 1px solid #eeeeee; 411 | border-bottom: 3px solid #1e94d2; 412 | } 413 | .aw-box__icon { 414 | float: left; 415 | color: #1e94d2; 416 | } 417 | .aw-box__value { 418 | font-size: 1.69em; 419 | font-weight: 300; 420 | text-align: right; 421 | } 422 | .aw-box__title { 423 | display: block; 424 | font-size: 1em; 425 | font-weight: 600; 426 | text-align: right; 427 | } 428 | /*-------------------------------------------------*\ 429 | Graph box 430 | - Container para gráfico (dashboard) 431 | \*-------------------------------------------------*/ 432 | .aw-graph-box { 433 | margin-bottom: 15px; 434 | border: 1px solid #eeeeee; 435 | border-bottom: 3px solid #eeeeee; 436 | } 437 | .aw-graph-box__header { 438 | padding: 15px 20px; 439 | border-bottom: 1px solid #eeeeee; 440 | } 441 | .aw-graph-box__content { 442 | padding: 15px 20px; 443 | } 444 | .aw-graph-box__no-data { 445 | position: absolute; 446 | top: 0; 447 | left: 0; 448 | right: 0; 449 | bottom: 0; 450 | display: flex; 451 | width: 100%; 452 | align-items: center; 453 | justify-content: center; 454 | color: #777777; 455 | } 456 | .aw-graph-box__no-data > i { 457 | margin-right: 5px; 458 | } 459 | .aw-graph-box__title { 460 | margin: 0; 461 | padding: 0; 462 | font-size: 1.1em; 463 | font-weight: 500; 464 | } 465 | .aw-text-xs-left { 466 | text-align: left; 467 | } 468 | .aw-text-xs-right { 469 | text-align: right; 470 | } 471 | .aw-text-xs-center { 472 | text-align: center; 473 | } 474 | .aw-text-xs-justify { 475 | text-align: justify; 476 | } 477 | @media (min-width: 768px) { 478 | .aw-text-sm-left { 479 | text-align: left; 480 | } 481 | .aw-text-sm-right { 482 | text-align: right; 483 | } 484 | .aw-text-sm-center { 485 | text-align: center; 486 | } 487 | .aw-text-sm-justify { 488 | text-align: justify; 489 | } 490 | } 491 | @media (min-width: 992px) { 492 | .aw-text-md-left { 493 | text-align: left; 494 | } 495 | .aw-text-md-right { 496 | text-align: right; 497 | } 498 | .aw-text-md-center { 499 | text-align: center; 500 | } 501 | .aw-text-md-justify { 502 | text-align: justify; 503 | } 504 | } 505 | @media (min-width: 1200px) { 506 | .aw-text-lg-left { 507 | text-align: left; 508 | } 509 | .aw-text-lg-right { 510 | text-align: right; 511 | } 512 | .aw-text-lg-center { 513 | text-align: center; 514 | } 515 | .aw-text-lg-justify { 516 | text-align: justify; 517 | } 518 | } 519 | html, 520 | body { 521 | height: 100%; 522 | } 523 | .aw-no-scroll { 524 | overflow: hidden !important; 525 | } 526 | .aw-form-label-between { 527 | display: inline-block; 528 | padding: 0 5px; 529 | } 530 | .aw-datatable-toolbar { 531 | margin-bottom: 10px; 532 | margin-top: 30px; 533 | } 534 | .aw-fa-arrow-left:before { 535 | content: "\f0d9"; 536 | } 537 | .aw-fa-arrow-down:before { 538 | content: "\f0d7"; 539 | } 540 | .aw-alert-no-results { 541 | background-color: #f9f9f9; 542 | border-color: #f1f1f1; 543 | color: #7a7a7a; 544 | line-height: 3; 545 | text-align: center; 546 | } 547 | .aw-alert-no-results hr { 548 | border-top-color: #e5e5e5; 549 | } 550 | .aw-alert-no-results .alert-link { 551 | color: #606060; 552 | } 553 | .aw-label-corner { 554 | position: absolute; 555 | top: 9px; 556 | right: 4px; 557 | padding: 2px 5px; 558 | } 559 | .aw-form-control-inline-sm { 560 | display: inline-block !important; 561 | width: 33% !important; 562 | } 563 | .aw-btn-cancel { 564 | color: #ffffff; 565 | background-color: #a1a1a1; 566 | border-color: #949494; 567 | } 568 | .aw-btn-cancel:focus, 569 | .aw-btn-cancel.focus { 570 | color: #ffffff; 571 | background-color: #888888; 572 | border-color: #545454; 573 | } 574 | .aw-btn-cancel:hover { 575 | color: #ffffff; 576 | background-color: #888888; 577 | border-color: #767676; 578 | } 579 | .aw-btn-cancel:active, 580 | .aw-btn-cancel.active, 581 | .open > .dropdown-toggle.aw-btn-cancel { 582 | color: #ffffff; 583 | background-color: #888888; 584 | border-color: #767676; 585 | } 586 | .aw-btn-cancel:active, 587 | .aw-btn-cancel.active, 588 | .open > .dropdown-toggle.aw-btn-cancel { 589 | background-image: none; 590 | } 591 | .aw-btn-cancel .badge { 592 | color: #a1a1a1; 593 | background-color: #ffffff; 594 | } 595 | .aw-btn-link-danger { 596 | color: #d9534f; 597 | } 598 | .aw-btn-link-danger:hover, 599 | .aw-btn-link-danger:active, 600 | .aw-btn-link-danger:focus { 601 | color: #b52b27; 602 | outline: none; 603 | } 604 | .aw-btn-thin-caret { 605 | padding-left: 5px !important; 606 | padding-right: 5px !important; 607 | } 608 | .aw-btn-full-width { 609 | width: 100%; 610 | } 611 | .aw-table-header-solid { 612 | background: #fff; 613 | } 614 | .aw-table-checkbox { 615 | min-width: 25px; 616 | text-align: center; 617 | } 618 | .pagination { 619 | margin: 0px; 620 | } 621 | .page-header { 622 | padding-bottom: 0px; 623 | background-color: #fafbfd; 624 | } 625 | .page-header h1 { 626 | display: flex; 627 | justify-content: flex-start; 628 | align-items: center; 629 | margin: 0; 630 | height: 80px; 631 | color: #333333; 632 | } 633 | .aw-page-header-controls { 634 | display: flex; 635 | justify-content: flex-end; 636 | align-items: center; 637 | height: 80px; 638 | } 639 | .aw-checkbox-no-margin { 640 | margin-top: 0px !important; 641 | margin-bottom: 0px !important; 642 | } 643 | -------------------------------------------------------------------------------- /sources/html/pesquisa-produtos.html: -------------------------------------------------------------------------------- 1 | include "templates/default/cabecalho.html" 2 | 3 |
4 |
5 |
6 |
7 |

8 | Pesquisa de produtos 9 |

10 |
11 | 12 |
13 |
14 | 15 | 16 | 17 |
18 |
19 |
20 |
21 |
22 | 23 |
24 | 25 | 29 | 30 |
31 | 32 |
33 | 34 | 35 |
36 | 37 |
38 |
39 |
40 | 41 | 42 |
43 | 44 | 45 | 46 |
47 |
48 |
49 | 50 |
51 |
52 | 53 | 54 |
55 | 56 | 57 | 58 |
59 |
60 |
61 |
62 | 63 |
64 | 67 |
68 | 69 | 70 | 71 |
72 |
73 | 76 | 77 |
78 | 82 | 87 |
88 | 89 |
90 | 94 | 98 |
99 |
100 | 101 |
102 | 108 |
109 |
110 | 111 |
112 |
113 | 114 | 115 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 409 | 410 | 411 | 412 | 413 | 414 | 415 | 416 | 429 | 430 | 431 | 432 | 433 | 434 | 435 | 436 | 449 | 450 | 451 | 452 | 453 | 454 | 455 | 456 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 496 | 509 | 510 | 511 |
116 | 117 | NomePreço unitárioEstoqueStatusAções
Blue Microphones Yeti Pro Usb & XLR - Microfone Condensador Sem estoqueR$1.699,001 133 | 134 |
135 | 138 | 139 | 142 |
143 | 144 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001 153 | 154 |
155 | 158 | 159 | 162 |
163 | 164 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Ativo 173 | 174 |
175 | 178 | 179 | 182 |
183 | 184 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 193 | 194 |
195 | 198 | 199 | 202 |
203 | 204 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 217 | 218 |
219 | 222 | 223 | 226 |
227 | 228 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 237 | 238 |
239 | 242 | 243 | 246 |
247 | 248 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 257 | 258 |
259 | 262 | 263 | 266 |
267 | 268 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 277 | 278 |
279 | 282 | 283 | 286 |
287 | 288 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 297 | 298 |
299 | 302 | 303 | 306 |
307 | 308 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 317 | 318 |
319 | 322 | 323 | 326 |
327 | 328 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 337 | 338 |
339 | 342 | 343 | 346 |
347 | 348 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 357 | 358 |
359 | 362 | 363 | 366 |
367 | 368 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 377 | 378 |
379 | 382 | 383 | 386 |
387 | 388 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 397 | 398 |
399 | 402 | 403 | 406 |
407 | 408 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 417 | 418 |
419 | 422 | 423 | 426 |
427 | 428 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 437 | 438 |
439 | 442 | 443 | 446 |
447 | 448 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 457 | 458 |
459 | 462 | 463 | 466 |
467 | 468 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 477 | 478 |
479 | 482 | 483 | 486 |
487 | 488 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 497 | 498 |
499 | 502 | 503 | 506 |
507 | 508 |
512 |
513 | 514 |
515 |
516 | 527 |
528 |
529 | 530 | 102 produtos encontrados 531 | 532 |
533 | 534 |
535 |
536 | 537 | include "templates/default/rodape.html" -------------------------------------------------------------------------------- /dist/pesquisa-produtos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | AlgaWorks 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 |
30 | 31 | 90 | 91 | 135 | 136 |
137 | 138 | 139 |
140 |
141 |
142 |
143 |

144 | Pesquisa de produtos 145 |

146 |
147 | 148 |
149 |
150 | 151 | 152 | 153 |
154 |
155 |
156 |
157 |
158 | 159 |
160 | 161 | 165 | 166 |
167 | 168 |
169 | 170 | 171 |
172 | 173 |
174 |
175 |
176 | 177 | 178 |
179 | 180 | 181 | 182 |
183 |
184 |
185 | 186 |
187 |
188 | 189 | 190 |
191 | 192 | 193 | 194 |
195 |
196 |
197 |
198 | 199 |
200 | 203 |
204 | 205 |
206 | 207 |
208 |
209 | 212 | 213 |
214 | 218 | 223 |
224 | 225 |
226 | 230 | 234 |
235 |
236 | 237 |
238 | 244 |
245 |
246 | 247 |
248 | 249 | 250 | 251 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 425 | 426 | 427 | 428 | 429 | 430 | 431 | 432 | 445 | 446 | 447 | 448 | 449 | 450 | 451 | 452 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 485 | 486 | 487 | 488 | 489 | 490 | 491 | 492 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 525 | 526 | 527 | 528 | 529 | 530 | 531 | 532 | 545 | 546 | 547 | 548 | 549 | 550 | 551 | 552 | 565 | 566 | 567 | 568 | 569 | 570 | 571 | 572 | 585 | 586 | 587 | 588 | 589 | 590 | 591 | 592 | 605 | 606 | 607 | 608 | 609 | 610 | 611 | 612 | 625 | 626 | 627 | 628 | 629 | 630 | 631 | 632 | 645 | 646 | 647 |
252 | 253 | NomePreço unitárioEstoqueStatusAções
Blue Microphones Yeti Pro Usb & XLR - Microfone Condensador Sem estoqueR$1.699,001 269 | 270 |
271 | 274 | 275 | 278 |
279 | 280 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001 289 | 290 |
291 | 294 | 295 | 298 |
299 | 300 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Ativo 309 | 310 |
311 | 314 | 315 | 318 |
319 | 320 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 329 | 330 |
331 | 334 | 335 | 338 |
339 | 340 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 353 | 354 |
355 | 358 | 359 | 362 |
363 | 364 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 373 | 374 |
375 | 378 | 379 | 382 |
383 | 384 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 393 | 394 |
395 | 398 | 399 | 402 |
403 | 404 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 413 | 414 |
415 | 418 | 419 | 422 |
423 | 424 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 433 | 434 |
435 | 438 | 439 | 442 |
443 | 444 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 453 | 454 |
455 | 458 | 459 | 462 |
463 | 464 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 473 | 474 |
475 | 478 | 479 | 482 |
483 | 484 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 493 | 494 |
495 | 498 | 499 | 502 |
503 | 504 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 513 | 514 |
515 | 518 | 519 | 522 |
523 | 524 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 533 | 534 |
535 | 538 | 539 | 542 |
543 | 544 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 553 | 554 |
555 | 558 | 559 | 562 |
563 | 564 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 573 | 574 |
575 | 578 | 579 | 582 |
583 | 584 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 593 | 594 |
595 | 598 | 599 | 602 |
603 | 604 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 613 | 614 |
615 | 618 | 619 | 622 |
623 | 624 |
Blue Microphones Yeti Pro Usb & XLR - Microfone CondensadorR$1.699,001Inativo 633 | 634 |
635 | 638 | 639 | 642 |
643 | 644 |
648 |
649 | 650 |
651 |
652 | 663 |
664 |
665 | 666 | 102 produtos encontrados 667 | 668 |
669 | 670 |
671 |
672 | 673 |
674 | 675 |
676 |
677 | © 2016 AlgaWorks. Todos os direitos reservados. 678 |
679 |
680 | 681 |
682 | 683 |
684 |
685 | 686 |
687 | 688 |
689 |
690 | 691 |
692 | 693 |
694 |
695 | 696 | 697 | 698 | 699 | 700 | -------------------------------------------------------------------------------- /dist/assets/vendors/sweetalert/sweetalert.css: -------------------------------------------------------------------------------- 1 | body.stop-scrolling { 2 | height: 100%; 3 | overflow: hidden; } 4 | 5 | .sweet-overlay { 6 | background-color: black; 7 | /* IE8 */ 8 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 9 | /* IE8 */ 10 | background-color: rgba(0, 0, 0, 0.4); 11 | position: fixed; 12 | left: 0; 13 | right: 0; 14 | top: 0; 15 | bottom: 0; 16 | display: none; 17 | z-index: 10000; } 18 | 19 | .sweet-alert { 20 | background-color: white; 21 | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 22 | width: 478px; 23 | padding: 17px; 24 | border-radius: 5px; 25 | text-align: center; 26 | position: fixed; 27 | left: 50%; 28 | top: 50%; 29 | margin-left: -256px; 30 | margin-top: -200px; 31 | overflow: hidden; 32 | display: none; 33 | z-index: 99999; } 34 | @media all and (max-width: 540px) { 35 | .sweet-alert { 36 | width: auto; 37 | margin-left: 0; 38 | margin-right: 0; 39 | left: 15px; 40 | right: 15px; } } 41 | .sweet-alert h2 { 42 | color: #575757; 43 | font-size: 30px; 44 | text-align: center; 45 | font-weight: 600; 46 | text-transform: none; 47 | position: relative; 48 | margin: 25px 0; 49 | padding: 0; 50 | line-height: 40px; 51 | display: block; } 52 | .sweet-alert p { 53 | color: #797979; 54 | font-size: 16px; 55 | text-align: center; 56 | font-weight: 300; 57 | position: relative; 58 | text-align: inherit; 59 | float: none; 60 | margin: 0; 61 | padding: 0; 62 | line-height: normal; } 63 | .sweet-alert fieldset { 64 | border: none; 65 | position: relative; } 66 | .sweet-alert .sa-error-container { 67 | background-color: #f1f1f1; 68 | margin-left: -17px; 69 | margin-right: -17px; 70 | overflow: hidden; 71 | padding: 0 10px; 72 | max-height: 0; 73 | webkit-transition: padding 0.15s, max-height 0.15s; 74 | transition: padding 0.15s, max-height 0.15s; } 75 | .sweet-alert .sa-error-container.show { 76 | padding: 10px 0; 77 | max-height: 100px; 78 | webkit-transition: padding 0.2s, max-height 0.2s; 79 | transition: padding 0.25s, max-height 0.25s; } 80 | .sweet-alert .sa-error-container .icon { 81 | display: inline-block; 82 | width: 24px; 83 | height: 24px; 84 | border-radius: 50%; 85 | background-color: #ea7d7d; 86 | color: white; 87 | line-height: 24px; 88 | text-align: center; 89 | margin-right: 3px; } 90 | .sweet-alert .sa-error-container p { 91 | display: inline-block; } 92 | .sweet-alert .sa-input-error { 93 | position: absolute; 94 | top: 29px; 95 | right: 26px; 96 | width: 20px; 97 | height: 20px; 98 | opacity: 0; 99 | -webkit-transform: scale(0.5); 100 | transform: scale(0.5); 101 | -webkit-transform-origin: 50% 50%; 102 | transform-origin: 50% 50%; 103 | -webkit-transition: all 0.1s; 104 | transition: all 0.1s; } 105 | .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { 106 | content: ""; 107 | width: 20px; 108 | height: 6px; 109 | background-color: #f06e57; 110 | border-radius: 3px; 111 | position: absolute; 112 | top: 50%; 113 | margin-top: -4px; 114 | left: 50%; 115 | margin-left: -9px; } 116 | .sweet-alert .sa-input-error::before { 117 | -webkit-transform: rotate(-45deg); 118 | transform: rotate(-45deg); } 119 | .sweet-alert .sa-input-error::after { 120 | -webkit-transform: rotate(45deg); 121 | transform: rotate(45deg); } 122 | .sweet-alert .sa-input-error.show { 123 | opacity: 1; 124 | -webkit-transform: scale(1); 125 | transform: scale(1); } 126 | .sweet-alert input { 127 | width: 100%; 128 | box-sizing: border-box; 129 | border-radius: 3px; 130 | border: 1px solid #d7d7d7; 131 | height: 43px; 132 | margin-top: 10px; 133 | margin-bottom: 17px; 134 | font-size: 18px; 135 | box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); 136 | padding: 0 12px; 137 | display: none; 138 | -webkit-transition: all 0.3s; 139 | transition: all 0.3s; } 140 | .sweet-alert input:focus { 141 | outline: none; 142 | box-shadow: 0px 0px 3px #c4e6f5; 143 | border: 1px solid #b4dbed; } 144 | .sweet-alert input:focus::-moz-placeholder { 145 | transition: opacity 0.3s 0.03s ease; 146 | opacity: 0.5; } 147 | .sweet-alert input:focus:-ms-input-placeholder { 148 | transition: opacity 0.3s 0.03s ease; 149 | opacity: 0.5; } 150 | .sweet-alert input:focus::-webkit-input-placeholder { 151 | transition: opacity 0.3s 0.03s ease; 152 | opacity: 0.5; } 153 | .sweet-alert input::-moz-placeholder { 154 | color: #bdbdbd; } 155 | .sweet-alert input:-ms-input-placeholder { 156 | color: #bdbdbd; } 157 | .sweet-alert input::-webkit-input-placeholder { 158 | color: #bdbdbd; } 159 | .sweet-alert.show-input input { 160 | display: block; } 161 | .sweet-alert .sa-confirm-button-container { 162 | display: inline-block; 163 | position: relative; } 164 | .sweet-alert .la-ball-fall { 165 | position: absolute; 166 | left: 50%; 167 | top: 50%; 168 | margin-left: -27px; 169 | margin-top: 4px; 170 | opacity: 0; 171 | visibility: hidden; } 172 | .sweet-alert button { 173 | background-color: #8CD4F5; 174 | color: white; 175 | border: none; 176 | box-shadow: none; 177 | font-size: 17px; 178 | font-weight: 500; 179 | -webkit-border-radius: 4px; 180 | border-radius: 5px; 181 | padding: 10px 32px; 182 | margin: 26px 5px 0 5px; 183 | cursor: pointer; } 184 | .sweet-alert button:focus { 185 | outline: none; 186 | box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } 187 | .sweet-alert button:hover { 188 | background-color: #7ecff4; } 189 | .sweet-alert button:active { 190 | background-color: #5dc2f1; } 191 | .sweet-alert button.cancel { 192 | background-color: #C1C1C1; } 193 | .sweet-alert button.cancel:hover { 194 | background-color: #b9b9b9; } 195 | .sweet-alert button.cancel:active { 196 | background-color: #a8a8a8; } 197 | .sweet-alert button.cancel:focus { 198 | box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } 199 | .sweet-alert button[disabled] { 200 | opacity: .6; 201 | cursor: default; } 202 | .sweet-alert button.confirm[disabled] { 203 | color: transparent; } 204 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { 205 | opacity: 1; 206 | visibility: visible; 207 | transition-delay: 0s; } 208 | .sweet-alert button::-moz-focus-inner { 209 | border: 0; } 210 | .sweet-alert[data-has-cancel-button=false] button { 211 | box-shadow: none !important; } 212 | .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { 213 | padding-bottom: 40px; } 214 | .sweet-alert .sa-icon { 215 | width: 80px; 216 | height: 80px; 217 | border: 4px solid gray; 218 | -webkit-border-radius: 40px; 219 | border-radius: 40px; 220 | border-radius: 50%; 221 | margin: 20px auto; 222 | padding: 0; 223 | position: relative; 224 | box-sizing: content-box; } 225 | .sweet-alert .sa-icon.sa-error { 226 | border-color: #F27474; } 227 | .sweet-alert .sa-icon.sa-error .sa-x-mark { 228 | position: relative; 229 | display: block; } 230 | .sweet-alert .sa-icon.sa-error .sa-line { 231 | position: absolute; 232 | height: 5px; 233 | width: 47px; 234 | background-color: #F27474; 235 | display: block; 236 | top: 37px; 237 | border-radius: 2px; } 238 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { 239 | -webkit-transform: rotate(45deg); 240 | transform: rotate(45deg); 241 | left: 17px; } 242 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { 243 | -webkit-transform: rotate(-45deg); 244 | transform: rotate(-45deg); 245 | right: 16px; } 246 | .sweet-alert .sa-icon.sa-warning { 247 | border-color: #F8BB86; } 248 | .sweet-alert .sa-icon.sa-warning .sa-body { 249 | position: absolute; 250 | width: 5px; 251 | height: 47px; 252 | left: 50%; 253 | top: 10px; 254 | -webkit-border-radius: 2px; 255 | border-radius: 2px; 256 | margin-left: -2px; 257 | background-color: #F8BB86; } 258 | .sweet-alert .sa-icon.sa-warning .sa-dot { 259 | position: absolute; 260 | width: 7px; 261 | height: 7px; 262 | -webkit-border-radius: 50%; 263 | border-radius: 50%; 264 | margin-left: -3px; 265 | left: 50%; 266 | bottom: 10px; 267 | background-color: #F8BB86; } 268 | .sweet-alert .sa-icon.sa-info { 269 | border-color: #C9DAE1; } 270 | .sweet-alert .sa-icon.sa-info::before { 271 | content: ""; 272 | position: absolute; 273 | width: 5px; 274 | height: 29px; 275 | left: 50%; 276 | bottom: 17px; 277 | border-radius: 2px; 278 | margin-left: -2px; 279 | background-color: #C9DAE1; } 280 | .sweet-alert .sa-icon.sa-info::after { 281 | content: ""; 282 | position: absolute; 283 | width: 7px; 284 | height: 7px; 285 | border-radius: 50%; 286 | margin-left: -3px; 287 | top: 19px; 288 | background-color: #C9DAE1; } 289 | .sweet-alert .sa-icon.sa-success { 290 | border-color: #A5DC86; } 291 | .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { 292 | content: ''; 293 | -webkit-border-radius: 40px; 294 | border-radius: 40px; 295 | border-radius: 50%; 296 | position: absolute; 297 | width: 60px; 298 | height: 120px; 299 | background: white; 300 | -webkit-transform: rotate(45deg); 301 | transform: rotate(45deg); } 302 | .sweet-alert .sa-icon.sa-success::before { 303 | -webkit-border-radius: 120px 0 0 120px; 304 | border-radius: 120px 0 0 120px; 305 | top: -7px; 306 | left: -33px; 307 | -webkit-transform: rotate(-45deg); 308 | transform: rotate(-45deg); 309 | -webkit-transform-origin: 60px 60px; 310 | transform-origin: 60px 60px; } 311 | .sweet-alert .sa-icon.sa-success::after { 312 | -webkit-border-radius: 0 120px 120px 0; 313 | border-radius: 0 120px 120px 0; 314 | top: -11px; 315 | left: 30px; 316 | -webkit-transform: rotate(-45deg); 317 | transform: rotate(-45deg); 318 | -webkit-transform-origin: 0px 60px; 319 | transform-origin: 0px 60px; } 320 | .sweet-alert .sa-icon.sa-success .sa-placeholder { 321 | width: 80px; 322 | height: 80px; 323 | border: 4px solid rgba(165, 220, 134, 0.2); 324 | -webkit-border-radius: 40px; 325 | border-radius: 40px; 326 | border-radius: 50%; 327 | box-sizing: content-box; 328 | position: absolute; 329 | left: -4px; 330 | top: -4px; 331 | z-index: 2; } 332 | .sweet-alert .sa-icon.sa-success .sa-fix { 333 | width: 5px; 334 | height: 90px; 335 | background-color: white; 336 | position: absolute; 337 | left: 28px; 338 | top: 8px; 339 | z-index: 1; 340 | -webkit-transform: rotate(-45deg); 341 | transform: rotate(-45deg); } 342 | .sweet-alert .sa-icon.sa-success .sa-line { 343 | height: 5px; 344 | background-color: #A5DC86; 345 | display: block; 346 | border-radius: 2px; 347 | position: absolute; 348 | z-index: 2; } 349 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { 350 | width: 25px; 351 | left: 14px; 352 | top: 46px; 353 | -webkit-transform: rotate(45deg); 354 | transform: rotate(45deg); } 355 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { 356 | width: 47px; 357 | right: 8px; 358 | top: 38px; 359 | -webkit-transform: rotate(-45deg); 360 | transform: rotate(-45deg); } 361 | .sweet-alert .sa-icon.sa-custom { 362 | background-size: contain; 363 | border-radius: 0; 364 | border: none; 365 | background-position: center center; 366 | background-repeat: no-repeat; } 367 | 368 | /* 369 | * Animations 370 | */ 371 | @-webkit-keyframes showSweetAlert { 372 | 0% { 373 | transform: scale(0.7); 374 | -webkit-transform: scale(0.7); } 375 | 45% { 376 | transform: scale(1.05); 377 | -webkit-transform: scale(1.05); } 378 | 80% { 379 | transform: scale(0.95); 380 | -webkit-transform: scale(0.95); } 381 | 100% { 382 | transform: scale(1); 383 | -webkit-transform: scale(1); } } 384 | 385 | @keyframes showSweetAlert { 386 | 0% { 387 | transform: scale(0.7); 388 | -webkit-transform: scale(0.7); } 389 | 45% { 390 | transform: scale(1.05); 391 | -webkit-transform: scale(1.05); } 392 | 80% { 393 | transform: scale(0.95); 394 | -webkit-transform: scale(0.95); } 395 | 100% { 396 | transform: scale(1); 397 | -webkit-transform: scale(1); } } 398 | 399 | @-webkit-keyframes hideSweetAlert { 400 | 0% { 401 | transform: scale(1); 402 | -webkit-transform: scale(1); } 403 | 100% { 404 | transform: scale(0.5); 405 | -webkit-transform: scale(0.5); } } 406 | 407 | @keyframes hideSweetAlert { 408 | 0% { 409 | transform: scale(1); 410 | -webkit-transform: scale(1); } 411 | 100% { 412 | transform: scale(0.5); 413 | -webkit-transform: scale(0.5); } } 414 | 415 | @-webkit-keyframes slideFromTop { 416 | 0% { 417 | top: 0%; } 418 | 100% { 419 | top: 50%; } } 420 | 421 | @keyframes slideFromTop { 422 | 0% { 423 | top: 0%; } 424 | 100% { 425 | top: 50%; } } 426 | 427 | @-webkit-keyframes slideToTop { 428 | 0% { 429 | top: 50%; } 430 | 100% { 431 | top: 0%; } } 432 | 433 | @keyframes slideToTop { 434 | 0% { 435 | top: 50%; } 436 | 100% { 437 | top: 0%; } } 438 | 439 | @-webkit-keyframes slideFromBottom { 440 | 0% { 441 | top: 70%; } 442 | 100% { 443 | top: 50%; } } 444 | 445 | @keyframes slideFromBottom { 446 | 0% { 447 | top: 70%; } 448 | 100% { 449 | top: 50%; } } 450 | 451 | @-webkit-keyframes slideToBottom { 452 | 0% { 453 | top: 50%; } 454 | 100% { 455 | top: 70%; } } 456 | 457 | @keyframes slideToBottom { 458 | 0% { 459 | top: 50%; } 460 | 100% { 461 | top: 70%; } } 462 | 463 | .showSweetAlert[data-animation=pop] { 464 | -webkit-animation: showSweetAlert 0.3s; 465 | animation: showSweetAlert 0.3s; } 466 | 467 | .showSweetAlert[data-animation=none] { 468 | -webkit-animation: none; 469 | animation: none; } 470 | 471 | .showSweetAlert[data-animation=slide-from-top] { 472 | -webkit-animation: slideFromTop 0.3s; 473 | animation: slideFromTop 0.3s; } 474 | 475 | .showSweetAlert[data-animation=slide-from-bottom] { 476 | -webkit-animation: slideFromBottom 0.3s; 477 | animation: slideFromBottom 0.3s; } 478 | 479 | .hideSweetAlert[data-animation=pop] { 480 | -webkit-animation: hideSweetAlert 0.2s; 481 | animation: hideSweetAlert 0.2s; } 482 | 483 | .hideSweetAlert[data-animation=none] { 484 | -webkit-animation: none; 485 | animation: none; } 486 | 487 | .hideSweetAlert[data-animation=slide-from-top] { 488 | -webkit-animation: slideToTop 0.4s; 489 | animation: slideToTop 0.4s; } 490 | 491 | .hideSweetAlert[data-animation=slide-from-bottom] { 492 | -webkit-animation: slideToBottom 0.3s; 493 | animation: slideToBottom 0.3s; } 494 | 495 | @-webkit-keyframes animateSuccessTip { 496 | 0% { 497 | width: 0; 498 | left: 1px; 499 | top: 19px; } 500 | 54% { 501 | width: 0; 502 | left: 1px; 503 | top: 19px; } 504 | 70% { 505 | width: 50px; 506 | left: -8px; 507 | top: 37px; } 508 | 84% { 509 | width: 17px; 510 | left: 21px; 511 | top: 48px; } 512 | 100% { 513 | width: 25px; 514 | left: 14px; 515 | top: 45px; } } 516 | 517 | @keyframes animateSuccessTip { 518 | 0% { 519 | width: 0; 520 | left: 1px; 521 | top: 19px; } 522 | 54% { 523 | width: 0; 524 | left: 1px; 525 | top: 19px; } 526 | 70% { 527 | width: 50px; 528 | left: -8px; 529 | top: 37px; } 530 | 84% { 531 | width: 17px; 532 | left: 21px; 533 | top: 48px; } 534 | 100% { 535 | width: 25px; 536 | left: 14px; 537 | top: 45px; } } 538 | 539 | @-webkit-keyframes animateSuccessLong { 540 | 0% { 541 | width: 0; 542 | right: 46px; 543 | top: 54px; } 544 | 65% { 545 | width: 0; 546 | right: 46px; 547 | top: 54px; } 548 | 84% { 549 | width: 55px; 550 | right: 0px; 551 | top: 35px; } 552 | 100% { 553 | width: 47px; 554 | right: 8px; 555 | top: 38px; } } 556 | 557 | @keyframes animateSuccessLong { 558 | 0% { 559 | width: 0; 560 | right: 46px; 561 | top: 54px; } 562 | 65% { 563 | width: 0; 564 | right: 46px; 565 | top: 54px; } 566 | 84% { 567 | width: 55px; 568 | right: 0px; 569 | top: 35px; } 570 | 100% { 571 | width: 47px; 572 | right: 8px; 573 | top: 38px; } } 574 | 575 | @-webkit-keyframes rotatePlaceholder { 576 | 0% { 577 | transform: rotate(-45deg); 578 | -webkit-transform: rotate(-45deg); } 579 | 5% { 580 | transform: rotate(-45deg); 581 | -webkit-transform: rotate(-45deg); } 582 | 12% { 583 | transform: rotate(-405deg); 584 | -webkit-transform: rotate(-405deg); } 585 | 100% { 586 | transform: rotate(-405deg); 587 | -webkit-transform: rotate(-405deg); } } 588 | 589 | @keyframes rotatePlaceholder { 590 | 0% { 591 | transform: rotate(-45deg); 592 | -webkit-transform: rotate(-45deg); } 593 | 5% { 594 | transform: rotate(-45deg); 595 | -webkit-transform: rotate(-45deg); } 596 | 12% { 597 | transform: rotate(-405deg); 598 | -webkit-transform: rotate(-405deg); } 599 | 100% { 600 | transform: rotate(-405deg); 601 | -webkit-transform: rotate(-405deg); } } 602 | 603 | .animateSuccessTip { 604 | -webkit-animation: animateSuccessTip 0.75s; 605 | animation: animateSuccessTip 0.75s; } 606 | 607 | .animateSuccessLong { 608 | -webkit-animation: animateSuccessLong 0.75s; 609 | animation: animateSuccessLong 0.75s; } 610 | 611 | .sa-icon.sa-success.animate::after { 612 | -webkit-animation: rotatePlaceholder 4.25s ease-in; 613 | animation: rotatePlaceholder 4.25s ease-in; } 614 | 615 | @-webkit-keyframes animateErrorIcon { 616 | 0% { 617 | transform: rotateX(100deg); 618 | -webkit-transform: rotateX(100deg); 619 | opacity: 0; } 620 | 100% { 621 | transform: rotateX(0deg); 622 | -webkit-transform: rotateX(0deg); 623 | opacity: 1; } } 624 | 625 | @keyframes animateErrorIcon { 626 | 0% { 627 | transform: rotateX(100deg); 628 | -webkit-transform: rotateX(100deg); 629 | opacity: 0; } 630 | 100% { 631 | transform: rotateX(0deg); 632 | -webkit-transform: rotateX(0deg); 633 | opacity: 1; } } 634 | 635 | .animateErrorIcon { 636 | -webkit-animation: animateErrorIcon 0.5s; 637 | animation: animateErrorIcon 0.5s; } 638 | 639 | @-webkit-keyframes animateXMark { 640 | 0% { 641 | transform: scale(0.4); 642 | -webkit-transform: scale(0.4); 643 | margin-top: 26px; 644 | opacity: 0; } 645 | 50% { 646 | transform: scale(0.4); 647 | -webkit-transform: scale(0.4); 648 | margin-top: 26px; 649 | opacity: 0; } 650 | 80% { 651 | transform: scale(1.15); 652 | -webkit-transform: scale(1.15); 653 | margin-top: -6px; } 654 | 100% { 655 | transform: scale(1); 656 | -webkit-transform: scale(1); 657 | margin-top: 0; 658 | opacity: 1; } } 659 | 660 | @keyframes animateXMark { 661 | 0% { 662 | transform: scale(0.4); 663 | -webkit-transform: scale(0.4); 664 | margin-top: 26px; 665 | opacity: 0; } 666 | 50% { 667 | transform: scale(0.4); 668 | -webkit-transform: scale(0.4); 669 | margin-top: 26px; 670 | opacity: 0; } 671 | 80% { 672 | transform: scale(1.15); 673 | -webkit-transform: scale(1.15); 674 | margin-top: -6px; } 675 | 100% { 676 | transform: scale(1); 677 | -webkit-transform: scale(1); 678 | margin-top: 0; 679 | opacity: 1; } } 680 | 681 | .animateXMark { 682 | -webkit-animation: animateXMark 0.5s; 683 | animation: animateXMark 0.5s; } 684 | 685 | @-webkit-keyframes pulseWarning { 686 | 0% { 687 | border-color: #F8D486; } 688 | 100% { 689 | border-color: #F8BB86; } } 690 | 691 | @keyframes pulseWarning { 692 | 0% { 693 | border-color: #F8D486; } 694 | 100% { 695 | border-color: #F8BB86; } } 696 | 697 | .pulseWarning { 698 | -webkit-animation: pulseWarning 0.75s infinite alternate; 699 | animation: pulseWarning 0.75s infinite alternate; } 700 | 701 | @-webkit-keyframes pulseWarningIns { 702 | 0% { 703 | background-color: #F8D486; } 704 | 100% { 705 | background-color: #F8BB86; } } 706 | 707 | @keyframes pulseWarningIns { 708 | 0% { 709 | background-color: #F8D486; } 710 | 100% { 711 | background-color: #F8BB86; } } 712 | 713 | .pulseWarningIns { 714 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; 715 | animation: pulseWarningIns 0.75s infinite alternate; } 716 | 717 | @-webkit-keyframes rotate-loading { 718 | 0% { 719 | transform: rotate(0deg); } 720 | 100% { 721 | transform: rotate(360deg); } } 722 | 723 | @keyframes rotate-loading { 724 | 0% { 725 | transform: rotate(0deg); } 726 | 100% { 727 | transform: rotate(360deg); } } 728 | 729 | /* Internet Explorer 9 has some special quirks that are fixed here */ 730 | /* The icons are not animated. */ 731 | /* This file is automatically merged into sweet-alert.min.js through Gulp */ 732 | /* Error icon */ 733 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { 734 | -ms-transform: rotate(45deg) \9; } 735 | 736 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { 737 | -ms-transform: rotate(-45deg) \9; } 738 | 739 | /* Success icon */ 740 | .sweet-alert .sa-icon.sa-success { 741 | border-color: transparent\9; } 742 | 743 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { 744 | -ms-transform: rotate(45deg) \9; } 745 | 746 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { 747 | -ms-transform: rotate(-45deg) \9; } 748 | 749 | /*! 750 | * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) 751 | * Copyright 2015 Daniel Cardoso <@DanielCardoso> 752 | * Licensed under MIT 753 | */ 754 | .la-ball-fall, 755 | .la-ball-fall > div { 756 | position: relative; 757 | -webkit-box-sizing: border-box; 758 | -moz-box-sizing: border-box; 759 | box-sizing: border-box; } 760 | 761 | .la-ball-fall { 762 | display: block; 763 | font-size: 0; 764 | color: #fff; } 765 | 766 | .la-ball-fall.la-dark { 767 | color: #333; } 768 | 769 | .la-ball-fall > div { 770 | display: inline-block; 771 | float: none; 772 | background-color: currentColor; 773 | border: 0 solid currentColor; } 774 | 775 | .la-ball-fall { 776 | width: 54px; 777 | height: 18px; } 778 | 779 | .la-ball-fall > div { 780 | width: 10px; 781 | height: 10px; 782 | margin: 4px; 783 | border-radius: 100%; 784 | opacity: 0; 785 | -webkit-animation: ball-fall 1s ease-in-out infinite; 786 | -moz-animation: ball-fall 1s ease-in-out infinite; 787 | -o-animation: ball-fall 1s ease-in-out infinite; 788 | animation: ball-fall 1s ease-in-out infinite; } 789 | 790 | .la-ball-fall > div:nth-child(1) { 791 | -webkit-animation-delay: -200ms; 792 | -moz-animation-delay: -200ms; 793 | -o-animation-delay: -200ms; 794 | animation-delay: -200ms; } 795 | 796 | .la-ball-fall > div:nth-child(2) { 797 | -webkit-animation-delay: -100ms; 798 | -moz-animation-delay: -100ms; 799 | -o-animation-delay: -100ms; 800 | animation-delay: -100ms; } 801 | 802 | .la-ball-fall > div:nth-child(3) { 803 | -webkit-animation-delay: 0ms; 804 | -moz-animation-delay: 0ms; 805 | -o-animation-delay: 0ms; 806 | animation-delay: 0ms; } 807 | 808 | .la-ball-fall.la-sm { 809 | width: 26px; 810 | height: 8px; } 811 | 812 | .la-ball-fall.la-sm > div { 813 | width: 4px; 814 | height: 4px; 815 | margin: 2px; } 816 | 817 | .la-ball-fall.la-2x { 818 | width: 108px; 819 | height: 36px; } 820 | 821 | .la-ball-fall.la-2x > div { 822 | width: 20px; 823 | height: 20px; 824 | margin: 8px; } 825 | 826 | .la-ball-fall.la-3x { 827 | width: 162px; 828 | height: 54px; } 829 | 830 | .la-ball-fall.la-3x > div { 831 | width: 30px; 832 | height: 30px; 833 | margin: 12px; } 834 | 835 | /* 836 | * Animation 837 | */ 838 | @-webkit-keyframes ball-fall { 839 | 0% { 840 | opacity: 0; 841 | -webkit-transform: translateY(-145%); 842 | transform: translateY(-145%); } 843 | 10% { 844 | opacity: .5; } 845 | 20% { 846 | opacity: 1; 847 | -webkit-transform: translateY(0); 848 | transform: translateY(0); } 849 | 80% { 850 | opacity: 1; 851 | -webkit-transform: translateY(0); 852 | transform: translateY(0); } 853 | 90% { 854 | opacity: .5; } 855 | 100% { 856 | opacity: 0; 857 | -webkit-transform: translateY(145%); 858 | transform: translateY(145%); } } 859 | 860 | @-moz-keyframes ball-fall { 861 | 0% { 862 | opacity: 0; 863 | -moz-transform: translateY(-145%); 864 | transform: translateY(-145%); } 865 | 10% { 866 | opacity: .5; } 867 | 20% { 868 | opacity: 1; 869 | -moz-transform: translateY(0); 870 | transform: translateY(0); } 871 | 80% { 872 | opacity: 1; 873 | -moz-transform: translateY(0); 874 | transform: translateY(0); } 875 | 90% { 876 | opacity: .5; } 877 | 100% { 878 | opacity: 0; 879 | -moz-transform: translateY(145%); 880 | transform: translateY(145%); } } 881 | 882 | @-o-keyframes ball-fall { 883 | 0% { 884 | opacity: 0; 885 | -o-transform: translateY(-145%); 886 | transform: translateY(-145%); } 887 | 10% { 888 | opacity: .5; } 889 | 20% { 890 | opacity: 1; 891 | -o-transform: translateY(0); 892 | transform: translateY(0); } 893 | 80% { 894 | opacity: 1; 895 | -o-transform: translateY(0); 896 | transform: translateY(0); } 897 | 90% { 898 | opacity: .5; } 899 | 100% { 900 | opacity: 0; 901 | -o-transform: translateY(145%); 902 | transform: translateY(145%); } } 903 | 904 | @keyframes ball-fall { 905 | 0% { 906 | opacity: 0; 907 | -webkit-transform: translateY(-145%); 908 | -moz-transform: translateY(-145%); 909 | -o-transform: translateY(-145%); 910 | transform: translateY(-145%); } 911 | 10% { 912 | opacity: .5; } 913 | 20% { 914 | opacity: 1; 915 | -webkit-transform: translateY(0); 916 | -moz-transform: translateY(0); 917 | -o-transform: translateY(0); 918 | transform: translateY(0); } 919 | 80% { 920 | opacity: 1; 921 | -webkit-transform: translateY(0); 922 | -moz-transform: translateY(0); 923 | -o-transform: translateY(0); 924 | transform: translateY(0); } 925 | 90% { 926 | opacity: .5; } 927 | 100% { 928 | opacity: 0; 929 | -webkit-transform: translateY(145%); 930 | -moz-transform: translateY(145%); 931 | -o-transform: translateY(145%); 932 | transform: translateY(145%); } } 933 | --------------------------------------------------------------------------------