From 0feaab580ee8ac3dd5db55c8d0184c00918e8b89 Mon Sep 17 00:00:00 2001 From: Jam Freire Date: Wed, 10 May 2017 21:30:04 -0300 Subject: [PATCH 1/4] =?UTF-8?q?Vers=C3=A3o=20com=20design=20responsivo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/app.js | 5 + app/store/store.controller.js | 159 ++++++ css/normalize.css | 447 ++++++++++++++++ css/style.css | 374 +++++++++++++ fonts/Bell Centennial Address.otf | Bin 0 -> 18776 bytes gulpfile.js | 12 + img/bag.png | Bin 0 -> 390 bytes img/buy-car.png | Bin 0 -> 1155 bytes img/icon-down.png | Bin 0 -> 174 bytes img/produtos/bata-bordada-001.jpg | Bin 0 -> 19030 bytes img/produtos/bata-bordada-004.jpg | Bin 0 -> 17162 bytes img/produtos/bata-bordada-007.jpg | Bin 0 -> 12999 bytes .../chapeu-de-praia-com-fivela-002.jpg | Bin 0 -> 13690 bytes .../chapeu-de-praia-com-fivela-005.jpg | Bin 0 -> 10978 bytes .../chapeu-de-praia-com-fivela-008.jpg | Bin 0 -> 20487 bytes img/produtos/vestido-texturizado-003.jpg | Bin 0 -> 18962 bytes img/produtos/vestido-texturizado-006.jpg | Bin 0 -> 13537 bytes img/produtos/vestido-texturizado-009.jpg | Bin 0 -> 12069 bytes img/profite-logo.png | Bin 0 -> 2151 bytes index.html | 157 ++++++ js/lib/angular.min.js | 332 ++++++++++++ js/lib/jquery.min.js | 4 + produtos.json | 147 +++++ sass/style.scss | 504 ++++++++++++++++++ 24 files changed, 2141 insertions(+) create mode 100644 app/app.js create mode 100644 app/store/store.controller.js create mode 100644 css/normalize.css create mode 100644 css/style.css create mode 100644 fonts/Bell Centennial Address.otf create mode 100644 gulpfile.js create mode 100644 img/bag.png create mode 100644 img/buy-car.png create mode 100644 img/icon-down.png create mode 100644 img/produtos/bata-bordada-001.jpg create mode 100644 img/produtos/bata-bordada-004.jpg create mode 100644 img/produtos/bata-bordada-007.jpg create mode 100644 img/produtos/chapeu-de-praia-com-fivela-002.jpg create mode 100644 img/produtos/chapeu-de-praia-com-fivela-005.jpg create mode 100644 img/produtos/chapeu-de-praia-com-fivela-008.jpg create mode 100644 img/produtos/vestido-texturizado-003.jpg create mode 100644 img/produtos/vestido-texturizado-006.jpg create mode 100644 img/produtos/vestido-texturizado-009.jpg create mode 100644 img/profite-logo.png create mode 100644 index.html create mode 100644 js/lib/angular.min.js create mode 100644 js/lib/jquery.min.js create mode 100644 produtos.json create mode 100644 sass/style.scss diff --git a/app/app.js b/app/app.js new file mode 100644 index 00000000..4e8c78a4 --- /dev/null +++ b/app/app.js @@ -0,0 +1,5 @@ +var app = angular.module('store', []); + +app.run(function($rootScope) { + $rootScope.cart = []; +}); \ No newline at end of file diff --git a/app/store/store.controller.js b/app/store/store.controller.js new file mode 100644 index 00000000..e0e4e4bd --- /dev/null +++ b/app/store/store.controller.js @@ -0,0 +1,159 @@ +app.controller('storeCtrl', function($scope, $http) { + + $http.get("produtos.json") + .then(function(response) { + $scope.produtos = response.data.produtos; + }); + + $scope.checkboxlist = { + cores: [ + {'nome': 'Azul', 'checked': false}, + {'nome': 'Branco', 'checked': false}, + {'nome': 'Cinza', 'checked': false}, + {'nome': 'Laranja', 'checked': false}, + {'nome': 'Verde', 'checked': false}, + {'nome': 'Vermelho', 'checked': false}, + {'nome': 'Preto', 'checked': false}, + {'nome': 'Rosa', 'checked': false}, + {'nome': 'Vinho', 'checked': false} + ], + tamanhos: [ + {'nome': 'P', 'checked': false}, + {'nome': 'M', 'checked': false}, + {'nome': 'G', 'checked': false}, + {'nome': 'GG', 'checked': false}, + {'nome': 'U', 'checked': false}, + {'nome': '36', 'checked': false}, + {'nome': '38', 'checked': false}, + {'nome': '40', 'checked': false}, + {'nome': '42', 'checked': false}, + {'nome': '44', 'checked': false}, + {'nome': '46', 'checked': false} + ], + precos: [ + {'min': '0', 'max': '50', 'checked': false}, + {'min': '51', 'max': '150', 'checked': false}, + {'min': '151', 'max': '300', 'checked': false}, + {'min': '301', 'max': '500', 'checked': false}, + {'min': '501', 'max': '100000', 'checked': false} + ] + }; + + $scope.addThis = function(produto) { + $scope.cart.push(produto); + }; + + $scope.limite = 9; + $scope.loadMore = function() { + var incremento = $scope.limite + 9; + if(incremento > $scope.produtos.length) { + $scope.limite = $scope.produtos.length; + } else { + $scope.limite = incremento; + } + }; + + $scope.limiteCores = 5; + $scope.showAllCores = function() { + var incremento = $scope.limiteCores + 9; + if(incremento > $scope.checkboxlist.cores.length) { + $scope.limiteCores = $scope.checkboxlist.cores.length; + } else { + $scope.limiteCores = incremento; + } + }; + + $scope.toggleFilters = "hidden-xs"; + $scope.showFilters = function() { + $scope.toggleFilters = "visible-xs"; + }; + $scope.hideFilters = function() { + $scope.toggleFilters = "hidden-xs"; + }; + + $scope.toggleSelOrder = "hidden-xs"; + $scope.showSelOrder = function() { + $scope.toggleSelOrder = "visible-xs"; + }; + $scope.hideSelOrder = function() { + $scope.toggleSelOrder = "hidden-xs"; + }; +}); + +app.filter('preco', function() { + return function(items, precos) { + if(precos.length > 0) { + var filtered = []; + var checkedFlag = false; + angular.forEach(items, function(item) { + for(var i=0; i= precoMin && precoItem < precoMax + 1) { + filtered.push(item); + break; + } + } + } + }); + + if(checkedFlag) { + return filtered; + } + } + return items; + }; +}); + +app.filter('cor', function() { + return function(items, cores) { + if(cores.length > 0) { + var filtered = []; + var checkedFlag = false; + angular.forEach(items, function(item) { + for(var i=0; i 0) { + var filtered = []; + var checkedFlag = false; + angular.forEach(items, function(item) { + for(var i=0; i