diff --git a/DEV4.1/tp4/ex1/css/style.css b/DEV4.1/tp4/ex1/css/style.css new file mode 100644 index 0000000..08a7fcb --- /dev/null +++ b/DEV4.1/tp4/ex1/css/style.css @@ -0,0 +1,87 @@ +main { + position: absolute; + top: 2rem; + left: 50%; + transform: translate(-50%, 0); + } + .loader { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + .loader { + margin: 6rem 0 0; + } + .error { + color: #FFFAAA; + margin: 1rem 0; + } + label { + align-items: center; + display: flex; + flex-direction: column; + font-size: 1.6rem; + } + label span { + text-shadow: 1px 1px 2px rgba(0,0,0,0.8); + } + input { + margin: 1rem 0 0; + font-size: 1.6rem; + font-weight: 300; + padding: 0.8rem 1rem; + color: white; + border: 1px solid rgba(255, 255, 255, 0.05); + background: rgba(255, 255, 255, 0.05); + transition: all 0.3s; + box-shadow: 1px 1px 2px rgba(0,0,0, 0.3); + -moz-appearance:none; + -webkit-appearance:none; + outline: none; + } + input:focus { + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.08); + } + ul { + padding: 0; + margin: 1rem 0 2rem; + } + ul li { + padding: 0.6rem 1rem; + margin: 1px 0; + line-height: 1.4rem; + display: flex; + justify-content: space-between; + align-items: center; + align-content: space-between; + text-shadow: 1px 1px 2px rgba(0,0,0,0.8); + background: rgba(255, 255, 255, 0.08); + box-shadow: 0 0 2px rgba(0,0,0, 0.3); + box-sizing: border-box; + } + ul li:hover, + ul li:active, + ul li:focus { + background: rgba(255, 255, 255, 0.1); + } + ul li a { + margin: 0 0.6rem 0 0; + text-decoration: none; + color: white; + } + ul li span { + opacity: 0.5; + } + +body { + margin: 0; + font-family: 'Helvetica Neue', Helvetica, Arial; + font-weight: 300; + background-size: cover; + background-attachment: fixed; + background-image: -webkit-radial-gradient(ellipse farthest-corner at top, #661141, #000000); + background-image: radial-gradient(ellipse farthest-corner at top, #661141, #000000); + color: white; +} diff --git a/DEV4.1/tp4/ex1/img/puff.svg b/DEV4.1/tp4/ex1/img/puff.svg new file mode 100644 index 0000000..d598440 --- /dev/null +++ b/DEV4.1/tp4/ex1/img/puff.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/DEV4.1/tp4/ex1/index.html b/DEV4.1/tp4/ex1/index.html new file mode 100644 index 0000000..47fca34 --- /dev/null +++ b/DEV4.1/tp4/ex1/index.html @@ -0,0 +1,28 @@ + + + + + + + + + + + +
+ + +
+ +
+ +

+
+
+
+ + + diff --git a/DEV4.1/tp4/ex1/js/app.js b/DEV4.1/tp4/ex1/js/app.js new file mode 100644 index 0000000..41b3952 --- /dev/null +++ b/DEV4.1/tp4/ex1/js/app.js @@ -0,0 +1,7 @@ +import model from './model' +import Controller from './controller' +import View from './view' + +const view = new View() +const app = new Controller(view,model) + diff --git a/DEV4.1/tp4/ex1/js/controller.js b/DEV4.1/tp4/ex1/js/controller.js new file mode 100644 index 0000000..51c16e6 --- /dev/null +++ b/DEV4.1/tp4/ex1/js/controller.js @@ -0,0 +1,45 @@ +class Controller { + constructor(view,model){ + this.view = view + this.model = model + + this.loading = false + this.lastSearch = null + this.error = null + this.results = [] + + this.view.setLoading(false) + this.view.bindSearch(this.search.bind(this)) + } + reset() { + this.loading = false + this.error = null + this.results = [] + } + + async search(searchMovie) { + try { + this.reset(); + this.loading = true; + this.view.setLoading(true); + + const movies = await this.model.getMovies(searchMovie); + + if (movies && movies.length > 0) { + this.results = movies; + } else { + this.error = "No movies found."; + } + } catch (error) { + console.error('Error occurred during search:', error); + this.error = "An error occurred during search."; + } finally { + this.loading = false; + this.view.setLoading(false); + this.view.renderResults(this.results, this.error); + } + } +} + +export default Controller + diff --git a/DEV4.1/tp4/ex1/js/helpers.js b/DEV4.1/tp4/ex1/js/helpers.js new file mode 100644 index 0000000..9fa1095 --- /dev/null +++ b/DEV4.1/tp4/ex1/js/helpers.js @@ -0,0 +1,12 @@ +// Returns a function, that, as long as it continues to be invoked, will not +// be triggered. The function will be called after it stops being called for +// N milliseconds. +function debounce(fn, wait) { + let timeout + + return (...args) => { + clearTimeout(timeout) + timeout = setTimeout(() => fn(...args), wait) + } +} +export default debounce diff --git a/DEV4.1/tp4/ex1/js/model.js b/DEV4.1/tp4/ex1/js/model.js new file mode 100644 index 0000000..9f41a12 --- /dev/null +++ b/DEV4.1/tp4/ex1/js/model.js @@ -0,0 +1,23 @@ +let apiKey = 'a776e2df' + +let model = { + getMovies(search){ + return new Promise((resolve, reject) => { + fetch(`http://www.omdbapi.com/?apikey=${apiKey}&s=${search}`) + .then(response => { + if (!response.ok) { + throw new Error('Network response was not ok'); + } + return response.json(); + }) + .then(data => { + resolve(data.Search); + }) + .catch(error => { + console.error('There was a problem with the fetch operation:', error);} + ) + }) + } +} + +export default model diff --git a/DEV4.1/tp4/ex1/js/view.js b/DEV4.1/tp4/ex1/js/view.js new file mode 100644 index 0000000..1073be2 --- /dev/null +++ b/DEV4.1/tp4/ex1/js/view.js @@ -0,0 +1,54 @@ +import debounce from "./helpers.js" + +class View { + constructor(){ + this.listMovies = document.querySelector("#list-movies") + this.inputSearch = document.querySelector("input") + this.loader = document.querySelector(".loader") + this.message = document.querySelector("p.error") + } + + _getInput(){ + return this.inputSearch.value + } + + setLoading(loading){ + if (loading) + this.loader.style.display = "block" + else + this.loader.style.display = "none" + } + + renderMessage(error){ + this.message.style.display = "block" + this.message.textContent = error + } + + renderList(movies){ + let ul = document.createElement("ul") + movies.forEach((movie)=>{ + let li = document.createElement("li") + let a = document.createElement("a") + let span = document.createElement("span") + a.href = `http://www.imdb.com/title/${movie.imdbID}` + a.target="_blank" + a.textContent = movie.Title + span.textContent = movie.Year + + + li.appendChild(a) + li.appendChild(span) + ul.appendChild(li) + }) + + this.listMovies.replaceChildren(ul) + } + + bindSearch(handler){ + this.inputSearch.addEventListener("input",debounce((e)=>{ + handler(this._getInput()) + },500)) + } +} + +export default View diff --git a/DEV4.1/tp4/ex3/app.js b/DEV4.1/tp4/ex3/app.js new file mode 100644 index 0000000..6ac2d1d --- /dev/null +++ b/DEV4.1/tp4/ex3/app.js @@ -0,0 +1,9 @@ +import {tableManager} from './modules/table' +import loader from './modules/loader' +let leagues = [] + +let leagueList = document.querySelector(".menu-list") +let table = new tableManager(document.querySelector("table tbody")) +let loader = new loader(document.getElementById("loader")) + +// TODO diff --git a/DEV4.1/tp4/ex3/css/style.css b/DEV4.1/tp4/ex3/css/style.css new file mode 100644 index 0000000..4e4eb9c --- /dev/null +++ b/DEV4.1/tp4/ex3/css/style.css @@ -0,0 +1,25 @@ +div.is-loading { + position: fixed; + z-index: 999; + overflow: show; + margin: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +div.is-loading:after { + animation: spinAround 500ms infinite linear; + border: 2px solid hsl(0deg, 0%, 86%); + border-radius: 9999px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + position: relative; + top: calc(50% - 5em); + left: calc(50% - 5em); + width: 10em; + height: 10em; + border-width: 0.25em; +} diff --git a/DEV4.1/tp4/ex3/index.html b/DEV4.1/tp4/ex3/index.html new file mode 100644 index 0000000..278830b --- /dev/null +++ b/DEV4.1/tp4/ex3/index.html @@ -0,0 +1,75 @@ + + + + + + + + + + + + French Soccer + + +
+
+
+ +
+
+ +
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PosTeamPldWDLGFGAGDPts
PosTeamPldWDLGFGAGDPts
+
+
+
+ + + diff --git a/DEV4.1/tp4/ex3/modules/helpers.js b/DEV4.1/tp4/ex3/modules/helpers.js new file mode 100644 index 0000000..d1c2e58 --- /dev/null +++ b/DEV4.1/tp4/ex3/modules/helpers.js @@ -0,0 +1,11 @@ +function debounce(f,wait) +{ + let timeout + + return function(...args){ + clearTimeout(timeout) + timeout=setTimeout(()=>f(...args),wait) + } +} + +export default debounce diff --git a/DEV4.1/tp4/ex3/modules/loader.js b/DEV4.1/tp4/ex3/modules/loader.js new file mode 100644 index 0000000..92bf1b6 --- /dev/null +++ b/DEV4.1/tp4/ex3/modules/loader.js @@ -0,0 +1,15 @@ +class loader { + div = null + constructor(node){ + this.div = node + } + set(loading){ + if (loading) + this.div.classList.add("is-loading") + else + this.div.classList.remove("is-loading") + } +} + + +export default loader diff --git a/DEV4.1/tp4/ex3/modules/table.js b/DEV4.1/tp4/ex3/modules/table.js new file mode 100644 index 0000000..d701780 --- /dev/null +++ b/DEV4.1/tp4/ex3/modules/table.js @@ -0,0 +1,85 @@ +import debounce from './helpers' + + +class tableManager { + tbody = null + props = ["intRank","strTeamBadge","strTeam","intPlayed","intWin","intDraw", + "intLoss","intGoalsFor","intGoalsAgainst","intGoalDifference","intPoints"] + sort = -1 // -1 ou 1 + teamSearch = '' + data = [] // données à afficher + // + constructor(tbodyNode){ + this.tbody = tbodyNode + + + document + .getElementById("myInput") + .addEventListener("input",debounce(e=>{ + this.teamSearch = e.target.value.toUpperCase() + this.tableRender() + },500)) + + document + .getElementById("sort") + .addEventListener("click",((e) => { + this.sort *= -1 + e.preventDefault() + this.tableRender() + + })) + + } + setData(data){ + this.data = data + } + _setDate = (()=>{ + if (this.data.length == 0 ) return + let date=new Date(this.data[0].dateUpdated) + document.getElementById("date").textContent = date.toLocaleDateString("fr") + }) + + setNom(nom){ + document.getElementById("nom").textContent = nom + } + _getRow = (v => { + let tr = document.createElement("tr") + for (let p of this.props){ + let td = document.createElement("td") + if (p !== "strTeamBadge"){ + td.textContent = v[p] + } else { + let figure = document.createElement("figure") + let img = document.createElement("img") + figure.classList.add("image","is-32x32") + img.src = v[p] + figure.appendChild(img) + td.appendChild(figure) + } + tr.appendChild(td) + } + return tr + }) + + tableRender(){ + let dataFilter + if (this.teamSearch) + dataFilter = this.data.filter( item => item.strTeam.toUpperCase().includes(this.teamSearch)) + else + dataFilter = [...this.data] + + dataFilter.sort((eq1,eq2)=>this.sort*(eq2.intRank - eq1.intRank)) + this._setDate() + + let content = document.createDocumentFragment() + dataFilter.forEach(v =>{ + content.appendChild(this._getRow(v)) + }) + + this.tbody.replaceChildren(content) + } +} + +export { tableManager } + + diff --git a/DEV4.5/.idea/.name b/DEV4.5/.idea/.name deleted file mode 100644 index dab4da8..0000000 --- a/DEV4.5/.idea/.name +++ /dev/null @@ -1 +0,0 @@ -Choix \ No newline at end of file diff --git a/DEV4.5/ChatRelative/.idea/deploymentTargetDropDown.xml b/DEV4.5/ChatRelative/.idea/deploymentTargetDropDown.xml new file mode 100644 index 0000000..0c0c338 --- /dev/null +++ b/DEV4.5/ChatRelative/.idea/deploymentTargetDropDown.xml @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/DEV4.5/ChatRelative/.idea/gradle.xml b/DEV4.5/ChatRelative/.idea/gradle.xml index a2d7c21..0897082 100644 --- a/DEV4.5/ChatRelative/.idea/gradle.xml +++ b/DEV4.5/ChatRelative/.idea/gradle.xml @@ -4,15 +4,15 @@ diff --git a/DEV4.5/ChatRelative/.idea/migrations.xml b/DEV4.5/ChatRelative/.idea/migrations.xml new file mode 100644 index 0000000..f8051a6 --- /dev/null +++ b/DEV4.5/ChatRelative/.idea/migrations.xml @@ -0,0 +1,10 @@ + + + + + + \ No newline at end of file diff --git a/DEV4.5/ChatRelative/.idea/misc.xml b/DEV4.5/ChatRelative/.idea/misc.xml index 773fe0f..0ad17cb 100644 --- a/DEV4.5/ChatRelative/.idea/misc.xml +++ b/DEV4.5/ChatRelative/.idea/misc.xml @@ -1,6 +1,7 @@ + - + diff --git a/DEV4.5/.idea/vcs.xml b/DEV4.5/ChatRelative/.idea/vcs.xml similarity index 68% rename from DEV4.5/.idea/vcs.xml rename to DEV4.5/ChatRelative/.idea/vcs.xml index 6c0b863..b2bdec2 100644 --- a/DEV4.5/.idea/vcs.xml +++ b/DEV4.5/ChatRelative/.idea/vcs.xml @@ -1,6 +1,6 @@ - + \ No newline at end of file diff --git a/DEV4.5/Fleche/.idea/gradle.xml b/DEV4.5/Fleche/.idea/gradle.xml index 59b02ee..cb865f6 100644 --- a/DEV4.5/Fleche/.idea/gradle.xml +++ b/DEV4.5/Fleche/.idea/gradle.xml @@ -4,9 +4,8 @@