From 94cd6f22637d0cc3246813006d60eb248a8bdf06 Mon Sep 17 00:00:00 2001 From: Francisco Pessano Date: Mon, 25 Oct 2021 13:24:47 -0300 Subject: [PATCH] Admin place demo look done --- .../control-panelDemo/admin-header-demo.css | 28 +++ .../admin-header-demo.css.map | 1 + public/css/index.css | 51 +++- public/css/index.css.map | 2 +- public/sass/{_form.scss => _identify.scss} | 13 +- .../sass/control-panelDemo/_demo-message.scss | 28 +++ .../control-panelDemo/admin-header-demo.scss | 41 ++++ public/sass/index.scss | 6 +- src/App.js | 13 +- .../Form/AditionalText/AditionalText.jsx | 15 ++ .../AdminIdentify/Identify/Form/Form.jsx | 3 + .../Actions/AddCategory/AddCategory.jsx | 4 +- .../Control Panel/Actions/AddWord/AddWord.jsx | 12 +- .../Actions/DeleteCategory/DeleteCategory.jsx | 4 +- .../Actions/DeleteWord/DeleteWord.jsx | 4 +- .../Actions/EditWord/EditWord.jsx | 4 +- src/components/Admin/Header/AdminHeader.jsx | 6 +- .../Control Panel/ActionsDemo/ActionsDemo.jsx | 40 ++++ .../AddCategoryDemo/AddCategoryDemo.jsx | 97 ++++++++ .../ActionsDemo/AddWordDemo/AddWordDemo.jsx | 181 ++++++++++++++ .../DeleteCategoryDemo/DeleteCategoryDemo.jsx | 95 ++++++++ .../DeleteWordDemo/DeleteWordDemo.jsx | 174 ++++++++++++++ .../ActionsDemo/EditWordDemo/EditWordDemo.jsx | 220 ++++++++++++++++++ .../Control Panel/DemoControlPanel.jsx | 33 +++ .../Control Panel/DemoMessage/DemoMessage.jsx | 34 +++ .../DemoMessage/DemoMessageLogic.js | 9 + .../Control Panel/Scripts/Capilazate.js | 4 + .../Control Panel => }/Loading/Loading.jsx | 0 .../Loading/loading-light-theme.png | Bin .../Control Panel => }/Messages/Messages.jsx | 0 30 files changed, 1101 insertions(+), 21 deletions(-) create mode 100644 public/css/control-panelDemo/admin-header-demo.css create mode 100644 public/css/control-panelDemo/admin-header-demo.css.map rename public/sass/{_form.scss => _identify.scss} (88%) create mode 100644 public/sass/control-panelDemo/_demo-message.scss create mode 100644 public/sass/control-panelDemo/admin-header-demo.scss create mode 100644 src/components/Admin/AdminIdentify/Identify/Form/AditionalText/AditionalText.jsx create mode 100644 src/components/Demo Admin/Control Panel/ActionsDemo/ActionsDemo.jsx create mode 100644 src/components/Demo Admin/Control Panel/ActionsDemo/AddCategoryDemo/AddCategoryDemo.jsx create mode 100644 src/components/Demo Admin/Control Panel/ActionsDemo/AddWordDemo/AddWordDemo.jsx create mode 100644 src/components/Demo Admin/Control Panel/ActionsDemo/DeleteCategoryDemo/DeleteCategoryDemo.jsx create mode 100644 src/components/Demo Admin/Control Panel/ActionsDemo/DeleteWordDemo/DeleteWordDemo.jsx create mode 100644 src/components/Demo Admin/Control Panel/ActionsDemo/EditWordDemo/EditWordDemo.jsx create mode 100644 src/components/Demo Admin/Control Panel/DemoControlPanel.jsx create mode 100644 src/components/Demo Admin/Control Panel/DemoMessage/DemoMessage.jsx create mode 100644 src/components/Demo Admin/Control Panel/DemoMessage/DemoMessageLogic.js create mode 100644 src/components/Demo Admin/Control Panel/Scripts/Capilazate.js rename src/components/{Admin/Control Panel => }/Loading/Loading.jsx (100%) rename src/components/{Admin/Control Panel => }/Loading/loading-light-theme.png (100%) rename src/components/{Admin/Control Panel => }/Messages/Messages.jsx (100%) diff --git a/public/css/control-panelDemo/admin-header-demo.css b/public/css/control-panelDemo/admin-header-demo.css new file mode 100644 index 0000000..d1ef7ab --- /dev/null +++ b/public/css/control-panelDemo/admin-header-demo.css @@ -0,0 +1,28 @@ +header.demo h1 { + height: 100%; + display: flex; + align-items: center; +} +header.demo h1 span.demoSpan { + background: -webkit-linear-gradient(118deg, #ffaa3b 0%, #ff6b00 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + display: flex; + align-items: center; +} +header.demo h1 span.demoSpan:hover { + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.demo h1 span.demoSpan:active { + -webkit-transform: rotate(4deg); + transform: rotate(4deg); +} + +/*# sourceMappingURL=admin-header-demo.css.map */ diff --git a/public/css/control-panelDemo/admin-header-demo.css.map b/public/css/control-panelDemo/admin-header-demo.css.map new file mode 100644 index 0000000..61df664 --- /dev/null +++ b/public/css/control-panelDemo/admin-header-demo.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../sass/control-panelDemo/admin-header-demo.scss"],"names":[],"mappings":"AAEI;EAEI;EAEA;EACA;;AAEA;EAII;EACA;EACA;EAIA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA","file":"admin-header-demo.css"} \ No newline at end of file diff --git a/public/css/index.css b/public/css/index.css index 80fab86..2173eb2 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -436,7 +436,6 @@ header .redirect-button:hover { transition: ease-in-out 0.4s; } .form-container form { - height: 64vh; display: flex; flex-direction: column; align-items: center; @@ -457,6 +456,13 @@ header .redirect-button:hover { border-bottom: 0; border: 1px solid #797979; } +.form-container p.aditional-text { + color: #3670c9; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; +} .form-container .loading { opacity: 70%; } @@ -779,5 +785,48 @@ header .redirect-button:hover { font-size: 12pt; } } +.control-panel .demo-message-container { + display: flex; + justify-content: center; + padding-top: 5vh; +} +.control-panel .demo-message-container .demo-message { + font-family: "Raleway", sans-serif; + font-weight: bold; + background-color: #f7f7f7; + width: 40vw; + display: flex; + align-items: center; + flex-direction: column; + border: 1px solid #c4c4c4; + border-radius: 5px; +} + +header.demo h1 { + height: 100%; + display: flex; + align-items: center; +} +header.demo h1 span.demoSpan { + background: -webkit-linear-gradient(118deg, #ffaa3b 0%, #ff6b00 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + display: flex; + align-items: center; +} +header.demo h1 span.demoSpan:hover { + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; +} +header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.demo h1 span.demoSpan:active { + -webkit-transform: rotate(4deg); + transform: rotate(4deg); +} /*# sourceMappingURL=index.css.map */ diff --git a/public/css/index.css.map b/public/css/index.css.map index ad67ade..cf75830 100644 --- a/public/css/index.css.map +++ b/public/css/index.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_form.scss","../sass/_message.scss","../sass/control-panel/_control-panel.scss","../sass/control-panel/_action-form.scss","../sass/control-panel/_message.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_identify.scss","../sass/_message.scss","../sass/control-panel/_control-panel.scss","../sass/control-panel/_action-form.scss","../sass/control-panel/_message.scss","../sass/control-panelDemo/_demo-message.scss","../sass/control-panelDemo/admin-header-demo.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/public/sass/_form.scss b/public/sass/_identify.scss similarity index 88% rename from public/sass/_form.scss rename to public/sass/_identify.scss index 4034596..5c5a05c 100644 --- a/public/sass/_form.scss +++ b/public/sass/_identify.scss @@ -38,7 +38,7 @@ form { - height: 64vh; + //height: 64vh; display: flex; flex-direction: column; @@ -72,6 +72,17 @@ } } + p.aditional-text { + + color:rgb(54, 112, 201); + + cursor: pointer; + + display: flex; + justify-content: center; + align-items: center; + } + .loading { opacity: 70%; } diff --git a/public/sass/control-panelDemo/_demo-message.scss b/public/sass/control-panelDemo/_demo-message.scss new file mode 100644 index 0000000..01e3bb4 --- /dev/null +++ b/public/sass/control-panelDemo/_demo-message.scss @@ -0,0 +1,28 @@ +.control-panel { + + .demo-message-container { + + display: flex; + justify-content: center; + + padding-top: 5vh; + + .demo-message { + + @include titleFont(); + + background-color: rgb(247, 247, 247); + + width: 40vw; + + display: flex; + align-items: center; + flex-direction: column; + + border: 1px solid rgb(196, 196, 196); + + border-radius: 5px; + + } + } +} \ No newline at end of file diff --git a/public/sass/control-panelDemo/admin-header-demo.scss b/public/sass/control-panelDemo/admin-header-demo.scss new file mode 100644 index 0000000..b02de3c --- /dev/null +++ b/public/sass/control-panelDemo/admin-header-demo.scss @@ -0,0 +1,41 @@ +header.demo { + + h1 { + + height: 100%; + + display: flex; + align-items: center; + + span.demoSpan { + + //color: #ffaa3b; + + background: -webkit-linear-gradient(118deg, rgba(255,170,59,1) 0%, rgba(255,107,0,1) 100%); //!Credits https://cssgradient.io + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + //!Credits https://cssgradient.io/blog/css-gradient-text/ + //height: 100%; + + display: flex; + align-items: center; + + &:hover { + //display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + } + + &:hover, &:focus, &:active { + -webkit-transform: rotate(4deg); + transform: rotate(4deg); + } + } + } +} \ No newline at end of file diff --git a/public/sass/index.scss b/public/sass/index.scss index 93cdd0b..ebc5df6 100644 --- a/public/sass/index.scss +++ b/public/sass/index.scss @@ -26,6 +26,8 @@ html, body { @import 'loading'; @import 'letters-registered'; @import 'letter-input'; -@import 'form'; +@import 'identify'; @import 'message'; -@import './control-panel/control-panel'; \ No newline at end of file +@import './control-panel/control-panel'; +@import './control-panelDemo/demo-message'; +@import './control-panelDemo/admin-header-demo.scss' \ No newline at end of file diff --git a/src/App.js b/src/App.js index 8efa8b4..0fd33ea 100644 --- a/src/App.js +++ b/src/App.js @@ -8,12 +8,13 @@ import { Route, Link } from "react-router-dom"; -import AppHeader from "./components/Game/components/AppHeader/AppHeader"; -import AdminHeader from "./components/Admin/Header/AdminHeader"; +//import AppHeader from "./components/Game/components/AppHeader/AppHeader"; +//import AdminHeader from "./components/Admin/Header/AdminHeader"; import ControlPanel from "./components/Admin/Control Panel/ControlPanel"; -import Identify from "./components/Admin/AdminIdentify/Identify/Identify"; +//import Identify from "./components/Admin/AdminIdentify/Identify/Identify"; import Game from "./components/Game/Game"; import AdminIdentify from "./components/Admin/AdminIdentify/AdminIdentify"; +import DemoControlPanel from "./components/Demo Admin/Control Panel/DemoControlPanel"; function App() { return ( @@ -21,6 +22,12 @@ function App() { <> + + + + + + diff --git a/src/components/Admin/AdminIdentify/Identify/Form/AditionalText/AditionalText.jsx b/src/components/Admin/AdminIdentify/Identify/Form/AditionalText/AditionalText.jsx new file mode 100644 index 0000000..f3bdb89 --- /dev/null +++ b/src/components/Admin/AdminIdentify/Identify/Form/AditionalText/AditionalText.jsx @@ -0,0 +1,15 @@ +import React from 'react' +import { withRouter } from 'react-router' + +const AditionalText = (props) => { + + return ( +

props.history.push(props.link)}> + {props.text} +

+ ) +} + +export default withRouter(AditionalText) diff --git a/src/components/Admin/AdminIdentify/Identify/Form/Form.jsx b/src/components/Admin/AdminIdentify/Identify/Form/Form.jsx index fd00bbf..5bc96c7 100644 --- a/src/components/Admin/AdminIdentify/Identify/Form/Form.jsx +++ b/src/components/Admin/AdminIdentify/Identify/Form/Form.jsx @@ -1,5 +1,6 @@ import React, {useState} from 'react' import Loading from '../../../../Game/components/Loading/Loading' +import AditionalText from './AditionalText/AditionalText' import MessageContainer from './MessageContainer' import FormActions from './Scripts/FormActions' @@ -130,6 +131,8 @@ const Form = () => { : null } + + ) } diff --git a/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx b/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx index cd9a2d7..cbf0dcf 100644 --- a/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx +++ b/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx @@ -1,7 +1,7 @@ import React, {useState} from 'react' import AddCategoryToFirebase from './Firebase Querys/AddCategoryToFirebase' -import Loading from '../../Loading/Loading' -import Messages from '../../Messages/Messages' +import Loading from '../../../../Loading/Loading' +import Messages from '../../../../Messages/Messages' import SendMeEmail from '../../Email/SendMeEmail' const AddCategory = () => { diff --git a/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx b/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx index c954c72..583c2ed 100644 --- a/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx +++ b/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx @@ -1,9 +1,9 @@ import React, {useState} from 'react' -import Loading from '../../Loading/Loading' +import Loading from '../../../../Loading/Loading' import BringCategories from './Firebase Querys/BringCategories' import BringLanguages from './Firebase Querys/BringLanguages' import capitalize from '../../Scripts/Capilazate' -import Messages from '../../Messages/Messages' +import Messages from '../../../../Messages/Messages' import AddWordToFirebase from './Firebase Querys/AddWordToFirebase' import SendMeEmail from '../../Email/SendMeEmail' @@ -39,6 +39,12 @@ const AddWord = () => { }, []) + const changeLanguage = (e) => { + + setLanguageSelection(e.target.value) + setCategorySelection(false) + } + const submitInformation = async (e) => { e.preventDefault() @@ -132,7 +138,7 @@ const AddWord = () => { onSubmit={(e) => submitInformation(e)} > setCategoryEnglish(e.target.value)} + value={categoryEnglish} + /> + + setFristWordEnglish(e.target.value)} + value={fristWordEnglish} + /> + + +
+ setCategorySpanish(e.target.value)} + value={categorySpanish} + /> + + setFristWordSpanish(e.target.value)} + value={fristWordSpanish} + /> +
+ + + + + } + + ) +} + +export default AddCategoryDemo diff --git a/src/components/Demo Admin/Control Panel/ActionsDemo/AddWordDemo/AddWordDemo.jsx b/src/components/Demo Admin/Control Panel/ActionsDemo/AddWordDemo/AddWordDemo.jsx new file mode 100644 index 0000000..09d0726 --- /dev/null +++ b/src/components/Demo Admin/Control Panel/ActionsDemo/AddWordDemo/AddWordDemo.jsx @@ -0,0 +1,181 @@ +import React, {useState} from 'react' +import capitalize from '../../../../Admin/Control Panel/Scripts/Capilazate' +import Loading from '../../../../Loading/Loading' +import Messages from '../../../../Messages/Messages' +import DemoMessage from '../../DemoMessage/DemoMessage' +import DemoMessageLogic from '../../DemoMessage/DemoMessageLogic' + +const AddWordDemo = () => { + const [loading, setLoading] = useState(true) + const [languageList, setLanguageList] = useState([]) + const [categoryList, setCategoryList] = useState([]) + + const [languageSelection, setLanguageSelection] = useState(false) + const [categorySelection, setCategorySelection] = useState(false) + const [wordsToAdd, setWordsToAdd] = useState('') + + const [data, setData] = useState(false) + + const [canceledAddingWords, setCanceledAddingWords] = useState(false) + + const [message, setMessage] = useState(false) + + const bringData = async () => { + + setLanguageList(['english', 'spanish']) + setCategoryList(['Category A', 'Category B', 'Category C']) + + setLoading(false) + } + + React.useEffect(() => { + + bringData() + + }, []) + + const submitInformation = async (e) => { + + e.preventDefault() + setLoading(true) + + setData(false) + setCanceledAddingWords(false) + + if (!languageSelection || languageSelection === 'default') { + + setData({ + sucess: false, + message: `Language is not supposed to be empty` + }) + await setLoading(false) + + return + } + + if (!categorySelection || categorySelection === 'default') { + + setData({ + sucess: false, + message: `Category is not supposed to be empty` + }) + await setLoading(false) + + return + } + + if (!wordsToAdd || wordsToAdd === '') { + + setData({ + sucess: false, + message: `Words is not supposed to be empty` + }) + await setLoading(false) + + return + } + + // // let splitedWords = wordsToAdd.split(',') + + // // splitedWords = splitedWords.map(word => word.trim()) + // // splitedWords = splitedWords.map(word => word.toLowerCase()) + // // splitedWords = splitedWords.map(word => capitalize(word)) + + // const uploadWordsPromise = new Promise((resolve, reject) => { + + // splitedWords.forEach(async (word, index) => { + + // if (!canceledAddingWords) { + + // if (await AddWordToFirebase(languageSelection, categorySelection, word, setData) === 'error') { + + // setCanceledAddingWords(true) + // } + + // if (index === splitedWords.length -1) resolve(); + // } + // }) + // } + // ) + + setData({ + sucess: true, + message: 'All Right!' + }) + + setLanguageSelection('') + setCategorySelection('') + setWordsToAdd('') + + setLoading(false) + ////SendMeEmail('Add Word(s)') + + //! CREDITS FOR THE PROMISE LOGIC: https://stackoverflow.com/a/38407013 + + setMessage(true) + } + + const changeLanguage = (e) => { + + setLanguageSelection(e.target.value) + setCategorySelection(false) + } + + return ( + <> + { + data ? + + : null + } + { + loading ? + + : +
+
submitInformation(e)} + > + + + +