ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

studio popup test

This commit is contained in:
Thomas G 2022-08-27 12:22:02 +10:00
parent 5db50c7efd
commit fa524fa9dc
3 changed files with 22 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
public/js/main.js
View File

@ -1,84 +1,7 @@
window.addEventListener('resize', function() {
var logo_full = document.getElementById("logo_full")
var logo_small = document.getElementById("logo_small")
var BuildBtn = document.getElementById("smallbtn0")
var ProfileBtn = document.getElementById("smallbtn2")
var SettingsBtn = document.getElementById("smallbtn3")
var CatalogBtn = document.getElementById("smallbtn4")
var GameBtn = document.getElementById("smallbtn5")
var navbarusername = document.getElementById("navbarusername")
var viewport_width = window.innerWidth;
if (viewport_width < 900) {
logo_full.className = "invisible";
logo_small.className = "";
} else {
logo_small.className = "invisible";
logo_full.className = "";
}
if (viewport_width < 730) {
BuildBtn.className = "invisible";
CatalogBtn.className = "invisible";
} else {
BuildBtn.className = "navbarbutton";
CatalogBtn.className = "navbarbutton";
}
if (viewport_width < 564 ) {
GameBtn.className = "invisible";
ProfileBtn.className = "invisible";
} else {
GameBtn.className = "navbarbutton";
ProfileBtn.className = "navbarbutton";
}
if (viewport_width < 400) {
SettingsBtn.className = "invisible";
} else {
SettingsBtn.className = "navbarbutton";
}
if (viewport_width < 360) {
navbarusername.className = "invisible";
} else {
navbarusername.className = "nonbolded";
}
});
window.onload = function() {
var logo_full = document.getElementById("logo_full")
var logo_small = document.getElementById("logo_small")
var BuildBtn = document.getElementById("smallbtn0")
var ProfileBtn = document.getElementById("smallbtn2")
var SettingsBtn = document.getElementById("smallbtn3")
var CatalogBtn = document.getElementById("smallbtn4")
var GameBtn = document.getElementById("smallbtn5")
var navbarusername = document.getElementById("navbarusername")
var viewport_width = window.innerWidth;
if (viewport_width < 900) {
logo_full.className = "invisible";
logo_small.className = "";
} else {
logo_small.className = "invisible";
logo_full.className = "";
}
if (viewport_width < 730) {
BuildBtn.className = "invisible";
CatalogBtn.className = "invisible";
} else {
BuildBtn.className = "navbarbutton";
CatalogBtn.className = "navbarbutton";
}
if (viewport_width < 564 ) {
GameBtn.className = "invisible";
ProfileBtn.className = "invisible";
} else {
GameBtn.className = "navbarbutton";
ProfileBtn.className = "navbarbutton";
}
if (viewport_width < 400) {
SettingsBtn.className = "invisible";
} else {
SettingsBtn.className = "navbarbutton";
}
if (viewport_width < 360) {
navbarusername.className = "invisible";
} else {
navbarusername.className = "nonbolded";
}
};
function openStudioPopup(placeid) {
document.querySelector('.popupcontainer_studio').removeAttribute('id');
window.location.href = "archbloxstudio://";
}
function closeStudioPopup() {
document.querySelector('.popupcontainer_studio').setAttribute("id", "invisible");
}

15
resources/views/layouts/app.blade.php
View File

@ -16,6 +16,7 @@
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<script src="{{ asset('js/main.js?id=' . Str::random(8)) }}"></script>
@auth
@switch (Auth::user()->settings->theme)
@case(5)
@ -111,7 +112,7 @@
<ul id="ctl00_cphBanner_ctl00_MenuUL">
<li><a class="navbarbutton" id="smallbtn5" href="{{ route('incomplete') }}">Games</a></li>
<li><a class="navbarbutton" id="smallbtn4" href="{{ route('catalog') }}">Catalog</a></li>
<li><a class="navbarbutton" id="smallbtn0" href="archbloxstudio://">Build</a></li>
<li><a class="navbarbutton" id="smallbtn0" onclick="openStudioPopup()">Build</a></li>
<li><a class="navbarbutton" id="smallbtn2" href="@guest {{ route('login') }}
@else
{{ route('profile', Auth::id()) }} @endguest">Profile</a></li>
@ -166,6 +167,18 @@
@yield('custom_content')
@yield('popup_content')
@section('popup_content')
<div class="popupcontainer_studio" id="invisible">
<div class="popup">
<h2 id="heading">Launching ARCHBLOX Studio...</h2>
<p>Don't have Archblox Studio installed?</p>
<button class="greenbutton">Click here to download ARCHBLOX Studio</button>
<br>
<button class="redbutton" onclick="closeStudioPopup()">Close</button>
</div>
</div>
<div class="content">
@yield('content')
</div>

2
resources/views/misc/settings.blade.php
View File

@ -1,7 +1,7 @@
@extends('layouts.app')
@section('title')
<title>Settings - {{ env('APP_NAME') }}</title>
<script src="{{ asset('js/settings.js?id=h8z4lam02') }}"></script>
<script src="{{ asset('js/settings.js?id=' . Str::random(8)) ) }}"></script>
<style>
.bio_form {
width: 50%