-
-
- )
- }
-}
-
-HomepageComponent.contextType = UserContext
-
-
-export default HomepageComponent
Index: onelux-frontend/src/components/LoginPageComponent.js
===================================================================
--- phonelux-frontend/src/components/LoginPageComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,33 +1,0 @@
-import React, { Component } from 'react'
-import HeaderComponent from './HeaderComponent/HeaderComponent'
-import LoginFormComponent from './LoginRegisterComponents/LoginFormComponent'
-
-export class LoginPageComponent extends Component {
-
- constructor(props) {
- super(props)
-
- this.state = {
-
- }
- }
-
- componentDidMount(){
- if(localStorage.getItem('token'))
- {
- window.location.href = "/"
- }
- }
-
-
- render() {
- return (
- <>
-
-
-
- )
- }
-}
-
-export default LoginPageComponent
Index: onelux-frontend/src/components/LoginRegisterComponents/InputFormComponent.js
===================================================================
--- phonelux-frontend/src/components/LoginRegisterComponents/InputFormComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,37 +1,0 @@
-import React, { Component } from 'react'
-
-export class InputFormComponent extends Component {
-
- constructor(props) {
- super(props)
-
- this.state = {
- focused: false
- }
- }
-
- handleFocus = (e) => {
- this.setState({
- focused: true
- })
- }
-
- render() {
-
- const {errorMessage,setValue, ...inputProps} = this.props
-
-
- return (
-
- this.props.setValue(e)}
- {...inputProps}
- onBlur={this.handleFocus}
- focused={this.state.focused.toString()}
- />
- {this.props.errorMessage}
-
- )
- }
-}
-
-export default InputFormComponent
Index: onelux-frontend/src/components/LoginRegisterComponents/LoginFormComponent.css
===================================================================
--- phonelux-frontend/src/components/LoginRegisterComponents/LoginFormComponent.css (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,176 +1,0 @@
-.loginform-main-div {
- text-align: center;
- justify-content: center;
- display: flex;
- padding-top: 40px;
- padding-bottom: 90px;
- background-color: #e1e3eb;
- height: 100%;
-}
-
-
-.loginform-sub-main-div{
- display: flex;
- justify-content: center;
- height: fit-content;
- width: fit-content;
- box-shadow: 11px 12px 13px 12px rgb(207, 207, 207);
- padding-top: 20px;
- border-radius: 60px;
- background-color: white;
- width: 65%;
-
-}
-.loginform-imgs-div {
- padding-top: 10px;
- justify-content: center;
- display: flex;
- }
-.loginform-image-container {
- background-color: rgb(223, 221, 221);
- border-radius: 150px;
- align-items: center;
- display: flex;
- justify-content: center;
- height: 115px;
- width: 115px;
-}
-.loginform-profile-img {
- height: 100px;
- width: 100px;
- border-radius: 130px;
-}
-
-.loginform-sub-main-div > div{
- margin-bottom: 30px;
- margin-left: 80px;
- margin-right: 80px;
-}
-
-.loginform-email-input > .inputform-validation-container > .validation-inputs{
- width: 50%;
-}
-
-.loginform-password-input > .inputform-validation-container > .validation-inputs{
- width: 50%;
-}
-
-.validation-inputs{
- width: 100%;
- height: 50px;
- border-radius: 60px;
- box-shadow: inset 0px 0px 25px 0px rgb(197, 189, 189);
- border: none;
- outline: none;
- background-color: #fff;
-}
-
-
-.inputform-validation-container{
- width: 100%;
- justify-content: center;
-}
-
-
-.validation-inputs{
- padding-left: 20px;
- font-size: 22px;
- width: 100%;
-}
-
-
-.loginform-button{
- width: 80%;
- height: 50px;
- border-radius: 60px;
- background-color: #91AD7E ;
- color: white;
- font-size: 25px;
- border: none;
- margin-top: 30px;
-}
-
-.loginform-button:hover{
- background-color: #5c6b52 ;
- cursor:pointer;
-}
-
-.form-error-span{
- font-size: 12px;
- padding: 3px;
- color:red;
- display: block;
- justify-content: center;
- display: none;
-}
-
-.loginform-sub-main-div > div{
- width: 90%;
-}
-
-.loginform-button{
- margin-top: 30px;
- margin-bottom: 10px;
-}
-
-.inputform-validation-container input:invalid[focused="true"] ~ span{
- display: block;
-}
-
-.loginform-password-input{
- margin-top: 15px;
-}
-
-.inputform-validation-container input:invalid[focused="true"]{
- border: 1px solid red;
-}
-
-.form-error-span{
- width: 100%;
-}
-
-.register-link{
- font-size: 25px;
- font-weight: 400;
- color: rgb(53, 99, 70);
- text-decoration: none;
- color: blue;
-}
-
-
-
- .registerform-link{
- color: rgb(53, 99, 70);
- text-decoration: none;
- }
-
- .registerform-link:hover{
- color: blue;
- }
-
- .loginform-message-wrapper{
- display: flex;
- justify-content: center;
- }
-
- .loginform-error-message{
- color: red;
- border: 1px solid red;
- width: fit-content;
- padding: 10px;
- border-radius: 50px;
- background-color: rgb(251, 224, 224);
- }
-
- .login-with-facebook-image{
- width: 40%;
- }
-
-.login-with-facebook-image:hover{
- cursor: pointer;
-}
-
- .login-with-facebook-wrapper{
- display: flex;
- justify-content: center;
- }
Index: onelux-frontend/src/components/LoginRegisterComponents/LoginFormComponent.js
===================================================================
--- phonelux-frontend/src/components/LoginRegisterComponents/LoginFormComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,107 +1,0 @@
-import React, { Component } from 'react'
-import profileIcon from "../../images/profileicon.png";
-import EmailIcon from '@mui/icons-material/Email';
-import "./LoginFormComponent.css"
-import InputFormComponent from './InputFormComponent';
-import { Link } from 'react-router-dom';
-import axios from 'axios';
-import FacebookLogin from 'react-facebook-login'
-
-export class LoginFormComponent extends Component {
-
- constructor(props) {
- super(props)
-
- this.state = {
- email: '',
- password: '',
- serverResponse: ''
- }
- }
-
-
- submitHandler = (e) => {
- e.preventDefault()
- var qs = require('qs');
- var dataToSend = qs.stringify({
- 'email': this.state.email,
- 'password': this.state.password
- });
-
- var config = {
- method: 'post',
- url: '/login',
- headers: {
- 'Content-Type': 'application/x-www-form-urlencoded'
- },
- data : dataToSend
- };
-
- axios(config)
- .then((response) => {
- const {access_token} = response.data
- // store access token in local storage, redirect to homepage
- localStorage.setItem('token', access_token)
- window.location.href="/"
- })
- .catch((error) => {
- this.setState({
- serverResponse: 'error'
- })
- });
-
- }
-
- setValue = (e) => {
- this.setState({
- [e.target.name]: e.target.value
- })
-
- }
-
-
-render() {
-
- return (
-
-
-
- {this.state.serverResponse == 'error' ?
-
Невалидна е-маил адреса или лозинка!
: <>}
-
-
-
-
-
-
-
-
Регистрирај се
-
-
-
-
-
-
-
-
- {(() => {
- if(this.state.serverResponse == '')
- {
- return <>
- }
-
- if(this.state.serverResponse != '' && this.state.serverResponse.includes('Error'))
- {
- return
-
{this.state.serverResponse.split(':')[1]}
- }
-
- if(this.state.serverResponse != '' && this.state.serverResponse.includes('token'))
- {
- return
-
Вашата регистрација е во тек. Потврдете на вашата е-маил адреса!
- }
-
- })()}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {
- localStorage.getItem('token') && this.context.role == 'SUPERADMIN' ?
-
-
-
-
- : <>
- }
- {
- localStorage.getItem('token') && this.context.role == 'SUPERADMIN' ?
-
-
-
-
- : <>
- }
- {
- localStorage.getItem('token') && (this.context.role == 'SUPERADMIN' || this.context.role == 'ADMIN') ?
-
-
-
-
- : <>
- }
- {
- localStorage.getItem('token') ?
-
-
-
-
- : <>
- }
- {
- localStorage.getItem('token') ?
-
-
-
-
- : <>
- }
-
- { localStorage.getItem('token') ?
-
-
-
- :
-
-
-
- }
-
-
-
-
-
-
- Пријавени невалидни понуди
-
-
-
- {
- this.state.offerReports.length > 0 ?
- <>
-
-
-
-
- | Име на понуда |
- Време на пријавување |
- Последно пријавена од |
- Вкупно пријави |
-
-
- |
-
-
-
- {
- this.state.currentReports.map((offer,idx) => )
- }
-
-
-
-
-
-
- :
-
-
Нема пријавено понуди
-
- }
-
- | {this.props.phoneOffer.offer_name} |
- {this.props.reportedAt.split('T')[0]} |
- {this.props.reportedBy} |
- {this.props.times_reported} |
- {
-
- this.props.removeOfferReport(this.props.id)}
- style={{fontSize: '45px'}}/>
-
- } |
-
- )
- }
-}
-
-export default SingleReportComponent
Index: onelux-frontend/src/components/PhoneCardComponent/PhoneCardComponent.css
===================================================================
--- phonelux-frontend/src/components/PhoneCardComponent/PhoneCardComponent.css (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,75 +1,0 @@
-.phonecard{
- /* background-color: #B6E2C8; */
- padding:15px;
- justify-items: center;
- padding-top: 35px;
- width: 250px;
- height: 400px;
- border-radius: 25px;
- border: 3px solid #B6E2C8;
- border-radius: 50px;
-}
-
-.phonecard:hover{
- /* background-color: #B6E2C8; */
- cursor: pointer;
- box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
- transition: box-shadow 0.5s, background-color 0.5s ;
- border-radius: 50px;
-}
-
-.phonecard img{
- width: 200px;
- height: 250px;
- border-radius: 25px;
- margin-left: 25px;
-}
-
-.phonecard-paper{
- width: fit-content;
- border-radius: 25px;
-}
-
-.phonecard-lowestprice-header, .phonecard-totaloffers-header{
- margin-top: 20px;
- text-align: right;
-}
-
-.phonecard-totaloffers-header{
- margin-top: -15px;
-}
-
-.phonecard-model-header{
- text-align: center;
- border: 1px solid rgb(161, 165, 163);
- border-radius: 20px 100px;
- background-color: rgb(222, 228, 225);
- padding: 5px;
- padding-right: 10px;
-
-}
-
-
-.phonecard-lowestprice{
- font-size: 20px;
-}
-
-.phonecard-totaloffers{
- font-size: 20px;
-}
-
-.phonecard-lowestprice-header{
- /* color: rgb(24, 117, 24); */
-}
-
-.phonecard-totaloffers-header{
- /* color: rgb(24, 117, 24); */
-}
-
-.phonecard > h5 > p{
- display: inline;
-}
-
-.phonecard > h6 > p{
- display: inline;
-}
Index: onelux-frontend/src/components/PhoneCardComponent/PhoneCardComponent.js
===================================================================
--- phonelux-frontend/src/components/PhoneCardComponent/PhoneCardComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,34 +1,0 @@
-import React, { Component } from 'react'
-import './PhoneCardComponent.css'
-import Paper from '@mui/material/Paper';
-import { Link } from 'react-router-dom';
-
-export class PhoneCardComponent extends Component {
-
- constructor(props) {
- super(props)
-
- this.state = {
-
- }
- }
-
-
-
- render() {
- return (
-
-
-
-
-
{this.props.model}
-
Најниска цена:
{this.props.lowestPrice}
ден.
-
Вкупно понуди:
{this.props.total_offers}
-
-
-
- {this.state.currentPhones.map((phone,idx) =>
- )}
-
-
-
-
-
-
- | {this.props.offer_shop} |
- {this.props.offer_name} |
- {this.props.price} ден. |
-
-
- {/* if else jsx syntax here to add icon */}
-
- {(() => {
- if(!localStorage.getItem('token'))
- {
- return <>
- }
-
- if(localStorage.getItem('offersToCompare') && localStorage.getItem('offersToCompare').includes(this.props.id))
- {
- return
-
-
- }
- else{
- return
-
-
- }
- })()}
- {
- window.location.href.split('/')[5] == 'favouriteoffers' ?
-
-
- : <>
- }
- {
- localStorage.getItem('token') && this.props.loggedUserFavouriteOffers.filter(offer => offer.id == this.props.id).length == 0?
-
-
-
- : <>
- }
-
- {
- localStorage.getItem('token') && this.props.loggedUserFavouriteOffers.filter(offer => offer.id == this.props.id).length != 0?
-
-
-
- : <>
- }
-
-
-
-
-
- |
-
- )
- }
-}
-
-PhoneOfferComponent.contextType = UserContext
-export default PhoneOfferComponent
-
Index: onelux-frontend/src/components/PhoneOfferDetailsComponent/PhoneOfferDetailsComponent.css
===================================================================
--- phonelux-frontend/src/components/PhoneOfferDetailsComponent/PhoneOfferDetailsComponent.css (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,147 +1,0 @@
-.phone-offer-details-main{
- width: 100%;
-}
-
-.phone-offer-details-table th{
- text-align: center;
- font-size: 38px;
- padding: 20px;
-}
-
-.phone-offer-details-table thead tr{
- background-color: #a6c9ab;
-}
-
-.phone-offer-details-table-row:nth-of-type(even){
- background-color: #eef2f0;
-}
-
-.phone-offer-details-table-row{
- border: 1px solid gainsboro;
-}
-
-.phone-offer-details-table{
- border-collapse: collapse;
- width: 80%;
- table-layout: fixed;
-}
-
-.phone-offer-details-table-row td{
- text-align: center;
- word-wrap: break-word;
- font-size: 22px;
- padding: 20px;
-}
-
-.phone-offer-details-table-wrapper{
- display: flex;
- justify-content: center;
- margin-top: 30px;
-}
-
-.phone-offer-details-table-section{
- display: flex;
- justify-content: center;
- margin-bottom: 50px;
-}
-
-.phone-offer-details-table-row td a{
- text-decoration: none;
-}
-
-.phone-offer-details-table-row td a:hover{
- color: rgb(40, 117, 40);
-}
-
-.phone-offer-details-last-updated-header{
- width: 25%;
- margin-left: 5%;
- padding: 10px;
- border: 1px solid rgb(199, 193, 193);
- background-color: #dadedc;
- border-radius: 50px;
- text-align: center;
-}
-
-.phone-offer-details-last-updated-wrapper{
- display: flex;
- width: 100%;
- justify-content: start;
- align-items: center;
-}
-
-.phone-offer-details-edit-header{
- width: 100%;
- margin-left: 5%;
- padding-top: 10px;
- border: 1px solid black;
- background-color: rgb(232, 243, 121);
- border-radius: 30px;
- text-align: center;
- padding: 10px;
-}
-
-.phone-offer-details-edit-header:hover{
- cursor: pointer;
- background-color: rgb(212, 219, 140);
- box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
- transition: box-shadow 0.5s, background-color 0.5s ;
-}
-
-.link-offer-edit{
- width: 15%;
- height: fit-content;
- text-decoration: none;
- display: flex;
-}
-
-.validate-offer-button{
- font-size: 17px;
- padding: 10px;
- background-color: rgb(170, 211, 240);
- border-radius: 30px;
- border: 1px solid black;
- margin-left: auto;
- margin-right: 10%;
- width: 15%;
- font-weight: bold;
- font-size: 18px;
- text-align: center;
-}
-
-.validate-offer-button:hover{
- cursor: pointer;
- background-color: rgb(149, 187, 215);
- box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
- transition: box-shadow 0.5s, background-color 0.5s ;
-}
-
-.offer-valid-header{
- font-size: 17px;
- padding: 10px;
- background-color: #96d5b0;
- border-radius: 20px;
- border: 1px solid black;
- margin-left: auto;
- margin-right: 10%;
- text-align: center;
- width: 15%;
- font-weight: bold;
- font-size: 19px;
-}
-
-.offerdetails-show-all-specs-icon:hover{
- cursor: pointer;
-}
-
-.offerdetails-show-all-specs-icon{
- margin-left: 10px;
- margin-right: 10px;
-}
-
-.offerdetails-report-icon{
- cursor: pointer;
-}
-
-
-
Index: onelux-frontend/src/components/PhoneOfferDetailsComponent/PhoneOfferDetailsComponent.js
===================================================================
--- phonelux-frontend/src/components/PhoneOfferDetailsComponent/PhoneOfferDetailsComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,247 +1,0 @@
-import React, { Component } from 'react'
-import axios from 'axios'
-import './PhoneOfferDetailsComponent.css'
-import HeaderComponent from '../HeaderComponent/HeaderComponent'
-import UserContext from '../../context/UserContext'
-import CheckIcon from '@mui/icons-material/Check';
-import { Link } from 'react-router-dom'
-import Tippy from '@tippyjs/react'
-import VisibilityIcon from '@mui/icons-material/Visibility';
-import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
-import ReportIcon from '@mui/icons-material/Report';
-
-
-export class PhoneOfferDetailsComponent extends Component {
-
- constructor(props) {
- super(props)
-
- this.state = {
- offerId: window.location.href.split('/')[4],
- offer: null,
- showAllSpecs: false
- }
- }
-
- componentDidMount(){
- this.getPhoneOffer()
- }
-
- getPhoneOffer = () => {
- axios.get('/phoneoffer/'+this.state.offerId)
- .then(response => {
- this.setState({
- offer: response.data
- })
- }).catch(error => console.log(error))
- }
-
- validateOffer = () => {
- var config = {
- method: 'put',
- url: '/admin/validateoffer/'+this.state.offerId,
- headers: {
- 'Authorization': 'Bearer '+localStorage.getItem('token')
- }
- };
-
- axios(config)
- .then(response => {
- this.getPhoneOffer();
- })
- .catch(error => {
- console.log(error);
- });
- }
-
-
- changeShownSpecs = () => {
- this.setState({
- showAllSpecs: !this.state.showAllSpecs
- })
- }
-
- reportOffer = () =>{
- alert('Пратена е пријава до администратор за невалидност на спецификациите на понудата!')
- var config = {
- method: 'post',
- url: '/offerreport/'+this.state.offerId+'/'+this.context.userId,
- headers: {
- 'Authorization': 'Bearer '+localStorage.getItem('token')
- }
- };
-
- axios(config)
- .then(function (response) {
- console.log(JSON.stringify(response.data));
- })
- .catch(function (error) {
- console.log(error);
- });
- }
-
- render() {
- console.log(this.state)
- return (
-
-
-
-
Последно ажурирана: {this.state.offer == null ||
- this.state.offer.last_updated == null ? '#' : this.state.offer.last_updated.split('T')[0]}
- {
- localStorage.getItem('token') ?
-
-
- : <>
- }
- {
- localStorage.getItem('token') ?
- this.state.showAllSpecs ?
-
-
- :
-
-
- : <>
- }
-
- {
- localStorage.getItem('token') && (this.context.role == 'ADMIN' || this.context.role == 'SUPERADMIN') ?
-
- Измени понуда
- : <>
- }
-
-
- {(() => {
- if(this.state.offer != null && this.state.offer.is_validated)
- {
- return
-
-
- }
-
- if(this.state.offer != null && !this.state.offer.is_validated &&
- (this.context.role == 'ADMIN' || this.context.role == 'SUPERADMIN'))
- {
- return
- }
-
- })()}
-
-
-
-
-
-
-
- |
- Детали за понудата
- |
|---|
-
-
-
- | Понуда | {this.state.offer == null || this.state.offer.offer_name == null ?
- '/' : this.state.offer.offer_name} |
-
-
-
- | Продавница | {this.state.offer == null ||
- this.state.offer.offer_shop == null ? '/' : this.state.offer.offer_shop} |
-
-
-
- | Цена | {this.state.offer == null ||
- this.state.offer.price == null ? '/' : this.state.offer.price+' ден.'} |
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Предна камера") ?
-
- | Предна камера | {this.state.offer == null ||
- this.state.offer.front_camera == null ? '/' : this.state.offer.front_camera} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Задна камера") ?
-
- | Задна камера | {this.state.offer == null ||
- this.state.offer.back_camera == null ? '/' : this.state.offer.back_camera} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("РОМ меморија") ?
-
- | РОМ меморија | {this.state.offer == null ||
- this.state.offer.rom_memory == null ? '/' : this.state.offer.rom_memory} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("РАМ меморија") ?
-
- | РАМ меморија | {this.state.offer == null ||
- this.state.offer.ram_memory == null ? '/' : this.state.offer.ram_memory} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Оперативен систем") ?
-
- | Оперативен систем | {this.state.offer == null ||
- this.state.offer.operating_system == null ? '/' : this.state.offer.operating_system} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Чипсет") ?
-
- | Чипсет | {this.state.offer == null ||
- this.state.offer.chipset == null ? '/' : this.state.offer.chipset} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Процесор") ?
-
- | Процесор | {this.state.offer == null ||
- this.state.offer.cpu == null ? '/' : this.state.offer.cpu} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Батерија") ?
-
- | Батерија | {this.state.offer == null ||
- this.state.offer.battery == null ? '/' : this.state.offer.battery} |
-
: <>
- }
-
- { this.state.showAllSpecs ||
- !localStorage.getItem('pickedSpecifications') || localStorage.getItem('pickedSpecifications').includes("Боја") ?
-
- | Боја | {this.state.offer == null ||
- this.state.offer.color == null ? '/' : this.state.offer.color} |
-
: <>
- }
-
-
- | Опис | {this.state.offer == null ||
- this.state.offer.offer_description == null ? '/' : this.state.offer.offer_description} |
-
-
-
-
-
-
-
-
-
-
-
-
Понуди: {this.props.total_offers}
-
-
-
-
- 
-
-
-
-
-
{this.props.model}
-
-
-
-
-
-
-
-
- | Продавница |
- Име на понуда |
- Цена |
- |
-
-
-
- {
- this.state.phone_offers.map((offer,idx) => )
- }
-
-
-
-
-
-
-
-
- Изберете спецификации кои што сакате да се прикажани
-
- {['РАМ меморија', 'РОМ меморија', 'Предна камера', 'Задна камера',
- 'Чипсет', 'Процесор', 'Оперативен систем', 'Боја', 'Батерија'].map((value) => {
- const labelId = `checkbox-list-label-${value}`;
- return (
-
-
-
-
-
-
-
-
- );
- })}
-
-
-
-
- | {this.props.store} |
- {this.props.status == 'success' ? Успешно
- :
- Неуспешно} |
- {this.props.recievedAt.split('T')[0]} |
-
- )
- }
-}
-
-export default ScrapperInfoComponent
Index: onelux-frontend/src/components/ScrappersComponent/ScrappersComponent.css
===================================================================
--- phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.css (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,52 +1,0 @@
-.scrappers-section-header{
- background-color: #B6E2C8;
- justify-content: center;
- align-content: center;
- margin-top: -30px;
- width: 100%;
- display: flex;
- font-size: 18px;
-}
-.scrappers-section-header-text{
- width: fit-content;
-}
-
-
-.scrappers-section-table{
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
-}
-
-.scrappers-section-table-row{
- border: 1px solid gainsboro;
- padding: 20px ;
- font-size: 18px;
-}
-
-.scrappers-section-table td{
- text-align: center;
- word-wrap: break-word;
-}
-
-.scrappers-section-table-head{
- background-color: #a6c9ab;
- font-size: 22px;
-}
-
-.scrappers-section-table-head th{
- word-wrap: break-word;
- width: 100%;
-}
-
-.scrapper-info-failed{
- color: red;
-}
-
-.scrapper-info-success{
- color: #58ad7b;
-}
-
-.scrappers-section-table-row{
- font-weight: bold;
-}
Index: onelux-frontend/src/components/ScrappersComponent/ScrappersComponent.js
===================================================================
--- phonelux-frontend/src/components/ScrappersComponent/ScrappersComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,69 +1,0 @@
-import axios from 'axios'
-import React, { Component } from 'react'
-import HeaderComponent from '../HeaderComponent/HeaderComponent'
-import ScrapperInfoComponent from './ScrapperInfoComponent'
-import "./ScrappersComponent.css"
-
-export class ScrappersComponent extends Component {
- constructor(props) {
- super(props)
-
- this.state = {
- scrapperinfos: []
- }
-
- }
-
- componentDidMount(){
- var config = {
- method: 'get',
- url: '/scrapperinfo',
- headers: {
- 'Authorization': 'Bearer '+localStorage.getItem('token')
- }
- };
-
- axios(config)
- .then(response => {
- this.setState({
- scrapperinfos: response.data
- })
- })
- .catch(error => {
- console.log(error);
- });
- }
-
- render() {
- return (
-
-
-
-
- Преземање на содржина
-
-
-
-
-
-
-
- | Продавница |
- Статус |
- Датум |
-
-
-
- {
- this.state.scrapperinfos.map((info,idx) => )
- }
-
-
-
-
-
-
-
- Менаџмент со корисници
-
-
-
-
-
-
-
- | Име |
- Презиме |
- Е-маил адреса |
- Привилегии |
-
- this.getUsers(event.target.value)} className="search-user-field">
-
-
-
-
-
- |
-
-
-
- {
- this.state.currentUsers.map((user,idx) => )
- }
-
-
-
-
-
-
- | {this.props.firstname} |
- {this.props.lastname} |
- {this.props.email} |
- {this.props.role == 'USER' ? 'Регистриран корисник' : 'Администратор'} |
- {
- this.props.role == 'USER' ?
- :
-
- } |
-
- )
- }
-}
-
-export default UserComponent
Index: onelux-frontend/src/components/UserFavouriteOffersComponent/UserFavouriteOffersComponent.css
===================================================================
--- phonelux-frontend/src/components/UserFavouriteOffersComponent/UserFavouriteOffersComponent.css (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,13 +1,0 @@
-.user-favourite-offers-header{
- background-color: #B6E2C8;
- justify-content: center;
- align-content: center;
- margin-top: -30px;
- width: 100%;
- display: flex;
- font-size: 18px;
-}
-.user-favourite-offers-header-text{
- width: fit-content;
-}
-
Index: onelux-frontend/src/components/UserFavouriteOffersComponent/UserFavouriteOffersComponent.js
===================================================================
--- phonelux-frontend/src/components/UserFavouriteOffersComponent/UserFavouriteOffersComponent.js (revision 47f4eafa88902f713d8f8cfe5d10306816c61ea3)
+++ (revision )
@@ -1,120 +1,0 @@
-import axios from 'axios'
-import React, { Component } from 'react'
-import UserContext from '../../context/UserContext'
-import HeaderComponent from '../HeaderComponent/HeaderComponent'
-import "./UserFavouriteOffersComponent.css"
-import StarIcon from '@mui/icons-material/Star';
-import PhoneOfferComponent from '../PhoneOfferComponent/PhoneOfferComponent'
-import CheaperOffersComponent from '../CheaperOffersComponent/CheaperOffersComponent'
-import { wait } from '@testing-library/user-event/dist/utils'
-
-export class UserFavouriteOffersComponent extends Component {
- constructor(props) {
- super(props)
-
- this.state = {
- userFavouriteOffers: [],
- openModal : false,
- cheaperOffers: [],
- openedOfferPrice: 0,
- }
- }
-
- componentDidMount(){
- if(!localStorage.getItem('token')){
- window.location.href = "/"
- }
-
- this.getFavouriteOffersForLoggedUser()
- }
-
- getFavouriteOffersForLoggedUser = () => {
- var config = {
- method: 'get',
- url: '/user/'+window.location.href.split('/')[4]+'/favouriteoffers',
- headers: {
- 'Authorization': 'Bearer '+localStorage.getItem('token')
- }
- };
-
- axios(config)
- .then(response => {
- this.setState({
- userFavouriteOffers: response.data
- })
- })
- .catch(error => {
- console.log(error)
- })
- }
-
- handleClose = () =>{
- this.setState({
- openModal: false
- })
- }
-
- handleOpen = (cheaperOffersToShow,offer_price) =>{
- this.setState({
- openModal: true,
- cheaperOffers: cheaperOffersToShow,
- openedOfferPrice: offer_price
- })
- }
-
- render() {
- // console.log(this.context)
-
- return (
-
-
-
-
-
- Омилени понуди
-
-
-
-
- {(() => {
- if(this.state.userFavouriteOffers.length != 0){
- return
-
-
- | Продавница |
- Име на понуда |
- Цена |
- |
-
-
-
- {
- this.state.userFavouriteOffers.map((offer,idx) => )
- }
-
-
- }
- else{
- return
Нема зачувано понуди
- }
-
- })()}
-
-
-