From 6ce21124409c93b92d8d6d298add1b22f263da7a Mon Sep 17 00:00:00 2001 From: Guilherme Samora Date: Sun, 29 Mar 2020 16:15:39 +0200 Subject: [PATCH] deleted elisa and nivertemplate folders --- client/app/app.ts | 2 - client/app/elisa/elisa.component.ts | 232 ----------- client/app/elisa/elisa.pug | 128 ------ client/app/elisa/elisa.routes.ts | 10 - client/app/elisa/elisa.scss | 383 ------------------ .../nivertemplate/nivertemplate.component.ts | 204 ---------- client/app/nivertemplate/nivertemplate.pug | 97 ----- .../app/nivertemplate/nivertemplate.routes.ts | 10 - client/app/nivertemplate/nivertemplate.scss | 383 ------------------ 9 files changed, 1449 deletions(-) delete mode 100644 client/app/elisa/elisa.component.ts delete mode 100644 client/app/elisa/elisa.pug delete mode 100644 client/app/elisa/elisa.routes.ts delete mode 100644 client/app/elisa/elisa.scss delete mode 100644 client/app/nivertemplate/nivertemplate.component.ts delete mode 100644 client/app/nivertemplate/nivertemplate.pug delete mode 100644 client/app/nivertemplate/nivertemplate.routes.ts delete mode 100644 client/app/nivertemplate/nivertemplate.scss diff --git a/client/app/app.ts b/client/app/app.ts index e9642837..6778038d 100644 --- a/client/app/app.ts +++ b/client/app/app.ts @@ -23,7 +23,6 @@ import main from './main/main.component'; import doar from './doar/doar.component'; import metodologia from './metodologia/metodologia.component'; import givewell from './givewell/givewell.component'; -import elisa from './elisa/elisa.component'; import navbar from '../components/navbar/navbar.component'; import newsletter from '../components/newsletter/newsletter.component'; import pagOngs from './pag-ongs/pag-ongs.component'; @@ -59,7 +58,6 @@ angular.module('doebemOrgApp', [ pagOngs, metodologia, givewell, - elisa, transparencia, duvidas, slugifier, diff --git a/client/app/elisa/elisa.component.ts b/client/app/elisa/elisa.component.ts deleted file mode 100644 index 1be6f94d..00000000 --- a/client/app/elisa/elisa.component.ts +++ /dev/null @@ -1,232 +0,0 @@ -const angular = require('angular'); -const ngRoute = require('angular-route'); -const ngSanitize = require('angular-sanitize'); -const vcRecaptcha = require('angular-recaptcha'); - -import routing from './elisa.routes'; -import contactForm from '../../components/contact-form/contact-form.component'; - -declare var PagarMeCheckout: any; - -export class ElisaController { - $http; - $scope; - $location; - $sce; - $mdDialog; - dialog: Function; - - listOng = []; - midias = []; - PagarMeCheckout: any; - - /*@ngInject*/ - constructor($http, $scope, $sce, socket, $mdDialog, $location) { - this.$http = $http; - this.$scope = $scope; - this.$location = $location; - this.$sce = $sce; - this.$mdDialog = $mdDialog; - this.listOng = []; - } - - carregaLista() { - this.$http.get(`api/ong/`) - .then(res => { - this.listOng = res.data; - }); - } - - $onInit() { - this.carregaLista(); - } - - carregaVideo() { - - this.$scope.detailFrame = this.$sce.trustAsResourceUrl('https:www.youtube.com/embed/f8xkPUdNECI'); - - bringToFront(); - - function bringToFront() { - document.getElementById('video').style.zIndex = '1'; - } - } - - // Handles the payment popup - org = ['Saúde Criança', 'Renovatio', 'Caviver']; - - // Handles the payment popup - orgInt = ['GiveDirectly', 'Schistosomiasis Control Initiative', 'Against Malaria Foundation']; - - selected = []; - - toggle (org, list) { - var idx = list.indexOf(org); - if (idx > -1) { - list.splice(idx, 1); - } else { - list.push(org); - } - - console.log('final list ist:', list); - }; - - exists(org, list) { - return list.indexOf(org) > -1; - }; - - Custom = ''; - - options = [ - {value: 1000, label: 'R$10'}, - {value: 2000, label: 'R$20'}, - {value: 4000, label: 'R$40'}, - {value: 5000, label: 'R$50'}, - {value: 10000, label: 'R$100'}, - {value: this.Custom, label: '' + this.Custom, input: true, isChecked: false}, - ]; - - periods = [ - {value: 'Unica', label: 'Única'}, - {value: 'Mensal', label: 'Mensal'}, - ]; - - blured(pagarmeForm) { - if (pagarmeForm.input < 10) { - pagarmeForm.input = 10; - } - } - - callPagarme(pagarmeForm) { - - console.log('recaptcha value:', pagarmeForm.myRecaptchaResponse); - if (pagarmeForm.myRecaptchaResponse === undefined) { - alert('Por favor, comprove que você não é um robô!'); - return; - } - - var mensagem = pagarmeForm.mensagem; - var amountValue = pagarmeForm.amount; - var periodicidade = pagarmeForm.periodicidade; - var headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - var dezPorcento = pagarmeForm.doebem; - - if (!amountValue) { - amountValue = pagarmeForm.input * 100; - headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - } - - if (pagarmeForm.doebem && pagarmeForm.amount) { - amountValue = Math.round(pagarmeForm.amount * 1.10); - headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - } else if (pagarmeForm.doebem && pagarmeForm.input) { - amountValue = Math.round(amountValue * 1.10); - headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - }; - - // INICIAR A INSTÂNCIA DO CHECKOUT - // declarando um callback de sucesso - var checkout = new PagarMeCheckout.Checkout({ - 'encryption_key': 'ek_live_3yykMegYY2XTPClgA1qjui2gSlvVzG', - success: (data) => { - - data.amount = amountValue; - data.org = this.selected; - data.periodo = periodicidade; - data.message = mensagem; - data.doebem = dezPorcento; - - console.log(data); - //Tratar aqui as ações de callback do checkout, como exibição de mensagem ou envio de token para captura da transação - this.$http.post('/api/pagarme', data) - .then(res => { - console.log(res); - }, - error => { - console.log(error); - return; - }) - .then(this.$location.path('/sucesso')); - }, - error: function(err) { - console.log(err); - this.resultPagarme = false; - } - }); - - // DEFINIR AS OPÇÕES - // e abrir o modal - // É necessário passar os valores boolean em 'var params' como string - var params = { - 'amount': amountValue, - 'buttonText': 'Pagar', - 'customerData': 'true', - 'paymentMethods': 'boleto,credit_card', - 'uiColor': '#3f51b5', - 'postbackUrl': 'http://sandbox-doebem.herokuapp.com/api/pagarme', - 'createToken': 'true', - 'interestRate': 0, - 'freeInstallments': 0, - 'defaultInstallment': 1, - 'maxInstallments': 1, - 'headerText': 'Total da doação R$ ' + headText + ' 🙏', - 'disableZeroDocumentNumber': 'true', - 'customerName': '', - 'customerDocumentNumber': '', - 'customerEmail': '', - 'customerAddressStreet': '', - 'customerAddressStreetNumber': '', - 'customerAddressComplementary': '', - 'customerAddressNeighborhood': '', - 'customerAddressCity': '', - 'customerAddressState': '', - 'customerAddressZipcode': '', - 'customerPhoneDdd': '', - 'customerPhoneNumber': '', - 'boletoHelperText': 'Podemos levar em média de 1 a 2 dias para que o pagamento seja aprovado.', - 'creditCardHelperText': 'Podemos levar até um dia para que o pagamento seja aprovado.', - }; - - checkout.open(params); - } - - - showDialogDonation() { - this.dialog = this.$mdDialog.show({ - scope: this.$scope, - preserveScope: true, - controller: DialogController, - templateUrl: 'dialogDonateNavbar.tmpl.pug', - parent: angular.element(document.body), - clickOutsideToClose: true, - fullscreen: this.$scope.customFullscreen // Only for -xs, -sm breakpoints. - }); - } -} - -function DialogController($scope, $mdDialog, $inject, $log, $http, user) { - - $scope.pagarmeForm = { - amount: 2000, - periodicidade: 'Mensal' - }; - - $scope.hide = function() { - $mdDialog.hide(); - }; - - $scope.cancel = function() { - $mdDialog.cancel(); - }; - - $scope.answer = function(answer) { - $mdDialog.hide(answer); - }; -} - -DialogController.$inject = ['$scope', '$mdDialog']; - -export default angular.module('doebemOrgApp.elisa', [ngRoute, contactForm, ngSanitize, vcRecaptcha]) - .config(routing) - .component('elisa', { template: require('./elisa.pug'), controller: ElisaController }) - .name; diff --git a/client/app/elisa/elisa.pug b/client/app/elisa/elisa.pug deleted file mode 100644 index 59f9a84f..00000000 --- a/client/app/elisa/elisa.pug +++ /dev/null @@ -1,128 +0,0 @@ -div#main.animated.fadeIn - div#pageHeader(flex="100" layout="column" layout-align="center center") - div#textButton.container(flex="100" layout="column" layout-align="center center") - h2 com uma doação, você faz a diferença - p Ajude uma organização de forma efetiva e potencialize impacto positivo. - div#mainPage(layout="column" flex="100") - //- div#comoFunciona(flex="100" layout="column" layout-align="center center") - //- h2.sectionHeading Passo 1 - //- h2.sectionSubHeading Assista ao vídeo que preparei - //- br - //- iframe#video(allowfullscreen - //- allowscriptaccess="always" - //- frameborder="0" - //- scrolling="no" - //- src="https:www.youtube.com/embed/Diuv3XZQXyc?rel=0&autoplay=0&cc_load_policy=1&hl=pt-br&yt:cc=on" - //- width="640" - //- height="360") - div#comoFunciona(flex="100" layout="column" layout-align="center center") - h2.sectionHeading Fundraise para a doebem - p#comoFunciona No último ano me envolvi com o movimento de altruísmo eficaz na tentativa de responder uma pergunta simples : Como fazer o máximo de bem possível? Acredito que doar dinheiro para causas relevantes e para organizações competentes é uma, das muitas, respostas. - p#comoFunciona Hoje é meu aniversário e se você lembrou de mim, espero que esteja com o coração aberto. Se estiver com o coração aberto, espero que pense em ajudar alguém que esteja precisando. Mas o mais importante: se for para ajudar, que seja da forma mais eficaz. - p#comoFunciona A doebem já fez o trabalho de selecionar ONGs no Brasil que tem impacto comprovado, agora é só doar. - div#ongs(flex="100" layout="column" layout-align="center center") - h2.sectionSubHeading Conheça as organizações que quero apoiar - md-list(flex - md-cols-gt-xs="2" - md-cols-gt-md="3" - md-cols="1" - md-row-height="4:5" - md-gutter-gt-sd="10px" - md-gutter="35px" - layout-align="center center" - layout="column") - md-list-item(layout="column" layout-gt-sm="row" layout-align="center center") - a(ng-repeat="ong in $ctrl.listOng | filter: {givewell: false}" ng-href="{{$location.absUrl() + '/pagOngs/' + ong.slug}}") - md-card.img__wrap - img.md-card-image(ng-src="{{ong.logo}}" layout-align="center center" - style="width: 300px; height:300px") - div.img__description_layer - p.img__description {{ong.desc}} - md-list-item(layout="column" layout-gt-sm="row" layout-align="center center") - a(ng-repeat="ong in $ctrl.listOng | filter: {givewell: true}" ng-href="{{$location.absUrl() + '/pagOngs/' + ong.slug}}") - md-card.img__wrap - img.md-card-image(ng-src="{{ong.logo}}" layout-align="center center" - style="width: 300px; height:300px") - div.img__description_layer - p.img__description {{ong.desc}} - div#comoFunciona(flex="100" layout="column" layout-align="center center") - h2.sectionSubHeading Faça uma doação - br - md-button.md-raized.md-primary(ng-click="$ctrl.showDialogDonation()") Doar - -script(type="text/ng-template" id="dialogDonateNavbar.tmpl.pug") - md-dialog(aria-label="emailSend" ng-cloak) - md-toolbar - div.md-toolbar-tools(layout-align="center center") - h2#donation(layout-align="center center") Faça sua doação! - span(flex) - md-button(class="md-icon-button" ng-click="cancel()") - md-icon(aria-label="Close dialog") close - md-dialog-content - div.md-dialog-content - form(role="form") - h4 Organizações Brasileiras: - md-input.md-block(layout="row" - layout-sm="column" - layout-xs="column" - layout-wrap - flex - ng-model="pagarmeForm.donated_to" - md-autofocus) - div(ng-repeat="org in $ctrl.org") - md-checkbox(ng-click="$ctrl.toggle(org, $ctrl.selected)") {{org}} - h4 Organizações Internacionais: - md-input.md-block(layout="row" - layout-sm="column" - layout-xs="column" - layout-wrap - flex - ng-model="pagarmeForm.donated_to") - div(ng-repeat="org in $ctrl.orgInt") - md-checkbox(ng-click="$ctrl.toggle(org, $ctrl.selected)") {{org}} - h4 Escolha o valor da sua doação: - md-radio-group(layout="row" - layout-sm="column" - layout-xs="column" - layout-wrap - flex - ng-model="pagarmeForm.amount" - required) - div(ng-repeat="option in $ctrl.options") - md-radio-button(ng-value="option.value" aria-label="option.value" - ng-if="!option.input" ng-checked="option.checked") {{option.label}} - md-radio-button.md-radio-interactive(ng-value="{{$ctrl.Custom}}" - aria-label="option.value" - ng-if="option.input") - input#nav(ng-model="pagarmeForm.input" - type="text" - ui-money-mask currency-symbol="R$" placeholder="*Outro" - class="ng-pristine ng-untouched ng-valid ng-empty" - maxlength="8" - name="inputValue" - required - ng-blur="$ctrl.blured(pagarmeForm)") - h6 * Valor mínimo de R$10,00 - br - h4 Periodicidade da sua doação: - div.md-bock(layout-align="center center") - md-radio-group(layout="row" - layout-sm="column" - layout-xs="column" - layout-wrap - flex - ng-model="pagarmeForm.periodicidade") - div(ng-repeat="period in $ctrl.periods") - md-radio-button(ng-value="period.value" aria-label="period.value") {{period.label}} - br - md-input.md-block(layout="row") - md-checkbox(ng-model="pagarmeForm.doebem" ng-watch ng-checked="true") Acrescentar +10% para a doebem? - md-input-container.md-block(layout="row") - label Mensagem - textarea(ng-model="pagarmeForm.mensagem") - div(vc-recaptcha ng-model="pagarmeForm.myRecaptchaResponse" key="'6LcPN10UAAAAABQMlTtCQlsq6f0lMqUChzupC39t'" layout="row" layout-align="center center" lang="pt-BR") - md-dialog-actions(layout="row" layout-align="center") - md-button.md-raized.md-primary#doarMe(ng-click="$ctrl.callPagarme(pagarmeForm)" type="submit") Doar - div(layout="row" layout-align="center center") - i(class="fa fa-lock fa-2x" aria-hidden="true") - p#secu Você será direcionado(a) para um ambiente seguro. \ No newline at end of file diff --git a/client/app/elisa/elisa.routes.ts b/client/app/elisa/elisa.routes.ts deleted file mode 100644 index d93f6ff7..00000000 --- a/client/app/elisa/elisa.routes.ts +++ /dev/null @@ -1,10 +0,0 @@ -'use strict'; - -export default function routes($routeProvider) { - 'ngInject'; - $routeProvider - .when('/niverdabel', { - template: '' - }); -}; - diff --git a/client/app/elisa/elisa.scss b/client/app/elisa/elisa.scss deleted file mode 100644 index 95d50286..00000000 --- a/client/app/elisa/elisa.scss +++ /dev/null @@ -1,383 +0,0 @@ -body { - margin: 0px; -} - -div#main { - - div#pageHeader { - // background-image: url('/assets/images/main/main4.png'); - // background-repeat: no-repeat; - // background-size: cover; - width: 100%; - height: 90%; - min-height: 65vh; - background-position: top center; - position: relative; - margin-top: 60px; - - iframe#video { - display: block; - position: absolute; - margin: 0px; - top: 0; - bottom: 0; - left: 0; - right: 0; - // height: 100%; - // width: 100%; - height: 400px !important; - width: 400px !important; - box-sizing: border-box; - } - - div#textButton { - display: inline-flex; - width: 720px; - height: 400px; - text-align: center; - - - h2 { - color: black; - text-align: center; - font-size: 70px; - font-weight: bold; - } - - p { - color: black; - font-size: 24px; - font-weight: bold; - margin-bottom: 45px; - } - - a#button { - - .md-button { - position: relative; - text-align: center; - width: 200px; - height: 45px; - background-color: rgb(63,81,181); - color: white; - font-size: 16px; - font-weight: 700; - opacity: 1; - margin: 0 0 0 0; - } - - button:hover { - background-color: white; - color: rgb(63,81,181); - border-color: rgb(63,81,181); - border-style: solid; - border-width: 1px; - } - } - } - - @media screen and (max-width: 768px) { - min-height: 27vh; - - a { - .md-button { - visibility: hidden; - } - } - - h2 { - color: black; - display: block; - font-size: 30px; - font-weight: bold; - } - - div#textButton { - display: inline-flex; - width: 100%; - height: 100%; - text-align: center; - - - h2 { - color: black; - text-align: center; - font-size: 26px; - font-weight: bold; - } - - p { - color: black; - font-size: 14px; - font-weight: bold; - margin: 0; - } - } - - div#button { - display: none; - visibility: hidden; - } - } - - } - - div#mainPage { - .sectionHeading { - font-size: 50px; - font-family: 'Oswald'; - margin-bottom: 15px; - margin-top: 10px; - } - - .sectionSubHeading { - font-size: 45px; - font-family: 'Oswald'; - margin-bottom: 15px; - margin-top: 10px; - } - - div#comoFunciona { - text-align: center; - height: 100%; - width: 100%; - display: block; - padding-bottom: 30px; - background-color: white; - padding-bottom: 40px; - - - p#comoFunciona { - padding-top: 10px; - margin-bottom: 0px; - text-align: center; - width: 65%; - overflow: hidden; - display: inline-block; - - } - - p { - margin-bottom: 0px; - } - - md-list { - padding-top: 60px; - margin-right: 30px; - margin-left: 30px; - - md-list-item { - width: 370px !important; - - h2 { - font-family: 'Oswald'; - } - - p { - width: 370px !important; - font-family: 'Open Sans Condensed'; - } - - span { - i#icon { - color: white; - } - } - } - } - - button { - background-color: rgb(63,81,181); - color: white; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - margin-left: 0px; - font-size: 20px; - font-family: 'Oswald'; - width: 130px; - text-align: center; - } - - button:hover { - background-color: white !important; - color: rgb(63,81,181) !important; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - font-size: 20px; - } - - } - - div#reconhecimentos { - - padding-bottom: 40px; - text-align: center; - height: 100%; - width: 100%; - display: block; - background-color: #f1f1f1; - - @media screen and (max-width: 768px) { - h3 { - font-size: 16px; - } - } - - img#af { - margin-right: 20px; - } - - h2#rec.sectionHeading { - text-align: left !important; - } - - img.mid { - - @media screen and (max-width: 768px) { - width: 40px; - } - } - } - - div#modelo { - background-color: white; - padding: 0 0 40px 0; - text-align: center; - height: 100%; - width: 100%; - display: block; - } - - div#ongs { - - text-align: center; - height: 100%; - width: 100%; - display: block; - padding-bottom: 70px; - background-color: #f1f1f1; - - md-card-content { - padding: 0 16px 16px 16px; - } - - img.md-card-image { - width: 300px; - height: 300px; - padding: 7px 7px 7px 7px !important; - } - - .img__wrap { - position: relative; - height: 300px; - width: 300px; - } - - .img__description_layer { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: gray; - color: #fff; - visibility: hidden; - opacity: 0; - display: flex; - align-items: center; - justify-content: center; - - /* transition effect. not necessary */ - transition: opacity .2s, visibility .2s; - } - - p { - color: white; - font-weight: 700; - text-decoration: none; - } - - .img__wrap:hover .img__description_layer { - visibility: visible; - opacity: 1; - } - - .img__description { - transition: .2s; - transform: translateY(1em); - width: 270px; - } - - .img__wrap:hover .img__description { - transform: translateY(0); - width: 270px; - } - - button { - background-color: rgb(63,81,181); - color: white; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - margin-left: 0px; - font-size: 20px; - font-family: 'Oswald'; - width: 50px; - text-align: center; - } - - button:hover { - background-color: white !important; - color: rgb(63,81,181) !important; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - font-size: 20px; - } - - @media screen and (min-width: 768px) { - - h3 { - font-weight: 400; - } - } - - @media (min-width: 960px) { - - md-card { - width: 300px; - } - } - - @media screen and (max-width: 768px) { - - md-list-item { - padding-left: 5px; - padding-right: 5px; - } - - md-card { - width: 300px ; - display: block; - text-align: center; - margin: 0 0 10 0; - } - - .md-button { - visibility: hidden; - display: none; - } - - h3 { - font-size: 16px; - } - - .img__wrap:hover .img__description_layer { - visibility: hidden; - } - } - } - } -} \ No newline at end of file diff --git a/client/app/nivertemplate/nivertemplate.component.ts b/client/app/nivertemplate/nivertemplate.component.ts deleted file mode 100644 index 37f6f834..00000000 --- a/client/app/nivertemplate/nivertemplate.component.ts +++ /dev/null @@ -1,204 +0,0 @@ -const angular = require('angular'); -const ngRoute = require('angular-route'); - -import routing from './nivertemplate.routes'; -import contactForm from '../../components/contact-form/contact-form.component'; - -declare var PagarMeCheckout: any; - -export class NiverTemplateController { - $http; - $scope; - $location; - $sce; - $mdDialog; - dialog: Function; - - listOng = []; - midias = []; - PagarMeCheckout: any; - - /*@ngInject*/ - constructor($http, $scope, $sce, socket, $mdDialog, $location) { - this.$http = $http; - this.$scope = $scope; - this.$location = $location; - this.$sce = $sce; - this.$mdDialog = $mdDialog; - this.listOng = []; - } - - carregaLista() { - this.$http.get(`api/ong/`) - .then(res => { - this.listOng = res.data; - }); - } - - $onInit() { - this.carregaLista(); - } - - carregaVideo() { - - this.$scope.detailFrame = this.$sce.trustAsResourceUrl('https:www.youtube.com/embed/f8xkPUdNECI'); - - bringToFront(); - - function bringToFront() { - document.getElementById('video').style.zIndex = '1'; - } - } - - // Handles the payment popup - org = ['Saúde Criança']; - - // Handles the payment popup - orgInt = ['GiveDirectly', 'Schistosomiasis Control Initiative', 'Against Malaria Foundation']; - - selected = []; - - toggle (org, list) { - var idx = list.indexOf(org); - if (idx > -1) { - list.splice(idx, 1); - } else { - list.push(org); - } - - console.log('final list ist:', list); - }; - - exists(org, list) { - return list.indexOf(org) > -1; - }; - - Custom = ''; - - options = [ - {value: 1000, label: 'R$10'}, - {value: 2000, label: 'R$20'}, - {value: 4000, label: 'R$40'}, - {value: 5000, label: 'R$50'}, - {value: 10000, label: 'R$100'}, - {value: this.Custom, label: '' + this.Custom, input: true, isChecked: false}, - ]; - callPagarme(pagarmeForm) { - - var mensagem = pagarmeForm.mensagem; - var amountValue = pagarmeForm.amount; - var headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - var dezPorcento = pagarmeForm.doebem; - - if (!amountValue) { - amountValue = pagarmeForm.input * 100; - headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - } - - if (pagarmeForm.doebem && pagarmeForm.amount) { - amountValue = Math.round(pagarmeForm.amount * 1.10); - headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - } else if (pagarmeForm.doebem && pagarmeForm.input) { - amountValue = Math.round(amountValue * 1.10); - headText = (amountValue / 100).toLocaleString('pt-BR', {minimumFractionDigits: 2}); - }; - - // INICIAR A INSTÂNCIA DO CHECKOUT - // declarando um callback de sucesso - var checkout = new PagarMeCheckout.Checkout({ - 'encryption_key': 'ek_live_3yykMegYY2XTPClgA1qjui2gSlvVzG', - success: (data) => { - - data.amount = amountValue; - data.org = this.selected; - data.message = mensagem; - data.doebem = dezPorcento; - - console.log(data); - //Tratar aqui as ações de callback do checkout, como exibição de mensagem ou envio de token para captura da transação - this.$http.post('/api/pagarme', data) - .then(res => { console.log(res); }, error => { console.log(error); }) - .then(this.$location.path('/sucesso')); - - }, - error: function(err) { - console.log(err); - this.resultPagarme = false; - } - }); - - // DEFINIR AS OPÇÕES - // e abrir o modal - // É necessário passar os valores boolean em 'var params' como string - var params = { - 'amount': amountValue, - 'buttonText': 'Pagar', - 'customerData': 'true', - 'paymentMethods': 'boleto,credit_card', - 'uiColor': '#3f51b5', - 'postbackUrl': 'http://sandbox-doebem.herokuapp.com/api/pagarme', - 'createToken': 'true', - 'interestRate': 0, - 'freeInstallments': 0, - 'defaultInstallment': 1, - 'maxInstallments': 1, - 'headerText': 'Total da doação R$ ' + headText + ' 🙏', - 'disableZeroDocumentNumber': 'true', - 'customerName': '', - 'customerDocumentNumber': '', - 'customerEmail': '', - 'customerAddressStreet': '', - 'customerAddressStreetNumber': '', - 'customerAddressComplementary': '', - 'customerAddressNeighborhood': '', - 'customerAddressCity': '', - 'customerAddressState': '', - 'customerAddressZipcode': '', - 'customerPhoneDdd': '', - 'customerPhoneNumber': '', - 'boletoHelperText': 'Podemos levar em média de 1 a 2 dias para que o pagamento seja aprovado.', - 'creditCardHelperText': 'Podemos levar até um dia para que o pagamento seja aprovado.', - }; - - checkout.open(params); - } - - - showDialogDonation() { - this.dialog = this.$mdDialog.show({ - scope: this.$scope, - preserveScope: true, - controller: DialogController, - templateUrl: 'dialogDonateNavbar.tmpl.pug', - parent: angular.element(document.body), - clickOutsideToClose: true, - fullscreen: this.$scope.customFullscreen // Only for -xs, -sm breakpoints. - }); - } -} - -function DialogController($scope, $mdDialog, $inject, $log, $http, user) { - - $scope.pagarmeForm = { - amount: 2000 - }; - - $scope.hide = function() { - $mdDialog.hide(); - }; - - $scope.cancel = function() { - $mdDialog.cancel(); - }; - - $scope.answer = function(answer) { - $mdDialog.hide(answer); - }; -} - -DialogController.$inject = ['$scope', '$mdDialog']; - -export default angular.module('doebemOrgApp.niver_template', [ngRoute, contactForm]) - .config(routing) - .component('niver_template', { template: require('./niver_template.pug'), controller: NiverTemplateController }) - .name; diff --git a/client/app/nivertemplate/nivertemplate.pug b/client/app/nivertemplate/nivertemplate.pug deleted file mode 100644 index da9dd5bc..00000000 --- a/client/app/nivertemplate/nivertemplate.pug +++ /dev/null @@ -1,97 +0,0 @@ -div#main.animated.fadeIn - div#pageHeader(flex="100" layout="column" layout-align="center center") - div#textButton.container(flex="100" layout="column" layout-align="center center") - h2 com uma doação, você faz a diferença - p Ajude uma organização de forma efetiva e potencialize impacto positivo. - div#mainPage(layout="column" flex="100") - div#comoFunciona(flex="100" layout="column" layout-align="center center") - h2.sectionHeading Passo 1 - h2.sectionSubHeading Assista ao vídeo que preparei - br - iframe#video(allowfullscreen - allowscriptaccess="always" - frameborder="0" - scrolling="no" - src="https:www.youtube.com/embed/Diuv3XZQXyc?rel=0&autoplay=0&cc_load_policy=1&hl=pt-br&yt:cc=on" - width="640" - height="360") - //- div#comoFunciona(flex="100" layout="column" layout-align="center center") - //- h2.sectionHeading Passo 1 - //- h2.sectionHeading Conheça a doebem - //- p#comoFunciona Amigxs lindxs, Meu niver tá chegando e CLARO que vamos comemorar o mês todo! Até porque é muito difícil conseguir juntar tanta gente amada <3 em um só dia, agradar todo mundo e também temos que aproveitar os vips, não é mesmo?!rs - //- p#comoFunciona Além da presença de vocês em PELO MENOS UMA das comemorações, tenho um pedido diferente pra fazer esse ano! - //- p#comoFunciona Queria que vocês escolhessem uma das organizações recomendadas pela doebem e fizessem uma doação da quantia que puderem! - //- p#comoFunciona Pra quem não sabe, a doebem é a organização que meu irmão fundou e que estuda e avalia as oportunidades de doação com maior impacto. É a mesma lógica de quando queremos ter o maior rendimento de um investimento, só que aplicada para doação e impacto. Tem até nome pra isso: altruísmo eficaz. - //- p#comoFunciona Todas as organizações recomendadas são rigorosamente analisadas com base em uma série de critérios para garantir que a sua doação ajude o maior número de pessoas da melhor forma possível! - //- p#comoFunciona Agora é só escolher uma causa e fazer sua doação! - //- p#comoFunciona Depois conto pra vocês o resultado dessa ação! - div#ongs(flex="100" layout="column" layout-align="center center") - h2.sectionHeading Passo 2 - h2.sectionSubHeading Conheça as organizações que quero apoiar - //- h3 Saiba mais sobre o Saúde Criança e mude uma vida hoje. - md-list(flex - md-cols-gt-xs="2" - md-cols-gt-md="3" - md-cols="1" - md-row-height="4:5" - md-gutter-gt-sd="10px" - md-gutter="35px" - layout-align="center center" - layout="column") - md-list-item(layout="column" layout-gt-sm="row" layout-align="center center") - a(ng-repeat="ong in $ctrl.listOng" ng-if="ong.cep == 22270070" ng-href="{{$location.absUrl() + '/pagOngs/' + ong.slug}}") - md-card.img__wrap - img.md-card-image(ng-src="{{ong.logo}}" layout-align="center center" - style="width: 300px; height:300px") - div.img__description_layer - p.img__description {{ong.desc}} - div#comoFunciona(flex="100" layout="column" layout-align="center center") - h2.sectionHeading Passo 3 - h2.sectionSubHeading Faça uma doação - br - md-button.md-raized.md-primary(ng-click="$ctrl.showDialogDonation()") Doar - -script(type="text/ng-template" id="dialogDonateNavbar.tmpl.pug") - md-dialog(aria-label="emailSend" ng-cloak) - md-toolbar - div.md-toolbar-tools(layout-align="center center") - h2#donation(layout-align="center center") Faça sua doação! - span(flex) - md-button(class="md-icon-button" ng-click="cancel()") - md-icon(aria-label="Close dialog") close - md-dialog-content - div.md-dialog-content - form(role="form") - h4 Escolha a organização: - md-input.md-block(layout="row" - layout-sm="column" - layout-xs="column" layout-wrap flex ng-model="pagarmeForm.donated_to") - div(ng-repeat = "org in $ctrl.org") - md-checkbox(ng-click="$ctrl.toggle(org, $ctrl.selected)") {{org}} - //- div(ng-repeat = "org in $ctrl.orgInt") - //- md-checkbox(ng-click="$ctrl.toggle(org, $ctrl.selected)") {{org}} - h4 Escolha o valor da sua doação: - md-radio-group(layout="row" - layout-sm="column" - layout-xs="column" layout-wrap flex ng-model="pagarmeForm.amount") - div(ng-repeat="option in $ctrl.options") - md-radio-button(ng-value="option.value" aria-label="option.value" - ng-if="!option.input" ng-checked="option.checked") {{option.label}} - md-radio-button.md-radio-interactive(ng-value="{{$ctrl.Custom}}" - aria-label="option.value" - ng-if="option.input") - input#nav(ng-model="pagarmeForm.input" type="text" - ui-money-mask currency-symbol="R$" placeholder="Outro" - class="ng-pristine ng-untouched ng-valid ng-empty" - maxlength="8") - br - md-input.md-block(layout="row") - md-checkbox(ng-model="pagarmeForm.doebem" ng-watch ng-checked="true") Acrescentar +10% para a doebem? - md-input-container.md-block(layout="row") - label Mensagem - textarea(ng-model="pagarmeForm.mensagem") - md-dialog-actions(layout="row" layout-align="center") - md-button.md-raized.md-primary#doarMe(ng-click="$ctrl.callPagarme(pagarmeForm)" type="submit") Doar - div(layout="row" layout-align="center center") - i(class="fa fa-lock fa-2x" aria-hidden="true") - p#secu Você será direcionado(a) para um ambiente seguro. \ No newline at end of file diff --git a/client/app/nivertemplate/nivertemplate.routes.ts b/client/app/nivertemplate/nivertemplate.routes.ts deleted file mode 100644 index 066a7a75..00000000 --- a/client/app/nivertemplate/nivertemplate.routes.ts +++ /dev/null @@ -1,10 +0,0 @@ -'use strict'; - -export default function routes($routeProvider) { - 'ngInject'; - $routeProvider - .when('/niver_template', { - template: '' - }); -}; - diff --git a/client/app/nivertemplate/nivertemplate.scss b/client/app/nivertemplate/nivertemplate.scss deleted file mode 100644 index 95d50286..00000000 --- a/client/app/nivertemplate/nivertemplate.scss +++ /dev/null @@ -1,383 +0,0 @@ -body { - margin: 0px; -} - -div#main { - - div#pageHeader { - // background-image: url('/assets/images/main/main4.png'); - // background-repeat: no-repeat; - // background-size: cover; - width: 100%; - height: 90%; - min-height: 65vh; - background-position: top center; - position: relative; - margin-top: 60px; - - iframe#video { - display: block; - position: absolute; - margin: 0px; - top: 0; - bottom: 0; - left: 0; - right: 0; - // height: 100%; - // width: 100%; - height: 400px !important; - width: 400px !important; - box-sizing: border-box; - } - - div#textButton { - display: inline-flex; - width: 720px; - height: 400px; - text-align: center; - - - h2 { - color: black; - text-align: center; - font-size: 70px; - font-weight: bold; - } - - p { - color: black; - font-size: 24px; - font-weight: bold; - margin-bottom: 45px; - } - - a#button { - - .md-button { - position: relative; - text-align: center; - width: 200px; - height: 45px; - background-color: rgb(63,81,181); - color: white; - font-size: 16px; - font-weight: 700; - opacity: 1; - margin: 0 0 0 0; - } - - button:hover { - background-color: white; - color: rgb(63,81,181); - border-color: rgb(63,81,181); - border-style: solid; - border-width: 1px; - } - } - } - - @media screen and (max-width: 768px) { - min-height: 27vh; - - a { - .md-button { - visibility: hidden; - } - } - - h2 { - color: black; - display: block; - font-size: 30px; - font-weight: bold; - } - - div#textButton { - display: inline-flex; - width: 100%; - height: 100%; - text-align: center; - - - h2 { - color: black; - text-align: center; - font-size: 26px; - font-weight: bold; - } - - p { - color: black; - font-size: 14px; - font-weight: bold; - margin: 0; - } - } - - div#button { - display: none; - visibility: hidden; - } - } - - } - - div#mainPage { - .sectionHeading { - font-size: 50px; - font-family: 'Oswald'; - margin-bottom: 15px; - margin-top: 10px; - } - - .sectionSubHeading { - font-size: 45px; - font-family: 'Oswald'; - margin-bottom: 15px; - margin-top: 10px; - } - - div#comoFunciona { - text-align: center; - height: 100%; - width: 100%; - display: block; - padding-bottom: 30px; - background-color: white; - padding-bottom: 40px; - - - p#comoFunciona { - padding-top: 10px; - margin-bottom: 0px; - text-align: center; - width: 65%; - overflow: hidden; - display: inline-block; - - } - - p { - margin-bottom: 0px; - } - - md-list { - padding-top: 60px; - margin-right: 30px; - margin-left: 30px; - - md-list-item { - width: 370px !important; - - h2 { - font-family: 'Oswald'; - } - - p { - width: 370px !important; - font-family: 'Open Sans Condensed'; - } - - span { - i#icon { - color: white; - } - } - } - } - - button { - background-color: rgb(63,81,181); - color: white; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - margin-left: 0px; - font-size: 20px; - font-family: 'Oswald'; - width: 130px; - text-align: center; - } - - button:hover { - background-color: white !important; - color: rgb(63,81,181) !important; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - font-size: 20px; - } - - } - - div#reconhecimentos { - - padding-bottom: 40px; - text-align: center; - height: 100%; - width: 100%; - display: block; - background-color: #f1f1f1; - - @media screen and (max-width: 768px) { - h3 { - font-size: 16px; - } - } - - img#af { - margin-right: 20px; - } - - h2#rec.sectionHeading { - text-align: left !important; - } - - img.mid { - - @media screen and (max-width: 768px) { - width: 40px; - } - } - } - - div#modelo { - background-color: white; - padding: 0 0 40px 0; - text-align: center; - height: 100%; - width: 100%; - display: block; - } - - div#ongs { - - text-align: center; - height: 100%; - width: 100%; - display: block; - padding-bottom: 70px; - background-color: #f1f1f1; - - md-card-content { - padding: 0 16px 16px 16px; - } - - img.md-card-image { - width: 300px; - height: 300px; - padding: 7px 7px 7px 7px !important; - } - - .img__wrap { - position: relative; - height: 300px; - width: 300px; - } - - .img__description_layer { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: gray; - color: #fff; - visibility: hidden; - opacity: 0; - display: flex; - align-items: center; - justify-content: center; - - /* transition effect. not necessary */ - transition: opacity .2s, visibility .2s; - } - - p { - color: white; - font-weight: 700; - text-decoration: none; - } - - .img__wrap:hover .img__description_layer { - visibility: visible; - opacity: 1; - } - - .img__description { - transition: .2s; - transform: translateY(1em); - width: 270px; - } - - .img__wrap:hover .img__description { - transform: translateY(0); - width: 270px; - } - - button { - background-color: rgb(63,81,181); - color: white; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - margin-left: 0px; - font-size: 20px; - font-family: 'Oswald'; - width: 50px; - text-align: center; - } - - button:hover { - background-color: white !important; - color: rgb(63,81,181) !important; - border-color: rgb(63,81,181) !important; - border-style: solid; - border-width: 1px; - font-size: 20px; - } - - @media screen and (min-width: 768px) { - - h3 { - font-weight: 400; - } - } - - @media (min-width: 960px) { - - md-card { - width: 300px; - } - } - - @media screen and (max-width: 768px) { - - md-list-item { - padding-left: 5px; - padding-right: 5px; - } - - md-card { - width: 300px ; - display: block; - text-align: center; - margin: 0 0 10 0; - } - - .md-button { - visibility: hidden; - display: none; - } - - h3 { - font-size: 16px; - } - - .img__wrap:hover .img__description_layer { - visibility: hidden; - } - } - } - } -} \ No newline at end of file