controller/pageController.js


import nodemailer from 'nodemailer';
import Photo from '../models/photoModels.js'
import User from '../models/userModel.js'

//sort siralamada kullaniriy son yukenne onde dyruru
//numOfUser kullanici sayisi
const getIndexPage = async(req,res)=>{

      const photos =  await Photo.find().sort({uploadeAt:-1}).limit(3)
      const numOfUser = await User.countDocuments({})
      const numOfPhotos = await Photo.countDocuments({})

res.render('index',{
    link:'index',
    photos,
    numOfUser,
    numOfPhotos
})
}
//sayafalara felindigindeki aktiv oaln sayfayi gosyermek icin link yaptim
const getAboutPage =(req,res)=>{
    res.render('about',{
        link:'about'
    })
}


const getRegisterPage =(req,res)=>{
        res.render('register',{
            link:'register'
        })
}


const getLoginPage =(req,res)=>{
            res.render('login',{
                link:'login'
            })
}
//burda bir saniye vereek token ucmasini saglariy
const getLogout =(req,res)=>{
    res.cookie('jwt','',{
        maxAge:1
    })
    res.redirect('/')
}

const getContactPage =(req,res)=>{
    res.render('contact',{
        link:'contact'
    })
}


const sendMail= async(req,res)=>{

    const htmlTemplate=`
    <!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Simple Transactional Email</title>
        <style>
          /* -------------------------------------
              GLOBAL RESETS
          ------------------------------------- */
          
          /*All the styling goes here*/
          
          img {
            border: none;
            -ms-interpolation-mode: bicubic;
            max-width: 100%; 
          }
    
          body {
            background-color: #f6f6f6;
            font-family: sans-serif;
            -webkit-font-smoothing: antialiased;
            font-size: 14px;
            line-height: 1.4;
            margin: 0;
            padding: 0;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%; 
          }
    
          table {
            border-collapse: separate;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
            width: 100%; }
            table td {
              font-family: sans-serif;
              font-size: 14px;
              vertical-align: top; 
          }
    
          /* -------------------------------------
              BODY & CONTAINER
          ------------------------------------- */
    
          .body {
            background-color: #f6f6f6;
            width: 100%; 
          }
    
          /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
          .container {
            display: block;
            margin: 0 auto !important;
            /* makes it centered */
            max-width: 580px;
            padding: 10px;
            width: 580px; 
          }
    
          /* This should also be a block element, so that it will fill 100% of the .container */
          .content {
            box-sizing: border-box;
            display: block;
            margin: 0 auto;
            max-width: 580px;
            padding: 10px; 
          }
    
          /* -------------------------------------
              HEADER, FOOTER, MAIN
          ------------------------------------- */
          .main {
            background: #ffffff;
            border-radius: 3px;
            width: 100%; 
          }
    
          .wrapper {
            box-sizing: border-box;
            padding: 20px; 
          }
    
          .content-block {
            padding-bottom: 10px;
            padding-top: 10px;
          }
    
    
        </style>
      </head>
      <body>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">
    
                <!-- START CENTERED WHITE CONTAINER -->
                <table role="presentation" class="main">
    
                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Email: ${req.body.email}</p>
                            <p>Name: ${req.body.name}</p>
                            <p>Message: ${req.body.message}</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
    
                <!-- END MAIN CONTENT AREA -->
                </table>
                <!-- END CENTERED WHITE CONTAINER -->
    
    
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    `;
  

    try {
 
    // create reusable transporter object using the default SMTP transport
    let transporter = nodemailer.createTransport({
        host: 'smtp.gmail.com',
        port: 465,
        secure: true, // true for 465, false for other ports
        auth: {
          user: process.env.NODE_MAIL, // generated ethereal user
          pass: process.env.NODE_PASS, // generated ethereal password
        },
      });
  
      // send mail with defined transport object
      await transporter.sendMail({
        to: 'msolmaz83@gmail.com', // list of receivers
        subject: `MAIL FROM ${req.body.email}`, // Subject line
        html: htmlTemplate, // html body
      });
  
      res.status(200).json({ succeeded: true });
        
    } catch (err) {
        
    }
  
  }
export {getIndexPage,getAboutPage,getRegisterPage,getLoginPage ,getLogout,getContactPage,sendMail}