\n \n
\n","import { Component, Input } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataService } from 'src/services/dataService';\n\n@Component({\n selector: 'app-email-check-esqueci-senha',\n templateUrl: './email-check-esqueci-senha.component.html',\n styleUrls: ['../email-check/email-check.component.css']\n})\nexport class EmailCheckEsqueciSenhaComponent {\n\n email: string = '';\n\n constructor(private router: Router,private dataService: DataService) {\n this.email = this.dataService.getEmail();\n\n }\n\n redirectToEmailProvider(domain: string) {\n const emailProviderUrl = `https://${domain}`;\n window.open(emailProviderUrl, '_blank'); // Abre o provedor de e-mail em uma nova aba.\n\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n}\n","\n\n \n\n \n \n \n \n \n
\n\n","import { Component, Input } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataService } from 'src/services/dataService';\n\n\n@Component({\n selector: 'app-email-check',\n templateUrl: './email-check.component.html',\n styleUrls: ['./email-check.component.css']\n})\nexport class EmailCheckComponent {\n\n\n email: string = '';\n\n constructor(private router: Router,private dataService: DataService) {\n this.email = this.dataService.getEmail();\n }\n\n redirectToEmailProvider(domain: string) {\n const emailProviderUrl = `https://${domain}`;\n window.open(emailProviderUrl, '_blank'); // Abre o provedor de e-mail em uma nova aba.\n console.log()\n\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n \n\n}","\n\n \n Cheque
\n
\n Cheque
seu email
\n Enviamos um link de confirmação para o seu e-mai, para poder alterar sua senha
\n{{email}}
\nSe você não recebeu o e-mail,\n verifique sua caixa de spam
\n\n
\n Checar e-mail
\nIR PARA LOGIN >
\n\n\n\n \n \n \n \n \n
\n\n","import { Component, Output, EventEmitter } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { FormGroup, Validators } from '@angular/forms';\nimport { CadastroService } from 'src/services/Cadastrar-User.service.';\nimport { DataService } from 'src/services/dataService';\nimport { AtualizarSenha } from 'src/services/Atualizar-senha.service';\n\n\n@Component({\n selector: 'app-email',\n templateUrl: './email.component.html',\n styleUrls: ['../cadastrar-usuario/cadastrar-usuario.component.css']\n})\nexport class EmailComponent {\n\n // Defina a faixa de anos desejada para a seleção de anos\n\n // Defina a data mínima permitida (por exemplo, 100 anos atrás da data atual)\n\n\n isLoading: boolean = false; // variavel responsavel por mostrar carregamento enquanto faz alguma requisicao\n public loginForm: FormGroup;\n public submitted = false;\n showEmailError: boolean = false;\n emailExistsErrorMessage: string = '';\n emailErrorMessage: string = '';\n\n\n constructor(\n private router: Router,\n private formBuilder: FormBuilder,\n private emailService: AtualizarSenha,\n private dataservice: DataService\n ) {\n\n this.loginForm = this.formBuilder.group({\n email: ['', Validators.required],\n\n });\n }\n\n\n irParaTelaHome() {\n this.router.navigate(['/login']);\n }\n\n\n resetErrors() {\n this.showEmailError = false;\n }\n\n onInput(field: string) {\n this.loginForm.get(field)?.setErrors(null);\n }\n\n onSubmit() {\n\n this.resetErrors();\n\n const email = this.loginForm.get('email')?.value;\n this.dataservice.setEmail(email);// enviar para o outro componente\n\n\n if (!email || email.trim() === '' || !this.validateEmail(email)) {\n this.showEmailError = true;\n this.emailErrorMessage = 'E-mail inválido ou em branco';\n return;\n }\n\n\n this.isLoading = true;\n\n this.emailService.enviarEmailRedefinicaoSenha(email).subscribe(\n response => {\n console.log('E-mail enviado com sucesso:', response);\n this.isLoading = false;\n this.router.navigate(['/emailcheck_esqueciminhasenha']);\n // Faça algo com a resposta, se necessário\n },\n error => {\n console.error('Erro ao enviar e-mail:', error);\n alert(error.error.message)\n this.isLoading = false;\n\n // Trate o erro de acordo com sua lógica\n }\n );\n\n\n\n // Requisição aqui \n\n }\n\n validateEmail(email: string): boolean {\n // Implemente a lógica de validação do e-mail aqui\n // Pode usar expressões regulares ou outras técnicas de validação\n // Neste exemplo, verifica apenas se contém um '@' no e-mail\n return email.includes('@');\n }\n\n transformDateToString(dateInfo: any): string {\n const day = dateInfo.day < 10 ? `0${dateInfo.day}` : dateInfo.day;\n const month = dateInfo.month < 10 ? `0${dateInfo.month}` : dateInfo.month;\n\n return `${day}-${month}-${dateInfo.year}`;\n }\n\n}\n","\n Cheque
\n
\n Cheque
seu email
\n Enviamos um link de confirmação para o seu e-mail
\n{{email}}
\nSe você não recebeu o e-mail,\n verifique sua caixa de spam
\n\n
\n Checar e-mail
\nIR PARA LOGIN >
\n\n\n \n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-carregamento-padrao',\n templateUrl: './carregamento-padrao.component.html',\n styleUrls: ['./carregamento-padrao.component.css']\n})\nexport class CarregamentoPadraoComponent {\n\n}\n","\n","import { Component, OnInit, ViewChild, TemplateRef, Injectable, ChangeDetectorRef } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { NgbOffcanvas } from '@ng-bootstrap/ng-bootstrap';\nimport { FormBuilder, Validators, FormGroup } from '@angular/forms';\nimport { environment } from 'src/environments/environment';\nimport { chat } from './data';\nimport { Chats, Groups } from './chat.model';\nimport { Lightbox } from 'ngx-lightbox';\n// Date Format\nimport { DatePipe } from '@angular/common';\nimport { ForumService } from 'src/services/Forum_Service';\nimport { io, Socket } from 'socket.io-client';\nimport { SocketService } from 'src/services/socket.service';\nimport { UserService } from 'src/services/user.service';\nimport { Atividades_service } from 'src/services/Atividades.service';\n\n\n@Component({\n selector: 'app-index',\n templateUrl: './chat-index.component.html',\n styleUrls: ['./chat-index.component.scss']\n})\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class chatIndexComponent implements OnInit {\n\n public isCollapsed = true;\n activetab = 3;\n chat: Chats[];\n groups: Groups[] = [];\n formData!: FormGroup;\n @ViewChild('scrollRef') scrollRef: any;\n emoji = '';\n isreplyMessage = false;\n isgroupMessage = false;\n mode: string | undefined;\n urlUpload: string = 'https://api.recarrega.app.br/uploads/';\n Localevento: string;\n DescricaoCompletaEevento: string;\n HorarioEvento: string\n\n user_id: number;\n grupoId: number;\n listLang = [];\n lang: string;\n images: { src: string; thumb: string; caption: string }[] = [];\n userID: number;\n newMessage: string = '';\n url_documento_salvo: string = '';\n senderName: any;\n senderProfile: any;\n messages: any[] = [];\n novasmessages: any[] = [];\n chatReplyUser: string = '';\n chatReplyMessage: string = '';\n isWebSocketConnected: boolean = false;\n isConnected: boolean = false;\n fotoPerfil: string = '';\n elementIndexClicked: number;\n onlineUsers: string[] = [];\n listaUsuarios: any[] = [];\n quantidadeUsuarios: number;\n TipoColabore: string;\n TipoChat: string;\n\n\n\n constructor(\n private router: Router,\n public translate: TranslateService,\n private modalService: NgbModal,\n private offcanvasService: NgbOffcanvas,\n public formBuilder: FormBuilder,\n private datePipe: DatePipe,\n private lightbox: Lightbox,\n private forumService: ForumService,\n private socketService: SocketService,\n private atividade_service: Atividades_service,\n private userService: UserService,\n private changeDetectorRef: ChangeDetectorRef,\n private route: ActivatedRoute\n\n ) { }\n\n ngOnInit(): void {\n\n /*Url foto fe perfil do usuario*/\n const foto_perfil = sessionStorage.getItem('foto_perfil');\n if (foto_perfil === 'null' || foto_perfil == null) {\n this.fotoPerfil = '../../assets/perfil_chat_padrao.svg'\n } else {\n this.fotoPerfil = this.urlUpload + foto_perfil;\n }\n\n this.route.paramMap.subscribe(params => {\n this.TipoColabore = params.get('tipo');\n this.groups=null;\n this.TipoChat= null\n\n console.log(this.TipoColabore)\n if(this.TipoColabore =='grupo'){\n this.loadGroupsByGrupo();\n this.TipoChat ='Colabore';\n }\n \n if(this.TipoColabore =='grupo_suporte'){\n this.loadGroupsBySuporte()\n this.TipoChat ='Suporte';\n\n }\n });\n\n\n document.body.setAttribute('data-layout-mode', 'light');\n // Validation\n this.formData = this.formBuilder.group({\n message: ['', [Validators.required]],\n });\n\n\n const username = sessionStorage.getItem('name');\n const email = sessionStorage.getItem('email');\n const user = `{\"username\": \"${username}\", \"age\": 30, \"${email}\": \"john@example.com\"}`;\n\n this.senderName = JSON.parse(user).username\n this.senderProfile = '';\n this.chat = chat;\n\n \n this.lang = this.translate.currentLang;\n this.onListScroll();\n this.socketService.connectWebSocket(this.userID);\n\n\n /*\n Fazendo a inscrição no web socket para poder recbeer mensagem em tempo real e verificar se ta online ou ofline\n */\n this.socketService.getNewMessageObservable().subscribe(message => {\n try {\n const dados_message = message;\n\n if (message.type != 'updateUserList') {\n\n this.novasmessages.push(message); // Adicione a nova mensagem ao array\n const groupToUpdate = this.groups.find(group => group.id === message.id_forum);\n\n // Se o grupo existir, incremente 'unread'\n if (groupToUpdate) {\n groupToUpdate.unread++;\n }\n\n if (dados_message.isimage) {\n this.CarregaMensagensa(message)\n\n } else {\n // Carrega apenas quando o usuario que enviado for diferente do usuario da sessao\n if (dados_message.id_user != this.userID) {\n this.CarregaMensagensa(message)\n }\n }\n }\n } catch (error) {\n console.error(error);\n }\n\n });\n\n this.socketService.getOnlineUsersList().subscribe(users => {\n this.onlineUsers = users;\n\n },\n (error) => {\n console.error(error);\n });\n\n }\n\n getIconForExtension(extension: string): string {\n const extensionIcons: { [key: string]: string } = {\n pdf: 'https://api.recarrega.app.br/uploads/images/7MmelC6KHzSdjxFzSitTtUqRkCUR5OsnGeNXWWZN.png',\n docx: 'https://api.recarrega.app.br/uploads/images/xvvhUsGYq3XVoYAcV6ANEF3PUwWmkQ6VTleE3ef6.png',\n // Outras extensões e ícones aqui\n };\n\n // Verifica se há um ícone correspondente para a extensão\n return extensionIcons[extension.toLowerCase()] || 'default-icon.svg';\n }\n\n\n // Esta função verifica se o usuário está na lista de usuários online\n isUserOnline(id: any): boolean {\n const isOnline = this.onlineUsers.includes(id.toString()); // Substitua 'id' pela propriedade correta que identifica o usuário\n\n return isOnline;\n }\n\n\n /*Aqui temos duas funcoas iguais o que muda eh o end point que ela chama uma vem somente os grupos de suporte e outras vem todos os grupos sem os suporte,\n feito a separacao pois no menu eh como se tivesse duas telas uma para cada grupo*/\n loadGroupsByGrupo(): void {\n this.userID = parseInt(sessionStorage.getItem('userID'));\n this.forumService.getConversationsInForum(this.userID).subscribe(\n (response: Groups[]) => {\n this.groups = response;\n // Verificar e atualizar o array imageContent, se existir adicionado para deixar dinaminaco quando tiver arquivos imagens/documentos concatena a url definida da api no aquivo environment mais o valor que bem no banco de dados\n this.groups.forEach((group) => {\n if (group.messages && group.messages.length > 0) {\n group.messages.forEach((message) => {\n if (message.imageContent) {\n message.imageContent.forEach((image) => {\n // Concatenar o valor da chave 'src'\n image.src = 'http://api.recarrega.app.br/' + '/uploads/' + image.src;\n image.thumb = 'http://api.recarrega.app.br/' + '/uploads/' + image.thumb;\n });\n }\n });\n }\n\n });\n },\n (error) => {\n console.error(error);\n }\n );\n\n }\n\n loadGroupsBySuporte(): void {\n this.userID = parseInt(sessionStorage.getItem('userID'));\n this.forumService.getConversationsInForumBySuporte(this.userID).subscribe(\n (response: Groups[]) => {\n this.groups = response;\n // Verificar e atualizar o array imageContent, se existir adicionado para deixar dinaminaco quando tiver arquivos imagens/documentos concatena a url definida da api no aquivo environment mais o valor que bem no banco de dados\n this.groups.forEach((group) => {\n if (group.messages && group.messages.length > 0) {\n group.messages.forEach((message) => {\n if (message.imageContent) {\n message.imageContent.forEach((image) => {\n // Concatenar o valor da chave 'src'\n image.src = 'http://api.recarrega.app.br/' + '/uploads/' + image.src;\n image.thumb = 'http://api.recarrega.app.br/' + '/uploads/' + image.thumb;\n });\n }\n });\n }\n\n });\n },\n (error) => {\n console.error(error);\n }\n );\n\n }\n\n RefazRequisicaoDosGrupos() {\n if(this.TipoColabore =='grupo'){\n this.loadGroupsByGrupo();\n this.TipoChat ='Colabore';\n }\n\n if(this.TipoColabore =='grupo_suporte'){\n this.loadGroupsBySuporte()\n this.TipoChat ='Suporte';\n\n } }\n\n CarregaMensagensa(message: any) {\n\n if (this.grupoId == message.id_forum) {\n this.message.push({\n id: message.id,\n message: message.message,\n name: message.name,\n profile: message.profile,\n time: message.time,\n align: message.align,\n isimage: message.isimage,\n imageContent: message.imageContent,\n replayName: message.replayName,\n replaymsg: message.replaymsg,\n id_user: message.id_user,\n id_forum: message.id_forum,\n classe_referencia: `lista_${this.elementIndexClicked - 1}`\n });\n\n\n this.onListScroll();\n\n }\n }\n\n ngAfterViewInit() {\n this.scrollRef.SimpleBar.getScrollElement().scrollTop = 100;\n }\n\n /**\n * Show user profile\n */\n // tslint:disable-next-line: typedef\n showUserProfile() {\n document.getElementById('profile-detail').style.display = 'block';\n }\n\n /**\n * Close user chat\n */\n // tslint:disable-next-line: typedef\n closeUserChat() {\n\n var array_id_menssagens = this.groups.find((group: any) => group.id === this.grupoId);\n if (array_id_menssagens) {\n // Filtrar mensagens não lidas\n const unreadMessages = array_id_menssagens.messages.filter((message: any) => !message.is_read);\n // Obter os IDs das mensagens não lidas\n const unreadMessageIds = unreadMessages.map((message: any) => message.id);\n this.markMessagesAsRead(unreadMessageIds)\n // Agora você tem os IDs das mensagens não lidas em unreadMessageIds\n // console.log('IDs das mensagens não lidas:', unreadMessageIds);\n\n }\n document.getElementById('chat-room').classList.remove('user-chat-show');\n\n this.router.navigate(['modulos/chat', this.TipoColabore]);\n\n }\n\n /**\n * Logout the user\n */\n logout() {\n alert(\"saiir\");\n this.router.navigate(['/account/login']);\n }\n\n /**\n * Set language\n * @param lang language\n */\n setLanguage(lang) {\n this.translate.use(lang);\n this.lang = lang;\n }\n\n openCallModal(content) {\n this.modalService.open(content, { centered: true });\n }\n\n openVideoModal(videoContent) {\n this.modalService.open(videoContent, { centered: true });\n }\n\n /**\n * Show user chat\n */\n // tslint:disable-next-line: typedef\n userName: any = '';\n userStatus: any = '';\n userProfile: any = '';\n message: any;\n showChat(event: any, id: any) {\n\n var removeClass = document.querySelectorAll('.chat-user-list li');\n removeClass.forEach((element: any) => {\n element.classList.remove('active');\n });\n\n document.querySelector('.user-chat').classList.add('user-chat-show')\n document.querySelector('.chat-welcome-section').classList.add('d-none');\n document.querySelector('.user-chat').classList.remove('d-none');\n event.target.closest('li').classList.add('active');\n var data = this.chat.filter((chat: any) => {\n return chat.id === id;\n });\n this.userName = data[0].name\n this.userStatus = data[0].status\n this.userProfile = data[0].profilePicture\n this.message = data[0].messages\n this.onListScroll();\n }\n\n // Contact Search\n ContactSearch() {\n var input: any, filter: any, ul: any, li: any, a: any | undefined, i: any, txtValue: any;\n input = document.getElementById(\"searchContact\") as HTMLAreaElement;\n filter = input.value.toUpperCase();\n ul = document.querySelectorAll(\".chat-user-list\");\n ul.forEach((item: any) => {\n li = item.getElementsByTagName(\"li\");\n for (i = 0; i < li.length; i++) {\n a = li[i].getElementsByTagName(\"h5\")[0];\n txtValue = a?.innerText;\n if (txtValue?.toUpperCase().indexOf(filter) > -1) {\n li[i].style.display = \"\";\n } else {\n li[i].style.display = \"none\";\n }\n }\n })\n }\n\n // Message Search\n MessageSearch() {\n var input: any, filter: any, ul: any, li: any, a: any | undefined, i: any, txtValue: any;\n input = document.getElementById(\"searchMessage\") as HTMLAreaElement;\n filter = input.value.toUpperCase();\n ul = document.getElementById(\"users-conversation\");\n li = ul.getElementsByTagName(\"li\");\n for (i = 0; i < li.length; i++) {\n a = li[i].getElementsByTagName(\"p\")[0];\n txtValue = a?.innerText;\n if (txtValue?.toUpperCase().indexOf(filter) > -1) {\n li[i].style.display = \"\";\n } else {\n li[i].style.display = \"none\";\n }\n }\n }\n\n // Filter Offcanvas Set\n onChatInfoClicked(content: TemplateRef \n
\n\n\n\n
\n \n \n \n \n ![\"\"](\"assets/logo_agir.png\")
\n \n \n\n \n \n \n \n \n
\n \n \n \n \n \n\n \n \n \n \n \n \n
\n \n\n \n \n - \n \n
- \n \n \n \n Conversas\n \n \n
- \n \n \n Fórum\n \n \n \n \n
- \n \n \n \n Configurações\n \n \n\n \n \n\n\n
- \n \n
\n Perfil\n \n \n
\n
\n
\n\n \n \n
\n \n \n
\n \n\n \n \n \n
\n \n\n \n \n\n
\n \n \n
\n\n \n {{'chat.tabs.chats.title' | translate}}
\n\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n
\n \n\n \n ![\"user-img\"](\"assets/images/users/avatar-2.jpg\"){kind=avatar}
\n \n ![\"user-img\"](\"assets/images/users/avatar-4.jpg\"){kind=avatar}
\n \n ![\"user-img\"](\"assets/images/users/avatar-5.jpg\"){kind=avatar}
\n \n ![\"user-img\"](\"assets/images/users/avatar-6.jpg\"){kind=avatar}
\n \n \n \n \n \n\n
\n \n {{'chat.tabs.chats.recent.title' | translate}}
\n\n\n \n
\n \n\n \n \n \n \n \n \n
\n \n \n \n \n \n \n\n
\n\n \n \n\n
\n \n \n \n
\n \n ![\"\"](\"../../assets/xverde.png\")
\n
\n \n {{TipoChat}}\n
\n\n \n\n
\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n
\n\n \n \n
\n \n
\n \n
\n \n
\n \n \n
\n Iniciar conversa
\n\n
\n\n \n
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n {{(userName | translate).charAt(0)}}\n \n
\n \n
\n \n {{userName | translate}}\n \n
\n\n
\n - \n
- \n \n \n \n\n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n
- \n \n \n \n\n \n
\n
\n \n
\n \n ![\"\"](\"{{userProfile}}\")
\n
\n {{(userName | translate)}}
\nStart Audio Call
\n\n
\n - \n
\n
\n \n
\n \n \n
\n {{(userName | translate)}}
\nStart Video Call
\n\n
\n - \n
\n ![\"Preview\"]()
\n ![\"\"](\"../../assets/xlaranja.svg\")
\n
\n \n \n \n \n \n \n
\n \n \n \n - \n
- \n \n \n\n\n\n\n\n
\n
\n \n {{(data.name | translate).charAt(0)}}\n \n\n\n\n\n\n\n \n {{ (data.name | translate).charAt(0) }}\n \n\n\n\n \n\n
\n\n\n\n \n\n \n\n \n \n\n- \n
- \n \n \n \n
\n \n\n\n\n \n {{ data.time | date:'dd/MM/yyyy HH:mm' }}\n
\n\n \n \n \n \n\n\n\n \n\n\n\n\n\n \n\n\n\n\n\n- \n
- \n \n
\n \n \n - \n \n \n
\n\n\n\n\n {{data.message2 | translate}}\n
\n
\n\n \n \n \n \n\n\n {{senderName |\n translate}}{{data.name | translate}}\n\n\n Hoje\n\n \n
\n Mensagem Copiada\n
\n \n \n
\n \n\n \n
\n\n \n
\n \n \n
\n \n \n
\n\n \n \n \n \n\n
\n\n
\n \n\n \n \n \n
\n {{userName | translate}}
\n\n \n {{userStatus | translate}}
\n\n
\n\n {{DescricaoCompletaEevento}}
\n\n \n \n\n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n\n \n\n \n \n \n
\n \n \n \n Sobre\n
\n\n
\n\n \n\n Atividade
\n{{userName | translate}}
\n\n
\n\n Horario
\n{{'chat.rightpanel.about.time.value' | translate}}
\n\n
\n Local
\n{{Localevento | translate}}
\n\n \n Usuarios\n
\n\n
\n Usuarios do grupo: {{quantidadeUsuarios}}
\n\n
\n \n ![\"\"]()
\n \n {{ formatName(usuario.name).charAt(0) }}\n \n \n\n\n
\n \n
\n\n {{ formatName(usuario.name) }}
\n \n\n
\n Forward to...
\n \n\n
\n\n
\n \n \n \n \n
\n \n \n \n \n \n
\n\n","const contacts = [\n { id: 1, name: 'chat.tabs.contacts.list.A.name' },\n { id: 2, name: 'chat.tabs.contacts.list.A.name2' },\n { id: 3, name: 'chat.tabs.contacts.list.C.name' },\n { id: 4, name: 'chat.tabs.contacts.list.D.name' },\n { id: 5, name: 'chat.tabs.contacts.list.D.name2' },\n { id: 6, name: 'chat.tabs.contacts.list.I.name' },\n { id: 7, name: 'chat.tabs.contacts.list.J.name' },\n { id: 8, name: 'chat.tabs.contacts.list.J.name2' },\n { id: 9, name: 'chat.tabs.contacts.list.J.name3' },\n { id: 10, name: 'chat.tabs.contacts.list.M.name' },\n { id: 11, name: 'chat.tabs.contacts.list.M.name2' },\n { id: 12, name: 'chat.tabs.contacts.list.M.name3' },\n { id: 13, name: 'chat.tabs.contacts.list.O.name' },\n { id: 14, name: 'chat.tabs.contacts.list.P.name' },\n { id: 15, name: 'chat.tabs.contacts.list.P.name2' },\n { id: 16, name: 'chat.tabs.contacts.list.R.name' },\n { id: 17, name: 'chat.tabs.contacts.list.S.name' },\n { id: 18, name: 'chat.tabs.contacts.list.S.name2' },\n { id: 19, name: 'chat.tabs.contacts.list.S.name3' },\n { id: 20, name: 'chat.tabs.contacts.list.H.name' },\n];\n\nexport { contacts };\n","import { Component, ElementRef, HostListener } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { UserService } from 'src/services/user.service';\nimport { Router } from '@angular/router';\nimport { environment } from 'src/environments/environment';\nimport { ForumService } from 'src/services/Forum_Service';\n\n@Component({\n selector: 'app-menu-chat',\n templateUrl: './menu-chat.component.html',\n styleUrls: ['./menu-chat.component.css']\n})\nexport class MenuChatComponent {\n userInfo: any; // Armazenar� as informa��es do usu�rio\n\n private apiUrl: string;\n AlertColabore: boolean;\n AlertSuporte: boolean;\n\n constructor(\n private router: Router,\n private elementRef: ElementRef,\n private userService: UserService,\n private http: HttpClient,\n private forumService: ForumService\n\n\n ) {\n this.apiUrl = environment.apiUrl;\n }\n \n \n ngOnInit() {\n this.CarregaMensagensNaolidas()\n \n }\n \n CarregaMensagensNaolidas() {\n const userID = parseInt(sessionStorage.getItem('userID'));\n this.forumService.MessagesUnReadByUserid(userID).subscribe(\n (response) => {\n const arr = Object.values(response);\n if (arr.includes('colabore')) {\n this.AlertColabore=true\n }else{\n this.AlertColabore=false\n \n }\n // Verifica se o array contém 'grupo_suporte'\n if (arr.includes('grupo_suporte')) {\n this.AlertSuporte=true\n }else{\n this.AlertSuporte=false\n \n }\n },\n (error) => {\n console.error(error);\n }\n );\n \n }\n\n scrollToDiv(divId: string): void {\n const targetElement = this.elementRef.nativeElement.querySelector('#' + divId);\n console.log(targetElement)\n if (targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n\n irParaChat() {\n this.router.navigate(['/modulos/chat']);\n }\n\n irParaMural() {\n this.router.navigate(['/modulos/novidades']);\n }\n\n irParaaprenda() {\n this.router.navigate(['/modulos/aprenda']);\n }\n\n irParaMonitore() {\n this.router.navigate(['/modulos/monitore']);\n }\n irParaMapeia() {\n this.router.navigate(['/modulos/mapeie']);\n }\n\n\n\n irParausuarios() {\n this.router.navigate(['modulos/usuario']);\n }\n\n irParaColabore(tipo: string) {\n this.router.navigate(['modulos/chat', tipo]);\n }\n \n\n irParaRotaHome() {\n this.router.navigate(['modulos/rota_home']);\n }\n \n logout(): void {\n const token = sessionStorage.getItem('token');\n //Removendo token do cookie\n document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';\n sessionStorage.removeItem('token');\n if (token) {\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);\n this.http.post(`${this.apiUrl}/auth/logout`, null, { headers }).subscribe(\n () => {\n\n this.userInfo = null;\n window.location.reload(); // Atualiza a p�gina\n\n // Realizar outras a��es ap�s o logout, se necess�rio\n },\n (error: any) => {\n console.error('Erro ao fazer logout:', error);\n }\n );\n }\n }\n\n showSubMenu = false;\n\n toggleSubMenu(): void {\n this.showSubMenu = !this.showSubMenu;\n }\n\n closeSubMenu(): void {\n this.showSubMenu = false;\n }\n\n\n\n\n\n\n}\n","\n \n \n \n \n\n
\n \n\n \n \n
\n \n \n \n
\n {{'chat.tabs.contacts.title' | translate}}
\n\n \n\n
\n \n \n
\n \n \n
\n \n \n
\n \n\n \n {{item.key}}\n
\n - \n
- \n \n\n\n\n\n
{{item.name | translate}}
\n\n \n \n \n \n\n \n
\n\n
Propriedade particular
Tecnologias instaladas:
1. restauração ecológica
2. manejo sustentável do solo').openPopup();\n const marcador2 = L.marker([-4.04194444444, -38.645475]).addTo(this.mapa);\n marcador2.bindPopup('Guaiúba (CE)
Propriedade particular
Tecnologias instaladas:
1. restauração ecológica
2. manejo sustentável do solo').openPopup();\n const marcador3 = L.marker([-4.11136388889, -38.6950555556]).addTo(this.mapa);\n marcador3.bindPopup('Guaiúba (CE)
Assentamento Pedra d`água
Tecnologias instaladas:
1. Manejo sustentável do solo
2. sistema agroflorestal').openPopup();\n const marcador4 = L.marker([-4.07297222222, -38.6737222222]).addTo(this.mapa);\n marcador4.bindPopup('Guaiúba (CE)
Propriedade particular
Tecnologias instaladas:
Manejo sustentável do solo').openPopup();\n const marcador5 = L.marker([-4.07658888889, -38.6967583333]).addTo(this.mapa);\n marcador5.bindPopup('Guaiúba (CE)
Propriedade particular
Tecnologias instaladas:
Manejo sustentável do solo').openPopup();\n const marcador6 = L.marker([-4.04460555556, -38.6255805556]).addTo(this.mapa);\n marcador6.bindPopup('Guaiúba (CE)
EEEP José Ivanilton Nocrato
Tecnologias instaladas:
1. Manejo sustentável do solo
2. sistema agroflorestal').openPopup();\n const marcador7 = L.marker([-4.03727777778, -38.6320055556]).addTo(this.mapa);\n marcador7.bindPopup('Guaiúba (CE)
EEMTi José Tristão Filho
Tecnologias instaladas:
1. Manejo sustentável do solo
2. sistema agroflorestal').openPopup();\n const marcador8 = L.marker([-4.02063888889, -38.7831111111]).addTo(this.mapa);\n marcador8.bindPopup('Maranguape (CE)
Comunidades de Riacho Verde, Caboré e Mocozal
Tecnologias instaladas:
Saneamento básico').openPopup();\n const marcador9 = L.marker([-4.02980555556, -38.8079166667]).addTo(this.mapa);\n marcador9.bindPopup('Maranguape (CE)
Comunidades de Forquilha e Massapê
Tecnologias instaladas:
Saneamento básico').openPopup();\n \n\n }\n \n\n installPWA() {\n if (!this.pwaInstallService.isPWAInstalled()) {\n alert(\"Deseja baixar aplicativo para ter uma experiencia melhor ?\")\n this.pwaInstallService.installPWA();\n }\n else {\n alert(\"Aplicativo ja instalado\")\n }\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n\n getCookie(name: string): string | null {\n const cookies: string[] = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie: string = cookies[i].trim();\n if (cookie.startsWith(name + '=')) {\n return cookie.substring(name.length + 1);\n }\n }\n return null;\n }\n\n irParaCadastro() {\n this.router.navigate(['/cadastro_usuario']);\n }\n\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId);\n if (targetDiv) {\n targetDiv.scrollIntoView({ behavior: 'smooth' });\n }\n }\n}\n","
\n
\n \n \n ![\"Mural\"](\"/assets/mural.svg\")
\n Mural\n
\n \n Mural\n \n ![\"Colabore\"]()
\n Colabore\n
\n \n ![\"Aprenda\"](\"/assets/aprenda.svg\")
\n Aprenda\n
\n \n \n Aprenda\n \n ![\"Colabore\"]()
\n Suporte\n
\n \n ![\"Mais\"](\"/assets/group-1000005232.svg\")
\n Mais\n
\n \n Mais\n \n
\n \n ","\n\n
\n \n ![\"Fechar\"](\"/assets/seta_fecha.svg\")
\n
\n \n \n
\n \n ![\"Meu](\"/assets/meu_perfil.svg\")
\n
\n \n \n ![\"Monitome\"](\"/assets/monitore_breve.svg\")
\n
\n \n \n
\n \n ![\"Minhas](\"/assets/gotas_breve.svg\")
\n
\n \n \n ![\"Mapeia\"](\"/assets/mapeie_breve.svg\")
\n
\n \n \n
\n \n \n ![\"Sair\"](\"/assets/sair.svg\")
\n
\n \n \n ![\"Recarrega\"](\"/assets/botao_orecarrega.svg\")
\n
\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss']\n})\n/**\n * Tabs-Profile component\n */\nexport class ProfileComponent implements OnInit {\n\n senderName:any;\n senderProfile:any;\n\n constructor() { }\n\n ngOnInit(): void {\n const user = window.localStorage.getItem('currentUser');\n this.senderName = JSON.parse(user).username\n this.senderProfile = 'assets/images/users/'+JSON.parse(user).profile\n }\n\n}\n","\n\n
\n\n \n
\n \n \n \n \n \n
\n {{'chat.tabs.profile.title' | translate }}
\n\n
\n \n\n \n \n ![\"\"](\"{{senderProfile}}\")
\n
\n\n {{senderName | translate}}
\n\n
\n\n {{'chat.tabs.profile.message'| translate}}
\n\n \n {{'chat.tabs.profile.about.text' | translate}}\n
\n\n
\n\n {{ 'chat.tabs.profile.about.name.text' | translate}}
\n{{ senderName | translate}}
\n\n
\n\n {{ 'chat.tabs.profile.about.email.text' | translate}}
\n{{ 'chat.tabs.profile.about.email.value' | translate}}
\n\n
\n\n {{ 'chat.tabs.profile.about.time.text' | translate}}
\n{{ 'chat.tabs.profile.about.time.value' | translate}}
\n\n
\n {{ 'chat.tabs.profile.about.location.text' | translate}}
\n{{ 'chat.tabs.profile.about.location.value' | translate}}
\n\n \n {{'chat.tabs.profile.attachedfile.text' | translate}}\n
\n\n \n
\n \n\n \n \n
\n \n\n \n \n
\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-settings',\n templateUrl: './settings.component.html',\n styleUrls: ['./settings.component.scss']\n})\n/**\n * Tabs-settings component\n */\nexport class SettingsComponent implements OnInit {\n\n senderName:any;\n senderProfile:any;\n playerName:any;\n\n constructor() { }\n\n ngOnInit(): void {\n const user = window.localStorage.getItem('currentUser');\n this.senderName = JSON.parse(user).username\n this.playerName = JSON.parse(user).username\n this.senderProfile = 'assets/images/users/'+JSON.parse(user).profile\n }\n\n // User Profile Update\n imageURL: string | undefined;\n fileChange(event:any) { \n let fileList: any = (event.target as HTMLInputElement);\n let file: File = fileList.files[0];\n const reader = new FileReader();\n reader.onload = () => {\n this.imageURL = reader.result as string;\n document.querySelectorAll('#user_profile').forEach((element:any) => {\n element.src = this.imageURL;\n });\n }\n reader.readAsDataURL(file)\n }\n\n // User Name Update\n edit_userName(message) { \n this.playerName = this.senderName\n document.getElementById(\"user_name\").classList.toggle(\"visually-hidden\");\n document.getElementById(\"user_name_edit\").classList.toggle(\"visually-hidden\");\n document.getElementById(\"edit-user-name\").classList.toggle(\"visually-hidden\");\n }\n\n // User Name Update\nuserNameChange() {\n this.senderName = this.playerName\n document.getElementById(\"user_name\").classList.toggle(\"visually-hidden\");\n document.getElementById(\"edit-user-name\").classList.toggle(\"visually-hidden\");\n document.getElementById(\"user_name_edit\").classList.toggle(\"visually-hidden\");\n \n}\n\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { NgbDropdownModule, NgbAccordionModule, NgbModalModule, NgbCollapseModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';\nimport { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';\nimport { PERFECT_SCROLLBAR_CONFIG } from 'ngx-perfect-scrollbar';\nimport { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';\nimport { CarouselModule } from 'ngx-owl-carousel-o';\n\nimport { ProfileComponent } from './profile/profile.component';\nimport { ContactsComponent } from './contacts/contacts.component';\nimport { SettingsComponent } from './settings/settings.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MenuChatComponent } from './menu-chat/menu-chat.component';\n\nconst DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {\n suppressScrollX: true\n};\n\n@NgModule({\n declarations: [ProfileComponent, ContactsComponent, SettingsComponent, MenuChatComponent],\n imports: [\n CarouselModule,\n CommonModule,\n NgbDropdownModule,\n NgbAccordionModule,\n PerfectScrollbarModule,\n NgbTooltipModule,\n NgbModalModule,\n NgbCollapseModule,\n TranslateModule,\n FormsModule\n ],\n exports: [ProfileComponent, ContactsComponent, SettingsComponent,MenuChatComponent],\n providers: [\n {\n provide: PERFECT_SCROLLBAR_CONFIG,\n useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG\n }\n ]\n})\nexport class TabsModule { }\n","import { Component, ElementRef, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PwaInstallService } from 'src/services/pwa-install.service';\nimport L from 'leaflet';\n\n@Component({\n selector: 'app-home-ce',\n templateUrl: './home-ce.component.html',\n styleUrls: ['./home-ce.component.css']\n})\nexport class HomeCeComponent {\n estouLogado: boolean\n constructor(private router: Router,\n private elementRef: ElementRef,\n private pwaInstallService: PwaInstallService\n ) { }\n\n baixarApp: boolean;\n mapa: any;\n\n ngOnInit(): void {\n const token = sessionStorage.getItem('token') \n\n if(token){\n console.log('estou logado')\n this.estouLogado = true\n }else{\n console.log('não estou logado')\n this.estouLogado = false\n }\n\n this.mapa = L.map('mapa', {\n center: [-4.04185, -38.6378], // Coordenadas do Ceará\n zoom: 10,\n maxBounds: L.latLngBounds([-5.0, -41.0], [-2.0, -37.0]) // Limites para o Ceará\n });\n\n L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png', {\n attribution: '© OpenStreetMap contributors © CARTO',\n subdomains: 'abcd',\n maxZoom: 20\n }).addTo(this.mapa);\n \n\n // this.mapa.scrollWheelZoom.disable();\n\n // this.mapa.on('zoomend', () => {\n // if (this.mapa.getZoom() < 16) {\n // this.mapa.setZoom(16); \n // }\n // });\n // Adiciona um marcador no CEP 61800-000 com um pop-up\n const marcador = L.marker([-4.07444722222, -38.6966722222]).addTo(this.mapa);\n marcador.bindPopup('Guaiúba (CE) \n
\n\n {{'chat.tabs.settings.title' | translate}}
\n\n
\n \n\n \n \n \n \n \n
\n\n {{senderName | translate}}
\n \n\n {{'chat.tabs.settings.info.title' | translate}}\n
\n\n \n
\n \n
\n\n {{'chat.tabs.settings.info.name.text' | translate}}
\n{{senderName | translate}}
\n\n \n
\n \n \n
\n \n
\n\n {{'chat.tabs.settings.info.email.text' | translate}}
\n{{'chat.tabs.settings.info.email.value' | translate}}
\n\n
\n\n {{'chat.tabs.settings.info.time.text' | translate}}
\n{{'chat.tabs.settings.info.time.value' | translate}}
\n\n
\n {{'chat.tabs.settings.info.location.text' | translate}}
\n{{'chat.tabs.settings.info.location.value' | translate}}
\n\n {{'chat.tabs.settings.privacy.title' | translate}}\n
\n\n
\n \n
\n \n
\n {{'chat.tabs.settings.privacy.photo' | translate}}
\n\n\n \n \n
\n \n
\n\n \n
\n \n
\n {{'chat.tabs.settings.privacy.seen' | translate}}
\n\n\n
\n \n \n \n
\n \n
\n\n \n
\n \n
\n {{'chat.tabs.settings.privacy.status' | translate}}
\n\n \n \n
\n \n
\n\n \n
\n \n
\n {{'chat.tabs.settings.privacy.receipt' | translate}}
\n\n\n
\n \n \n \n
\n \n
\n \n
\n \n
\n {{'chat.tabs.settings.privacy.groups' | translate}}
\n\n\n \n \n
\n \n {{'chat.tabs.settings.security.title' | translate}}\n
\n\n
\n \n
\n \n
\n {{'chat.tabs.settings.security.text' | translate}}
\n\n
\n \n \n \n
\n \n {{'chat.tabs.settings.help.title' | translate}}\n
\nPropriedade particular
Tecnologias instaladas:
1. restauração ecológica
2. manejo sustentável do solo').openPopup();\n const marcador2 = L.marker([-4.04194444444, -38.645475]).addTo(this.mapa);\n marcador2.bindPopup('Guaiúba (CE)
Propriedade particular
Tecnologias instaladas:
1. restauração ecológica
2. manejo sustentável do solo').openPopup();\n const marcador3 = L.marker([-4.11136388889, -38.6950555556]).addTo(this.mapa);\n marcador3.bindPopup('Guaiúba (CE)
Assentamento Pedra d`água
Tecnologias instaladas:
1. Manejo sustentável do solo
2. sistema agroflorestal').openPopup();\n const marcador4 = L.marker([-4.07297222222, -38.6737222222]).addTo(this.mapa);\n marcador4.bindPopup('Guaiúba (CE)
Propriedade particular
Tecnologias instaladas:
Manejo sustentável do solo').openPopup();\n const marcador5 = L.marker([-4.07658888889, -38.6967583333]).addTo(this.mapa);\n marcador5.bindPopup('Guaiúba (CE)
Propriedade particular
Tecnologias instaladas:
Manejo sustentável do solo').openPopup();\n const marcador6 = L.marker([-4.04460555556, -38.6255805556]).addTo(this.mapa);\n marcador6.bindPopup('Guaiúba (CE)
EEEP José Ivanilton Nocrato
Tecnologias instaladas:
1. Manejo sustentável do solo
2. sistema agroflorestal').openPopup();\n const marcador7 = L.marker([-4.03727777778, -38.6320055556]).addTo(this.mapa);\n marcador7.bindPopup('Guaiúba (CE)
EEMTi José Tristão Filho
Tecnologias instaladas:
1. Manejo sustentável do solo
2. sistema agroflorestal').openPopup();\n const marcador8 = L.marker([-4.02063888889, -38.7831111111]).addTo(this.mapa);\n marcador8.bindPopup('Maranguape (CE)
Comunidades de Riacho Verde, Caboré e Mocozal
Tecnologias instaladas:
Saneamento básico').openPopup();\n const marcador9 = L.marker([-4.02980555556, -38.8079166667]).addTo(this.mapa);\n marcador9.bindPopup('Maranguape (CE)
Comunidades de Forquilha e Massapê
Tecnologias instaladas:
Saneamento básico').openPopup();\n \n\n }\n \n\n installPWA() {\n if (!this.pwaInstallService.isPWAInstalled()) {\n alert(\"Deseja baixar aplicativo para ter uma experiencia melhor ?\")\n this.pwaInstallService.installPWA();\n }\n else {\n alert(\"Aplicativo ja instalado\")\n }\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n\n getCookie(name: string): string | null {\n const cookies: string[] = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie: string = cookies[i].trim();\n if (cookie.startsWith(name + '=')) {\n return cookie.substring(name.length + 1);\n }\n }\n return null;\n }\n\n irParaCadastro() {\n this.router.navigate(['/cadastro_usuario']);\n }\n\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId);\n if (targetDiv) {\n targetDiv.scrollIntoView({ behavior: 'smooth' });\n }\n }\n}\n","
\n \n \n
\n\n\n Inicio\n ![\"\"](\"./assets/group-1000005236.svg\")
\n
\n \n \n \n \n Tecnologias\n\n ![\"\"](\"./assets/group-1000005234.svg\")
\n
\n \n \n \n \n ![\"\"](\"./assets/vector8.svg\")
\n
\n \n \n Novidades\n
\n \n \n ![\"\"](\"./assets/group1.svg\")
\n
\n entrar
\n \n \n ![\"\"](\"./assets/menu_download.svg\")
\n
\n\n\ndownload
\n \n \n\n\n \n
\n\n \n
","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-patrocinadores-ce',\n templateUrl: './patrocinadores-ce.component.html',\n styleUrls: ['./patrocinadores-ce.component.css']\n})\nexport class PatrocinadoresCeComponent {\n\n constructor(private router: Router\n ) { }\n\n\n IrParaCadastro() {\n this.router.navigate(['/cadastro_usuario']);\n }\n\n}\n","\n\n\n\n
\n\n \n ![\"\"](\"./assets/group-1000005244.svg\")
\n
\n \n Recarrega
\n• Ceará •
\n\n\n\n
\n\n \n
\n \n Execução:\n
\n Agosto/2021 até o momento\n
\n \n Agosto/2021 até o momento\n
\n
\n\n\n \n A partir da metodologia de recarga hídrica desenvolvida em conjunto com a Fundación Avina, o projeto\n Recarrega busca solucionar o problema da conservação e da segurança hídrica através da implementação de\n tecnologias sociais de forma colaborativa e integrada, garantindo também segurança alimentar e geração de\n renda.\n
\n \n
\n\n \n
\n\n \n\n
\n\n \n\n Com adesão de parceiros, são ofertados espaços estratégicos para instalação destas tecnologias, buscando\n contribuir com a conservação de água e da biodiversidade dos açudes Gavião, Riachão e Pacoti, fontes\n responsáveis pelo abastecimento de água da região metropolitana de Fortaleza. \n
\n \n
\n\n\n\n \n Onde\n estamos?\n\n
\n \n \n
\n \n
\n CONHEÇA AS HORTAS DO PROJETO
\n\n
\n\n\n\n \n
\n\n \n © 2023 Agir Ambiental, Todos os direitos reservados\n
\n\n \n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-sobre-recarrega-ce',\n templateUrl: './sobre-recarrega-ce.component.html',\n styleUrls: ['./sobre-recarrega-ce.component.css']\n})\nexport class SobreRecarregaCeComponent {\n\n}\n","\n
\n\n \n
\n \n
\n Você e sua comunidade também podem fazer parte desse movimento!
\n Cadastre-se na plataforma para acompanhar as atividades do projeto.
\n \n
\n \n
\n CONHEÇA AS HORTAS DO PROJETO
\n\n\n
\n\n \n
\n\n\n Realização
\n \n
\n\n \n ![\"Slide](\"./assets/logo_agir_ambiental.png\")
\n
\n \n \n ![\"Slide](\"./assets/logo_avina_novo.png\")
\n
\n \n \n
\n \n
\n Patrocinadores
\n \n \n
\n \n ![\"Slide](\"./assets/logo_heineken_correcao)
\n
\n \n
\n \n
\n Parceiros
\n \n
\n\n \n ![\"Slide](\"./assets/sisar_ce.png\")
\n
\n \n \n
\n\n\n\n
\n Apoio
\n \n
\n\n \n ![\"Slide](\"./assets/cogerh_ce.png\")
\n
\n \n \n ![\"Slide](\"./assets/governo_ce.png\")
\n
\n \n \n ![\"Slide](\"./assets/universidade_ce.png\")
\n
\n \n \n\n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tecnologias-sociais-ce',\n templateUrl: './tecnologias-sociais-ce.component.html',\n styleUrls: ['./tecnologias-sociais-ce.component.css']\n})\nexport class TecnologiasSociaisCeComponent {\n\n}\n","No Ceará.\n\n
\n\n O Recarrega\n atua principalmente junto a:
\n\n\n
\n\n\n
\n Organizações públicas e privadas
\n \n
\n Instituições de ensino
\n \n
\n Produtores rurais
\n \n
\n Viveiristas
\n \n
\n\nImplementando tecnologias sociais
\n(soluções de baixo custo\n e fáceis de replicar) como:
\n\n
","\n \n \n\n\n \n
\n\n \n \n ![](\"./assets/tecnologias-sociais/Quintal_produtivo.png\")
\n
\n\n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Manejo_solo.png\")
\n
\n\n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Conservação_Florestal.png\")
\n
\n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Saneamento_rural.png\")
\n
\n \n\n\n\n \n\n\n \n \n\n \n\n\n \n\n\n \n\n \n \n\n\n\n\n\n\n\n \n\n
","import { Component, ElementRef } from '@angular/core';\nimport { Atividades_service } from 'src/services/Atividades.service';\nimport { DataService } from 'src/services/dataService';\nimport { DatePipe } from '@angular/common';\n\n\ninterface Cidade {\n id: number;\n nome: string;\n temas: { id: number; nomeTema: string }[];\n}\n\ninterface Atividade {\n id_Atividade: number;\n id_tema: number;\n descricao: string;\n horario: string;\n descricao_completa: string,\n local: string,\n cidade_id: number,\n}\n\n@Component({\n selector: 'app-atividades',\n templateUrl: './atividades.component.html',\n styleUrls: ['./atividades.component.css']\n})\nexport class AtividadesComponent {\n horarioFormatado: string;\n cidadeSelecionada: number = 1;\n temaSelecionado: number | null = null;\n eventosRecentes: Atividade[] = [];\n cidadesMockadas: any[] = []; // Vamos buscar as cidades do serviço agora\n eventos: Atividade[] = [];\n baseUploadUrl = 'https://api.recarrega.app.br/uploads/';\n uploadCaminho(caminho: string) {\n const caminhoCompleto = this.baseUploadUrl + caminho;\n }\n constructor(private atividadesService: Atividades_service,\n private dataservice: DataService,\n private elementRef: ElementRef,\n private datePipe: DatePipe) { }\n\n\n ngOnInit() {\n // Definir o primeiro ID como valor inicial selecionado\n\n this.atividadesService.getAtividades().subscribe(\n (data: Atividade[]) => {\n this.eventos = data;\n\n // Chame a função para carregar os eventos iniciais após obter os dados\n this.carregarTemaInicial();\n },\n (error) => {\n console.error('Erro ao buscar eventos:', error);\n }\n );\n\n this.atividadesService.getCidadeTema().subscribe(\n (data: any) => {\n this.cidadesMockadas = data;\n console.log(this.cidadesMockadas[0].id)\n this.cidadeSelecionada = this.cidadesMockadas[0].id;\n\n // Carregar o tema inicial\n this.carregarTemaInicial();\n },\n (error) => {\n console.error('Erro ao buscar cidades e temas:', error);\n }\n );\n\n this.atividadesService.getAtividades().subscribe(\n (data: Atividade[]) => {\n this.eventos = data;\n // Call the method to load initial events after getting the data\n\n this.carregarTemaInicial();\n },\n (error) => {\n console.error('Erro ao buscar eventos:', error);\n }\n );\n\n }\n\n formatarDataHora(dataHora: string): string {\n const dataHoraObj = new Date(dataHora);\n return this.datePipe.transform(dataHoraObj, 'dd/MM/yyyy HH:mm');\n }\n\n carregarTemaInicial() {\n const temas = this.getTemasCidadeSelecionada();\n if (temas.length > 0) {\n this.temaSelecionado = temas[0].id;\n this.carregarEventosRecentes();\n } else {\n this.temaSelecionado = null;\n this.eventosRecentes = [];\n }\n }\n\n getTemasCidadeSelecionada(): { id: number; nomeTema: string }[] {\n const cidadeSelecionada = this.cidadesMockadas.find(\n (cidade) => cidade.id == this.cidadeSelecionada\n );\n\n return cidadeSelecionada ? cidadeSelecionada.temas : [];\n }\n\n selecionarTema(tema: { id: number; nomeTema: string }) {\n this.temaSelecionado = tema.id;\n this.carregarEventosRecentes();\n }\n\n carregarEventosRecentes() {\n const eventos = this.getEventosRecentes();\n this.eventosRecentes = eventos.slice(0, 4);\n }\n\n getEventosRecentes() {\n const eventosFiltrados = this.eventos.filter((evento) => evento.id_tema == this.temaSelecionado && evento.cidade_id == this.cidadeSelecionada) || [];\n\n // Logica oara ordenar as atividades do para vim do mais recente em cima pro ususarios\n eventosFiltrados.sort((a, b) => {\n const horarioA = new Date(b.horario).getTime();\n const horarioB = new Date(a.horario).getTime();\n\n // Comparando os timestamps\n return horarioB - horarioA;\n });\n\n const eventosRecentes = eventosFiltrados.slice(0, 3);\n\n //console.log(eventosRecentes);\n return eventosRecentes;\n\n\n }\n\n /*Modal atividades*/\n showModal: boolean = false;\n id_Atividades: number;\n\n openModal(idAtividade: number) {\n console.log(idAtividade)\n this.id_Atividades = idAtividade;\n this.dataservice.setAtividadeId(this.id_Atividades); // Define o valor do ID usando o serviço compartilhado\n this.showModal = true;\n this.scrollToDiv('ref_modal')\n }\n\n closeModal() {\n this.showModal = false;\n this.id_Atividades = null;\n this.dataservice.Resetclick();\n\n }\n\n onOutsideClick(event: MouseEvent): void {\n const modalContent = this.elementRef.nativeElement.querySelector('.modal-container');\n\n if (modalContent != null) {\n\n if (this.showModal && this.dataservice.clickCount >= 1) {\n const clickedElement = event.target as HTMLElement;\n\n if (clickedElement !== modalContent && !(modalContent as HTMLElement).contains(clickedElement)) {\n console.log('resetando contangem')\n this.closeModal();\n }\n\n } else {\n this.dataservice.incrementClick();\n }\n }\n }\n\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId);\n if (targetDiv) {\n targetDiv.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n onRequisitarNovamente() {\n // Coloque aqui a lógica para fazer a nova requisição\n // this.Carrega_cidade_tema_full();\n console.log('Evento recebido para requisitar novamente');\n // ...\n }\n irParaNovidades() {\n // this.router.navigate(['/modulos/novidades']);\n }\n}\n","import { Component, ElementRef, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PwaInstallService } from 'src/services/pwa-install.service';\n\n\n@Component({\n selector: 'app-home-page',\n templateUrl: './home-page.component.html',\n styleUrls: ['./home-page.component.css']\n})\n\n\nexport class HomePageComponent implements OnInit {\n\n constructor(private router: Router,\n private elementRef: ElementRef,\n private pwaInstallService: PwaInstallService\n ) { }\n\n baixarApp: boolean;\n\n ngOnInit(): void {\n\n this.pwaInstallService.setupInstallBanner();\n const tokenCache = this.getCookie('token');\n if (tokenCache) {\n sessionStorage.setItem('token', tokenCache);\n this.router.navigate(['/modulos/index']);\n }\n else {\n // O usuário não está autenticado\n }\n }\n // Funcao para ancorar navegacao na home\n scrollToDiv(divId: string): void {\n const targetElement = this.elementRef.nativeElement.querySelector('#' + divId);\n if (targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n installPWA() {\n if (!this.pwaInstallService.isPWAInstalled()) {\n alert(\"Deseja baixar aplicativo para ter uma experiencia melhor ?\")\n this.pwaInstallService.installPWA();\n }\n else {\n alert(\"Aplicativo ja instalado\")\n }\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n\n getCookie(name: string): string | null {\n const cookies: string[] = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie: string = cookies[i].trim();\n if (cookie.startsWith(name + '=')) {\n return cookie.substring(name.length + 1);\n }\n }\n return null;\n }\n\n irParaCadastro() {\n this.router.navigate(['/cadastro_usuario']);\n }\n\n /*Meotodo para abrir o modal de recarga-hdrica:\n O componente possui um contador de cliques (`clickCount`) para rastrear os cliques fora do modal.\n Quando o modal estiver aberto e ocorrer um clique fora dele, o modal será fechado somente no segundo clique fora do modal,\n permitindo interações no primeiro clique. O contador é incrementado para rastrear o primeiro clique e resetado após o \n segundo clique, garantindo o comportamento desejado.*/\n showModal: boolean = false;\n selectedButton: number | null = null;\n\n openModal(buttonNumber: number) {\n this.selectedButton = buttonNumber;\n this.showModal = true;\n }\n closeModal() {\n this.showModal = false;\n this.selectedButton = null;\n }\n private clickCount = 0;\n\n onOutsideClick(event: MouseEvent): void {\n console.log(this.clickCount);\n if (this.showModal && this.clickCount === 1) {\n const modalContent = this.elementRef.nativeElement.querySelector('.modal-content');\n const clickedElement = event.target as HTMLElement;\n\n if (clickedElement !== modalContent && !(modalContent as HTMLElement).contains(clickedElement)) {\n this.clickCount = 0;\n this.closeModal();\n }\n\n } else if (this.showModal) {\n this.clickCount++;\n }\n }\n\n \n\n}\n","\n\n\n\n \n \n\n\n\n \n
\n\n
\n\n \n
\n \n \n
\n\n\n ![]()
\n
\n \n
\n{{ evento.descricao }}
\n {{ formatarDataHora(evento.horario) }}h
\n \n
\n\n \n\n\n\n\n","\n\n \n \n \n ![\"\"](\"./assets/mask-group4.svg\")
\n\n
\n \n ![\"\"](\"./assets/gota.svg\")
\n
\n\n\n \n \n Atividades\n Novidades\n Tecnologias sociais\n\n \n \n \n\n Recarrega\n
\n \n\n Recarrega\n \n ![\"\"](\"./assets/gota-2.svg\")
\n \n \n
\n \n \n \n Participe,
\né gratuito
\n \n \n\n ![\"\"](\"./assets/gota-3.svg\")
\n próximas atividades\n
\n\n \n próximas atividades\n \n Nossos resultados\n\n
\n \n \n \n \n \n \n Recarga hídrica\n \n ![\"\"](\"./assets/group-1000005279.svg\")
\n\n ![\"\"](\"./assets/group-1000005278.svg\")
\n\n ![\"\"](\"./assets/group-1000005280.svg\")
\n\n ![\"\"](\"./assets/group-1000005281.svg\")
\n\n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n ![\"\"](\"./assets/ri02.svg\")
\n\n
\n \n\n 2
\n \n\n \n\n \n\n \n\n \n
\n \n \n\n
\n \n\n 3
\n \n
\n \n \n\n
\n \n\n 4
\n \n
\n \n \n\n
\n \n\n 1
\n \n\n \n
\n 149,8
\n m³ de água recarregada
\n \n
\n 214
\n tecnologias implementadas
\n \n
\n \n \n 0\n kg\n
\n de alimentos produzidos
\n \n ![\"\"](\"./assets/ellipse-10.svg\")
\n\n
\n \n\n \n
\n \n 2040\n \n
\n \n \n
\n pessoas
\nempoderadas
\n \n\n \n\n
\n \n \n\n \n R$\n 1,5\n mil\n \n
\n \n \n
\n de renda
\ngerada
\n \n\n © 2023 Agir Ambiental, Todos os direitos reservados\n
\n \n Nosso propósito é contribuir com a conservação e a recarga hídica através de tecnologias sociais, que são implementadas\n de forma colaborativa e integrada para adaptação às mudanças climáticas, segurança hídrica e alimentar, geração de renda\n e empoderamento.\n
\n Atividades\n\n\n \n \n \n
\n \n Inicio\n \n
\n \n \n \n \n Tecnologias\n\n \n
\n \n \n \n \n \n
\n \n \n Novidades\n
\n \n \n \n
\n entrar
\n \n \n \n
\n\n \n download
\n \n \n\n![\"\"](\"./assets/tecnologias-sociais/PobrezaMenstrual_Thumbnail.png\")
\n![\"\"](\"./assets/tecnologias-sociais/Por)
\n![\"\"](\"./assets/tecnologias-sociais/TecnologiaSocialNatureza_Thumbnail.png\")
\n\n\n\n\n\nO que é pobreza menstrual?\nPor que conservar?\nO que são tecnologias sociais baseadas na natureza?\n\n\n![\"\"](\"./assets/group.svg\")
\n\n\n
\n","import { Component, ElementRef, OnDestroy, NgZone } from '@angular/core';\nimport { DataService } from 'src/services/dataService';\nimport { Subscription } from 'rxjs';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-novidade',\n templateUrl: './novidade.component.html',\n styleUrls: ['./novidade.component.css']\n})\nexport class NovidadeComponent {\n\n showModal: boolean = false;\n selectedButton: number | null = null;\n clickCount: number = 0;\n elementoRefModalNovidadesSubscription: Subscription | undefined;\n isWebShareSupported: boolean;\n\n\n constructor(\n private router: Router\n ) {\n // this.isWebShareSupported = 'share' in navigator;\n }\n\n ngOnInit() {\n // Verifica se a API navigator.share está disponível\n if (navigator.share) {\n this.isWebShareSupported = true;\n } else {\n }\n }\n\n // openModal(button: number): void {\n // console.log('abrindo modal');\n // this.showModal = true;\n // this.selectedButton = button;\n // this.clickCount = 0;\n\n // // Adicionar evento de clique fora do modal\n // this.ngZone.runOutsideAngular(() => {\n // document.addEventListener('click', this.onDocumentClick);\n // });\n // }\n\n compartilharLink(url,titulo,text) {\n if (navigator.share) {\n navigator.share({\n title: titulo,\n text: text,\n url: 'https://www.recarrega.app.br/model/novidades/'+url,\n })\n .then(() => console.log('Conteúdo compartilhado com sucesso!'))\n .catch((error) => console.error('Erro ao compartilhar conteúdo:', error));\n }\n }\n openComponenteModal(button: number): void {\n this.selectedButton = button;\n // Navegar para o caminho desejado com o valor de button como parâmetro\n setTimeout(() => {\n this.router.navigate(['/model/novidades', button]);\n }, 100);\n }\n\n\n}\n","import { Component, ElementRef, AfterViewInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-patrocinadores',\n templateUrl: './patrocinadores.component.html',\n styleUrls: ['./patrocinadores.component.css']\n})\n\nexport class PatrocinadoresComponent {\n\n constructor(private router:Router){\n\n }\n\n irParahomeSp(){\n this.router.navigate(['home_sp'])\n }\n\n irParahomeCe(){\n this.router.navigate(['home_ce'])\n }\n\n}\n","O Recarrega\n\n\n\n\n\n\n\nO que é pobreza menstrual?\nPor que conservar?\nO que são tecnologias sociais baseadas na natureza?\n\n\n\n\n\n\n ![\"\"](\"./assets/group-10000052441.svg\")
\n Recarrega\n
\n\n\n Recarrega\n\n
\n\n \n
\n\n
\n \n
\n São Paulo
\n \n \n \n
\n \n
\n Ceará
\n \n \n \n
\n\n \n
\n \n \n \n
\n \n\n \n
\n\n Realização\n \n
\n\n
\n\n \n
\n \n ![\"Slide](\"./assets/logo_hilton_novo.png\")
\n
\n \n \n ![\"Slide](\"./assets/logo_hilton_global_novo.png\")
\n
\n\n \n
-\n\n\n Patrocinador\n \n
\n\n
\n\n\n ![\"Slide](\"./assets/logo_global_novo.png\")
\n
\n \n \n ![\"Slide](\"./assets/logo_sisar_novo.png\")
\n
\n \n \n ![\"Slide](\"./assets/logo_jardim_novo.png\")
\n
\n \n \n ![\"Slide](\"./assets/logo_ceu_novo.png\")
\n
\n \n \n ![\"Slide](\"./assets/logo_clã.png\")
\n
\n \n\n \n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tecnologias-socias',\n templateUrl: './tecnologias-socias.component.html',\n styleUrls: ['./tecnologias-socias.component.css']\n})\nexport class TecnologiasSociasComponent {\n\n}\n","\n Parceiro\n \n
\n\n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-caire',\n templateUrl: './caire.component.html',\n styleUrls: ['./caire.component.css']\n})\nexport class CaireComponent {\n\n}\n","\n \n \n \n \n \n
\n\n \n \n ![](\"./assets/tecnologias-sociais/Compostagem.png\")
\n
\n \n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Armazenamento_chuva.png\")
\n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Pobreza_menstrual.png\")
\n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Meliponicultura.png\")
\n
\n \n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Agrossilvipastoril.png\")
\n
\n \n \n \n \n \n \n ![](\"./assets/tecnologias-sociais/Aquaponia.png\")
\n
\n \n \n\n
","import { Component, ElementRef, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PwaInstallService } from 'src/services/pwa-install.service';\nimport L from 'leaflet';\n\n\n@Component({\n selector: 'app-home-sp',\n templateUrl: './home-sp.component.html',\n styleUrls: ['./home-sp.component.css']\n})\nexport class HomeSpComponent {\n estouLogado: boolean\n constructor(private router: Router,\n private elementRef: ElementRef,\n private pwaInstallService: PwaInstallService\n ) { }\n\n baixarApp: boolean;\n mapa: any;\n overlayMaps: any = {}; // Objeto para armazenar as camadas adicionais\n\n\n ngOnInit(): void {\n\n\n\n const token = sessionStorage.getItem('token') \n\n if(token){\n this.estouLogado = true\n }else{\n this.estouLogado = false\n }\n\n console.log(this.estouLogado)\n \n this.mapa = L.map('mapa', {\n center: [-23.5505, -46.6333], // Coordenadas de São Paulo\n zoom: 12,\n maxBounds: L.latLngBounds([-24.0, -47.0], [-23.0, -45.0]) // Limites para São Paulo\n });\n\n // https://leaflet-extras.github.io/leaflet-providers/preview/ layers diferentes\n L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png', {\n attribution: '© OpenStreetMap contributors © CARTO',\n subdomains: 'abcd',\n maxZoom: 20\n }).addTo(this.mapa);\n \n\n // this.mapa.scrollWheelZoom.disable();\n\n // this.mapa.on('zoomend', () => {\n // if (this.mapa.getZoom() < 16) {\n // this.mapa.setZoom(16); // Define o nível de zoom mínimo\n // }\n // });\n // Adiciona um marcador no CEP 05569-120 com um pop-up\n // Cria os marcadores\n const marcador1 = L.marker([-23.5801, -46.7000]).bindPopup('EE JOÃO XXIII - OFICINAS PRÁTICAS');\n // const marcador2 = L.marker([-23.5600, -46.6200]).bindPopup('Outro pop-up');\n\n // Adiciona os marcadores às camadas de grupo individuais\n const marcadorLayer1 = L.layerGroup([marcador1]).addTo(this.mapa);\n // const marcadorLayer2 = L.layerGroup([marcador2]).addTo(this.mapa);\n\n // Adiciona as camadas de grupo ao objeto overlayMaps individualmente\n this.overlayMaps[\"Marcador 1\"] = marcadorLayer1;\n // this.overlayMaps[\"Marcador 2\"] = marcadorLayer2;\n\n // Configura o controle de camadas\n L.control.layers(null, this.overlayMaps).addTo(this.mapa)\n\n\n\n \n}\n\n installPWA() {\n if (!this.pwaInstallService.isPWAInstalled()) {\n alert(\"Deseja baixar aplicativo para ter uma experiencia melhor ?\")\n this.pwaInstallService.installPWA();\n }\n else {\n alert(\"Aplicativo ja instalado\")\n }\n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n\n getCookie(name: string): string | null {\n const cookies: string[] = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie: string = cookies[i].trim();\n if (cookie.startsWith(name + '=')) {\n return cookie.substring(name.length + 1);\n }\n }\n return null;\n }\n\n irParaCadastro() {\n this.router.navigate(['/cadastro_usuario']);\n }\n\n IrParaHortas(){\n this.router.navigate(['/modulos/hortas'])\n }\n\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId);\n if (targetDiv) {\n targetDiv.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n}\n","\n\n
\n Cairé
\nEm parceria com a cooperativa de costureiras formada através das oficinas promovidas pelo Recarrega em São Paulo, a Cairé atua na produção e venda de absorventes reutilizáveis.
\n A marca
\n\n
\n\n ![\"\"](\"../../assets/LogotipoCaire.svg\")
\n\n
\n\n \n\n \n
\n \n \n
\n\n \n - Estimula a autonomia financeira das mulheres em situação de vulnerabilidade
\n - Promove o desenvolvimento de um pensamento crítico sobre questões de saúde das pessoas que menstruam
\n - Repensa o impacto ambiental dos absorventes descartáveis
\n\n \n \n
\n PARA SABER MAIS:
\n\n\n
\n \n ![\"\"](\"../../assets/instagram.svg\")
\n \n
\n \n \n \n ![\"\"](\"../../assets/internet.svg\")
\n
\n \n \n \n \n
\n\n\n Inicio\n \n
\n \n \n \n \n Tecnologias\n\n \n
\n \n \n \n \n \n
\n \n \n Novidades\n
\n \n \n \n
\n entrar
\n \n \n \n
\n\n \ndownload
\n \n \n\n\n \n = new EventEmitter();\n @Output() FazerRequisicaoUsers: EventEmitter = new EventEmitter();\n baseUploadUrl = 'https://api.recarrega.app.br/uploads/';\n uploadCaminho(caminho: string) {\n const caminhoCompleto = this.baseUploadUrl + caminho;\n }\n\n mostrarMinhasAtividades = false; // Inicialmente, não mostra apenas as atividades do usuário atual\n\n\n constructor(private dataservice: DataService, private atividade_service: Atividades_service, private router: Router,\n private datePipe: DatePipe,\n private forum: ForumService) {\n this.subscription = this.dataservice.atividadeId$.subscribe(\n (id: number | null) => {\n this.atividadeId = id; // Atualiza o valor do ID quando recebe uma atualização do serviço\n this.showModal = true; // Define showModal para true quando recebe uma atualização do serviço\n }\n );\n\n }\n\n ngOnDestroy() {\n this.subscription.unsubscribe(); // Não se esqueça de cancelar a inscrição para evitar vazamentos de memória\n }\n\n getEventoSelecionado(): Atividade | null {\n if (this.atividadeId !== null) {\n return this.eventos.find(evento => evento.id_Atividade === this.atividadeId) || null;\n }\n return null;\n }\n\n fecharmodal() {\n this.showModal = false;\n this.atividadeId = null;\n this.dataservice.Resetclick();\n }\n\n addForumToUser() {\n const id_user = parseInt(sessionStorage.getItem('userID'), 10);\n\n\n this.forum.addForumToUser(this.atividadeId, id_user)\n .subscribe(\n response => {\n alert(response)\n //reseta ao normal\n this.showModal = false;\n this.atividadeId = null;\n },\n error => {\n console.error('Erro ao cadastrar :', error);\n // alert(error.error.message)\n this.showModal = false;\n this.atividadeId = null;\n }\n );\n\n }\n\n Cadastrar_UserAtividade() {\n this.atividade_service.postUsersAtividade(sessionStorage.getItem('userID'), this.atividadeId)\n .subscribe(\n response => {\n alert(response.message)\n //reseta ao normal\n this.showModal = false;\n this.atividadeId = null;\n this.FazerRequisicaoUsers.emit();\n\n },\n error => {\n // console.error('Erro ao cadastrar :', error);\n if (error.error.message == 'O usuário já tem essa atividade cadastrada.') {\n alert(error.error.message)\n }\n //reseta ao normal\n this.showModal = false;\n this.atividadeId = null;\n if (error.error.message) {\n alert('Por favor, para realizar cadastro em alguma atividade faça login!')\n this.router.navigate(['/modulos/index']);\n }\n }\n );\n }\n onSubmit() {\n if (!this.MinhdasAtividades) {\n this.Cadastrar_UserAtividade()\n } else {\n // this.addForumToUser()\n this.router.navigate(['modulos/chat/grupo'])\n }\n\n }\n\n\n formatarDataHora(dataHora: string): string {\n const dataHoraObj = new Date(dataHora);\n return this.datePipe.transform(dataHoraObj, 'dd/MM/yyyy HH:mm');\n }\n}\n\n\n\n\n\n","
\n\n \n
","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-patrocinadores-sp',\n templateUrl: './patrocinadores-sp.component.html',\n styleUrls: ['./patrocinadores-sp.component.css']\n})\nexport class PatrocinadoresSpComponent {\n\n constructor(private router: Router\n ) { }\n\n\n irParaCadastro() {\n this.router.navigate(['/cadastro_usuario']);\n }\n\n}\n","\n\n\n\n
\n\n \n \n
\n \n Recarrega
\n• São Paulo •
\n\n\n\n
\n\n \n
\n \n Execução:\n
\n fevereiro/2023 até o momento\n
\n \n fevereiro/2023 até o momento\n
\n
\n\n\n \n A partir de metodologia de recarga hídrica desenvolvida pelo Agir Ambiental e Fundación Avina,\n o projeto Recarrega busca promover a conservação e a segurança hídrica através da implementação de\n tecnologias sociais de forma colaborativa e integrada, garantindo também\n segurança alimentar, geração de renda e empoderamento feminino.\n Com a nossa rede de organizações e comunidades apoiadoras, o Recarrega está presente nas cidades de\n Embu das Artes, Guarulhos, Santo André e São Paulo (região oeste).\n
\n \n
\n\n \n
\n\n \n\n
\n\n \n \n Com adesão de parceiros, são ofertados espaços estratégicos para instalação destas tecnologias, buscando\n contribuir com a conservação de água e da biodiversidade dos açudes Gavião, Riachão e Pacoti, fontes\n responsáveis pelo abastecimento de água da região metropolitana de Fortaleza. \n
\n \n
\n\n\n \n Onde\n estamos?\n\n
\n \n \n
\n \n
\n CONHEÇA AS HORTAS DO PROJETO
\n\n
\n\n\n\n \n
\n\n \n © 2023 Agir Ambiental, Todos os direitos reservados\n
\n\n \n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-sobre-recarrega-sp',\n templateUrl: './sobre-recarrega-sp.component.html',\n styleUrls: ['./sobre-recarrega-sp.component.css']\n})\nexport class SobreRecarregaSpComponent {\n\n}\n","\n
\n\n \n
\n \n
\n Você e sua comunidade também podem fazer parte desse movimento!
\n Cadastre-se na plataforma para acompanhar as atividades do projeto.
\n \n
\n \n
\n CONHEÇA AS HORTAS DO PROJETO
\n\n\n
\n\n \n
\n\n\n Realização
\n \n
\n\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n Patrocinadores
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n\n\n\n
\n Parceiros
\n \n
\n\n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n\n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tecnologias-socias-sp',\n templateUrl: './tecnologias-socias-sp.component.html',\n styleUrls: ['./tecnologias-socias-sp.component.css']\n})\nexport class TecnologiasSociasSpComponent {\n\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId);\n if (targetDiv) {\n targetDiv.scrollIntoView({ behavior: 'smooth' });\n }\n }\n}\n","Em São Paulo.\n \n
\n \n O Recarrega \n atua principalmente junto a:
\n \n\n
\n \n \n
\n Comunidades em situação de vulnerabilidade social
\n \n
\n Mulheres
\n \n
\n Jovens
\n \n
\n Agricultores familiares
\n \n
\n Instituições de ensino
\n \n
\n \n Espaços comunitários
\n \n
\n\nImplementando tecnologias sociais
\n(soluções de baixo custo\n e fáceis de replicar) como:
\n\n
","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AuthService } from 'src/services/Auth_service';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n isLoading: boolean = false; // variavel responsavel por mostrar carregamento enquanto faz alguma requisicao\n public loginForm: FormGroup;\n public submitted = false;\n\n\n passwordErrorMessage: string = '';\n showEmailError: boolean = false;\n showPasswordError: boolean = false;\n\n emailErrorMessage: string = '';\n\n constructor(\n private router: Router,\n private route: ActivatedRoute,\n private authService: AuthService,\n private formBuilder: FormBuilder\n ) {\n this.loginForm = this.formBuilder.group({\n email: ['', Validators.required],\n password: ['', Validators.required]\n });\n }\n\n ngOnInit(): void {\n this.route.queryParams.subscribe(params => {\n const token = params['token'];\n if (token) {\n sessionStorage.setItem('token', token);\n const oneMonthInMilliseconds = 30 * 24 * 60 * 60 * 1000; // 30 days * 24 hours * 60 minutes * 60 seconds * 1000 milliseconds\n document.cookie = `token=${token}; expires=${new Date(Date.now() + oneMonthInMilliseconds).toUTCString()}; path=/`;\n this.router.navigate(['/modulos/index']);\n } else {\n // Lógica específica para autenticação usando o Google\n }\n\n });\n\n const tokenCache = this.getCookie('token');\n if (tokenCache) {\n sessionStorage.setItem('token', tokenCache);\n this.router.navigate(['/modulos/index']);\n\n }\n else {\n // O usuário não está autenticado\n }\n\n }\n\n getCookie(name: string): string | null {\n const cookies: string[] = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie: string = cookies[i].trim();\n if (cookie.startsWith(name + '=')) {\n return cookie.substring(name.length + 1);\n }\n }\n return null;\n }\n\n irParaTelaHome() {\n this.router.navigate(['/home']);\n }\n irParaTelaCadastroUser() {\n this.router.navigate(['/cadastro_usuario']);\n }\n irParaAlterasenha() {\n this.router.navigate(['/email']);\n }\n\n inputEmail() {\n this.showEmailError = false;\n this.emailErrorMessage = '';\n }\n\n inputPassword() {\n this.showPasswordError = false;\n this.passwordErrorMessage = '';\n }\n\n onSubmit() {\n const email = this.loginForm.get('email')?.value;\n const password = this.loginForm.get('password')?.value;\n\n if (!email || email.trim() === '' || !this.validateEmail(email)) {\n this.showEmailError = true;\n this.emailErrorMessage = 'E-mail inválido ou em branco';\n return;\n }\n\n if (!password || password.trim() === '') {\n this.showPasswordError = true;\n this.passwordErrorMessage = 'Senha inválida ou em branco';\n return;\n }\n\n // Verifica se o cookie com o token existe\n this.isLoading = true;\n\n this.authService.login(email, password).subscribe(\n (response: any) => {\n // Armazena o token na sessionStorage\n sessionStorage.setItem('token', response.access_token);\n const oneMonthInMilliseconds = 30 * 24 * 60 * 60 * 1000; // 30 days * 24 hours * 60 minutes * 60 seconds * 1000 milliseconds\n document.cookie = `token=${response.access_token}; expires=${new Date(Date.now() + oneMonthInMilliseconds).toUTCString()}; path=/`;\n // Redireciona para a rota desejada\n this.isLoading = false;\n this.router.navigate(['/modulos/index']);\n },\n (error) => {\n // Logic for login error\n\n\n const errorMessage = error.error.message;\n // console.log('Mensagem de erro:', errorMessage);\n\n this.isLoading = false;\n if (error.error.message == 'E-mail não foi validado') {\n this.showEmailError = true;\n this.emailErrorMessage = 'E-mail não foi validado';\n return;\n\n }\n // Caso nao haja problema com o e-mail.\n this.showPasswordError = true;\n this.passwordErrorMessage = 'Erro ao fazer login. Verifique suas credenciais.';\n\n }\n );\n\n\n }\n\n validateEmail(email: string): boolean {\n // Implemente a lógica de validação do e-mail aqui\n // Pode usar expressões regulares ou outras técnicas de validação\n // Neste exemplo, verifica apenas se contém um '@' no e-mail\n return email.includes('@');\n }\n\n loginWithGoogle() {\n this.authService.loginWithGoogle();\n }\n\n\n}\n","\n \n \n\n\n \n
\n\n \n \n \n
\n\n \n \n \n \n \n \n
\n\n \n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n\n\n\n \n\n\n \n \n\n \n\n\n \n\n\n \n\n \n \n
","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport L from 'leaflet';\n\n@Component({\n selector: 'app-mapa',\n templateUrl: './mapa.component.html',\n styleUrls: ['./mapa.component.css']\n})\nexport class MapaComponent implements OnInit, OnDestroy {\n\n mapa: any;\n\n ngOnInit(): void {\n this.mapa = L.map('mapa', {\n center: [-23.5505, -46.6333], // Coordenadas de São Paulo\n zoom: 12,\n maxBounds: L.latLngBounds([-24.0, -47.0], [-23.0, -45.0]) // Limites para São Paulo\n });\n\n L.tileLayer('https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg', {\n attribution: '© Stamen Design, © OpenStreetMap contributors',\n maxZoom: 20\n }).addTo(this.mapa);\n \n\n this.mapa.scrollWheelZoom.disable();\n\n this.mapa.on('zoomend', () => {\n if (this.mapa.getZoom() < 12) {\n this.mapa.setZoom(12); // Define o nível de zoom mínimo\n }\n });\n\n // Adiciona um marcador no CEP 05569-120 com um pop-up\n const marcador = L.marker([-23.5801, -46.7000]).addTo(this.mapa);\n marcador.bindPopup('Evento Horta').openPopup();\n\n\n // Adiciona um botão fora do mapa que, ao ser clicado, move para o marcador com zoom\n const botaoExterno = document.createElement('button');\n botaoExterno.innerHTML = 'Ir para Evento Horta';\n botaoExterno.addEventListener('click', () => {\n\n\n this.mapa.flyTo([-23.5801, -46.7000], 16); // 16 é o nível de zoom desejado\n });\n\n\n\n // Adiciona o botão ao corpo do documento\n document.body.appendChild(botaoExterno);\n }\n\n\n\n\n\nngOnDestroy() {\n this.mapa.invalidateSize();\n}\n}\n","\n","// import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Location } from '@angular/common';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { ForumService } from 'src/services/Forum_Service';\nimport { Component, ElementRef, HostListener } from '@angular/core';\nimport { UserService } from 'src/services/user.service';\n\n@Component({\n selector: 'app-menu-desk',\n templateUrl: './menu-desk.component.html',\n styleUrls: ['./menu-desk.component.css']\n})\nexport class MenuDeskComponent {\n\n urlAtual: string;\n userInfo: any; // Armazenar� as informa��es do usu�rio\n\n private apiUrl: string;\n\n constructor(\n private router: Router,\n private location: Location,\n private http: HttpClient,\n private forumService: ForumService,\n private elementRef: ElementRef,\n private userService: UserService,\n ){\n this.urlAtual = this.location.path();\n }\n\n SelecionarItem(Item: string){\n \n }\n\n irParaTelaLogin() {\n this.router.navigate(['/login']);\n }\n\n irParaChat(tipo: string) {\n this.router.navigate(['/modulos/chat', tipo]);\n }\n\n irParaMural() {\n this.router.navigate(['/modulos/index']);\n }\n\n irParaaprenda() {\n this.router.navigate(['/modulos/aprenda']);\n }\n\n irParaMonitore() {\n this.router.navigate(['/modulos/monitore']);\n }\n irParaMapeia() {\n this.router.navigate(['/modulos/mapeie']);\n }\n\n irParausuarios() {\n this.router.navigate(['modulos/usuario']);\n }\n\n irParaColabore(tipo: string) {\n this.router.navigate(['modulos/chat', tipo]);\n }\n\n\n irParaRotaHome() {\n this.router.navigate(['modulos/rota_home']);\n }\n\n irParaORecarrega(){\n this.router.navigate(['/modulos/rota_home']);\n }\n\n logout(): void {\n console.log('saindo')\n const token = sessionStorage.getItem('token');\n //Removendo token do cookie\n if (token) {\n document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';\n sessionStorage.removeItem('token');\n this.userInfo = null;\n window.location.reload(); // Atualiza a p�gina\n\n }\n }\n\n}\n","","import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';\nimport { DataService } from 'src/services/dataService';\nimport { Subscription } from 'rxjs';\nimport { Atividades_service } from 'src/services/Atividades.service';\nimport { Router } from '@angular/router';\nimport { ForumService } from 'src/services/Forum_Service';\nimport { DatePipe } from '@angular/common';\n\n\n\n\ninterface Atividade {\n id_Atividade: number;\n id_tema: number;\n descricao: string;\n horario: string;\n}\n\n@Component({\n selector: 'app-modal-atividades-usuarios',\n templateUrl: './modal-atividades-usuarios.component.html',\n styleUrls: ['./modal-atividades-usuarios.component.scss']\n})\nexport class ModalAtividadesUsuariosComponent {\n\n atividadeId: number | null = null;\n private subscription: Subscription;\n\n\n @Input() eventos: Atividade[] = [];\n @Input() showModal: boolean = false;\n @Input() MinhdasAtividades: boolean = false;\n @Input() modalPosition: string = '0';\n\n @Output() closeModal: EventEmitter\n = new EventEmitter();\n\n constructor(\n private dataservice: DataService,) { }\n\n fecharmodal() {\n this.closeModal.emit()\n this.dataservice.Resetclick()\n this.showModalMural = false\n }\n\n getStyle(notificationtipo: string) {\n switch (notificationtipo) {\n case 'Atualizações app':\n return { background: '#ED7202' };\n case 'Agende':\n return { background: '#9DA34A' };\n case 'Novo conteúdo':\n return { background: '#532014' };\n case 'Notícia':\n return { background: '#003636' };\n default:\n return {}; // Se não corresponder a nenhum tipo, retorna estilos vazios\n }\n }\n\n\n getDadosMural() {\n return this.DadosMural\n }\n\n\n}\n\n\n\n"," = new EventEmitter();\n\n constructor(\n private notificationService: NotificationService,\n private router:Router) {}\n\n fecharmodal() {\n // Criar um array de observables para armazenar as chamadas de atualização\n const observables = this.DadosNotification.map((notification) =>\n this.notificationService.updateNotification(notification.id, { lida: 1 })\n );\n\n if (window.confirm('Deseja marcar como lida as notificações?')) {\n forkJoin(observables).subscribe(\n (responses) => {\n console.log('Notificações atualizadas:', responses);\n this.closeModal.emit();\n location.reload();\n\n },\n (error) => {\n console.error('Erro ao atualizar notificações:', error);\n }\n );\n } else {\n this.closeModal.emit();\n //Nao faz nada\n // console.log('O usuário clicou em \"Cancelar\" ou fechou o diálogo');\n }\n \n }\n\n irParaComponente(Componente:String){\n\n Componente='modulos/aprenda'\n\n this.router.navigate([`/${Componente}`])\n }\n\n getDadosNotification(){\n this.DadosNotification = this.DadosNotification\n return this.DadosNotification;\n }\n\n}\n\n\n\n\n\n"," = new EventEmitter();\n\n private clickedElement: HTMLElement | null = null;\n\n @ViewChild('carousel', { static: false }) carousel: NgbCarousel; // Obtenha a referência ao carrossel\n\n\n constructor(\n private router: Router,\n private elementRef: ElementRef,\n private route: ActivatedRoute,\n \n ) { }\n\n ngOnInit(): void {\n // Obter o valor do parâmetro da rota\n this.route.paramMap.subscribe(params => {\n const button = +params.get('button'); // Converte para número\n // Aqui você pode usar o valor de 'button' como desejar, por exemplo, selecionar a imagem correspondente\n this.selectedButton = button;\n \n // Adicione a propriedade 'loaded' a cada imagem\n this.imagensComLegendasPorOpcao[this.selectedButton].forEach((imagem) => {\n this.imageLoadStatus[imagem.src] = false;\n });\n\n // Dispare manualmente o evento 'load' para cada imagem\n this.imagensComLegendasPorOpcao[this.selectedButton].forEach((imagem) => {\n const imageElement = new Image();\n imageElement.onload = () => this.onImageLoad(imagem);\n imageElement.src = imagem.src;\n });\n });\n }\n imagensComLegendasPorOpcao: { [key: number]: { src: string; legenda: string }[] } = {\n 1: [\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card1.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card2.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card3.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card4.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card5.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card6.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card7.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card8.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card9.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card10.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card11.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card12.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card13.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card14.png', legenda: '' },\n { src: './assets/tecnologias-sociais/TecnologiaSocialNatureza_Card15.png', legenda: '' },\n ],\n 2: [\n { src: './assets/tecnologias-sociais/Por que conservar_Card1.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card2.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card3.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card4.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card5.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card6.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card7.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card8.png', legenda: '' },\n { src: './assets/tecnologias-sociais/Por que conservar_Card9.png', legenda: '' },\n ],\n 3: [\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card1.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card2.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card3.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card4.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card5.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card6.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card7.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card8.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card9.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card10.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card11.png', legenda: '' },\n { src: './assets/tecnologias-sociais/PobrezaMenstrual_Card12.png', legenda: '' },\n ]\n };\n\n\n ElementoClicadoGlobal(event: MouseEvent): void {\n this.clickedElement = event.target as HTMLElement;\n }\n irParaHomeENovidades() {\n // Navega para a rota /home\n this.router.navigateByUrl('/home');\n // Aguarda um pequeno intervalo para garantir que a navegação tenha ocorrido\n setTimeout(() => {\n this.scrollToDiv('novidades'); // Rola até o elemento com o ID 'novidades'\n }, 100);\n }\n\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId);\n if (targetDiv) {\n targetDiv.scrollIntoView({ behavior: 'smooth' }); // Rola até a div de destino de forma suave\n }\n }\n\n @HostListener('document:click', ['$event'])\n onDocumentClick(event: MouseEvent): void {\n const modalContent = this.elementRef.nativeElement.querySelector('.ngb-carousel');\n const clickedElement = event.target as HTMLElement;\n\n // Verifica se o elemento clicado não é descendente da modal-content\n if (modalContent && !modalContent.contains(clickedElement)) {\n this.irParaHomeENovidades();\n }\n }\n\n \n @HostListener('document:touchstart', ['$event'])\n onTouchStart(event: TouchEvent) {\n // Registre a posição inicial do toque\n const touchStartX = event.touches[0].clientX;\n this.elementRef.nativeElement.setAttribute('data-touchstart-x', touchStartX.toString());\n }\n\n @HostListener('document:touchend', ['$event'])\n onTouchEnd(event: TouchEvent) {\n // Compare a posição inicial e final para determinar o deslizamento\n const touchEndX = event.changedTouches[0].clientX;\n const touchStartX = parseFloat(this.elementRef.nativeElement.getAttribute('data-touchstart-x'));\n\n if (touchStartX < touchEndX) {\n this.detectSwipe('right');\n } else if (touchStartX > touchEndX) {\n this.detectSwipe('left');\n }\n }\n\n @HostListener('document:mousedown', ['$event'])\n onMouseDown(event: MouseEvent) {\n // Registre a posição inicial do mouse\n this.elementRef.nativeElement.setAttribute('data-mousestart-x', event.clientX.toString());\n }\n\n @HostListener('document:mouseup', ['$event'])\n onMouseUp(event: MouseEvent) {\n const mouseEndX = event.clientX;\n const mouseStartX = parseFloat(this.elementRef.nativeElement.getAttribute('data-mousestart-x'));\n\n if (mouseStartX < mouseEndX) {\n this.detectSwipe('right');\n } else if (mouseStartX > mouseEndX) {\n this.detectSwipe('left');\n }\n }\n\n detectSwipe(direction: string) {\n // Função para lidar com o deslizamento (swipe)\n if (direction === 'left') {\n this.carousel.next(); // Avançar para o próximo slide\n } else if (direction === 'right') {\n this.carousel.prev(); // Voltar para o slide anterior\n }\n }\n\n onImageLoad(imagem): void {\n // Quando uma imagem é carregada, marque-a como carregada\n this.imageLoadStatus[imagem.src] = true;\n this.imagesLoaded++;\n\n // Verifique se todas as imagens foram carregadas\n if (this.imagesLoaded == this.imagensComLegendasPorOpcao[this.selectedButton].length) {\n this.isLoading = true;\n }\n }\n\n \n}\n","
\n
","import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataService } from 'src/services/dataService';\nimport { Subscription, forkJoin } from 'rxjs';\nimport { NotificationService } from 'src/services/notification.service';\n\n@Component({\n selector: 'app-modal-mural',\n templateUrl: './modal-mural.component.html',\n styleUrls: ['./modal-mural.component.css']\n})\nexport class ModalMuralComponent {\n\n\n @Input() showModalMural: boolean = false;\n @Input() DadosMural: any[];\n @Output() closeModal: EventEmitter\n ![](\"../../assets/fechar.svg\")
\n \n
\n \n \n\n \n \n
","import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataService } from 'src/services/dataService';\nimport { Subscription,forkJoin } from 'rxjs';\nimport { NotificationService } from 'src/services/notification.service';\n\ninterface Atividade {\n id_Atividade: number;\n id_tema: number;\n descricao: string;\n horario: string;\n}\n\n@Component({\n selector: 'app-modal-notificaton',\n templateUrl: './modal-notificaton.component.html',\n styleUrls: ['./modal-notificaton.component.css']\n})\nexport class ModalNotificationComponent {\n \n @Input() showModal: boolean = true;\n @Input() DadosNotification:any[];\n\n @Output() closeModal: EventEmitter\n
\n \n \n {{getDadosMural()?.titulo}}\n \n
\n \n \n
\n \n \n {{getDadosMural()?.descricao_completa}}\n \n \n
\n \n \n
","import { Component, Input, Output, EventEmitter, ElementRef, HostListener,ViewChild } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { DataService } from 'src/services/dataService';\nimport { NgbCarousel } from '@ng-bootstrap/ng-bootstrap'; // Importe o NgbCarousel\n\n\n\n@Component({\n selector: 'app-modal-novidades',\n templateUrl: './modal-novidades.component.html',\n styleUrls: ['./modal-novidades.component.scss']\n})\nexport class ModalNovidadesComponent {\n imagesLoaded: number = 0;\n imageLoadStatus: { [src: string]: boolean } = {};\n isLoading: boolean = false; // variavel responsavel por mostrar carregamento enquanto carrega as imagens\n @Input() selectedButton: number | null = null;\n @Output() closeModal: EventEmitter\n
\n\n\n Central de Notificações\n \n
\n \n \n
\n \n \n \n\n Descrição: {{ notification.descricao_notificacao }}
\n Tela: {{ notification.tela_notificacao }} \n
\n
\n \n \n
\n \n \n Tela: {{ notification.tela_notificacao }} \n
\n
\n \n
\n = new EventEmitter();\n\n // Variáveis para armazenar os títulos e conteúdos correspondentes a cada número\n titulosPorNumero: { [key: number]: string } = {\n 1: 'Uso de água da chuva',\n 2: 'Saneamento básico',\n 3: 'Infiltração de água no solo',\n 4: 'Redução de sedimentos'\n };\n \n conteudoPorNumero: { [key: number]: string } = {\n 1: 'A recarga hídrica está diretamente relacionada com a segurança hídrica e, por isso, a primeira etapa a ser considerada envolve a captação, o armazenamento e o uso de água da chuva. Com a implantação de cisternas ou de sistemas de aquaponia, por exemplo, a disponibilidade de água na região pode aumentar.',\n 2: 'O acesso a saneamento básico também tem relação direta com a segurança e a recarga hídricas. Por meio da coleta e tratamento de esgoto e de líquidos da decomposição do lixo orgânico, é possível evitar a poluição de córregos, rios, lagos e açudes, preservando as fontes de abastecimento de água.',\n 3: 'O processo de infiltração é de extrema importância para a conservação da água e do solo e, apesar de acontecer naturalmente, também pode ser impulsionado por tecnologias sociais como os sistemas agroflorestais (SAF), que reduzem a erosão e aumentam a biodiversidade e a umidade do solo.',\n 4: 'Sedimentos são fragmentos de solo, rochas e matéria orgânica que podem ser transportados para dentro de córregos, rios e lagos, prejudicando a qualidade da água. Tecnologias sociais como a restauração florestal podem evitar que isso aconteça, pois agem como um filtro da água que escorre sob o solo e ajuda a estabilizar as margens desses locais.'\n };\n \n\n}\n","]*src=[\"'](https?:\\/\\/[^\"']+)[\"'][^>]*>/i;\n\n const tamanhoDaImagem = this.getTamanhoDaImagem(pageContent);\n const tamanhoClass = tamanhoDaImagem !== 'desconhecido' ? `imagem-${tamanhoDaImagem}` : '';\n\n if (pageContent) { // Verifica se o conteúdo da página não está vazio\n this.pages.push({\n content: this.sanitizer.bypassSecurityTrustHtml(pageContent),\n legend: `Página ${this.pages.length + 1}`, // Pode personalizar as legendas aqui\n tamanhoClass: tamanhoClass,\n });\n }\n }\n }\n\n\n getTamanhoDaImagem(html: string): string {\n if (html.includes('classe=\"grande\"')) {\n return 'grande';\n } else if (html.includes('classe=\"media\"')) {\n return 'media';\n } else if (html.includes('classe=\"pequena\"')) {\n return 'pequena';\n } else {\n return 'desconhecido'; // Se nenhuma classe for encontrada\n }\n }\n\n processConvertedText(html: string) {\n // Verifica se o HTML contém um iframe\n const iframeRegex = /]*src=[\"'](https?:\\/\\/[^\"']+)[\"'][^>]*>/i;\n const match = iframeRegex.exec(html);\n\n if (match) {\n const iframeUrl = match[1];\n this.pages[0].videoUrl = iframeUrl; // Adiciona o URL do iframe à primeira página\n }\n }\n\n irParaTelaModelAprenda() {\n this.router.navigate(['/modulos/aprenda/modal/', this.idconteudoaprenda ]);\n }\n}\n\n","\n \n
\n
\n
\n
\n \n
\n \n \n \n \n ![\"Imagem\"]()
\n \n \n
","import { Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';\n\n\n\n@Component({\n selector: 'app-modal-recarregar-hidricas',\n templateUrl: './modal-recarregar-hidricas.component.html',\n styleUrls: ['./modal-recarregar-hidricas.component.css']\n})\nexport class ModalRecarregarHidricasComponent {\n @Input() showModal: boolean = false;\n @Input() selectedButton: number | null = null;\n @Output() closeModal: EventEmitter\n \n
\n \n \n \n
\n \n \n
","\nimport { Component, OnInit, Renderer2, ElementRef, ViewChild, HostListener } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ActivatedRoute, Route } from '@angular/router';\nimport { NgbCarousel } from '@ng-bootstrap/ng-bootstrap'; // Importe o NgbCarousel\nimport { Router } from '@angular/router';\nimport 'hammerjs';\nimport { AprendaService } from 'src/services/Aprenda.service';\n@Component({\n selector: 'app-aprenda-storys',\n templateUrl: './aprenda-storys.component.html',\n styleUrls: ['./aprenda-storys.component.css']\n})\nexport class AprendaStorysComponent {\n selectedFile: File;\n pages: any = [];\n convertedText: string;\n textohtml:string;\n obejetoS3: any = [];\n newold: boolean;\n\n idconteudoaprenda:number;\n carouselAtivo: boolean = false;\n\n @ViewChild('carousel', { static: false }) carousel: NgbCarousel; // Obtenha a referência ao carrossel\n\n constructor(\n private renderer: Renderer2, private el: ElementRef, private sanitizer: DomSanitizer,\n private router:Router,\n private route: ActivatedRoute ,\n private serviceAPrenda: AprendaService,\n \n ) { }\n\n ngAfterViewInit() {\n // Aplica a classe aos indicadores após o conteúdo ser renderizado\n this.adicionarClasseAoH1();\n this.addSizeClassToImages();\n }\n\n /*Recebe como parametro o id da subatividade, para fazer requisição e carrega o storys*/\n ngOnInit() {\n\n this.route.params.subscribe((params) => {\n const id_contudo_aprenda = params['id']\n this.carrega_sub_modulos(id_contudo_aprenda);\n });\n\n }\n\n\n\n carrega_sub_modulos(id: number) {\n\n this.serviceAPrenda.getAprendaSubConteudoById(id).subscribe(\n (data: any) => {\n console.log(data)\n this.textohtml = data[0].textohtml;\n this.idconteudoaprenda = data[0].id_aprenda_conteudo;\n this.convertedText = this.textohtml;\n this.splitContentIntoPages(this.convertedText);\n this.addFixedStyleToClass('carousel-indicators');\n this.obejetoS3 = data.objetosS3\n console.log(this.obejetoS3)\n if (this.obejetoS3 == undefined){\n this.newold = true;\n } else {\n this.newold = false\n }\n },\n (error) => {\n console.error('Erro ao buscar cidades e temas:', error);\n }\n )\n\n }\n \n private touchStartX: number;\n private touchStartY: number;\n private touchStartTime: number;\n\n // ...\n\n @HostListener('document:touchstart', ['$event'])\n onTouchStart(event: TouchEvent) {\n // Armazena as coordenadas iniciais e o tempo de início do toque\n this.touchStartX = event.changedTouches[0].clientX;\n this.touchStartY = event.changedTouches[0].clientY;\n this.touchStartTime = event.timeStamp;\n }\n\n @HostListener('document:touchend', ['$event'])\n onTouchEnd(event: TouchEvent) {\n // Armazena as coordenadas finais e o tempo de término do toque\n const touchEndX = event.changedTouches[0].clientX;\n const touchEndY = event.changedTouches[0].clientY;\n const touchEndTime = event.timeStamp;\n \n // Calcula a diferença nas coordenadas\n const deltaX = touchEndX - this.touchStartX;\n const deltaY = touchEndY - this.touchStartY;\n \n // Calcula o tempo decorrido\n const deltaTime = touchEndTime - this.touchStartTime;\n \n // Defina limiares para considerar um movimento como deslize\n const horizontalThreshold = 50;\n const verticalThreshold = 50;\n const timeThreshold = 500;\n \n // Verifica se o movimento atende aos critérios de deslize horizontal ou vertical\n const horizontalSwipe = Math.abs(deltaX) > horizontalThreshold && deltaTime < timeThreshold;\n const verticalSwipe = Math.abs(deltaY) > verticalThreshold && deltaTime < timeThreshold;\n \n // Determina a direção com base na diferença nas coordenadas\n if (horizontalSwipe && Math.abs(deltaX) > Math.abs(deltaY)) {\n if (deltaX > 0) {\n this.detectSwipe('right');\n } else {\n this.detectSwipe('left');\n }\n } else if (verticalSwipe && Math.abs(deltaY) > Math.abs(deltaX)) {\n if (deltaY > 0) {\n // Aqui você pode adicionar lógica para lidar com o deslize para baixo\n console.log('Deslize para baixo');\n } else {\n // Aqui você pode adicionar lógica para lidar com o deslize para cima\n console.log('Deslize para cima');\n }\n }\n }\n \n\n @HostListener('document:mousedown', ['$event'])\n onMouseDown(event: MouseEvent) {\n // Registre a posição inicial do mouse\n this.el.nativeElement.setAttribute('data-mousestart-x', event.clientX.toString());\n }\n\n @HostListener('document:mouseup', ['$event'])\n onMouseUp(event: MouseEvent) {\n // Compare a posição inicial e final do mouse para determinar o deslizamento\n const mouseEndX = event.clientX;\n const mouseStartX = parseFloat(this.el.nativeElement.getAttribute('data-mousestart-x'));\n\n\n\n if (mouseStartX < mouseEndX) {\n this.detectSwipe('right');\n } else if (mouseStartX > mouseEndX) {\n this.detectSwipe('left');\n }\n }\n\n detectSwipe(direction: string) {\n\n if (direction === 'left') {\n this.carousel.next(); // Avançar para o próximo slide\n } else if (direction === 'right') {\n this.carousel.prev(); // Voltar para o slide anterior\n }\n }\n\n adicionarClasseAoH1() {\n const elements = document.querySelectorAll('.text h1');\n elements.forEach((element) => {\n element.classList.add('text-h1');\n });\n }\n\n addSizeClassToImages() {\n const imgElements = this.el.nativeElement.querySelectorAll('img');\n imgElements.forEach((imgElement) => {\n const alt = imgElement.getAttribute('alt');\n if (alt) {\n if (alt.includes('pequena')) {\n this.renderer.addClass(imgElement, 'img-pequena');\n } else if (alt.includes('media')) {\n this.renderer.addClass(imgElement, 'img-media');\n } else if (alt.includes('grande')) {\n this.renderer.addClass(imgElement, 'img-grande');\n }\n }\n });\n }\n\n addFixedStyleToClass(className) {\n const elements = document.querySelectorAll('.' + className);\n \n elements.forEach((element) => {\n if (element instanceof HTMLElement) {\n element.style.position = 'fixed';\n }\n });\n }\n // Chame a função com o nome da classe que você deseja estilizar\n splitContentIntoPages(content: string) {\n // Divide o conteúdo em páginas com base na marcação \n const pagesArray = content.split('');\n\n for (let i = 0; i < pagesArray.length; i++) {\n let pageContent = pagesArray[i].trim();\n\n // Verifica se o conteúdo da página contém uma tag iframe\n const iframeRegex = /\n
\n\n\n\n\n \n\n \n \n \n \n
\n\n \n
\n \n \n \n
\n \n \n
\n \n
","\n\n \n
\n \n \n \n \n ![\"Imagem\"]()
\n \n \n
\n\n \n
\n \n \n \n
\n \n
\n\n Aprenda
\n \n\n
\n\n","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { AprendaService } from 'src/services/Aprenda.service';\n\n\n\n@Component({\n selector: 'app-aprenda',\n templateUrl: './aprenda.component.html',\n styleUrls: ['./aprenda.component.css']\n})\n\n\nexport class AprendaComponent {\n conteudos_aprenda: any[] = [];\n isLoading: boolean = false; // variavel responsavel por mostrar carregamento enquanto faz alguma requisicao\n\n constructor(private router: Router, private serviceAPrenda: AprendaService) {\n }\n\n ngOnInit(): void {\n \n this.CarregaConteudoAprenda();\n }\n CarregaConteudoAprenda(){\n this.isLoading = true;\n\n this.serviceAPrenda.getAprendaConteudo().subscribe(\n (data: any) => {\n // this.cidadesMockadas = data;\n this.isLoading = false;\n this.conteudos_aprenda=data;\n console.log(data)\n\n },\n (error) => {\n this.isLoading = false;\n console.error('Erro ao buscar cidades e temas:', error);\n }\n )\n }\n irParaTelamodulosIndex() {\n this.router.navigate(['/modulos/index']);\n }\n\n irParaTelaModelAprenda(id: number) {\n this.router.navigate(['/modulos/aprenda/modal', id]);\n }\n}\n","\n
\n\n\n \n \n
\n \n ![\"Imagem\"]()
\n
\n \n
\n {{ conteudo_aprenda.nome }}
\n \n \n
\n \n
\n
\n
\n Aprenda
\n \n
\n\n\n\n","import { Component } from '@angular/core'\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AprendaService } from 'src/services/Aprenda.service';\n\n@Component({\n selector: 'app-model',\n templateUrl: './model.component.html',\n styleUrls: ['./model.component.css']\n})\nexport class ModelComponent {\n sub_conteudos_aprenda: any[] = [];\n\n conteudoTitulo: String;\n botaoSelecionado: any = null;\n\n conteudosubModulo: string = 'Título padrão';\n idsubconteudo: string ;\n conteudoDescricao: string = 'Descrição padrão';\n imgConteudo:string='https://api.recarrega.app.br/uploads/images/RsTWs8h7cu3ChOQZefJSpz35ej6CccUgZ10uGe72.png'\n corbackground: string;\n isLoading: boolean = false; // variavel responsavel por mostrar carregamento enquanto faz alguma requisicao\n\n constructor(\n private router: Router,\n private route: ActivatedRoute,\n private serviceAPrenda: AprendaService) { }\n\n /**\n * Método ngOnInit\n *\n * Este método é chamado automaticamente quando o componente é inicializado.\n * Ele é usado para observar os parâmetros da rota e buscar os dados do card\n * com base no `id` fornecido nos parâmetros da rota. Os dados do card são\n * então armazenados na propriedade `this.card` para uso posterior no\n * componente.\n */\n ngOnInit() {\n // Inscrição para observar os parâmetros da rota\n this.route.params.subscribe((params) => {\n // Extrair o `id` dos parâmetros da rota\n\n\n const id_contudo_aprenda = params['id']\n\n this.carrega_sub_modulos(id_contudo_aprenda);\n\n this.carrega_modulos(id_contudo_aprenda);\n });\n }\n\n\n atualizarConteudo(subconteudo: any): void {\n console.log(subconteudo.id)\n // Atualize as variáveis com base no subconteudo clicado\n this.conteudosubModulo =subconteudo.descricao_conteudo;\n this.conteudoDescricao = subconteudo.titulo;\n this.idsubconteudo = subconteudo.id;\n\n\n if (this.botaoSelecionado !== subconteudo) {\n // Desmarque o botão atualmente selecionado (se houver)\n if (this.botaoSelecionado) {\n this.botaoSelecionado.selecionado = false;\n }\n subconteudo.selecionado = true;\n // Atualize o botão selecionado\n this.botaoSelecionado = subconteudo;\n }\n}\n carrega_sub_modulos(id: number) {\n\n this.isLoading = true;\n\n this.serviceAPrenda.getAprendaSubConteudo(id).subscribe(\n (data: any) => {\n\n this.sub_conteudos_aprenda = data;\n console.log(this.sub_conteudos_aprenda[0])\n this.atualizarConteudo(this.sub_conteudos_aprenda[0])// definindo como padrao o primeiro valor do array\n this.isLoading = false;\n\n\n },\n (error) => {\n console.error('Erro ao buscar cidades e temas:', error);\n }\n )\n }\n\n carrega_modulos(id: number) {\n\n this.serviceAPrenda.getAprendaConteudoById(id).subscribe(\n (data: any) => {\n // this.cidadesMockadas = data;\n this.conteudoTitulo = data.nome\n this.corbackground = data.cor\n this.imgConteudo = data.imagemUrl\n this.isLoading = false;\n\n\n },\n (error) => {\n this.isLoading = false;\n\n console.error('Erro ao buscar cidades e temas:', error);\n }\n )\n }\n irParaTelaModelStorysAprenda() {\n this.router.navigate(['/modulos/aprenda/storys/',this.idsubconteudo]);\n }\n\n irParaTelaAprenda() {\n this.router.navigate(['/modulos/aprenda']);\n }\n\n}\n","\n\n
\n \n \n
\n\n {{conteudoTitulo}}
\n \n \n
\n \n\n
\n\n\n \n ![\"Imagem\"]()
\n
\n\n \n \n
\n\n \n
\n\n {{ conteudoDescricao }}
\n\n
\n {{ conteudosubModulo }}
\n\n\n
\n\n\n \n INICIAR MÓDULO
\n\n
\n \n
\n
\n
\n\n\n \n
\n\n \n
\n \n
\n \n
\n {{ subconteudo.valor_botao }}
\n \n
\n \n
\n\n \n
\n \n
\n {{ subconteudo.valor_botao }}
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n {{ subconteudo.valor_botao }}
\n \n
\n \n \n
\n \n {{ conteudoDescricao }}
\n\n
\n {{ conteudosubModulo }}
\n \n\n
\n INICIAR MÓDULO
\n\n ![](\"./assets/fechar.svg\")
\n
\n \n Hortas e pomares
\n\n \n \n
\n \n
\n \n
\n {{item.escola}}
\n\n \n
\n
\n
\n
","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-hortas',\n templateUrl: './hortas.component.html',\n styleUrls: ['./hortas.component.css']\n})\nexport class HortasComponent {\n\n DadosMocados = [\n { id: 1, escola: 'EMEF Ibraim Nobre' },\n { id: 2, escola: 'Cresan Butantã ' },\n { id: 3, escola: 'Orgânico Simples ' },\n { id: 4, escola: 'E.E. Prof. Almeida Júnior ' },\n { id: 5, escola: 'E.E. Prof. Architiclino Santos' },\n { id: 6, escola: 'E.E. Prof. Emygdio de Barros' },\n { id: 7, escola: 'E.E. Dona Ana Rosa de Araújo' },\n { id: 8, escola: 'E.E. Prof. Guiomar Rocha Rinaldi' },\n { id: 9, escola: 'E.E. Alexandre Von Humboldt' },\n { id: 10, escola: 'E.E. Odair Martiniano da Silva Mandela' },\n { id: 11, escola: 'E.E. João XXIII' },\n { id: 12, escola: 'Castelinho Cure o Mundo' },\n { id: 13, escola: 'Ponto de Economia Solidária e Cultura do Butantã' },\n { id: 14, escola: 'Horta do tio Zé' },\n { id: 15, escola: 'Espaço Cultural Monte Kemel' },\n { id: 16, escola: 'Horta Popular Criando Esperança' },\n { id: 17, escola: 'Associação Amigos de Bairro do Jd. Silvia' },\n { id: 18, escola: 'Casa de Cultura do Butantã' },\n { id: 19, escola: 'Nossa Horta' },\n { id: 20, escola: 'Comuna da Terra Irmã Alberta - Lote Rosângela' },\n { id: 21, escola: 'Comuna da Terra Irmã Alberta - Lote Pedrosa' },\n { id: 22, escola: 'Mulheres do GAU' },\n ];\n\n constructor(private router: Router) {\n // Ordena os dados mocados em ordem alfabética pelo nome da escola\n this.DadosMocados = this.DadosMocados.sort((a, b) => a.escola.localeCompare(b.escola));\n }\n\n compartilharLink(url, titulo, text) {\n if (navigator.share) {\n navigator.share({\n title: titulo,\n text: text,\n url: 'https://www.recarrega.app.br/modulos/hortas/story/' + url,\n })\n .then(() => console.log('Conteúdo compartilhado com sucesso!'))\n .catch((error) => console.error('Erro ao compartilhar conteúdo:', error));\n }\n }\n\n IrParaRotaHome() {\n this.router.navigate(['/home_sp']);\n }\n}\n\n","import { Component, ElementRef, OnInit,HostListener } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\nimport { UserService } from 'src/services/user.service';\nimport { Router } from '@angular/router';\nimport { Atividades_service } from 'src/services/Atividades.service';\nimport { DataService } from 'src/services/dataService';\nimport { Tokenfcm } from 'src/services/Tokenfcm.service';\nimport { NotificationService } from 'src/services/notification.service';\nimport { DatePipe } from '@angular/common';\n\n\n\ninterface Cidade {\n id: number;\n nome: string;\n temas: { id: number; nomeTema: string }[];\n}\n\ninterface Atividade {\n id_Atividade: number;\n id_tema: number;\n descricao: string;\n horario: string;\n descricao_completa: string,\n local: string,\n cidade_id: number,\n}\n\ninterface UserAtividades {\n id_users: number;\n atividadesCadastradas: number[]; // Array de IDs de atividades nas quais o usuário está cadastrado\n}\n\n\n@Component({\n selector: 'app-index',\n templateUrl: './index.component.html',\n styleUrls: ['./index.component.css']\n})\nexport class IndexComponent implements OnInit {\n larguraDaTela: number;\n alturaDaTela: number;\n\n cidadeSelecionada: number = 1;\n temaSelecionado: number | null = null;\n eventosRecentes: Atividade[] = [];\n eventos_usuario: Atividade[] = [];\n userInfo: any; // Armazenará as informações do usuário\n isLoading: boolean = true; // variavel responsavel por mostrar carregamento enquanto faz alguma requisicao\n mostrarMinhasAtividades = false; // Inicialmente, não mostra apenas as atividades do usuário atual\n private apiUrl: string;\n nome: string = '';\n foto_perfil: string = '';\n userID: number;\n NotificationAtiva: boolean;\n\n camposVazios: any;\n isCamposVazios: boolean;\n fotoPerfil: string;\n baseUploadUrl = 'https://api.recarrega.app.br/uploads/';\n\n\n cidadesMockadas: Cidade[] = [];\n usuariosAtividades: UserAtividades[] = [];\n eventos: Atividade[] = [];\n\n constructor(\n private http: HttpClient,\n private userService: UserService,\n private router: Router,\n private atividadesService: Atividades_service,\n private elementRef: ElementRef,\n private dataservice: DataService,\n private authServiceFCM: Tokenfcm,\n private notification: NotificationService,\n private datePipe: DatePipe\n\n ) {\n this.apiUrl = environment.apiUrl;\n this.obterTamanhoDaTela();\n\n }\n\n \n @HostListener('window:resize', ['$event'])\n onResize(event) {\n this.obterTamanhoDaTela();\n }\n\n obterTamanhoDaTela() {\n this.larguraDaTela = window.innerWidth;\n this.alturaDaTela = window.innerHeight;\n }\n ngOnInit(): void {\n this.getUserInfo(); // função responsavel por controlar tudp\n // Definir o primeiro ID como valor inicial selecionado\n this.eventos_usuario = this.eventos;\n\n this.authServiceFCM.requestPermission();\n\n this.getNotification();\n\n }\n\n showModalNotification: boolean = false;\n\n OpenModalNotification(data: any) {\n this.showModalNotification = true;\n this.notification = data;\n\n }\n\n closeModalNotification() {\n this.showModalNotification = false;\n\n }\n getNotification() {\n\n this.notification.getUserNotification().subscribe(\n (data: any) => {\n this.notification = data;\n\n if (data.length > 0) {\n this.NotificationAtiva = true\n } else {\n this.NotificationAtiva = false\n }\n\n },\n (error: any) => {\n console.error('erro:', error)\n }\n )\n }\n\n gettUserData(): void {\n const token = sessionStorage.getItem('token');\n\n this.userService.getUserData(token).subscribe(\n (userData: any) => {\n // ...\n this.userService.setUserInfo(userData); // Compartilhar dados do usuário\n // ...\n },\n (error: any) => {\n console.error('Erro ao obter dados do usuário:', error);\n }\n );\n }\n\n\n getUserInfo(): void {\n const token = sessionStorage.getItem('token');\n if (token) {\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);\n this.http.get(`${this.apiUrl}/auth/me`, { headers }).subscribe(\n (response: any) => {\n this.userInfo = response;\n\n //this.fotoPerfil = this.baseUploadUrl + this.userInfo.foto_perfil;\n\n sessionStorage.setItem('userID', this.userInfo.id);\n sessionStorage.setItem('name', this.userInfo.name);\n sessionStorage.setItem('email', this.userInfo.email);\n sessionStorage.setItem('foto_perfil', this.userInfo.foto_perfil);\n\n // if (this.userInfo.foto_perfil !== null) {\n // sessionStorage.setItem('fotoPerfil', this.fotoPerfil);\n // }else{\n // sessionStorage.setItem('fotoPerfil', null);\n // this.fotoPerfil='../../assets/perfil_menor.png'\n // }\n\n this.nome = this.userInfo.name;\n this.foto_perfil = this.userInfo.foto_perfil;\n this.userID = this.userInfo.id;\n this.verificarCamposUsuario(this.userInfo.id);\n this.Carrega_cidade_tema_full();\n\n\n },\n (error: any) => {\n console.error('Erro ao obter informações do usuário:', error);\n this.logout();\n }\n );\n }\n }\n\n Carrega_cidade_tema_full() {\n this.atividadesService.getCidadeTema().subscribe(\n (data: any) => {\n this.cidadesMockadas = data;\n this.isLoading = false;\n this.carregarTemaInicial();\n\n },\n (error) => {\n this.isLoading = false;\n console.error('Erro ao buscar cidades e temas:', error);\n }\n );\n\n this.atividadesService.getAtividades().subscribe(\n (data: Atividade[]) => {\n this.eventos = data;\n // Call the method to load initial events after getting the data\n },\n (error) => {\n this.isLoading = false;\n console.error('Erro ao buscar eventos:', error);\n }\n );\n\n this.atividadesService.getUsersAtividade(this.userID).subscribe(\n (data: any[]) => {\n this.usuariosAtividades = data;\n // Call the method to load initial events after getting the data\n },\n (error) => {\n this.isLoading = false;\n console.error('Erro ao buscar eventos associados ao usuario:', error);\n location.reload()\n }\n );\n }\n\n //Carrega as Cidades temas Atividades, e usuario vinculados as atividades\n carregarTemaInicial() {\n const temas = this.getTemasCidadeSelecionada();\n\n if (temas.length > 0) {\n this.temaSelecionado = temas[0].id;\n this.carregarEventosRecentes();\n } else {\n this.temaSelecionado = null;\n this.eventosRecentes = [];\n }\n }\n\n getTemasCidadeSelecionada(): { id: number; nomeTema: string }[] {\n\n var cidadeSelecionada = this.cidadesMockadas.find(\n (cidade) => cidade.id == this.cidadeSelecionada\n );\n\n // Setando um valor para quando vim indefinido\n if (typeof cidadeSelecionada === 'undefined') {\n this.cidadeSelecionada = this.cidadesMockadas[0].id\n var cidadeSelecionada = this.cidadesMockadas[0]\n }\n return cidadeSelecionada ? cidadeSelecionada.temas : [];\n }\n\n selecionarTema(temaId: number) {\n this.temaSelecionado = temaId;\n this.carregarEventosRecentes();\n }\n\n carregarEventosRecentes() {\n const eventos = this.getEventosRecentes();\n this.eventosRecentes = eventos.slice(0, 3);\n }\n\n getEventosRecentesDoUsuario() {\n // Encontra o objeto de atividades cadastradas do usuário atual\n const usuarioAtualAtividades = this.usuariosAtividades.find(\n (userAtividades) => userAtividades.id_users == this.userInfo.id\n );\n\n // Se o usuário atual não estiver cadastrado em nenhuma atividade, retorna um array vazio\n if (!usuarioAtualAtividades) {\n return [];\n }\n\n // Filtra as atividades com base nas atividades cadastradas do usuário e tema\n // const eventosTemaSelecionado = this.eventos.filter((evento) => evento.id_tema == this.temaSelecionado);\n // const atividadesFiltradas = eventosTemaSelecionado.filter((evento) =>\n // usuarioAtualAtividades.atividadesCadastradas.includes(evento.id_Atividade)\n // );\n\n // Filtra as atividades do usuario, todas \n const atividadesFiltradas = this.eventos.filter((evento) =>\n usuarioAtualAtividades.atividadesCadastradas.includes(evento.id_Atividade)\n );\n\n return atividadesFiltradas;\n }\n\n\n getEventosRecentes() {\n const eventosFiltrados = this.eventos.filter((evento) => evento.id_tema == this.temaSelecionado && evento.cidade_id == this.cidadeSelecionada) || [];\n \n // Logica oara ordenar as atividades do para vim do mais recente em cima pro ususarios\n eventosFiltrados.sort((a, b) => {\n const horarioA = new Date(a.horario).getTime();\n const horarioB = new Date(b.horario).getTime();\n\n // Comparando os timestamps\n return horarioA - horarioB;\n });\n\n return eventosFiltrados;\n\n }\n\n verificarCamposUsuario(idusuario: number) {\n this.userService.verificarCamposUsuario(idusuario).subscribe(\n (response: any) => {\n this.isCamposVazios = response.status;\n // this.camposVazios = response.campos;\n if (this.isCamposVazios) {\n //complementar dados cadastrais\n this.router.navigate(['/atualizar_cadastro']);\n }\n\n\n },\n (error) => {\n console.error('Erro ao verificar campos do usuário:', error);\n }\n );\n }\n\n logout(): void {\n alert('Sessão expirada, por favor acesse novamente.');\n //Removendo token do cookie\n document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';\n sessionStorage.removeItem('token');\n window.location.reload();\n }\n\n // Codigo chamando o modal\n scrollToDiv(divId: string) {\n const targetDiv = document.getElementById(divId) ;\n if (targetDiv) {\n const offset = targetDiv.offsetTop;\n let top: number = this.larguraDaTela > 768 ? 50 : 0;\n\n console.log(top)\n window.scrollTo({\n top: offset - top,\n behavior: 'smooth' // Adiciona um efeito de rolagem suave\n });\n }\n }\n\n showModal: boolean = false;\n id_Atividades: number;\n\n openModal(idAtividade: number) {\n this.id_Atividades = idAtividade;\n this.dataservice.setAtividadeId(this.id_Atividades); // Define o valor do ID usando o serviço compartilhado\n this.showModal = true;\n }\n closeModal() {\n this.showModal = false;\n this.id_Atividades = null;\n this.dataservice.Resetclick();\n\n }\n\n onOutsideClick(event: MouseEvent): void {\n const modalContent = this.elementRef.nativeElement.querySelector('.modal-container');\n\n if (modalContent != null) {\n\n if (this.showModal && this.dataservice.clickCount >= 1) {\n const clickedElement = event.target as HTMLElement;\n\n if (clickedElement !== modalContent && !(modalContent as HTMLElement).contains(clickedElement)) {\n // console.log('resetando contangem')\n this.closeModal();\n }\n\n } else {\n this.dataservice.incrementClick();\n }\n }\n }\n\n\n onRequisitarNovamente() {\n // Coloque aqui a lógica para fazer a nova requisição\n this.Carrega_cidade_tema_full();\n // ...\n }\n irParaNovidades() {\n this.router.navigate(['/modulos/novidades']);\n }\n\n formatarDataHora(dataHora: string): string {\n const dataHoraObj = new Date(dataHora);\n return this.datePipe.transform(dataHoraObj, 'dd/MM/yyyy HH:mm');\n }\n\n}","\n\n \n© 2023 Agir Ambiental, Todos os direitos reservados
\n\n \n\n \n\n
\n\n","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-mapeie',\n templateUrl: './mapeie.component.html',\n styleUrls: ['./mapeie.component.css']\n})\nexport class MapeieComponent {\n constructor(private router: Router) {\n }\n irParaTelamodulosIndex() {\n this.router.navigate(['/modulos/index']);\n }\n}\n","\n\n \n \n \n \n \n\n \n\n \n\n \n \n \n
\n
\n
\n \n\n \n\n
\n\n
\n \n ![\"\"]()
\n
\n \n
\n Olá, {{nome}}
\n\n
\n
\n \n \n
\n \n
\n \n \n
\n
\n \n \n \n \n
\n \n \n \n
\n MINHAS ATIVIDADES
\n\n \n ![\"\"](\"../../assets/sinoon.svg\")
\n \n \n ![\"\"](\"../../assets/SinoAtual.svg\")
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n ![\"\"](\"../../assets/icone_novidades.png\")
\n
\n \n \n
\n MURAL
\n\n
\n \n
\n \n \n ![\"\"](\"../../assets/icone_atividades.png\")
\n
\n \n \n
\n ATIVIDADES
\n\n \n \n
\n MINHAS ATIVIDADES
\n\n
\n \n
\n {{ evento.descricao }}
\n{{formatarDataHora(evento.horario)}} h
\n\n ![]()
\n
\n \n
\n
\n
\n \n
\n\n \n
\n \n
\n Mapeie em breve
\n\n ![\"\"](\"../../../assets/img_mapeie.png\")
\n
\n \n \n
\n
\n\n\n
\n Mapeie em breve
\nDescrição do que é o mapeie lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in augue\n nisi. Sed interdum vitae libero eget dictum. Mauris euismod lacinia augue, nec vehicula mauris blandit at. Donec\n nunc velit, tempor vel auctor non, sagittis sed leo. Etiam eleifend nisi libero, eget dictum ante convallis sed.\n Pellentesque ut ipsum
\n\n
\n Voltar para o início
\n\n
\n\n]*src=[\"'](https?:\\/\\/[^\"']+)[\"'][^>]*>/i;\n\n const tamanhoDaImagem = this.getTamanhoDaImagem(pageContent);\n const tamanhoClass = tamanhoDaImagem !== 'desconhecido' ? `imagem-${tamanhoDaImagem}` : '';\n\n if (pageContent) { // Verifica se o conteúdo da página não está vazio\n this.pages.push({\n content: this.sanitizer.bypassSecurityTrustHtml(pageContent),\n legend: `Página ${this.pages.length + 1}`, // Pode personalizar as legendas aqui\n tamanhoClass: tamanhoClass,\n });\n }\n }\n console.log(this.pages);\n }\n\n\n getTamanhoDaImagem(html: string): string {\n if (html.includes('classe=\"grande\"')) {\n return 'grande';\n } else if (html.includes('classe=\"media\"')) {\n return 'media';\n } else if (html.includes('classe=\"pequena\"')) {\n return 'pequena';\n } else {\n return 'desconhecido'; // Se nenhuma classe for encontrada\n }\n }\n\n processConvertedText(html: string) {\n // Verifica se o HTML contém um iframe\n const iframeRegex = /]*src=[\"'](https?:\\/\\/[^\"']+)[\"'][^>]*>/i;\n const match = iframeRegex.exec(html);\n\n if (match) {\n const iframeUrl = match[1];\n this.pages[0].videoUrl = iframeUrl; // Adiciona o URL do iframe à primeira página\n }\n }\n\n DadosMural: any[] = [];\n\n mostrarModal = false; // Inicialmente, o modal está oculto\n dadosDoMural: any[]; // Aqui você pode definir os dados a serem passados para o modal\n \n abrirModal() {\n this.mostrarModal = true;\n // Defina os dados a serem passados para o modal em this.dadosDoMural, se necessário\n }\n \n fecharModal() {\n this.mostrarModal = false;\n }\n\n ngOnInit() {\n // Verifica se a API navigator.share está disponível\n if (navigator.share) {\n this.isWebShareSupported = true;\n } else {\n }\n }\n\n // openModal(button: number): void {\n // console.log('abrindo modal');\n // this.showModal = true;\n // this.selectedButton = button;\n // this.clickCount = 0;\n\n // // Adicionar evento de clique fora do modal\n // this.ngZone.runOutsideAngular(() => {\n // document.addEventListener('click', this.onDocumentClick);\n // });\n // }\n\n compartilharLink(url,titulo,text) {\n if (navigator.share) {\n navigator.share({\n title: titulo,\n text: text,\n url: 'https://www.recarrega.app.br/model/novidades/'+url,\n })\n .then(() => console.log('Conteúdo compartilhado com sucesso!'))\n .catch((error) => console.error('Erro ao compartilhar conteúdo:', error));\n }\n }\n \n\n}\n\n","\n \n\n {\n // const payload = {\n // user_id: user_id,\n // novidade_id: novidade_id,\n // lido: lido\n // };\n // const url = `${this.apiUrl}/lido`;\n // const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n\n // return this.http.post(url, payload, { headers });\n // }\n\n\n // deleteUsersNovidades(novidade_id: number): Observable {\n // const url = `${this.apiUrl}/lido/${novidade_id}`;\n // const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n // return this.http.delete(url, { headers });\n // }\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Observable } from 'rxjs';\nimport { environment } from 'src/environments/environment';\n\n@Injectable({\n providedIn: 'root'\n})\n\n\nexport class Atividades_service {\n private apiUrl = environment.apiUrl;\n \n constructor(private http: HttpClient) { }\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n \n getCidadeTema() {\n const url = `${this.apiUrl}/cidades_temas`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n\n }\n\n getAtividades() {\n const url = `${this.apiUrl}/atividades`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n \n }\n getUsersAtividade(idusers: number) {\n const url = `${this.apiUrl}/atividades_usuarios/${idusers}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n\n\n\n getAtividadesById(id_atividade: number) {\n const url = `${this.apiUrl}/atividades/id/${id_atividade}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n \n }\n\n getAtividadesByIdgrupotipos(idgrupotipos: number) {\n const url = `${this.apiUrl}/atividades/idgrupotipos/${idgrupotipos}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n \n }\n\n postUsersAtividade(iduser: string, id_atividade: number): Observable {\n const payload = {\n id_users: iduser,\n id_atividade: id_atividade\n }\n \n const url = `${this.apiUrl}/atividades_usuarios`; // Substitua \"/users\" pelo endpoint correto de atualização do usuário\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url, payload, { headers });\n }\n }\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\nimport { Observable } from 'rxjs';\n\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AtualizarSenha {\n private apiUrl: string;\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n enviarEmailRedefinicaoSenha(email: string): Observable {\n const payload = {\n email: email\n };\n\n const url = `${this.apiUrl}/enviar-email-redefinicao-senha`;\n return this.http.post(url, payload);\n }\n\n alterarSenha(id: string, password: string, token: string): Observable {\n const payload = {\n id: id,\n password: password,\n token: token\n };\n \n const url = `${this.apiUrl}/alterar-senha`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n \n return this.http.post(url, payload, { headers });\n }\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { environment } from '../environments/environment';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AuthService {\n private apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n \n loginWithGoogle(): void {\n const url = `${this.apiUrl}/auth/google`;\n const newTab = window.open(url, '_blank');\n // Verificar se a nova aba foi aberta com sucesso\n if (newTab) {\n // Adicione um evento para escutar a mensagem da nova aba\n window.addEventListener('message', (event) => {\n\n if (event.source === newTab) {\n const response = event.data;\n console.log('Resposta de login do Google:', response);\n // Aqui você pode realizar as ações necessárias com a resposta, como autenticação ou redirecionamento.\n }\n });\n }\n }\n \n login(email: string, password: string) {\n const body = {\n email: email,\n password: password\n };\n \n const url = `${this.apiUrl}/auth/login`;\n \n return this.http.post(url, body);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\nimport { Observable } from 'rxjs';\n\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CadastroService {\n private apiUrl: string;\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n cadastrarUsuario(nome: string, email: string, password: string, celular: string, idade: string, genero: string) {\n const payload = {\n name: nome,\n email: email,\n password: password,\n numero_celular: celular,\n idade: idade,\n genero: genero\n };\n\n return this.http.post(`${this.apiUrl}/cadastro`, payload);\n }\n\n\n atualizarUsuarioWithfoto(id: string, data: FormData): Observable {\n const url = `${this.apiUrl}/users_atualizar/${id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n return this.http.post(url, data, { headers });\n }\n\n atualizarUsuario(id: string, idade: string, celular: string, genero: string): Observable {\n const payload = {\n idade: idade,\n numero_celular: celular,\n genero: genero\n };\n\n const url = `${this.apiUrl}/users_atualizar/${id}`; // Substitua \"/users\" pelo endpoint correto de atualização do usuário\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url, payload, { headers });\n\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';\n\nconst I18N_VALUES = {\n 'pt-BR': {\n weekdays: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],\n months: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],\n },\n};\n\n@Injectable()\nexport class CustomDatepickerI18nService extends NgbDatepickerI18n {\n getWeekdayLabel(weekday: number): string {\n return I18N_VALUES['pt-BR'].weekdays[weekday - 1];\n }\n\n getMonthShortName(month: number): string {\n return I18N_VALUES['pt-BR'].months[month - 1];\n }\n\n getMonthFullName(month: number): string {\n return I18N_VALUES['pt-BR'].months[month - 1];\n }\n\n getDayAriaLabel(date: NgbDateStruct): string {\n return `${date.day}-${date.month}-${date.year}`;\n }\n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Observable } from 'rxjs';\nimport { environment } from 'src/environments/environment';\nimport { Groups } from 'src/app/chat/chat-index/chat.model';\n\n@Injectable({\n providedIn: 'root'\n})\n\n\nexport class ForumService {\n private apiUrl = environment.apiUrl;\n\n constructor(private http: HttpClient) { }\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n\n getConversationsInForum(user_id: number): Observable {\n const url = `${this.apiUrl}/forums/conversations/${user_id}`;\n const token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n\n getConversationsInForumBySuporte(user_id: number): Observable {\n const url = `${this.apiUrl}/forums/conversations/suporte/${user_id}`;\n const token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n \n getUsersByForum(user_id: number): Observable {\n const url = `${this.apiUrl}/users_forum/${user_id}`;\n const token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`); // Define o cabeçalho com o token de autorização\n\n return this.http.get(url, { headers });\n\n }\n\n postConversationInForum(forumId: number, conversationData: any): Observable {\n const url = `${this.apiUrl}/forums/${forumId}/conversations`;\n const token = sessionStorage.getItem('token');\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);\n\n return this.http.post(url, conversationData, { headers });\n }\n\n postConversationInForumDocumentos(forumId: number, conversationData: any): Observable {\n const url = `${this.apiUrl}/forums/${forumId}/storeconversation`;\n const token = sessionStorage.getItem('token');\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);\n\n return this.http.post(url, conversationData, { headers });\n }\n\n addForumToUser(atividade: number, user_id: number) {\n const url = `${this.apiUrl}/user/${user_id}/atividade/${atividade}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url, { headers });\n }\n\n markMessagesAsRead(messageIds: number[]) {\n const url = `${this.apiUrl}/read`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url, { message_ids: messageIds }, { headers });\n }\n\n MessagesUnReadByUserid( user_id: number) {\n const url = `${this.apiUrl}/unread/${user_id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url, { user_id: user_id }, { headers });\n }\n\n\n EditMessagesById(messageId: number, content: string) {\n const payload = {\n content: content\n };\n const url = `${this.apiUrl}/user/message/${messageId}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url,payload,{ headers });\n }\n\n DeleteMessagesById(messageId: number) {\n const payload = {\n };\n const url = `${this.apiUrl}/user/message/delete/${messageId}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.post(url,payload ,{ headers });\n }\n}\n","import { Injectable } from '@angular/core';\nimport { environment } from \"../environments/environment\";\nimport { getMessaging, getToken, onMessage } from \"firebase/messaging\";\nimport { HttpClient,HttpHeaders } from '@angular/common/http';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class Tokenfcm {\n token: string = '';\n message: any = null;\n private apiUrl: string;\n private sessionStorageKey = 'firebaseToken'; // Chave para armazenar o token na sessão\n\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n requestPermission(): Promise {\n const messaging = getMessaging();\n\n const storedToken = sessionStorage.getItem(this.sessionStorageKey);\n\n\n return getToken(messaging, { vapidKey: environment.firebaseConfig.vapidKey })\n .then((currentToken) => {\n if (currentToken) {\n this.token = currentToken;\n\n if (!storedToken || currentToken !== storedToken) {\n this.sendTokenToBackend(currentToken);\n }\n\n } else {\n console.log('Nenhum token de registro disponível. Solicite permissão para gerar um.');\n }\n })\n .catch((err) => {\n console.error('Ocorreu um erro ao recuperar o token:', err);\n });\n\n }\n\n\n private sendTokenToBackend(token: string) {\n\n const userId = sessionStorage.getItem('userID'); // Obter user_id da sessionStorage\n\n const data = { token, id_usuario: userId };\n const tokenjwt = sessionStorage.getItem('token');\n const headers = new HttpHeaders().set('Authorization', `Bearer ${tokenjwt}`);\n\n this.http.post(this.apiUrl + '/update-token', data,{headers}).subscribe(\n (response) => {\n console.log( response)\n sessionStorage.setItem(this.sessionStorageKey, token);\n },\n (error) => {\n console.error('Erro ao enviar o token para o backend: ', error.error.message);\n }\n );\n }\n}\n","import { Injectable } from '@angular/core';\nimport { CanActivate, Router } from '@angular/router';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AuthGuard implements CanActivate {\n constructor(private router: Router) {}\n\n canActivate(): boolean {\n const token = sessionStorage.getItem('token');\n\n if (token) {\n // O usuário tem um token válido na sessionStorage, permite o acesso à rota\n return true;\n } else {\n // O usuário não tem um token válido na sessionStorage, redireciona para o componente de login\n this.router.navigateByUrl('/login');\n return false;\n }\n }\n}\n","// data.service.ts\n// Servico para compartilhar variaveis entre componentes\nimport { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class DataService {\n private email: string = '';\n\n setEmail(email: string) {\n this.email = email;\n }\n\n getEmail(): string {\n return this.email;\n }\n\n private atividadeIdSource = new BehaviorSubject(null);\n atividadeId$ = this.atividadeIdSource.asObservable();\n setAtividadeId(id: number) {\n this.atividadeIdSource.next(id);\n }\n\n clickCount = 0;\n\n\n\n Resetclick() {\n this.clickCount = 0;\n // console.log('Zerando clickCount: ' + this.clickCount);\n }\n\n incrementClick() {\n this.clickCount++;\n // console.log('Incrementando clickCount: ' + this.clickCount);\n }\n}\n","\nimport { Injectable } from '@angular/core';\nimport PouchDB from 'pouchdb-browser';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class DbPwaService {\n\n\n\n private db: any\n\n constructor() {\n this.db = new PouchDB('teste')\n }\n\n public addTask = (data) => {\n // Verifica se já existe um _id nos dados\n if (!data._id) {\n // Se não houver um _id, gera um novo\n data._id = new Date().toISOString();\n }\n \n this.db.get(data._id).then((doc: any) => {\n delete data._id;\n doc = Object.assign(doc, data);\n this.db.put(doc);\n }).catch(() => {\n // Se não encontrou, simplesmente insere os dados\n this.db.put(data);\n });\n }\n \n public getAll = () => new Promise((resolve, reject) => {\n this.db.allDocs({\n include_docs: true,\n attachaments: true\n }).then((rows) => {\n resolve(rows)\n }).catch(() => {\n reject(null);\n })\n })\n\n public clearTask(id): Promise {\n return this.db.allDocs({ include_docs: true }).then((result) => {\n // Encontra o documento com a data correspondente\n const docToDelete = result.rows.find(row => row.doc._id === id);\n if (docToDelete) {\n // Remove o documento encontrado\n return this.db.remove(docToDelete.doc);\n } else {\n throw new Error('Documento não encontrado com a data fornecida.');\n }\n }).catch((error) => {\n console.error('Erro ao remover tarefa:', error);\n throw error;\n });\n }\n \n}"," export const opcoesGenero = [\n { value: '', label: 'SELECIONE O GÊNERO' },\n { value: 'masculino', label: 'MASCULINO' },\n { value: 'feminino', label: 'FEMINIO' },\n { value: 'outro', label: 'OUTRO' },\n { value: 'nao-binario', label: 'NÃO-BINÁRIO' },\n { value: 'transexual-transgenero', label: 'TRANSEXUAL/TRANSGÊNERO' },\n { value: 'prefiro-nao-dizer', label: 'PREFIRO NÃO DIZER' }\n ];\n\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Observable } from 'rxjs';\nimport { environment } from 'src/environments/environment';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class MonitoreService {\n private apiUrl: string;\n private token = sessionStorage.getItem('token'); \n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n enviarRespostas(payload: any): Observable {\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); \n\n const url =`${this.apiUrl}/monitore/respostas`; \n\n console.log(payload)\n return this.http.post(url, payload, { headers });\n }\n\n enviarRespostaUnica(payload: any): Observable {\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); \n\n const url =`${this.apiUrl}/monitore/salvar-resposta`; \n\n console.log(payload)\n return this.http.post(url, payload, { headers });\n }\n\n\n ListarRespostasByIdForm(user_id: number,formulario_id: number) {\n const url = `${this.apiUrl}/monitore/respostas/user/${user_id}/${formulario_id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); \n return this.http.get(url, { headers });\n }\n\n ListarFormulario(user_id: number) {\n const url = `${this.apiUrl}/formularios/${user_id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); \n return this.http.get(url, { headers });\n }\n\n getByIDPerguntasFormulario(formulario_id: number) {\n const url = `${this.apiUrl}/formularios/pergunta/${formulario_id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); \n return this.http.get(url, { headers });\n }\n\n}\n","\nimport { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from '../environments/environment';\nimport { Observable } from 'rxjs';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NotificationService {\n private apiUrl: string;\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n getUserNotification() {\n const url = `${this.apiUrl}/index_notifications`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n\n }\n\n updateNotification(id: number, data: any): Observable {\n const url = `${this.apiUrl}/index_notifications/${id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n \n return this.http.put(url, data, { headers });\n }\n}","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\nimport { Observable } from 'rxjs';\n\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class novidadesServices {\n private apiUrl: string;\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n\n getUsersNovidades(user_id: number) {\n const url = `${this.apiUrl}/lido/novidade/users/${user_id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n\n }\n\n postUsersNovidades(user_id: number, lido: boolean, novidade_id: number): Observable {\n const payload = {\n user_id: user_id,\n novidade_id: novidade_id,\n lido: lido\n };\n const url = `${this.apiUrl}/lido`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n\n return this.http.post(url, payload, { headers });\n }\n\n\n deleteUsersNovidades(novidade_id: number): Observable {\n const url = `${this.apiUrl}/lido/${novidade_id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);\n return this.http.delete(url, { headers });\n }\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PwaInstallService {\n\n private deferredPrompt: any;\n\n constructor() { }\n\n setupInstallBanner() {\n window.addEventListener('beforeinstallprompt', (event) => {\n event.preventDefault();\n this.deferredPrompt = event;\n });\n }\n\n installPWA() {\n if (this.deferredPrompt) {\n this.deferredPrompt.prompt();\n this.deferredPrompt.userChoice.then((choiceResult: any) => {\n if (choiceResult.outcome === 'accepted') {\n } else {\n }\n this.deferredPrompt = null;\n });\n }\n }\n\n //Verifica se esta instalado\n isPWAInstalled(): boolean {\n const navigatorAny: any = window.navigator;\n const isInStandaloneMode = () => ('standalone' in navigatorAny) && (navigatorAny.standalone);\n return (isInStandaloneMode() || (window.matchMedia('(display-mode: standalone)').matches));\n }\n \n}\n","import { Injectable } from '@angular/core';\nimport { webSocket, WebSocketSubject } from 'rxjs/webSocket';\nimport { Observable, Subject,map } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class SocketService {\n private socket$: WebSocketSubject;\n private newMessageSubject: Subject = new Subject();\n private onlineUsersSubject: Subject = new Subject();\n private isConnected: boolean = false;\n private userId: number;\n\n constructor() {\n this.userId = 0;\n }\n\n async connectWebSocket(userId: number) {\n const authKey = '4a7b9c2e-f1d8-4f96-8b39-7c31e18c5a23';\n this.socket$ = webSocket(`wss://api.recarrega.app.br:3000?authKey=${authKey}&userId=${userId}`);\n\n this.socket$.subscribe(\n () => {\n this.isConnected = true;\n },\n (error) => {\n this.isConnected = false;\n console.error('Falha ao conectar ao servidor WebSocket:', error);\n }\n );\n\n this.socket$.subscribe(\n (message: any) => {\n this.newMessageSubject.next(message);\n },\n (error: any) => {\n this.isConnected = false;\n console.error('Erro ao receber mensagem do servidor WebSocket:', error);\n },\n () => {\n this.isConnected = false;\n }\n );\n }\n\n getSocket() {\n return this.socket$;\n }\n\n async sendMessage(message: any): Promise {\n try {\n const messageJSON = JSON.stringify(message);\n this.socket$.next(message);\n return true;\n } catch (error) {\n console.error('Erro ao enviar mensagem para o servidor WebSocket:', error);\n return false;\n }\n }\n\n getNewMessageObservable(): Observable {\n return this.newMessageSubject.asObservable();\n }\n\n getConnectionStatus(): boolean {\n return this.isConnected;\n }\n\n // Método para obter a lista de usuários online\n getOnlineUsersList(): Observable {\n return this.socket$.pipe(\n map((message: any) => {\n if (message.type == 'updateUserList') {\n return message.users;\n }\n return []; // Retorna uma lista vazia se a mensagem não for de atualização\n })\n );\n }\n \n}\n","import { Injectable } from '@angular/core';\nimport { HttpClient ,HttpHeaders} from '@angular/common/http';\nimport { Observable } from 'rxjs';\nimport { environment } from '../environments/environment';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class UserService {\n private apiUrl: string;\n private headers = new HttpHeaders({ 'Content-Type': 'application/json' });\n private userInfoSource = new BehaviorSubject(null);\n userInfo$ = this.userInfoSource.asObservable();\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n}\nsetUserInfo(userInfo: any) {\n this.userInfoSource.next(userInfo);\n}\n verificarCamposUsuario(idusuario: number): Observable {\n const url = `${this.apiUrl}/verificar_users/${idusuario}`;\n return this.http.get(url);\n }\n\n getUserData(token: string): Observable {\n const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);\n return this.http.get(`${this.apiUrl}/auth/me`, { headers });\n }\n}\n","/* (ignored) */"],"names":["RouterModule","LoginComponent","HomePageComponent","AuthGuard","CadastrarUsuarioComponent","chatIndexComponent","IndexComponent","EmailCheckComponent","AtualizarCadastroComponent","UsuarioComponent","AprendaComponent","MonitoreComponent","MapeieComponent","NovidadesComponent","ModalNovidadesComponent","EmailComponent","AlterarSenhaComponent","EmailCheckEsqueciSenhaComponent","ModelComponent","AprendaStorysComponent","HomeSpComponent","HomeCeComponent","RotaHomeComponent","HortasComponent","MapaComponent","MonitoreFormsComponent","routes","path","redirectTo","pathMatch","component","canActivate","AppRoutingModule","forRoot","scrollPositionRestoration","imports","exports","AppComponent","constructor","translate","addLangs","setDefaultLang","browserLang","getBrowserLang","use","match","selectors","decls","vars","template","i0","BrowserModule","BrowserAnimationsModule","HttpClientModule","HttpClient","TranslateHttpLoader","TranslateModule","TranslateLoader","ChatModule","NgbModule","NgbDatepickerI18n","PatrocinadoresComponent","NovidadeComponent","AtividadesComponent","TecnologiasSociasComponent","CarregamentoPadraoComponent","FormsModule","ReactiveFormsModule","MenuComponent","ModalRecarregarHidricasComponent","TesteComponent","ModalAtividadesUsuariosComponent","registerLocaleData","ptBr","CustomDatepickerI18nService","TextMaskModule","MaskPhoneNumberDirective","environment","initializeApp","ModalNotificationComponent","SobreRecarregaSpComponent","TecnologiasSociasSpComponent","PatrocinadoresSpComponent","PatrocinadoresCeComponent","SobreRecarregaCeComponent","TecnologiasSociaisCeComponent","ModalMuralComponent","MenuDeskComponent","CaireComponent","createTranslateLoader","http","firebaseConfig","AppModule","bootstrap","provide","useClass","loader","useFactory","deps","declarations","Validators","router","formBuilder","cadastroService","route","atualizarSenha","loginForm","group","password","required","confirmPassword","ngOnInit","irParaTelaHome","navigate","resetErrors","showPasswordError","showConfirmPassword","onInput","field","get","setErrors","onSubmit","value","trim","passwordErrorMessage","length","confirmPasswordErrorMessage","isLoading","id","snapshot","paramMap","token","alterarSenha","subscribe","response","alert","error","console","message","validateEmail","email","includes","consts","ctx","take","opcoesGenero","currentDate","Date","minDate","year","getFullYear","month","day","nome","genero","celular","idade","showIdadeError","transformDateToString","liberarPoridade","verificarIdade","estaMarcada","verificarCheckbox","log","IdadeErrorMessage","atualizarUsuario","sessionStorage","getItem","pipe","dateInfo","formatDateControlValue","dataNascimento","partes","split","dia","parseInt","mes","ano","dataNasc","dataAtual","diferencaEmMilissegundos","getTime","diferencaEmAnos","Math","floor","checkbox","document","getElementById","checked","EventEmitter","dataService","showNomeError","showEmailError","setEmail","nomeErrorMessage","emailErrorMessage","cadastrarUsuario","errors","onNavigate","event","newDate","setValue","transformStringToDate","dateString","parts","outputs","emailEnviado","getEmail","redirectToEmailProvider","domain","emailProviderUrl","window","open","irParaTelaLogin","emailService","dataservice","enviarEmailRedefinicaoSenha","chat","modalService","offcanvasService","datePipe","lightbox","forumService","socketService","atividade_service","userService","changeDetectorRef","foto_perfil","fotoPerfil","urlUpload","params","TipoColabore","groups","TipoChat","loadGroupsByGrupo","loadGroupsBySuporte","body","setAttribute","formData","username","user","senderName","JSON","parse","senderProfile","lang","currentLang","onListScroll","connectWebSocket","userID","getNewMessageObservable","dados_message","type","novasmessages","push","groupToUpdate","find","id_forum","unread","isimage","CarregaMensagensa","id_user","getOnlineUsersList","users","onlineUsers","getIconForExtension","extension","extensionIcons","pdf","docx","toLowerCase","isUserOnline","isOnline","toString","getConversationsInForum","forEach","messages","imageContent","image","src","thumb","getConversationsInForumBySuporte","RefazRequisicaoDosGrupos","grupoId","name","profile","time","align","replayName","replaymsg","classe_referencia","elementIndexClicked","ngAfterViewInit","scrollRef","SimpleBar","getScrollElement","scrollTop","showUserProfile","style","display","closeUserChat","array_id_menssagens","unreadMessages","filter","is_read","unreadMessageIds","map","markMessagesAsRead","classList","remove","logout","setLanguage","openCallModal","content","centered","openVideoModal","videoContent","showChat","removeClass","querySelectorAll","element","querySelector","add","target","closest","data","userName","userStatus","status","userProfile","profilePicture","ContactSearch","input","ul","li","a","i","txtValue","toUpperCase","item","getElementsByTagName","innerText","indexOf","MessageSearch","onChatInfoClicked","position","form","controls","messageSave","groupMsg","innerHTML","img","dateTime","chatReplyUser","isreplyMessage","chatReplyMessage","formValue","conteudo_menssage","forumId","conversationData","user_id","fotoperfil","postConversationInForum","newMessage","messageJSON","stringify","sendMessageToServer","emoji","undefined","setTimeout","scrollHeight","scrollToDiv","divId","targetDiv","scrollIntoView","behavior","toggleEmojiPicker","showEmojiPicker","addEmoji","text","native","onFocus","onBlur","closeReplay","copyMessage","navigator","clipboard","writeText","deleteMessage","DeleteMessagesById","deleteAllMessage","allMsgDelete","editMessage","messageToEdit","editedMessage","isEditing","saveEditedMessage","novamessage","updateMessage","findIndex","EditMessagesById","replyMessage","copyText","msgOwnerName","contains","onElementClick","index","centerModal","centerDataModal","fileChange","fileList","imagemFile","files","nomeDoArquivo","reader","FileReader","tamanhoMaximo","size","partesDoNomeDoArquivo","extensaoDoArquivo","extensoesValidas","salvarImagemServidor","onload","imageURL","result","readAsDataURL","closeImage","handleImageURLChange","FormData","append","postConversationInForumDocumentos","url_documento_salvo","imageUrl","caption","changeMode","mode","showGroupChat","separateMessages","getUsersByForum","getAtividadesByIdgrupotipos","id_grupo_tipos","Localevento","horario","DescricaoCompletaEevento","grupo_tipo_descrisao","HorarioEvento","img_evento","baseUrl","today","messagesToday","messagesYesterday","messageTime","isToday","sort","b","mergedMessages","messageIds","openGroupModal","GroupSearch","openImage","showZoom","isImage","url","imageExtensions","substring","lastIndexOf","getFileExtension","pop","success","sendMessage","irParaTelamodulosIndex","listaUsuarios","quantidadeUsuarios","formatName","word","charAt","slice","join","processarMensagem","mensagem","pattern","replace","viewQuery","factory","providedIn","lastMessage","isActive","getData","ChatRoutingModule","forChild","CommonModule","NgbTooltipModule","NgbDropdownModule","NgbAccordionModule","NgbModalModule","NgbCollapseModule","PerfectScrollbarModule","LightboxModule","TabsModule","DatePipe","PickerModule","SimplebarAngularModule","contacts","ContactsComponent","sorted","grouped","reduce","contact","letter","instant","contactsList","Object","keys","key","openContactsModal","HttpHeaders","MenuChatComponent","elementRef","apiUrl","CarregaMensagensNaolidas","MessagesUnReadByUserid","arr","values","AlertColabore","AlertSuporte","targetElement","nativeElement","irParaChat","irParaMural","irParaaprenda","irParaMonitore","irParaMapeia","irParausuarios","irParaColabore","tipo","irParaRotaHome","cookie","removeItem","headers","set","post","userInfo","location","reload","toggleSubMenu","showSubMenu","closeSubMenu","ProfileComponent","localStorage","SettingsComponent","playerName","file","edit_userName","toggle","userNameChange","PERFECT_SCROLLBAR_CONFIG","CarouselModule","DEFAULT_PERFECT_SCROLLBAR_CONFIG","suppressScrollX","useValue","L","pwaInstallService","estouLogado","mapa","center","zoom","maxBounds","latLngBounds","tileLayer","attribution","subdomains","maxZoom","addTo","marcador","marker","bindPopup","openPopup","marcador2","marcador3","marcador4","marcador5","marcador6","marcador7","marcador8","marcador9","installPWA","isPWAInstalled","getCookie","cookies","startsWith","irParaCadastro","IrParaCadastro","atividadesService","uploadCaminho","caminho","caminhoCompleto","baseUploadUrl","getAtividades","eventos","carregarTemaInicial","getCidadeTema","cidadesMockadas","cidadeSelecionada","formatarDataHora","dataHora","dataHoraObj","transform","temas","getTemasCidadeSelecionada","temaSelecionado","carregarEventosRecentes","eventosRecentes","cidade","selecionarTema","tema","getEventosRecentes","eventosFiltrados","evento","id_tema","cidade_id","horarioA","horarioB","openModal","idAtividade","id_Atividades","setAtividadeId","showModal","closeModal","Resetclick","onOutsideClick","modalContent","clickCount","clickedElement","incrementClick","onRequisitarNovamente","irParaNovidades","setupInstallBanner","tokenCache","setItem","buttonNumber","selectedButton","share","isWebShareSupported","compartilharLink","titulo","title","then","catch","openComponenteModal","button","irParahomeSp","irParahomeCe","marcador1","marcadorLayer1","layerGroup","overlayMaps","control","layers","IrParaHortas","authService","queryParams","oneMonthInMilliseconds","now","toUTCString","irParaTelaCadastroUser","irParaAlterasenha","inputEmail","inputPassword","login","access_token","errorMessage","loginWithGoogle","scrollWheelZoom","disable","on","getZoom","setZoom","botaoExterno","createElement","addEventListener","flyTo","appendChild","ngOnDestroy","invalidateSize","urlAtual","SelecionarItem","Item","irParaORecarrega","forum","subscription","atividadeId$","atividadeId","unsubscribe","getEventoSelecionado","id_Atividade","fecharmodal","addForumToUser","Cadastrar_UserAtividade","postUsersAtividade","FazerRequisicaoUsers","emit","MinhdasAtividades","inputs","modalPosition","showModalMural","getStyle","notificationtipo","background","getDadosMural","DadosMural","forkJoin","notificationService","observables","DadosNotification","notification","updateNotification","lida","confirm","responses","irParaComponente","Componente","getDadosNotification","legenda","imagensComLegendasPorOpcao","imagem","imageLoadStatus","imageElement","Image","onImageLoad","ElementoClicadoGlobal","irParaHomeENovidades","navigateByUrl","onDocumentClick","onTouchStart","touchStartX","touches","clientX","onTouchEnd","touchEndX","changedTouches","parseFloat","getAttribute","detectSwipe","onMouseDown","onMouseUp","mouseEndX","mouseStartX","direction","carousel","next","prev","imagesLoaded","renderer","el","sanitizer","serviceAPrenda","adicionarClasseAoH1","addSizeClassToImages","id_contudo_aprenda","carrega_sub_modulos","getAprendaSubConteudoById","textohtml","idconteudoaprenda","id_aprenda_conteudo","convertedText","splitContentIntoPages","addFixedStyleToClass","obejetoS3","objetosS3","newold","touchStartY","clientY","touchStartTime","timeStamp","touchEndY","touchEndTime","deltaX","deltaY","deltaTime","horizontalThreshold","verticalThreshold","timeThreshold","horizontalSwipe","abs","verticalSwipe","elements","imgElements","imgElement","alt","addClass","className","HTMLElement","pagesArray","pageContent","iframeRegex","tamanhoDaImagem","getTamanhoDaImagem","tamanhoClass","pages","bypassSecurityTrustHtml","legend","html","processConvertedText","exec","iframeUrl","videoUrl","irParaTelaModelAprenda","CarregaConteudoAprenda","getAprendaConteudo","conteudos_aprenda","carrega_modulos","atualizarConteudo","subconteudo","conteudosubModulo","descricao_conteudo","conteudoDescricao","idsubconteudo","botaoSelecionado","selecionado","getAprendaSubConteudo","sub_conteudos_aprenda","getAprendaConteudoById","conteudoTitulo","corbackground","cor","imgConteudo","imagemUrl","irParaTelaModelStorysAprenda","irParaTelaAprenda","escola","DadosMocados","localeCompare","IrParaRotaHome","authServiceFCM","obterTamanhoDaTela","onResize","larguraDaTela","innerWidth","alturaDaTela","innerHeight","getUserInfo","eventos_usuario","requestPermission","getNotification","OpenModalNotification","showModalNotification","closeModalNotification","getUserNotification","NotificationAtiva","gettUserData","getUserData","userData","setUserInfo","verificarCamposUsuario","Carrega_cidade_tema_full","getUsersAtividade","usuariosAtividades","temaId","getEventosRecentesDoUsuario","usuarioAtualAtividades","userAtividades","id_users","atividadesFiltradas","atividadesCadastradas","idusuario","isCamposVazios","offset","offsetTop","top","scrollTo","hostBindings","monitoreService","DBpwa","id_forms","formid","getByIDPerguntasFormulario","onLine","getOfflineDados","getAll","Array","isArray","rows","row","doc","respostas","resposta","pergunta","Forms","pergunta_id","resposta_id","inicializarFormData","getByIDRespostasFormulario","ListarRespostasByIdForm","dynamicValues","offlineData","formControls","onCheckboxChange","isChecked","opcao","perguntaId","opcoesSelecionadas","splice","enviarRespostas","enviandoDados","camposVazios","payload","usuario_id","formulario_id","formHasValue","addTask","obterGeolocalizacao","geolocation","getCurrentPosition","latitude","coords","longitude","localizacao","removerFoto","imagemUrls","onFileSelected","maxSize","e","imageSrc","fileImagem","cancelUpload","confirmUpload","uploadImagemAws","clearImage","fileInput","inputFile","f","ListarFormulario","DadosMonitore","processarDadosMonitoreOffline","enviarRespostasOffline","respostaKey","File","clearTask","_id","objsParaAtualizar","obj","respondidoOffline","irParaTelaMonitore","irParaTelaMonitoreForms","novidades_service","CarregaAtividades","getUsersNovidades","novidades","numeroDeItensLidos","novidade","lerAtividades","novidadeId","lido","postUsersNovidades","deleteNovidade","lido_ID","deleteUsersNovidades","toggleEstadoBotao","estado_botao","irParaAtividades","NovasNotification","abrirModal","mostrarModal","fecharModal","ngbDateParserFormatter","imageLoaded","irParaTelaHomeInterna","startEditing","fieldName","editField","saveEdit","editedFields","idadeTemp","toggleEdit","saveAllEdits","editedData","fieldsToCheck","profileImageFile","atualizarUsuarioWithfoto","onProfileImageSelected","telefone","onKeyDown","selectionStart","selectionEnd","production","apiKey","authDomain","projectId","storageBucket","messagingSenderId","appId","measurementId","vapidKey","enableProdMode","serviceWorker","register","registration","__NgCli_bootstrap_1","bootstrapModule","err","AprendaService","Atividades_service","idusers","getAtividadesById","id_atividade","idgrupotipos","iduser","AtualizarSenha","AuthService","newTab","source","CadastroService","numero_celular","I18N_VALUES","weekdays","months","getWeekdayLabel","weekday","getMonthShortName","getMonthFullName","getDayAriaLabel","date","ForumService","atividade","message_ids","messageId","getMessaging","getToken","Tokenfcm","messaging","storedToken","sessionStorageKey","currentToken","sendTokenToBackend","userId","id_usuario","tokenjwt","BehaviorSubject","DataService","atividadeIdSource","asObservable","PouchDB","DbPwaService","toISOString","db","assign","put","Promise","resolve","reject","allDocs","include_docs","attachaments","docToDelete","Error","label","MonitoreService","enviarRespostaUnica","NotificationService","novidadesServices","novidade_id","delete","PwaInstallService","preventDefault","deferredPrompt","prompt","userChoice","choiceResult","outcome","navigatorAny","isInStandaloneMode","standalone","matchMedia","matches","webSocket","Subject","SocketService","authKey","socket$","isConnected","newMessageSubject","getSocket","getConnectionStatus","UserService","userInfoSource"],"sourceRoot":"webpack:///","x_google_ignoreList":[124]}
\n
\n\n\n \n Mural\n
\n \n Mural\n \n ![\"Colabore\"]()
\n Colabore\n
\n \n \n Aprenda\n
\n\n \n Aprenda\n \n\n ![\"Colabore\"]()
\n Suporte\n
\n \n \n Mais\n
\n\n Mais\n \n
\n\n","import { Component } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MonitoreService } from 'src/services/monitore.service';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms'; // Importando FormBuilder e FormGroup\nimport { DbPwaService } from 'src/services/db-pwa.service';\n\n@Component({\n selector: 'app-monitore-forms',\n templateUrl: './monitore-forms.component.html',\n styleUrls: ['./monitore-forms.component.css']\n})\nexport class MonitoreFormsComponent {\n\n enviandoDados: boolean = false;\n Forms: any;\n formData: FormGroup;;\n camposVazios: string[] = [];\n opcoesSelecionadas: { [id: string]: string[] } = {};\n userID: number;\n formid: string\n localizacao: string;\n\n imagemUrls: { [key: string]: string } = {};\n fotoInput: HTMLInputElement | undefined;\n\n isOnline: boolean;\n\n\n constructor(private router: Router,\n private route: ActivatedRoute,\n private monitoreService: MonitoreService,\n private formBuilder: FormBuilder,\n private DBpwa: DbPwaService\n ) {\n }\n\n ngOnInit() {\n console.log('console log versão atualizada')\n this.userID = parseInt(sessionStorage.getItem('userID'), 10);\n this.route.params.subscribe((params) => {\n const id_forms = params['id']\n this.formid = id_forms\n this.getByIDPerguntasFormulario(id_forms)\n });\n\n\n\n \n\n this.isOnline = navigator.onLine;\n window.addEventListener('online', () => {\n this.isOnline = true;\n });\n\n window.addEventListener('offline', () => {\n this.isOnline = false;\n });\n\n }\n\n getOfflineDados() {\n this.DBpwa.getAll().then((result: any) => {\n if (result && Array.isArray(result.rows)) {\n\n result.rows.forEach((row: any) => {\n if (row && row.doc) {\n const doc = row.doc;\n console.log(doc.respostas)\n doc.respostas.forEach(resposta => {\n\n \n const pergunta = this.Forms.find(form => form.id === resposta.pergunta_id);\n\n if (pergunta) {\n // Se encontrou a pergunta, adiciona a resposta à pergunta\n pergunta.resposta = resposta.resposta;\n pergunta.resposta_id = resposta.resposta_id;\n }\n\n\n });\n\n }\n });\n }\n });\n }\n\n getByIDPerguntasFormulario(id_forms) {\n this.monitoreService.getByIDPerguntasFormulario(id_forms).subscribe(\n (data) => {\n this.Forms = data\n this.inicializarFormData(data);\n\n if (this.isOnline) {\n this.getByIDRespostasFormulario(id_forms)\n console.log('carregando dados online')\n\n } else {\n this.getOfflineDados();\n this.getByIDRespostasFormulario(id_forms)\n\n\n }\n },\n (error) => {\n console.error('Erro ao buscar monitore:', error);\n\n }\n );\n }\n\n\n getByIDRespostasFormulario(id_forms) {\n this.monitoreService.ListarRespostasByIdForm(this.userID, id_forms).subscribe(\n (respostas: any[]) => {\n respostas.forEach(resposta => {\n const pergunta = this.Forms.find(form => form.id === resposta.pergunta_id);\n if (pergunta) {\n pergunta.resposta = resposta.resposta;\n pergunta.resposta_id = resposta.resposta_id;\n }\n });\n },\n (error) => {\n console.error('Erro ao buscar monitore:', error);\n console.log(error.status)\n if (error.status == 404) {\n\n }\n }\n );\n }\n\n inicializarFormData(dynamicValues: any, offlineData: any = null) {\n const formControls = {};\n\n dynamicValues.forEach(form => {\n formControls[form.tipo + '_' + form.id] = ['', Validators.required];\n });\n\n this.formData = this.formBuilder.group(formControls);\n\n if (offlineData) {\n Object.keys(offlineData).forEach(key => {\n const control = this.formData.get(key);\n if (control) {\n control.setValue(offlineData[key]);\n }\n });\n }\n }\n onCheckboxChange(isChecked: boolean, opcao: string, perguntaId: number) {\n if (isChecked) {\n if (!this.opcoesSelecionadas[perguntaId]) {\n this.opcoesSelecionadas[perguntaId] = [];\n }\n this.opcoesSelecionadas[perguntaId].push(opcao);\n } else {\n if (this.opcoesSelecionadas[perguntaId]) {\n const index = this.opcoesSelecionadas[perguntaId].indexOf(opcao);\n if (index !== -1) {\n this.opcoesSelecionadas[perguntaId].splice(index, 1);\n }\n }\n }\n }\n\n\n enviarRespostas() {\n this.enviandoDados = true;\n const formData = new FormData();\n\n this.camposVazios = [];\n const payload = {\n usuario_id: this.userID,\n respostas: []\n };\n\n Object.keys(this.formData.controls).forEach(key => {\n\n if (key.includes('imagem_')) {\n return; // Ignora o processamento da pergunta de tipo imagem\n }\n\n const pergunta_id = parseInt(key.split('_')[1]);\n const control = this.formData.get(key);\n\n console.log(key)\n\n if (key.includes('checkBox')) {\n const opcoesSelecionadas = this.opcoesSelecionadas[pergunta_id];\n if (opcoesSelecionadas !== undefined) {\n\n formData.append(`respostas[${payload.respostas.length}][pergunta_id]`, pergunta_id.toString());\n formData.append(`respostas[${payload.respostas.length}][formulario_id]`, this.formid.toString());\n formData.append(`respostas[${payload.respostas.length}][resposta]`, opcoesSelecionadas?.join(', '));\n\n payload.respostas.push({\n pergunta_id: pergunta_id,\n formulario_id: this.formid,\n resposta: opcoesSelecionadas?.join(', ')\n });\n }\n }\n\n else if (control.value) {\n\n formData.append(`respostas[${payload.respostas.length}][pergunta_id]`, pergunta_id.toString());\n formData.append(`respostas[${payload.respostas.length}][formulario_id]`, this.formid.toString());\n formData.append(`respostas[${payload.respostas.length}][resposta]`, control.value);\n\n payload.respostas.push({\n pergunta_id: pergunta_id,\n formulario_id: this.formid,\n resposta: control.value\n });\n }\n });\n\n formData.append('usuario_id', payload.usuario_id.toString());\n\n console.log('Imprimindo FormData:');\n console.log('---------------------');\n formData.forEach((value, key) => {\n console.log(key, ':', value);\n });\n console.log('---------------------');\n\n\n let formHasValue = false;\n\n Object.keys(this.formData.controls).forEach(key => {\n const control = this.formData.get(key);\n if (control && control.value) {\n formHasValue = true;\n }\n });\n\n if (!formHasValue) {\n alert(\"Não há valores preenchidos no formulário.\");\n this.enviandoDados = false;\n return;\n }\n\n\n this.monitoreService.enviarRespostas(formData).subscribe(\n (response) => {\n alert(response.message)\n this.irParaMonitore()\n },\n (error: any) => {\n this.enviandoDados = false;\n\n //Sem internet slavando localmente...\n if (error.status == 0) {\n this.DBpwa.addTask(payload)\n alert('Respostas salvas localmente.')\n this.irParaMonitore()\n }\n\n console.error('Erro ao salvar dados do formulário:', error);\n if (error.status == 409) {\n alert(error.error.message)\n }\n\n }\n );\n }\n\n\n irParaMonitore() {\n this.router.navigate(['/modulos/monitore']);\n }\n\n obterGeolocalizacao(perguntaId: any): void {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n const latitude = position.coords.latitude;\n const longitude = position.coords.longitude;\n\n this.formData.get('Geolocalizacao_' + perguntaId).setValue(`Latitude: ${latitude}, Longitude: ${longitude}`);\n this.localizacao = `Latitude: ${latitude}, Longitude: ${longitude}`;\n\n },\n (error) => {\n this.formData.get('Geolocalizacao_' + perguntaId).setValue(`Erro ao obter localização`);\n this.localizacao = 'Erro ao obter localização';\n console.error('Erro ao obter geolocalização:', error.message);\n }\n );\n } else {\n console.error('Geolocalização não suportada pelo navegador.');\n }\n }\n\n\n\n removerFoto(perguntaId: string) {\n delete this.imagemUrls[perguntaId];\n const input: HTMLInputElement | null = document.getElementById('imagemInput_' + perguntaId) as HTMLInputElement;\n if (input) {\n input.value = '';\n }\n }\n\n onFileSelected(event: any, pergunta_id: any) {\n\n if(!this.isOnline){\n alert('Por favor se conecte a internet, para poder enviar fotos.')\n return;\n }\n const file: File = event.target.files[0];\n const maxSize = 10 * 1024 * 1024; // 10 MB\n\n\n if (file.size > maxSize) {\n alert('O arquivo é muito grande. O tamanho máximo permitido é 4MB.');\n return;\n }\n if (file) {\n \n const reader = new FileReader();\n\n reader.onload = (e: any) => {\n this.imageSrc = e.target.result;\n this.fileImagem = event.target\n this.showModal = true;\n this.perguntaId = pergunta_id;\n };\n reader.readAsDataURL(file);\n\n }\n\n }\n\n showModal: boolean = false;\n perguntaId: '';\n fileImagem: any;\n isLoading: boolean = false;\n imageSrc: '';\n\n cancelUpload() {\n this.showModal = false;\n this.perguntaId = ''\n this.imageSrc = ''\n }\n\n confirmUpload() {\n console.log('novo file')\n console.log(this.fileImagem)\n this.isLoading = true;\n this.uploadImagemAws(this.fileImagem, this.perguntaId);\n }\n\n clearImage() {\n this.imageSrc = null; \n this.fileImagem = null; \n this.showModal = false; \n this.perguntaId = null; \n\n // Limpa o campo de input (desmarcar o arquivo)\n const fileInput: HTMLInputElement = document.querySelector('input[type=\"file\"]');\n if (fileInput) {\n fileInput.value = ''; // Limpa a seleção do arquivo\n }\n }\n\n uploadImagemAws(inputFile, pergunta_id) {\n\n const formData = new FormData();\n const payload = {\n usuario_id: this.userID,\n respostas: []\n };\n\n const file = inputFile.files[0];\n\n formData.append(`respostas[${payload.respostas.length}][pergunta_id]`, pergunta_id.toString());\n formData.append(`respostas[${payload.respostas.length}][formulario_id]`, this.formid.toString());\n formData.append(`respostas[${payload.respostas.length}][resposta]`, file);\n formData.append('imagem_' + pergunta_id, file);\n payload['imagem_' + pergunta_id] = file;\n\n payload.respostas.push({\n pergunta_id: pergunta_id,\n formulario_id: this.formid,\n resposta: file\n });\n\n formData.append('usuario_id', payload.usuario_id.toString());\n\n\n this.monitoreService.enviarRespostas(formData).subscribe(\n (response) => {\n const imageUrl = response.data[0].resposta;\n\n this.isLoading = false;\n this.showModal = false;\n this.enviandoDados = false;\n // Atualiza o campo 'resposta' no formulário\n this.clearImage()\n const form = this.Forms.find(f => f.id === pergunta_id);\n if (form) {\n form.resposta = imageUrl;\n }\n },\n (error: any) => {\n this.isLoading = false;\n\n this.enviandoDados = false;\n this.showModal = false;\n console.error('Erro ao salvar dados do formulário:', error);\n alert(error.error.message)\n\n\n }\n );\n }\n\n\n}\n","\n\n\n\n\n\n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n\n \n
\n \n \n ![\"Recarrega\"](\"../../assets/O)
\n
\n \n
\n\n\n\n
\n\n
\n Confirmar envio da imagem
\n\n ![\"Imagem]()
\n
\n \n \n \n\n
\n \n \n
","\n ![](\"./assets/seta.png\")
\n
\n\n Monitore
\n\n \n \n \n
\n
\n\nMonitore
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MonitoreService } from 'src/services/monitore.service';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms'; // Importando FormBuilder e FormGroup\nimport { DbPwaService } from 'src/services/db-pwa.service';\n\n\n\n\n@Component({\n selector: 'app-monitore',\n templateUrl: './monitore.component.html',\n styleUrls: ['./monitore.component.css']\n})\nexport class MonitoreComponent {\n\n userID: number;\n isLoading: boolean = false;\n isOnline: boolean;\n formData: FormGroup;\n\n constructor(private router: Router, private monitoreService: MonitoreService, private DBpwa: DbPwaService) {\n }\n\n DadosMonitore: any;\n ngOnInit() {\n this.userID = parseInt(sessionStorage.getItem('userID'), 10);\n\n this.isOnline = navigator.onLine;\n window.addEventListener('online', () => {\n this.isOnline = true;\n });\n\n window.addEventListener('offline', () => {\n this.isOnline = false;\n });\n\n const isOnline = window.navigator.onLine;\n\n\n if (isOnline) {\n console.log('online')\n } else {\n console.log('offline')\n }\n\n this.monitoreService.ListarFormulario(this.userID).subscribe(\n (data) => {\n this.DadosMonitore = data;\n console.log(this.DadosMonitore)\n this.isLoading = true;\n this.processarDadosMonitoreOffline();\n\n },\n (error) => {\n this.isLoading = true;\n\n console.error('Erro ao buscar monitore:', error);\n }\n );\n\n if (isOnline) {\n\n this.DBpwa.getAll().then((result: any) => {\n\n if (result && Array.isArray(result.rows)) {\n result.rows.forEach((row: any) => {\n if (row && row.doc) {\n const doc = row.doc;\n this.enviarRespostasOffline(doc);\n } else {\n console.error('Erro: O objeto retornado não está no formato esperado.');\n }\n });\n } else {\n console.error('Erro: O resultado retornado não está no formato esperado.');\n }\n }).catch(error => {\n // Trate o erro, se houver\n console.error('Erro ao obter informações:', error);\n });\n\n\n }\n }\n\n irParaMonitore() {\n this.router.navigate(['/modulos/monitore']);\n }\n\n /*Se tiver algumas respostas salvas do banco local sincroniza com nuvem, e remove do banco local*/\n enviarRespostasOffline(form) {\n\n const formData = new FormData();\n\n Object.keys(form).forEach(key => {\n if (key === 'respostas') {\n // Se a propriedade é 'respostas', trata-a separadamente\n form.respostas.forEach((resposta: any, index: number) => {\n Object.keys(resposta).forEach(respostaKey => {\n // Se a resposta é um arquivo, adicione-a ao FormData\n if (resposta[respostaKey] instanceof File) {\n formData.append(`respostas[${index}][${respostaKey}]`, resposta[respostaKey]);\n } else {\n formData.append(`respostas[${index}][${respostaKey}]`, resposta[respostaKey]);\n }\n });\n });\n } else {\n formData.append(key, form[key]);\n }\n });\n\n // console.log('Imprimindo FormData:');\n // console.log('---------------------');\n // formData.forEach((value, key) => {\n // console.log(key, ':', value);\n // });\n // console.log('---------------------');\n\n this.monitoreService.enviarRespostas(formData).subscribe(\n (response) => {\n alert(response.message);\n this.DBpwa.clearTask(form._id)\n this.irParaMonitore()\n },\n (error: any) => {\n // console.error('Erro ao salvar dados do formulário:', error);\n if (error.status == 409) {\n console.log(error.error.message);\n } else {\n }\n }\n );\n }\n\n processarDadosMonitoreOffline() {\n if (this.DadosMonitore && !this.isOnline) {\n console.log('Verificando dados ')\n this.DBpwa.getAll().then((result: any) => {\n if (result && Array.isArray(result.rows)) {\n result.rows.forEach((row: any) => {\n if (row.doc.respostas && row.doc.respostas.length > 0) {\n console.log('testa o offline')\n const objsParaAtualizar = this.DadosMonitore.filter((obj: any) => obj.id == row.doc.respostas[0].formulario_id);\n objsParaAtualizar.forEach((obj: any) => obj.respondidoOffline = true);\n } else {\n console.log(\"A propriedade 'respostas' não está definida ou está vazia.\");\n }\n });\n } else {\n console.error('Erro: O resultado retornado não está no formato esperado.');\n }\n }).catch(error => {\n // Trate o erro, se houver\n console.error('Erro ao obter informações:', error);\n });\n }\n }\n irParaTelamodulosIndex() {\n this.router.navigate(['/modulos/index']);\n }\n\n\n irParaTelaMonitore(id: number) {\n\n this.irParaTelaMonitoreForms(id)\n\n }\n\n irParaTelaMonitoreForms(id: number) {\n this.router.navigate(['/modulos/monitore/monitore_forms', id]);\n }\n\n}\n","\n
\n\n\n \n \n
\n \n ![\"Imagem\"]()
\n
\n \n
\n {{item.nome}}
\n \n \n
\n \n
\n
\n \n \n\n \n \n\n \n \n
\n
\n
\n
\n \n
","import { Component, ElementRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { DataService } from 'src/services/dataService';\nimport { NotificationService } from 'src/services/notification.service';\nimport { novidadesServices } from 'src/services/novidades_services';\n\n@Component({\n selector: 'app-novidades',\n templateUrl: './novidades.component.html',\n styleUrls: ['./novidades.component.scss']\n})\nexport class NovidadesComponent {\n\n nome: string = '';\n novidades: any[] = []; // Inicialmente vazia\n userID: number;\n lido: boolean;\n numeroDeItensLidos: number;\n isLoading: boolean = true; // variavel responsavel por mostrar carregamento enquanto faz alguma requisicao\n foto_perfil: string;\n baseUploadUrl = 'https://api.recarrega.app.br/uploads/';\n NotificationAtiva: boolean;\n\n NovasNotification: any[] = []; // Inicialmente vazia\n\n\n constructor(\n private router: Router,\n private novidades_service: novidadesServices,\n private elementRef: ElementRef,\n private notification: NotificationService,\n private dataservice: DataService,\n\n ) { }\n estado_botao: boolean = false; // Defina o valor inicial\n\n ngOnInit(): void {\n this.nome = sessionStorage.getItem('name');\n this.userID = parseInt(sessionStorage.getItem('userID'), 10);\n this.CarregaAtividades();\n this.foto_perfil = sessionStorage.getItem('foto_perfil')\n this.getNotification();\n }\n\n CarregaAtividades() {\n this.novidades_service.getUsersNovidades(this.userID).subscribe(\n (data: any) => {\n this.novidades = data;\n // this.novidades = [{ tipo_id: 'BOAS-VINDAS AO APP!', descricao: 'Que bom ter você aqui no aplicativo do Recarrega! Se você se inscreveu em uma oficina do Recarrega, fique atento à data, hora e local da atividade. ', lida: 1, descricao_completa: 'Que bom ter você aqui no aplicativo do Recarrega! Se você se inscreveu em uma oficina do Recarrega, fique atento à data, hora e local da atividade. Você também tem à disposição duas áreas importantes para trocar informações sobre o tema da atividade selecionada. No Colabore (acrescentar ícone) você pode trocar mensagens com outros participantes da oficina. Já no Aprenda (acrescentar ícone) há mais informações sobre o tema; é um material de apoio que pode ajudar você a implementar as tecnologias do Recarrega. E se tiver qualquer problema dentro do app, você pode entrar em contato com o suporte. ' }, { tipo_id: 'Notícia', descricao: 'teste', lida: 1, descricao_completa: 'lorem kkkkkkkkkkkkkkkkkkkkk' }]\n this.numeroDeItensLidos = this.novidades.filter(novidade => novidade.lida === false).length;\n this.isLoading = false;\n },\n (error) => {\n console.error('Erro ao buscar atividades:', error);\n alert('erro')\n }\n );\n\n }\n\n lerAtividades(novidadeId: number) {\n this.lido = true;\n this.novidades_service.postUsersNovidades(this.userID, this.lido, novidadeId)\n .subscribe(\n response => {\n alert(response.message);\n this.CarregaAtividades();\n },\n error => {\n console.error('Erro ao cadastrar :', error);\n alert(error.error.message)\n }\n );\n }\n\n deleteNovidade(lido_ID: number) {\n\n this.novidades_service.deleteUsersNovidades(lido_ID).subscribe(\n (response) => {\n alert(response.message);\n this.CarregaAtividades();\n // Faça algo após a exclusão bem-sucedida\n },\n (error) => {\n console.error('Erro ao deletar novidade:', error);\n }\n );\n }\n\n scrollToDiv(divId: string): void {\n const targetElement = this.elementRef.nativeElement.querySelector('#' + divId);\n\n if (targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n }\n }\n getStyle(notificationtipo: string) {\n switch (notificationtipo) {\n case 'Atualizações app':\n return { background: '#ED7202' };\n case 'Agende':\n return { background: '#9DA34A' };\n case 'Novo conteúdo':\n return { background: '#532014' };\n case 'Notícia':\n return { background: '#003636' };\n default:\n return {}; // Se não corresponder a nenhum tipo, retorna estilos vazios\n }\n }\n\n toggleEstadoBotao() {\n this.estado_botao = !this.estado_botao;\n }\n\n irParaAtividades() {\n this.router.navigate(['/modulos/index']);\n }\n\n showModalNotification: boolean = false;\n OpenModalNotification(data: any) {\n this.showModalNotification = true;\n this.NovasNotification = data;\n\n\n }\n\n closeModalNotification() {\n this.showModalNotification = false;\n\n }\n getNotification() {\n\n this.notification.getUserNotification().subscribe(\n (data: any) => {\n this.notification = data;\n\n if (data.length > 0) {\n this.NotificationAtiva = true\n } else {\n this.NotificationAtiva = false\n }\n\n },\n (error: any) => {\n console.error('erro:', error)\n }\n )\n }\n\n DadosMural: any[] = [];\n\n\n mostrarModal = false; // Inicialmente, o modal está oculto\n dadosDoMural: any[]; // Aqui você pode definir os dados a serem passados para o modal\n \n abrirModal(data:any[]) {\n this.mostrarModal = true;\n this.DadosMural = data;\n // Defina os dados a serem passados para o modal em this.dadosDoMural, se necessário\n }\n \n fecharModal() {\n this.mostrarModal = false;\n this.dataservice.Resetclick();\n }\n\n onOutsideClick(event: MouseEvent): void {\n const modalContent = this.elementRef.nativeElement.querySelector('.modal-container');\n\n if (modalContent != null) {\n\n if (this.mostrarModal && this.dataservice.clickCount >= 1) {\n const clickedElement = event.target as HTMLElement;\n console.log(\"fechando Modal pelo componente pai\")\n\n if (clickedElement !== modalContent && !(modalContent as HTMLElement).contains(clickedElement)) {\n this.fecharModal();\n console.log(\"fechando Modal pelo componente pai\")\n }\n\n } else {\n this.dataservice.incrementClick();\n }\n }\n }\n}\n","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-rota-home',\n templateUrl: './rota-home.component.html',\n styleUrls: ['./rota-home.component.css']\n})\nexport class RotaHomeComponent {\n\n\n constructor(private router:Router){\n\n }\n\n irParahomeSp(){\n this.router.navigate(['home_sp'])\n }\n\n irParahomeCe(){\n this.router.navigate(['home_ce'])\n }\n}\n","\n
\n \n \n
\n \n
\n Olá, {{nome}}
\n\n
\n
\n
\n \n
\n
\n \n \n \n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n MURAL
\n\n
\n \n
\n \n \n
\n \n \n
\n ATIVIDADES
\n\n
\n \n
\n \n
\n {{ novidade.titulo }}
\n{{ novidade.descricao }}
\n\n
\n LIDO
\n\n \n \n
\n \n ![\"\"\n](\"../../assets/setinha_para_baixo.svg\")
\n ![\"\"](\"../../assets/setinha_para_lado.svg\")
\n
\n LIDAS ( {{numeroDeItensLidos}} )
\n\n
\n \n
\n \n
\n {{ novidade.titulo }}
\n{{ novidade.descricao }}
\n\n
\n DEL.
\n\n \n \n
\n \n
\n
\n
\n \n
\n\n
\n\n \n\n
\n
\n
\n
\nRecarrega
\n \n
\n São Paulo
\n \n \n
\nCeará
\n \n \n
\n
\n
\n
\n\n\n
\n\n \n\n \n \n
\n\n \n
\n\n
\n \n E-mail:\n
\n\n \n {{ userData?.email }}\n
\n \n Celular:\n
\n\n \n \n {{ userData?.numero_celular }}\n \n \n \n \n \n \n \n \n
\n \n Dt. Nascimento:\n
\n\n \n \n {{ userData?.idade }}\n \n \n \n \n \n \n \n \n\n \n
\n \n Gênero:\n
\n\n \n \n {{ userData?.genero }}\n \n \n \n \n \n \n \n \n
\n \n
\n\n \n
\n \n \n \n \n {{ isEditing ? 'SALVAR' : 'EDITAR' }}
\n\n\n
\n\nHortas e pomares
\n \n\n \n
\n \n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n \n
\n \n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n \n
\n \n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n \n
\n \n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n \n
\n \n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n \n
\n \n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n \n
\n\n
\n \n
\n Escola Pública Estadual Professor Almeida Junior
\n\n \n
","import { Directive, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[appMaskPhoneNumber]'\n})\nexport class MaskPhoneNumberDirective {\n constructor(private el: ElementRef) {}\n\n /**\n * Diretiva para aplicar uma máscara a um campo de entrada de telefone.\n * A máscara é exibida enquanto o usuário digita e permite a exclusão do traço (-) durante a edição.\n * Ela formata o número no formato (99) 9 9999-9999.\n *\n * @param event O evento de entrada de texto.\n */\n @HostListener('input', ['$event'])\n onInput(event: any) {\n // Remove todos os caracteres não numéricos\n let telefone = event.target.value.replace(/\\D/g, '');\n\n // Aplica a máscara com base no tamanho do número de telefone\n if (telefone.length <= 10) {\n telefone = telefone.replace(/^(\\d{2})(\\d{1,4})(\\d{0,4}).*/, '($1) $2-$3');\n } else {\n telefone = telefone.replace(/^(\\d{2})(\\d{1,5})(\\d{0,4}).*/, '($1) $2-$3');\n }\n\n // Atualiza o valor do campo de entrada com a máscara\n event.target.value = telefone;\n }\n\n /**\n * Manipula o evento keydown para permitir a exclusão do traço (-) apenas durante a edição.\n *\n * @param event O evento de tecla pressionada.\n */\n @HostListener('keydown', ['$event'])\n onKeyDown(event: KeyboardEvent) {\n const target = event.target as HTMLInputElement; // Cast para HTMLInputElement\n\n // Verifica se a tecla pressionada é o 'Backspace' e se não há seleção de texto\n if (event.key === 'Backspace' && target.selectionStart === target.selectionEnd) {\n let telefone = target.value.replace(/\\D/g, '');\n\n // Permite a exclusão do traço (-) apenas durante a edição\n if (telefone.length <= 9) {\n telefone = telefone.substring(0, telefone.length - 1);\n }\n\n // Aplica a máscara novamente com base no tamanho do número de telefone\n if (telefone.length <= 10) {\n telefone = telefone.replace(/^(\\d{2})(\\d{1,4})(\\d{0,4}).*/, '($1) $2-$3');\n } else {\n telefone = telefone.replace(/^(\\d{2})(\\d{1,5})(\\d{0,4}).*/, '($1) $2-$3');\n }\n\n // Atualiza o valor do campo de entrada com a máscara\n target.value = telefone;\n }\n }\n}\n","export const environment = {\n production: true\n , // Defina como true em ambiente de producao\n\n apiUrl: '',\n firebaseConfig: {\n apiKey: \"AIzaSyCqALZnsibY05-PlF8mqcmEnzCMj0QolRA\",\n authDomain: \"recarregateste.firebaseapp.com\",\n projectId: \"recarregateste\",\n storageBucket: \"recarregateste.appspot.com\",\n messagingSenderId: \"404895852521\",\n appId: \"1:404895852521:web:f55ecca7fab83d61d74d78\",\n measurementId: \"G-F5B8FDFLSF\",\n vapidKey:\"BIWcbH2oac1U4ehkfHAxScvbMoTmxh-2CTUxiqS7DGolA8d1aa07HFSIpBUtCp_97iWu9IkPyvh1lCW-baj-wzs\"\n },\n};\n\n\nif (environment.production) {\n environment.apiUrl = 'https://api.recarrega.app.br/api'; // URL da API para ambiente de producao\n} else {\n environment.apiUrl = 'http://127.0.0.1:8000/api'; // URL da API para ambiente de desenvolvimento ou teste\n}\n\n\n\n\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nif ('serviceWorker' in navigator && environment.production) {\n window.addEventListener('load', () => {\n navigator.serviceWorker.register('/firebase-messaging-sw.js')\n .then(registration => {\n // console.log('Service Worker registrado com sucesso:', registration);\n })\n .catch(error => {\n console.error('Erro ao registrar Service Worker:', error);\n });\n });\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\nimport { Observable } from 'rxjs';\n\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AprendaService {\n private apiUrl: string;\n private token = sessionStorage.getItem('token'); // Obtém o token de autorização da sessionStorage\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n\n getAprendaConteudo() {\n const url = `${this.apiUrl}/aprenda/conteudos`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n\n getAprendaConteudoById(id:number) {\n const url = `${this.apiUrl}/aprenda/conteudos/${id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n\n getAprendaSubConteudo(id:number) {\n const url = `${this.apiUrl}/aprenda/subconteudos/${id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n\n getAprendaSubConteudoById(id:number) {\n const url = `${this.apiUrl}/aprenda/subconteudos/id/${id}`;\n const headers = new HttpHeaders().set('Authorization', `Bearer ${this.token}`); // Define o cabeçalho com o token de autorização\n return this.http.get(url, { headers });\n }\n\n // postUsersNovidades(user_id: number, lido: boolean, novidade_id: number): Observable© 2023 Agir Ambiental, Todos os direitos reservados
\n