as-upload
Version:
Publish AssemblyScript Packages To The AssemblyScript Package List
86 lines (72 loc) • 3.04 kB
HTML
<script src="/jquery.min.js">
</script>
<!--<script src="/main.js"></script>-->
<link rel="shortcut icon" href="/logo.svg" type="image/svg+xml">
<link rel="stylesheet" href="/main.css">
<title>Packages | AssemblyScript</title>
<body>
<!--Navbar-->
<div class="navbar">
<img class="navbar-logo" src="/logo.svg" height: 40px; wclassth: 40px;>
<div class="navbar-logoText">AssemblyScript
<div class="navbar-logoSubText">Packages</div>
</div>
<textarea class="searchText" placeholder="Search for packages"></textarea>
<div class="navbar-content">
<a class="navbar-about" href="https://assemblyscript.org/" rel="nofollow">About</a>
<a class="navbar-docs" href="https://assemblyscript.org/introduction.html" rel="nofollow">Docs</a>
<a class="navbar-packages" href="https://assemblyscript.org/introduction.html" rel="nofollow">Packages</a>
<!--<button class="navbar-login">Login</button>-->
<button class="navbar-signup">Signup</button>
<div class="searchResults"></div>
</div>
</div>
<!--Signup Widget-->
<div class="signup">
</div>
<!--Main Text-->
<div class="info">
<div class="infoDiscover">Discover AssemblyScript.
<div class="discoverText">Explore the power of AssemblyScript through a list of packages made for you.<br>With 💗 - The AssemblyScript Team</div>
</div>
</div>
<!--Star Animation-->
<div class="stars"></div>
<div class="stars2"></div>
<div class="stars3"></div>
</body>
<script>
let loginButtonEnabled = false
$(document).ready(async () => {
const loginButton = $('.navbar-signup')
loginButton.on('click', () => {
if (loginButtonEnabled === false) {
$('.signup').html(`
<div class="mainPanel">
<input type="text" class="panelUsername" placeholder="Username"></input>
<input type="email" class="panelEmail" placeholder="Email"></input>
<input type="password" class="panelPassword" placeholder="Password"></input>
<button class="panelButton">Signup</button>
</div>
`)
loginButtonEnabled = true
} else {
$('.signup').html(``)
loginButtonEnabled = false
}
})
const searchBar = $('.searchText')
searchBar.keypress(async(key) => {
console.log(key.keyCode)
const search = await fetch(`https://assemblyscript-packages.jairussw.repl.co/search?query=${$('.searchText').val()}`)
const results = JSON.parse(await search.text())
let format = ''
for (let i = 0; i < results.length; i++) {
const element = results[i]
format += element.name
}
$('.searchResults').html(format)
})
})
</script>