Fw21 day5 0801

Admin/Backend/.txt

@@ -0,0 +1 @@
+text

Admin/Frontend/COMPONENT/room.js

@@ -0,0 +1,74 @@
+let fun = () => {
+    return `<div class="room_title">
+      <label for="rmm_tit">
+        <div class="label">Name</div>
+        <input id="rmm_tit" type="text" placeholder="Name of the room..."></input>
+      </label>
+    </div>
+    <div class="room_size">
+      <label for="rmm_siz">
+        <div class="label">Size</div>
+        <input id="rmm_siz" type="text" placeholder="Give the room size..."></input>
+      </label>
+    </div>
+
+    <div class="room_image">
+      <label for="rmm_img">
+        <div class="label">Image</div>
+        <textarea id="rmm_img" placeholder="Give all the images of particular room..."></textarea>
+      </label>
+    </div>
+    <div class="room_amenities">
+      <label for="rmm_amen">
+        <div class="label">Amenities</div>
+        <textarea id="rmm_amen" placeholder="Amenities of particular room..."></textarea>
+      </label>
+    </div>
+
+
+    <div class="member">
+      <label for="mem">
+        <div class="label">People count</div>
+        <input id="mem" type="text" placeholder="How many people can stay on single room..."></input>
+      </label>
+    </div>
+    <div class="room_price">
+      <label for="rmm_prc">
+        <div class="label">Price</div>
+        <input id="rmm_prc" type="text" placeholder="Price of particular room..."></input>
+      </label>
+    </div>
+    <div class="room_discount">
+      <label for="rmm_disc">
+        <div class="label">Discount</div>
+        <input id="rmm_disc" type="text" placeholder="Discount in percentage..."></input>
+      </label>
+    </div>
+    <div class="room_total_dis">
+      <label for="rm_tt_dis">
+        <div class="label">Total Discount</div>
+        <input id="rm_tt_dis" type="text" placeholder="Total discount..."></input>
+      </label>
+    </div>
+
+    <div class="room_refund_policy">
+      <label for="rm_rf_p">
+        <div class="label">Refund</div>
+        <textarea id="rm_rf_p" placeholder="Room refund policy..."></textarea>
+      </label>
+    </div>
+    <div class="Reserve">
+      <label for="rsve">
+        <div class="label">Reserve</div>
+        <input id="rsve" type="text" placeholder="Is room reserved true/false..."></input>
+      </label>
+    </div>
+    <div class="room_avail">
+      <label for="rom_avl">
+        <div class="label">availability</div>
+        <input id="rom_avl" type="text" placeholder="Number of room of this category..."></input>
+      </label>
+    </div>`
+}
+
+export default fun

Admin/Frontend/Script/auth.js

