progress #11
Toolsheds/distribusi-verse:main
into main
7 months ago
@ -1,34 +0,0 @@ |
|||||
# these are some notes |
|
||||
|
|
||||
from distribusi.cli import build_argparser |
|
||||
# from distribusi.distribusi import distribusify |
|
||||
Works! |
|
||||
|
|
||||
# Shit! We need entire CRUD functionality. |
|
||||
Done! |
|
||||
## Create: |
|
||||
Done |
|
||||
|
|
||||
### Uploading |
|
||||
Done |
|
||||
|
|
||||
### CSS editing. |
|
||||
a user can edit CSS of a file in the folder called $distribusiname |
|
||||
Todo: render the placeholder for html editor better. |
|
||||
|
|
||||
### Theme selection |
|
||||
a user can select a CSS file from a radio menu |
|
||||
|
|
||||
### Distribusi |
|
||||
A flag in de DB is set to true and distribusi is run on the folder of the users |
|
||||
called $distribusiname |
|
||||
|
|
||||
## Read: |
|
||||
Based on flags set in the user DB the distribusi folders are set to visible. |
|
||||
|
|
||||
|
|
||||
## Update: |
|
||||
Done |
|
||||
|
|
||||
## Delete: |
|
||||
Done |
|
@ -1,3 +1,3 @@ |
|||||
from setuptools import setup, find_packages |
from setuptools import find_packages, setup |
||||
|
|
||||
setup(name='library', version='1.0', packages=find_packages()) |
setup(name="library", version="1.0", packages=find_packages()) |
||||
|
@ -0,0 +1,48 @@ |
|||||
|
from flask import Blueprint |
||||
|
from flask_login import login_required |
||||
|
|
||||
|
from distribusikan.distribusiselector import DistribusiSelector |
||||
|
|
||||
|
# Distribusi Information |
||||
|
from distribusikan.distribusisinfo import DistribusisInfo |
||||
|
from distribusikan.distribusiworkflow import DistribusiWorkflow |
||||
|
from distribusikan.editor import Editor |
||||
|
from distribusikan.themeselector import ThemeSelector |
||||
|
from distribusikan.uploadpage import UploadPage |
||||
|
|
||||
|
distribusikan = Blueprint( |
||||
|
"distribusikan", |
||||
|
__name__, |
||||
|
template_folder="templates/distribusikan", |
||||
|
static_folder="static", |
||||
|
) |
||||
|
|
||||
|
|
||||
|
@distribusikan.route("/distribusi", methods=["GET", "POST"]) |
||||
|
@login_required |
||||
|
def distribusi(): |
||||
|
return DistribusiWorkflow() |
||||
|
|
||||
|
|
||||
|
@distribusikan.route("/upload", methods=["POST"]) |
||||
|
@login_required |
||||
|
def upload(): |
||||
|
return UploadPage() |
||||
|
|
||||
|
|
||||
|
@distribusikan.route("/theme", methods=["GET", "POST"]) |
||||
|
@login_required |
||||
|
def theme(): |
||||
|
return ThemeSelector() |
||||
|
|
||||
|
|
||||
|
@distribusikan.route("/editor", methods=["GET", "POST"]) |
||||
|
@login_required |
||||
|
def editor(): |
||||
|
return Editor() |
||||
|
|
||||
|
|
||||
|
@distribusikan.route("/selector", methods=["GET", "POST"]) |
||||
|
@login_required |
||||
|
def selector(): |
||||
|
return DistribusiSelector() |
@ -1,7 +1,7 @@ |
|||||
from flask_login import current_user |
from flask_login import current_user |
||||
|
|
||||
from usermodel import User |
from models.distribusi_model import Distribusis |
||||
from distribusimodel import Distribusis |
from models.user_model import User |
||||
|
|
||||
|
|
||||
class DistribusisInfo: |
class DistribusisInfo: |
@ -1,4 +1,4 @@ |
|||||
{% extends "base.html" %} |
{% extends "base/base.html" %} |
||||
{% block main %} |
{% block main %} |
||||
<div id="buttons"> |
<div id="buttons"> |
||||
<div class="overview"> |
<div class="overview"> |
@ -1,7 +1,7 @@ |
|||||
<div id="distribusi" class="workflow"> |
<div id="distribusi" class="workflow"> |
||||
<h2>Welcome back to your Distribusi</h2> |
<h2>Welcome back to your Distribusi</h2> |
||||
<p>You have already uploaded a distribusi website:</p> |
<p>You have already uploaded a distribusi website:</p> |
||||
<form method="POST" enctype="multipart/form-data" action="{{ url_for('selector') }}"> |
<form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusikan.selector') }}"> |
||||
{{ selectorform.csrf_token }} |
{{ selectorform.csrf_token }} |
||||
<fieldset class="required"> |
<fieldset class="required"> |
||||
{{ selectorform.distribusis.label }} |
{{ selectorform.distribusis.label }} |
@ -1,6 +1,6 @@ |
|||||
{% extends "base.html" %} |
{% extends "base/base.html" %} |
||||
{% block main %} |
{% block main %} |
||||
<form method="POST" enctype="multipart/form-data" action="{{ url_for('editor') }}" class="editform"> |
<form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusikan.editor') }}" class="editform"> |
||||
<div class="editareas"> |
<div class="editareas"> |
||||
<div class="editarea editor"> |
<div class="editarea editor"> |
||||
<fieldset class="required"> |
<fieldset class="required"> |
@ -1,20 +1,21 @@ |
|||||
from flask import render_template |
from flask import render_template |
||||
|
|
||||
|
from app import APP |
||||
|
from distribusikan.distribusiselector import SelectorVisible |
||||
|
from distribusikan.distribusisinfo import DistribusisInfo |
||||
|
from distribusikan.upload import UploadNewDistribusi, UploadUpdatedFiles |
||||
from forms.distribusiform import DistribusiForm |
from forms.distribusiform import DistribusiForm |
||||
from forms.themeform import ThemeForm |
|
||||
from forms.publicthemeform import PublicThemeForm |
from forms.publicthemeform import PublicThemeForm |
||||
from forms.selectorform import SelectorForm |
from forms.selectorform import SelectorForm |
||||
|
from forms.themeform import ThemeForm |
||||
|
|
||||
# UserPengguna |
# UserPengguna |
||||
from statuspengguna.helper import UserHelper |
from statuspengguna.helper import UserHelper |
||||
|
|
||||
from upload import UploadNewDistribusi, UploadUpdatedFiles |
|
||||
from distribusisinfo import DistribusisInfo |
|
||||
from distribusiselector import SelectorVisible |
|
||||
|
|
||||
|
|
||||
def UploadPage(uploadfolder): |
def UploadPage(): |
||||
"render upload page section of distribusi workflow" |
"render upload page section of distribusi workflow" |
||||
|
uploadfolder = APP.config["UPLOAD_FOLDER"] |
||||
distribusiform = DistribusiForm() |
distribusiform = DistribusiForm() |
||||
themeform = ThemeForm() |
themeform = ThemeForm() |
||||
publicthemeform = PublicThemeForm() |
publicthemeform = PublicThemeForm() |
@ -0,0 +1,17 @@ |
|||||
|
from app import db |
||||
|
|
||||
|
|
||||
|
class DistribusiFiles(db.Model): |
||||
|
"""Distribusi file model class for a single file in a distribusi""" |
||||
|
|
||||
|
__tablename__ = "distribusi_files" |
||||
|
|
||||
|
id = db.Column(db.Integer, primary_key=True) |
||||
|
type = db.Column(db.String(300), nullable=False, unique=True) |
||||
|
distribusi = db.Column(db.Integer, db.ForeignKey("distribusis.id")) |
||||
|
path = db.Column(db.String(4096), nullable=True, unique=False) |
||||
|
description = db.Column(db.String(9), nullable=True, unique=False) |
||||
|
tags = db.Column(db.String(500), nullable=True, unique=False) |
||||
|
|
||||
|
def __repr__(self): |
||||
|
return "<Distribusi_File %r>" % self.distribusiname |
@ -0,0 +1,4 @@ |
|||||
|
title = "Varia Archive X Distribusi-Verse" |
||||
|
categories = ["event","gathering","work session","workgroup","performance","music event"] |
||||
|
start_time = 2017-11-03 |
||||
|
end_time = 2025-12-31 |
@ -0,0 +1,69 @@ |
|||||
|
/* Dropdown Button */ |
||||
|
/* for sorting on year and category |
||||
|
*/ |
||||
|
button { |
||||
|
background-color: #E0B0FF; |
||||
|
text-decoration: none; |
||||
|
border: none; |
||||
|
} |
||||
|
.filter { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.activebtn { |
||||
|
background-color: #62b264; |
||||
|
} |
||||
|
|
||||
|
.show { |
||||
|
display: block; |
||||
|
} |
||||
|
.dropdown { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
/* Dropdown Content (Hidden by Default) */ |
||||
|
.dropdown-content { |
||||
|
display: none; |
||||
|
position: absolute; |
||||
|
background-color: #E0B0FF; |
||||
|
min-width: 120px; |
||||
|
border: 2px solid; |
||||
|
z-index: 1; |
||||
|
border-style: outset; |
||||
|
} |
||||
|
|
||||
|
/* Links inside the dropdown */ |
||||
|
.dropdown-content button { |
||||
|
color: black; |
||||
|
padding: 6px; |
||||
|
border: none; |
||||
|
min-width: inherit; |
||||
|
text-align: left; |
||||
|
text-decoration: none; |
||||
|
display: block; |
||||
|
} |
||||
|
.dropbtn { |
||||
|
margin-top: 1em; |
||||
|
} |
||||
|
/* Change color of dropdown links on hover */ |
||||
|
.dropdown-content button:hover {background-color: #62b264;} |
||||
|
|
||||
|
|
||||
|
/* Show the dropdown menu on hover */ |
||||
|
.dropdown:hover .dropdown-content {display: block;} |
||||
|
|
||||
|
/* Change the background color of the dropdown button when the dropdown content is shown */ |
||||
|
.dropdown:hover .dropbtn {background-color: #62b264;} |
||||
|
|
||||
|
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { |
||||
|
.dropdown-content button { |
||||
|
font-size: 0.7em; |
||||
|
} |
||||
|
.container > button { |
||||
|
font-size: 0.7em; |
||||
|
} |
||||
|
.dropdown > button { |
||||
|
font-size: 0.7em; |
||||
|
} |
||||
|
} |
@ -0,0 +1,50 @@ |
|||||
|
.editareas { |
||||
|
margin: auto; |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
} |
||||
|
.editarea { |
||||
|
width: 30%; |
||||
|
border: 3px solid #E0B0FF; |
||||
|
border-style: outset; |
||||
|
margin-right: 1em; |
||||
|
margin-left: 0; |
||||
|
} |
||||
|
|
||||
|
.editor { |
||||
|
min-width: 35%; |
||||
|
} |
||||
|
.editform { |
||||
|
width: 100%%; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
#editorsubmitform { |
||||
|
padding-top: 1em; |
||||
|
} |
||||
|
.required label { |
||||
|
display: block; |
||||
|
padding-bottom: 2px; |
||||
|
width: 100% |
||||
|
} |
||||
|
textarea { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
box-sizing: border-box; |
||||
|
min-height: 250px; |
||||
|
background: #E0B0FF; |
||||
|
outline: none; |
||||
|
font-family: Courier, sans-serif; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
iframe { |
||||
|
bottom: 0; |
||||
|
position: relative; |
||||
|
margin-top: 1em; |
||||
|
width: 100%; |
||||
|
height: 30em; |
||||
|
} |
||||
|
#html { |
||||
|
background-color: #60337F; |
||||
|
color: lightgrey; |
||||
|
} |
@ -0,0 +1,53 @@ |
|||||
|
.selector-style { |
||||
|
padding: 0; |
||||
|
width: 20em; |
||||
|
max-width: 20em; |
||||
|
position: relative; |
||||
|
border: none; |
||||
|
background: #E0B0FF; |
||||
|
text-decoration: none; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
margin: 1px; |
||||
|
} |
||||
|
|
||||
|
.selector-style select { |
||||
|
padding: 0.2em 0.2em; |
||||
|
width: 20em; |
||||
|
max-width: 20em; |
||||
|
border: none; |
||||
|
box-shadow: none; |
||||
|
background-color: #E0B0FF; |
||||
|
background-image: none; |
||||
|
-webkit-appearance: none; |
||||
|
-moz-appearance: none; |
||||
|
appearance: none; |
||||
|
} |
||||
|
|
||||
|
.selector-style:after { |
||||
|
top: 50%; |
||||
|
left: 95%; |
||||
|
border: solid; |
||||
|
content: " "; |
||||
|
height: 0; |
||||
|
width: 0; |
||||
|
position: absolute; |
||||
|
pointer-events: none; |
||||
|
border-color: rgba(0, 0, 0, 0); |
||||
|
border-top-color: #000000; |
||||
|
margin-top: -2px; |
||||
|
z-index: 100; |
||||
|
} |
||||
|
select.selector option{ |
||||
|
color: white; |
||||
|
background-color: #60337F; |
||||
|
padding: 0 10px; |
||||
|
} |
||||
|
|
||||
|
.selector-style select:focus { |
||||
|
outline: none; |
||||
|
} |
||||
|
.selector-style select option:hover { |
||||
|
background: #60337F; |
||||
|
} |
@ -0,0 +1,281 @@ |
|||||
|
body |
||||
|
{ |
||||
|
font-family: monospace, monospace; |
||||
|
font-size: 15px; |
||||
|
background-color: #fdfdfd; |
||||
|
color:#29d148; |
||||
|
word-wrap: break-word; |
||||
|
line-height: 1.1; |
||||
|
} |
||||
|
|
||||
|
div#login{ |
||||
|
width: 30%; |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
background-color:#fdfdfd; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
div#login form { |
||||
|
width: 24em; |
||||
|
margin: 0 auto; |
||||
|
padding-left: 15%; |
||||
|
padding-right: 15%; |
||||
|
} |
||||
|
|
||||
|
input[type=text], input[type=password], input[type=file] { |
||||
|
color: #C397DF; |
||||
|
width: 18em; |
||||
|
max-width: 18em; |
||||
|
background-color: #fdfdfd; |
||||
|
border: 1px solid #E0B0FF; |
||||
|
} |
||||
|
|
||||
|
div#upload form { |
||||
|
padding-right: 15%; |
||||
|
} |
||||
|
|
||||
|
.workflow{ |
||||
|
margin-top: 1em; |
||||
|
padding: 0.5em; |
||||
|
padding-left: auto; |
||||
|
padding-right: auto; |
||||
|
width: 31em; |
||||
|
background-color:#fdfdfd; |
||||
|
text-decoration: none; |
||||
|
scroll-behavior: smooth; |
||||
|
border-style: outset; |
||||
|
} |
||||
|
.workflow > p { |
||||
|
padding-left: 1em; |
||||
|
} |
||||
|
.workflow > h2 { |
||||
|
padding-left: 0.4em;; |
||||
|
} |
||||
|
|
||||
|
.workflow input{ |
||||
|
max-width: 20em; |
||||
|
} |
||||
|
|
||||
|
#mainworkflow |
||||
|
{ |
||||
|
width: 30em; |
||||
|
margin:0 auto; |
||||
|
} |
||||
|
|
||||
|
#distribusiverse { |
||||
|
margin-bottom: 11em; |
||||
|
} |
||||
|
#distribusi-index { |
||||
|
padding-left: 1em; |
||||
|
} |
||||
|
|
||||
|
div#buttons{ |
||||
|
position: fixed; |
||||
|
top: 0.5em; |
||||
|
right: 0.5em; |
||||
|
display:flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
div#buttons .distribusi input{ |
||||
|
border: none; |
||||
|
background: #fff600; |
||||
|
text-decoration: none; |
||||
|
margin: 0.2em; |
||||
|
} |
||||
|
div#buttons .distribusi input:hover{ |
||||
|
background: #ffbf00; |
||||
|
|
||||
|
} |
||||
|
fieldset.required { |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
fieldset.required > ul { |
||||
|
padding-left: 0px; |
||||
|
} |
||||
|
|
||||
|
fieldset.required > ul > li{ |
||||
|
list-style-type: none; |
||||
|
} |
||||
|
fieldset.tagfield > input { |
||||
|
width: 100%; |
||||
|
max-width: 100%; |
||||
|
} |
||||
|
#publicthemes > ul { |
||||
|
max-height: 20em; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
#publicthemes > ul > li{ |
||||
|
word-break: break-all; |
||||
|
} |
||||
|
|
||||
|
input { |
||||
|
border: none; |
||||
|
background: #E0B0FF; |
||||
|
text-decoration: none; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
margin: 0.2em; |
||||
|
} |
||||
|
|
||||
|
input:hover { |
||||
|
background: #60337F; |
||||
|
} |
||||
|
|
||||
|
input[type="submit"]:disabled:hover, |
||||
|
input[type="submit"]:disabled, |
||||
|
input[type="submit"]:disabled:focus { |
||||
|
background-color: #2D3039; |
||||
|
color: #d28cff; |
||||
|
} |
||||
|
|
||||
|
.error { |
||||
|
font-size: 110%; |
||||
|
color: #F92020; |
||||
|
} |
||||
|
|
||||
|
#delete { |
||||
|
color: black; |
||||
|
background-color: #F92020; |
||||
|
} |
||||
|
|
||||
|
#update { |
||||
|
color: black; |
||||
|
background-color: #62b264; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* unvisited link */ |
||||
|
a:link { |
||||
|
color: #fff600; |
||||
|
} |
||||
|
|
||||
|
/* visited link */ |
||||
|
a:visited { |
||||
|
color: #d28cff; |
||||
|
} |
||||
|
|
||||
|
/* mouse over link */ |
||||
|
a:hover { |
||||
|
color: #60337F; |
||||
|
} |
||||
|
|
||||
|
/* selected link */ |
||||
|
a:active { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
/* STOLEN GOODS */ |
||||
|
#fancyboi::before { |
||||
|
content: "$ "; |
||||
|
} |
||||
|
|
||||
|
@media (prefers-reduced-motion: no-preference) { |
||||
|
@keyframes flash { |
||||
|
50% { opacity: 0; } |
||||
|
} |
||||
|
@keyframes reveal { |
||||
|
from { width: 2em; } /* Width of ::before */ |
||||
|
to { width: 55%; } |
||||
|
} |
||||
|
#fancyboi { |
||||
|
width: 55%; |
||||
|
padding: 0.5em; |
||||
|
overflow: hidden; |
||||
|
white-space: nowrap; |
||||
|
animation: reveal 4s linear; |
||||
|
text-overflow: "█"; |
||||
|
background-color: #2D3039; |
||||
|
} |
||||
|
#fancyboi::after { |
||||
|
content: "█"; |
||||
|
animation: flash 0.5s step-end infinite; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
div.maincontent{ |
||||
|
width: 55%; |
||||
|
border: 3px #E0B0FF; |
||||
|
margin-top: 0.5em; |
||||
|
padding: 0.5em; |
||||
|
border-style: outset; |
||||
|
} |
||||
|
|
||||
|
.tags{ |
||||
|
background-color: #000; |
||||
|
color: #fff; |
||||
|
display: inline-block; |
||||
|
padding-left: 4px; |
||||
|
padding-right: 4px; |
||||
|
text-align: center; |
||||
|
margin: 1px; |
||||
|
} |
||||
|
|
||||
|
.searched { |
||||
|
background: #fff600 !important; |
||||
|
color: black !important; |
||||
|
} |
||||
|
|
||||
|
.tooltip { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
border-bottom: 1px dotted black; |
||||
|
} |
||||
|
|
||||
|
.tooltip .tooltiptext { |
||||
|
visibility: hidden; |
||||
|
width: 120px; |
||||
|
background-color: black; |
||||
|
color: #fff; |
||||
|
text-align: center; |
||||
|
padding: 5px 0; |
||||
|
position: absolute; |
||||
|
z-index: 1; |
||||
|
bottom: 100%; |
||||
|
left: 50%; |
||||
|
margin-left: -60px; |
||||
|
|
||||
|
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ |
||||
|
opacity: 0; |
||||
|
transition: opacity 2s; |
||||
|
} |
||||
|
|
||||
|
.tooltip:hover .tooltiptext { |
||||
|
visibility: visible; |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
.code-example { |
||||
|
width: 100%; |
||||
|
color: black; |
||||
|
padding: 1em; |
||||
|
box-sizing: border-box; |
||||
|
background: #E0B0FF; |
||||
|
outline: none; |
||||
|
font-family: Courier, sans-serif; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
/* |
||||
|
Project colors so far. |
||||
|
light |
||||
|
#E0B0FF |
||||
|
medium |
||||
|
#d28cff |
||||
|
dark |
||||
|
#60337F |
||||
|
|
||||
|
background dark |
||||
|
#2D3039 |
||||
|
|
||||
|
yellow important |
||||
|
#fff600 |
||||
|
|
||||
|
red: danger |
||||
|
ff5a5a |
||||
|
backgrounds |
||||
|
*/ |
@ -0,0 +1,6 @@ |
|||||
|
This favicon was generated using the following font: |
||||
|
|
||||
|
- Font Title: Klee One |
||||
|
- Font Author: Copyright 2020 The Klee Project Authors (https://github.com/fontworks-fonts/Klee) |
||||
|
- Font Source: http://fonts.gstatic.com/s/kleeone/v5/LDIxapCLNRc6A8oT4q4AOeekWPrP.ttf |
||||
|
- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL)) |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 322 B |
After Width: | Height: | Size: 666 B |
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1 @@ |
|||||
|
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} |
@ -0,0 +1,92 @@ |
|||||
|
filterSelection("all", "None"); |
||||
|
function filterSelection(c, name, id) { |
||||
|
resetDropDownButtons(); |
||||
|
var i; |
||||
|
var button = document.getElementById(id); |
||||
|
if(button){ |
||||
|
button.innerText = name; |
||||
|
addClass(button, "activebtn"); |
||||
|
} |
||||
|
var alldistribusis = document.getElementsByClassName("filter"); |
||||
|
if (c == "all") { |
||||
|
for (i = 0; i < alldistribusis.length; i++) { |
||||
|
addClass(alldistribusis[i], "show"); |
||||
|
} |
||||
|
} |
||||
|
else { |
||||
|
for (i = 0; i < alldistribusis.length; i++) { |
||||
|
removeClass(alldistribusis[i], "show"); |
||||
|
if (alldistribusis[i].className.indexOf(c) > -1) { |
||||
|
addClass(alldistribusis[i], "show"); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function resetDropDownButtons(){ |
||||
|
document.getElementById("Year").innerText = "Year"; |
||||
|
document.getElementById("Category").innerText = "Category"; |
||||
|
allactivebuttons = document.getElementsByClassName("activebtn"); |
||||
|
for(var i = 0;allactivebuttons.length; i++) { |
||||
|
removeClass(allactivebuttons[i], "activebtn"); |
||||
|
} |
||||
|
} |
||||
|
function addClass(element, name) { |
||||
|
var i, arr1, arr2; |
||||
|
arr1 = element.className.split(" "); |
||||
|
arr2 = name.split(" "); |
||||
|
for (i = 0; i < arr2.length; i++) { |
||||
|
if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function removeClass(element, name) { |
||||
|
var i, arr1, arr2; |
||||
|
arr1 = element.className.split(" "); |
||||
|
arr2 = name.split(" "); |
||||
|
for (i = 0; i < arr2.length; i++) { |
||||
|
while (arr1.indexOf(arr2[i]) > -1) { |
||||
|
arr1.splice(arr1.indexOf(arr2[i]), 1); |
||||
|
} |
||||
|
} |
||||
|
element.className = arr1.join(" "); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
let searchInput = document.getElementById('tagsearch'); |
||||
|
let timeout = null; |
||||
|
// Listen for keystroke events
|
||||
|
searchInput.addEventListener('keyup', function (e) { |
||||
|
// Clear the timeout if it has already been set.
|
||||
|
clearTimeout(timeout); |
||||
|
// Make a new timeout set to go off in 1000ms (1 second)
|
||||
|
timeout = setTimeout(function () { |
||||
|
console.log('Input Value:', searchInput.value); |
||||
|
if (searchInput.value.length > 2) { |
||||
|
searchTags(searchInput.value); |
||||
|
} else { |
||||
|
clearSearchTags(); |
||||
|
} |
||||
|
}, 1000); |
||||
|
}); |
||||
|
|
||||
|
function searchTags(searchInput) { |
||||
|
let tag_ele = document.getElementsByClassName('tags'); |
||||
|
for (var i = 0; i < tag_ele.length; ++i) { |
||||
|
let searchText = searchInput.toLowerCase().trim(); |
||||
|
let tagtext = tag_ele[i].innerText.toLowerCase(); |
||||
|
if(searchText.includes(tagtext) || tagtext.includes(searchText)) { |
||||
|
addClass(tag_ele[i], "searched"); |
||||
|
} |
||||
|
else { |
||||
|
removeClass(tag_ele[i], "searched"); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function clearSearchTags() { |
||||
|
let tag_ele = document.getElementsByClassName('tags'); |
||||
|
for (var i = 0; i < tag_ele.length; ++i) { |
||||
|
removeClass(tag_ele[i], "searched"); |
||||
|
} |
||||
|
} |
@ -0,0 +1,19 @@ |
|||||
|
function update() { |
||||
|
|
||||
|
var html = document.getElementById("html"); |
||||
|
var css = document.getElementById("css"); |
||||
|
var code = document.getElementById("code").contentWindow.document; |
||||
|
|
||||
|
document.body.onkeyup = function(){ |
||||
|
code.open(); |
||||
|
code.writeln(html.value+"<style>"+css.value+"</style>"); |
||||
|
code.close(); |
||||
|
}; |
||||
|
document.addEventListener("DOMContentLoaded", function(){ |
||||
|
code.open(); |
||||
|
code.writeln(html.value+"<style>"+css.value+"</style>"); |
||||
|
code.close(); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
update(); |
@ -0,0 +1,25 @@ |
|||||
|
console.log("everything is still smooth") |
||||
|
|
||||
|
function scrollToTheme() { |
||||
|
var uploadsuccessful = document.getElementById("uploadsuccessful"); |
||||
|
if(uploadsuccessful){ |
||||
|
const theme = document.getElementById('theme') |
||||
|
theme.scrollIntoView({ behavior: 'smooth', block: 'start' }); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function scrollToLaunch() { |
||||
|
var cssSelected = document.getElementById("cssSelected"); |
||||
|
if(cssSelected){ |
||||
|
const launch = document.getElementById('launch') |
||||
|
launch.scrollIntoView({ behavior: 'smooth', block: 'end' }); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
document.addEventListener("DOMContentLoaded", scrollToTheme); |
||||
|
document.addEventListener("DOMContentLoaded", scrollToLaunch); |
||||
|
|
||||
|
// function(e) {
|
||||
|
// (e.keyCode === 13 || e.keyCode === 32) && $(this).trigger("click")
|
||||
|
// }
|
After Width: | Height: | Size: 4.9 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 4.5 KiB |
@ -1,7 +1,7 @@ |
|||||
{% extends "base.html" %} |
{% extends "base/base.html" %} |
||||
{% block main %} |
{% block main %} |
||||
<div id="login"> |
<div id="login"> |
||||
<form class="form" action="{{ url_for('register') }}" method="post"> |
<form class="form" action="{{ url_for('register.register') }}" method="post"> |
||||
{{ registerform.csrf_token }} |
{{ registerform.csrf_token }} |
||||
<fieldset class="required"> |
<fieldset class="required"> |
||||
{{ registerform.username.label }} |
{{ registerform.username.label }} |
@ -1,4 +1,4 @@ |
|||||
{% extends "base.html" %} |
{% extends "base/base.html" %} |
||||
{% block main %} |
{% block main %} |
||||
<div id="login"> |
<div id="login"> |
||||
{% if linkvalid%} |
{% if linkvalid%} |
@ -0,0 +1,20 @@ |
|||||
|
{% block menu %} |
||||
|
<button onclick="filterSelection('all')" id="removefilter">Remove filter</button> |
||||
|
<div class="dropdown"> |
||||
|
<button id="Year" class="dropbtn">Year</button> |
||||
|
<div class="dropdown-content"> |
||||
|
{% for year in years %} |
||||
|
<button type="button" name="button" onclick="filterSelection('{{ year[0] }}', '{{ year[1] }}', 'Year')" >{{ year[1] }}</button> |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="dropdown"> |
||||
|
<button id="Category" class="dropbtn">Category</button> |
||||
|
<div class="dropdown-content"> |
||||
|
{% for category in categories %} |
||||
|
<button type="button" name="button" onclick="filterSelection('{{ category[0] }}', '{{ category[1] }}', 'Category')" >{{ category[1] }}</button> |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
</div> |
||||
|
<input id="tagsearch" type="text" placeholder="Search.."> |
||||
|
{% endblock menu %} |
@ -1,4 +1,4 @@ |
|||||
{% extends "base.html" %} |
{% extends "base/base.html" %} |
||||
{% block main %} |
{% block main %} |
||||
<div id="buttons"> |
<div id="buttons"> |
||||
<div class="overview"> |
<div class="overview"> |
@ -1,28 +0,0 @@ |
|||||
{% block menu %} |
|
||||
<button onclick="filterSelection('all')" id="removefilter">Remove filter</button> |
|
||||
<div class="dropdown"> |
|
||||
<button id="Academicyear" class="dropbtn">Academic year</button> |
|
||||
<div class="dropdown-content"> |
|
||||
{% for year in years %} |
|
||||
<button type="button" name="button" onclick="filterSelection('{{ year[0] }}', '{{ year[1] }}', 'Academicyear')" >{{ year[1] }}</button> |
|
||||
{% endfor %} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="dropdown"> |
|
||||
<button id="Term" class="dropbtn">Term</button> |
|
||||
<div class="dropdown-content"> |
|
||||
{% for term in terms %} |
|
||||
<button type="button" name="button" onclick="filterSelection('{{ term[0] }}', '{{ term[1] }}', 'Term')" >{{ term[1] }}</button> |
|
||||
{% endfor %} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="dropdown"> |
|
||||
<button id="Course" class="dropbtn">Course</button> |
|
||||
<div class="dropdown-content"> |
|
||||
{% for course in courses %} |
|
||||
<button type="button" name="button" onclick="filterSelection('{{ course[0] }}' , '{{ course[1] }}', 'Course')" >{{ course[1] }}</button> |
|
||||
{% endfor %} |
|
||||
</div> |
|
||||
</div> |
|
||||
<input id="tagsearch" type="text" placeholder="Search.."> |
|
||||
{% endblock menu %} |
|