legacy site deprication
This commit is contained in:
=
85
old/current_site/src/components/data.pug
Normal file
85
old/current_site/src/components/data.pug
Normal file
@@ -0,0 +1,85 @@
|
||||
block variables
|
||||
-
|
||||
var navbarItems = {
|
||||
Home: './index.html',
|
||||
Embedded: './embeded_details.html',
|
||||
OpenCV: './opencv_details.html',
|
||||
Photography: './photography-details.html',
|
||||
Table: './table.html',
|
||||
Institute: './images/institute.png',
|
||||
"SVG Playground": './svg_playground.html',
|
||||
"Graph": './graph.html'
|
||||
};
|
||||
|
||||
var smallCards = [
|
||||
{
|
||||
header: 'Заголовок',
|
||||
text: '3D printers are versatile tools used for creating prototypes, custom parts, and artistic designs. They work by layering materials.',
|
||||
image: require('../images/16x10/3d-printer.jpeg'),
|
||||
imageAlt: '3D Printer',
|
||||
link: '#',
|
||||
},
|
||||
{
|
||||
header: 'BLHeli ESCs',
|
||||
text: 'BLHeli ESCs are electronic speed controllers designed for drones, offering smooth and precise motor control.',
|
||||
image: require('../images/16x10/blheli-esc.jpeg'),
|
||||
imageAlt: 'BLHeli ESC',
|
||||
link: '#',
|
||||
},
|
||||
{
|
||||
header: 'Raspberry Pi Nano',
|
||||
text: 'Raspberry Pi Nano is a compact computer ideal for learning, prototyping, and IoT projects. It is highly energy-efficient.',
|
||||
image: require('../images/16x10/rpi-nano.jpeg'),
|
||||
imageAlt: 'Raspberry Pi Nano',
|
||||
link: '#',
|
||||
},
|
||||
{
|
||||
header: 'Smart Thermostats',
|
||||
text: 'Smart thermostats help regulate home temperatures efficiently, saving energy and enhancing comfort with automation.',
|
||||
image: require('../images/16x10/thermostat.jpeg'),
|
||||
imageAlt: 'Smart Thermostat',
|
||||
link: '#',
|
||||
}
|
||||
];
|
||||
|
||||
var galleryImages= [
|
||||
{ src: require('../images/sqarucos.png'), alt: 'ESP32'},
|
||||
{ src: require('../images/sqstm32.png'), alt: 'Arduino'},
|
||||
{ src: require('../images/sqesp32.png'), alt: 'STM32'}
|
||||
];
|
||||
|
||||
var locationFilters = [
|
||||
{ id: 'loc_kitchen', value: 'Kitchen', label: 'Kitchen' },
|
||||
{ id: 'loc_living', value: 'Living Room', label: 'Living Room' },
|
||||
{ id: 'loc_balcony', value: 'Balcony', label: 'Balcony' },
|
||||
{ id: 'loc_bedroom', value: 'Bedroom', label: 'Bedroom' }
|
||||
];
|
||||
|
||||
var sensorTypeFilters = [
|
||||
{ id: 'type_xiaomi', value: 'Xiaomi', label: 'Xiaomi' },
|
||||
{ id: 'type_bmp220', value: 'Bmp220', label: 'Bmp220' },
|
||||
{ id: 'type_scd30', value: 'Scd30(Internal)', label: 'Scd30(Internal)' },
|
||||
{ id: 'type_bmp280', value: 'Bmp280', label: 'Bmp280' }
|
||||
];
|
||||
|
||||
var sortOptions = [
|
||||
{ value: '', label: '-- None --' },
|
||||
{ value: 'SensorID', label: 'SensorID' },
|
||||
{ value: 'Timestamp', label: 'Time' },
|
||||
{ value: 'BatteryLevel', label: 'BatteryLevel' },
|
||||
{ value: 'Temperature', label: 'Temperature' },
|
||||
{ value: 'Humidity', label: 'Humidity' }
|
||||
];
|
||||
|
||||
var axisOptions = [
|
||||
{ id: 'x_time', value: 'Time', label: 'Time', checked: true },
|
||||
{ id: 'x_battery', value: 'BatteryLevel', label: 'BatteryLevel', checked: false },
|
||||
{ id: 'x_temperature', value: 'Temperature', label: 'Temperature', checked: false },
|
||||
{ id: 'x_humidity', value: 'Humidity', label: 'Humidity', checked: false }
|
||||
];
|
||||
|
||||
var valueOptions = [
|
||||
{ id: 'val_temperature', value: 'AverageTemperature', label: 'Average Temperature', checked: true },
|
||||
{ id: 'val_humidity', value: 'Humidity', label: 'Average Humidity', checked: false },
|
||||
{ id: 'val_battery', value: 'BatteryLevel', label: 'Average BatteryLevel', checked: false }
|
||||
]
|
||||
24
old/current_site/src/components/details-template.pug
Normal file
24
old/current_site/src/components/details-template.pug
Normal file
@@ -0,0 +1,24 @@
|
||||
include mixins.pug
|
||||
|
||||
html
|
||||
head
|
||||
meta(charset="UTF-8")
|
||||
block title
|
||||
title Details Page
|
||||
body
|
||||
block navbar
|
||||
+navbarMixin("")
|
||||
|
||||
.details
|
||||
header.details__header
|
||||
block header
|
||||
h1 Default Header
|
||||
|
||||
.details__content
|
||||
.details__text
|
||||
block text
|
||||
p Default text content
|
||||
|
||||
.details__gallery
|
||||
block gallery
|
||||
p No images available
|
||||
112
old/current_site/src/components/mixins.pug
Normal file
112
old/current_site/src/components/mixins.pug
Normal file
@@ -0,0 +1,112 @@
|
||||
include data.pug
|
||||
|
||||
mixin navbarMixin(selectedItem)
|
||||
.navbar
|
||||
each navbarUrl,navbarName in navbarItems
|
||||
if navbarName == selectedItem
|
||||
a.navbar__link-wrapper(href=navbarUrl)
|
||||
.navbar__item.navbar__item_selected #{navbarName}
|
||||
else
|
||||
a.navbar__link-wrapper(href=navbarUrl)
|
||||
.navbar__item #{navbarName}
|
||||
|
||||
mixin infoCardsMinxin()
|
||||
each cardData in smallCards
|
||||
.small-card
|
||||
.small-card__content
|
||||
h3.small-card__header #{cardData.header}
|
||||
p.small-card__text #{cardData.text}
|
||||
a.small-card__link(href=cardData.link) Подробнее»
|
||||
.small-card__image
|
||||
img(src=cardData.image alt=cardData.imageAlt)
|
||||
|
||||
mixin galleryMixin()
|
||||
each img in galleryImages
|
||||
img.gallery__image(src=img.src alt=img.alt)
|
||||
|
||||
mixin filtersMixin()
|
||||
details.filters
|
||||
summary.filters__summary Filters
|
||||
form(id='filters').filters__form
|
||||
p
|
||||
label(for='type') Type:
|
||||
input(type='text' id='type')
|
||||
p
|
||||
label(for='name') Name:
|
||||
input(type='text' id='name')
|
||||
p
|
||||
label(for='manufacturer') Manufacturer name:
|
||||
input(type='text' id='manufacturer')
|
||||
p
|
||||
label(for='sizeFrom') Size:
|
||||
| from
|
||||
input(type='number' id='sizeFrom')
|
||||
| to
|
||||
input(type='number' id='sizeTo')
|
||||
p
|
||||
label(for='releaseDateFrom') Release Date:
|
||||
| from
|
||||
input(type='number' id='releaseDateFrom')
|
||||
| to
|
||||
input(type='number' id='releaseDateTo')
|
||||
p
|
||||
label(for='priceFrom') Release Date:
|
||||
| from
|
||||
input(type='number' id='priceFrom')
|
||||
| to
|
||||
input(type='number' id='priceTo')
|
||||
input.filter-group__button--apply(type='button' id='applyFiltersButton' value="Apply Filters")
|
||||
input.filter-group__button--reset(type='button' id='clearFiltersButton' value="Reset Filters")
|
||||
|
||||
mixin sortLevel(level)
|
||||
p
|
||||
select.sort-level__select(id=`sort_${level}`)
|
||||
| ascending?
|
||||
input(type="checkbox", id=`sort_${level}Desc`)
|
||||
mixin sortingMixin()
|
||||
- const sortLevels = ['1', '2', '3'];
|
||||
details.sorting
|
||||
summary.sorting__summary Sort
|
||||
form(id='sorting')
|
||||
each level in sortLevels
|
||||
+sortLevel(level)
|
||||
input.sort-group__button--apply(type='button' id='applySortButton' value="Apply Sort")
|
||||
input.sort-group__button--reset(type='button' id='resetSortButton' value="Reset Sort")
|
||||
|
||||
|
||||
mixin graphXOption(option)
|
||||
if option.checked
|
||||
input.axis-group__radio(type="radio" id=option.id name="x_axis" value=option.value checked)
|
||||
else
|
||||
input.axis-group__radio(type="radio" id=option.id name="x_axis" value=option.value)
|
||||
label.axis-group__option-label(for=option.id) #{option.label}
|
||||
br
|
||||
|
||||
mixin graphYOption(option)
|
||||
if option.checked
|
||||
input.values-group__checkbox(type="checkbox" id=option.id name="values" value=option.value checked)
|
||||
else
|
||||
input.values-group__checkbox(type="checkbox" id=option.id name="values" value=option.value)
|
||||
label.values-group__option-label(for=option.id) #{option.label}
|
||||
br
|
||||
|
||||
mixin graphMixin()
|
||||
details.graph
|
||||
summary.graph__summary Graph
|
||||
form.graph__form
|
||||
fieldset.graph__fieldset
|
||||
.axis-group
|
||||
i.axis-group__label
|
||||
b X axis
|
||||
br
|
||||
.axis-group__options
|
||||
each option in axisOptions
|
||||
+graphXOption(option)
|
||||
.values-group
|
||||
i.values-group__label
|
||||
b Values
|
||||
br
|
||||
.values-group__options
|
||||
each option in valueOptions
|
||||
+graphYOption(option)
|
||||
button.values-group__button(type="submit" id="build_graph" name="build_graph") Build
|
||||
Reference in New Issue
Block a user