@@ -0,0 +1,251 @@
+
+let loader = () => {
+    if (document.querySelector('.spinner').style.visibility == 'visible') {
+        document.querySelector('.spinner').style.visibility = 'hidden'
+    } else {
+        document.querySelector('.spinner').style.visibility = 'visible'
+    }
+}
+
+
+
+class user {
+    constructor() {
+    }
+
+    vaildateUsername(username) {
+        return username.includes('@') ? true : false;
+    }
+
+    validatePassword(password) {
+        return password.length >= 8 ? true : false;
+    }
+
+    async signUp(n, e, u, p, m, d) {
+        console.log(u, p, 'up');
+        //check if username is submiting valid username and password
+        let isValidated = this.vaildateUsername(u) && this.validatePassword(p);
+        console.log(isValidated, 'valid');
+        if (isValidated) {
+            // now we can store the data
+
+
+            this.name = n;
+            this.email = e;
+            this.password = p;
+            this.isadmin = true
+            console.log(this, 'data')
+
+            // now userData is stored and now we can send it to server show we can register our new user
+
+            loader()
+            const register_api = 'https://sore-plum-spider-hem.cyclic.app/admin/signup'
+
+            try {
+                const response = await fetch(register_api, {
+                    method: 'POST',
+                    mode: 'cors',
+                    body: JSON.stringify(this),
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                })
+                // const result = await JSON.parse(response)
+                const result = await response.text()
+                console.log(result,)
+                if (result == 'signup successful') {
+                    console.log('hi');
+                    location = './signin.html'
+                }
+                if (result == 'signup with new email') {
+                    loader()
+                    console.log('nahi hoga bhai tererere')
+                    document.getElementById('error').style.display = 'flex'
+                    document.getElementById('error').innerText = 'user already exist'
+                    document.getElementById('email').style = "text-decoration: underline wavy red"
+
+                } else {
+                    // location = './signin.html'
+                }
+
+            } catch (err) {
+                console.log(err)
+            }
+
+            // window.location.href = './signin.html'
+
+
+        } else {
+            // alert(`
+            // Email or password is not valid 
+            // > Your Password should be greater then 8 
+            // > Your Password must containe any special character
+            // > Email also should be valid email`)
+            document.getElementById('error').style.display = 'flex'
+            document.getElementById('error').innerText = `Email or password is not valid`
+            if (!this.vaildateUsername(u)) {
+                document.getElementById('email').style = "text-decoration: underline wavy red"
+            }
+            if (!this.vaildateUsername(p)) {
+                document.getElementById('password').style = "text-decoration: underline wavy red"
+            }
+            document.getElementById('signupform').onclick = () => {
+                document.getElementById('email').style = "text-decoration: none"
+                document.getElementById('password').style = "text-decoration: none"
+            }
+            // console.log('username or password is not valid')
+        }
+
+        // remove signup loader
+        document.getElementById('loder').classList.remove('loder')
+        document.getElementById('spin').classList.remove('spin')
+    }
+
+    async login(u, p) {
+
+        try {
+            const login_data = {
+                email: u,
+                password: p,
+            }
+
+            loader()
+            const login_api = 'https://sore-plum-spider-hem.cyclic.app/admin/login'
+
+            const response = await fetch(login_api, {
+                method: 'POST',
+                origin: '*',
+                mode: 'cors',
+                body: JSON.stringify(login_data),
+                headers: {
+                    'Content-Type': 'application/json',
+                    // 'Access-Control-Allow-Origin': 'https://masai-api-mocker.herokuapp.com'
+                }
+            })
+
+            const data = await response.json()
+            localStorage.setItem('token', JSON.stringify(data.token))
+            loader()
+            console.log(data, data.token)
+            // location = './index.html'
+            return data
+        }
+        catch (err) {
+            loader()
+            console.log('errrr:', err)
+            document.getElementById('error').style.display = 'flex'
+            document.getElementById('error').innerText = `Wrong Credentials`
+            console.log('sdfasf')
+            let loginDiv = document.getElementById('loginform')
+            loginDiv.style.animation = "user 0.1s linear 5"
+            setTimeout(() => {
+                if (loginDiv.style.removeProperty) {
+                    console.log('sahi laga')
+                    loginDiv.style.removeProperty('animation');
+                } else {
+                    console.log('sahi laga thora sa')
+                    loginDiv.style.removeAttribute('animation');
+                }
+            }, 2000);
+
+        }
+
+        // remove signin loader
+        document.getElementById('loder').classList.remove('loder')
+        document.getElementById('spin').classList.remove('spin')
+    }
+
+    async profileDetail(username, token) {
+        console.log(token, 'tokennnn');
+        // Swal.fire({
+        //     title: 'Logged In!',
+        //     text: `You have sussefully logged In`,
+        //     textColor: "white",
+        //     icon: 'success',
+        //     color: 'white',
+        //     // iconColor: 'white',
+        //     showCancelButton: false,
+        //     background: '#202030',
+        //     confirmButtonColor: '#C6604C',
+        //     confirmButtonText: 'Ok'
+        // })
+        location = './index.html'
+        // try {
+        //     const profile_api = `https://masai-api-mocker.herokuapp.com/user/${username}`
+
+        //     const response = await fetch(profile_api, {
+        //         headers: {
+        //             'Authorization': `Bearer ${token}`,
+        //             'Content-Type': 'application/json'
+        //         }
+        //     })
+
+        //     let data = await response.json()
+        //     console.log(data, 'data')
+        //     localStorage.setItem('userDetail', JSON.stringify(data))
+        //     location = './index.html'
+        //     // console.log(username, token)
+
+        // }
+        // catch (err) {
+        //     console.log('err:', err)
+        // }
+
+
+    }
+}
+
+let person = new user()
+
+let Register = (event) => {
+    event.preventDefault()
+    // loader start
+    document.getElementById('loder').classList = 'loder'
+    document.getElementById('spin').classList = 'spin'
+
+    const reg_form = document.querySelector('#signupform')
+    const name = reg_form.name.value;
+    const email = reg_form.email.value;
+    const username = email
+    const password = reg_form.password.value;
+    const mobile = (23423434) * (Math.ceil(Math.random() * 10000))
+    const description = email;
+
+
+
+    person.signUp(name, email, username, password, mobile, description)
+    console.log(name, email, username, password, mobile, description)
+}
+
+let Login = async (event) => {
+    event.preventDefault()
+    // loader start
+    document.getElementById('loder').classList = 'loder'
+    document.getElementById('spin').classList = 'spin'
+
+    const username = document.querySelector("#email").value
+    const password = document.querySelector("#password").value
+
+    if (username == "") {
+        document.getElementById('email').style.animation = "animation: user 0.1s linear 5;"
+    } if (password == "") {
+        document.getElementById('password').style.animation = "animation: user 0.1s linear 5;"
+    } if (username != "" && password != "") {
+        let { token } = await person.login(username, password)
+        person.profileDetail(username, token)
+    }
+}
+
+
+// document.querySelector("#signupform").addEventListener("submit", Register);
+
+
+// function formfunc(event) {
+//     event.preventDefault();
+//     // let name = document.querySelector("#name").value;
+//     // let email = document.querySelector("#email").value;
+//     // let password = document.querySelector("#password").value;
+
+//     window.location.href = "./signin.html";
+//     // window.open("signin.html");
+// }