Skip to content

Componentifying #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shadowlerone wants to merge 11 commits into
base: develop
Choose a base branch
from
Open

Componentifying #45

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ae61c78
merged menu-rewrite changes
shadowlerone Jun 22, 2021
96fe6e4
renamed package
shadowlerone Jun 22, 2021
5c55ec7
Merge branch 'develop' of https://github.com/opencoca/lt2d_school int…
shadowlerone Jun 22, 2021
4e2a976
added important sizing to #app_opener
shadowlerone Jun 23, 2021
98345da
slight dot design change
shadowlerone Jun 23, 2021
9990dec
componentified!
shadowlerone Jun 23, 2021
b9ec450
added options to window and header
shadowlerone Jun 23, 2021
8c34557
Fixed issue #46
shadowlerone Jun 25, 2021
7fda54b
room-menu now closes when a room is selected
shadowlerone Jun 25, 2021
3b29d4d
fixed issue with rooms only opening half the time
shadowlerone Jun 25, 2021
de19cbf
fixed meeting missing switcher
shadowlerone Jun 25, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "image-based-selection-component",
"name": "latitude-school",
"version": "0.1.0",
"private": true,
"description": "",
Expand All @@ -14,7 +14,8 @@
"vue": "^2.6.14",
"vue-page-title": "^1.2.4",
"vue-router": "^3.5.2",
"vue-simple-alert": "^1.1.1"
"vue-simple-alert": "^1.1.1",
"vue-svg-inline-plugin": "^2.2.0"
},
"devDependencies": {
"@vue/cli-plugin-eslint": "^4.5.13",
Expand All @@ -24,7 +25,8 @@
"eslint-plugin-vue": "^6.0.1",
"less": "^4.1.1",
"less-loader": "^8.1.1",
"vue-template-compiler": "^2.6.14"
"vue-template-compiler": "^2.6.14",
"vue-svg-inline-plugin": "^2.2.0"
},
"eslintConfig": {
"root": true,
Expand Down
5,814 changes: 5,814 additions & 0 deletions public/assets/Home.ai
View file
Open in desktop

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions public/assets/home - Copy.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions public/assets/home/SVG/Dot 1 - 24pt - Dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions public/assets/home/SVG/Dot 2 - 24pt - Dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions public/assets/home/SVG/Dot 3 - 24pt - Dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions public/assets/home/SVG/Ellipses - centered - Dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions public/assets/home/SVG/Home - Dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions public/assets/home/SVG/Q - Dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions public/assets/switcher.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
206 changes: 129 additions & 77 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,96 +1,148 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<link rel="icon" href="/favicon.ico" />
<title>Latitude</title>
</head>
<body>
<noscript>
<strong
>We're sorry but LT2D doesn't work properly without JavaScript
enabled. Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>

<script type="text/javascript">
var faq = false;
function breakout(t, link){
console.log("Clicked!")
var coll = document.getElementsByClassName("dot");
console.log(coll);
Array.from(coll).forEach(e => e.classList.remove("active"));
t.classList.add("active");
return false;
}
var count = 1;
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<link rel="icon" href="/favicon.ico" />

<title>Latitude</title>
</head>

function openWindowSide() {
var j;
var a;
try {
j = document.getElementById("jitsi");
a = document.getElementById("apps");
if (j === null || a === null){
throw "j or a == Null"
}
} catch (error) {
j = document.getElementById("list_jitsi");
a = document.getElementById("list_snap");
<body>
<noscript>
<strong>We're sorry but LT2D doesn't work properly without JavaScript
enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>

<script type="text/javascript">
var faq = false;
function closeMenu(id) {
var i = document.getElementById(id);
i.classList.remove("open")
syncState(id);
}
function toggleMenu(button) {
var i = document.getElementById(button.dataset.menu);
i.classList.toggle("open");
button.classList.toggle("open")
syncState(button.dataset.menu);
}
function breakout(t, link) {
console.log("Clicked!")
var coll = document.getElementsByClassName("dot");
console.log(coll);
Array.from(coll).forEach(e => e.classList.remove("active"));
t.classList.add("active");
return false;
}
var count = 1;
var val;
function get_iframes() {
var j;
var a;
try {
j = document.getElementById("jitsi");
a = document.getElementById("apps");
if (j === null || a === null) {
throw "j or a == Null"
}

var i = document.getElementById("app_opener");
[count, i.src] = cycle();
if (count % 3 == 0) {
} catch (error) {
j = document.getElementById("list_jitsi");
a = document.getElementById("list_snap");
}
return [j, a];
}
function openWindowSide() {
var i = document.getElementById("app_opener");
var cls = ["app_fullscreen", "meeting_fullscreen", "half"];
i.classList.remove(...cls);
[count, val] = cycle();
i.classList.add(val);
resize(count);
//window.dispatchEvent(new Event("resize"));
}
function resize(count) {
var [j, a] = get_iframes();
switch (count % 3) {
case 0:
j.className = 'Open';
a.className = 'Close';
} else if (count % 3 == 1) {
break;
case 1:
j.className = 'Half';
a.className = 'Half';
} else if (count % 3 == 2) {
break;
case 2:
j.className = 'Close';
a.className = 'Open';
}
//window.dispatchEvent(new Event("resize"));
break;
default:
j.className = 'Half';
a.className = 'Half';
break;
}
function cycle(){
const Radios = document.getElementsByName("app_state");
for(i = 0; i < Radios.length; i++){
if (Radios[i].checked) {
var out = (i+1)%Radios.length;
Radios[out].checked = true;
return [out, Radios[out].value];
}
return count;
}
function cycle() {
const Radios = document.getElementsByName("app_state");
for (i = 0; i < Radios.length; i++) {
if (Radios[i].checked) {
var out = (i + 1) % Radios.length;
Radios[out].checked = true;
return [out, Radios[out].value];
}
}
function faq(){
var j;
var a;
try {
j = document.getElementById("jitsi");
a = document.getElementById("apps");
if (j === null || a === null){
throw "j or a == Null"
}
} catch (error) {
j = document.getElementById("list_jitsi");
a = document.getElementById("list_snap");
}
function faq() {
var j;
var a;
try {
j = document.getElementById("jitsi");
a = document.getElementById("apps");
if (j === null || a === null) {
throw "j or a == Null"
}
var f = document.getElementById('faq');
j.className = 'Close';
a.className = 'Close';
f.className = 'Half';
f = true;
} catch (error) {
j = document.getElementById("list_jitsi");
a = document.getElementById("list_snap");
}
var f = document.getElementById('faq');
j.className = 'Close';
a.className = 'Close';
f.className = 'Half';
f = true;
}

function syncState(menu) {
var state = document.getElementById(menu).classList.contains("open");
console.log(state);
Array.from(
document.getElementsByClassName('menu-toggle')
)
.filter(i => i.dataset.menu == menu)
.forEach(
(m) => {
if (state) {
console.log(m);
m.classList.add("open");
} else {
console.log(m);
m.classList.remove("open");
}
});
console.log("State Synced");
}

openWindowSide();

</script>

</html>
</script>
<script src="//cdn.jsdelivr.net/npm/vue-svg-inline-plugin"></script>
<script src="//cdn.jsdelivr.net/npm/vue-svg-inline-plugin/dist/vue-svg-inline-plugin-modern.min.js"></script>

</html>
18 changes: 15 additions & 3 deletions src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,8 @@ export default {
fetch("https://api.centrepreville.org/classrooms/")
.then(response => response.json())
.then(data => {
this.rooms = data.results;
this.filtered_rooms = data.results;
this.rooms = data.results.filter(r => r.classroom != null);
this.filtered_rooms = this.rooms;
console.log(this.rooms);
});
},
Expand All @@ -71,8 +71,20 @@ export default {
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 45px;
/* margin-top: 45px; */
max-height: 100vh;
max-width: 100vw;
}
/* This is stupid and hopefully temporary */
body {
height: 100vh;
}

#app, .mb-4, .mb-4 > * {
height: 100%;
}



.menu__item {
display: flex;
Expand Down
Loading