Commit e55b5406 authored by Curtis Adam's avatar Curtis Adam

Adjustments to the main and impressum navigation

parent 02c2e673
@import 'modern-normalize.scss';
@import '../imports/ui/main/main.scss';
@import '../imports/ui/main/navigation/footer/footer.scss';
@import '../imports/ui/main/navigation/top/top.scss';
@import '../imports/ui/main/buttons.scss';
@import '../imports/ui/main/navigation/navbar.scss';
@import '../imports/ui/main/item/searchResult.scss';
@import '../imports/ui/impressum/impressum.scss';
@import '../imports/ui/welcome/welcome.scss';
@import '../imports/ui/wordcloud/wordcloud.scss';
......
This diff is collapsed.
......@@ -224,35 +224,26 @@
//welcome page colors
"welcome_page_login_label": white,
"welcome_page_login_label_shadow": $thm_gray,
"footer_mobile_icon": white,
"footer_mobile_active_route_text": white,
"footer_background": black,
"footer_info_navigation_text": white,
"footer_info_navigation_text_hover": $button_text_hover,
"footer_info_navigation_text_active": white,
"footer_info_navigation_background": $thm_gray,
"footer_info_navigation_background_hover": $button_background_hover,
"footer_info_navigation_background_active": $thm_green,
"footer_info_navigation_border": transparent,
"footer_icon": white,
"footer_icon_hover": $button_text_hover,
"footer_globe_dropdown_text": $thm_gray,
"footer_globe_dropdown_background": white,
"footer_globe_dropdown_text_hover": $button_text_hover,
"footer_globe_dropdown_background_hover": $button_background_hover,
"placeholder": $thm_orange,
"inventory_background": $thm_gray,
"inventory_border": $thm_gray,
"inventory_text": white,
//info page colors
"info_navigation_text": white,
"info_navigation_text_active": $thm_gray,
"info_navigation_text_hover": $button_text_hover,
"info_navigation_background": black,
"info_navigation_background_active": LightGoldenRodYellow,
"info_navigation_background_hover": $button_background_hover,
"home_button_icon": white,
"home_button_icon_hover": $button_text_hover,
//server statistics colors
"server_statistics_table_header_background": $thm_gray,
"server_statistics_table_header_text": white,
"server_statistics_table_header_counter": white,
"server_statistics_table_row_background": white,
"server_statistics_table_row_text": $primary_text,
"server_statistics_table_row_counter": $primary_text,
//footer colors
"footer_welcome_page_info_icon_text" : white,
"footer_welcome_page_info_icon_text_hover": $button_background_hover,
"footer_navigation_text": white,
"footer_navigation_text_active": $thm_gray,
"footer_navigation_text_hover": $button_text_hover,
"footer_navigation_background": black,
"footer_navigation_background_active": LightGoldenRodYellow,
"footer_navigation_background_hover": $button_background_hover,
"footer_home_button_icon": white,
"footer_home_button_icon_hover": $button_text_hover,
//impressum colors
"info_content_header_text": white,
"info_content_header_background": $thm_green,
"info_content_body_text": $thm_gray,
......
......@@ -268,7 +268,8 @@
"pool": "Karteien",
"course": "Repetitorien",
"myprofile": "Konto",
"billing": "Abrechnung (Testbetrieb)",
"billing": "Abrechnung",
"membership": "Mitgliedschaft",
"search": "Suchen…",
"frontend": "Frontend",
"backend": "Backend",
......@@ -323,7 +324,7 @@
"repetitorium": "Repetitorien",
"wordcloud": {
"default": "Von der \uD83C\uDF45cards-Redaktion empfohlen",
"mobile": "IVon der \uD83C\uDF45cards-Redaktion empfohlen"
"mobile": "Von der \uD83C\uDF45cards-Redaktion empfohlen"
},
"counter": "",
"user": "Accounts",
......
......@@ -7,6 +7,10 @@ let firstTimeLeitner = 'isFirstTimeLeitner';
let firstTimeWozniak = 'isFirstTimeWozniak';
let firstTimeDemo = 'isFirstTimeDemo';
let loginTarget;
let topNavigationID = "#navbar-cards-top";
let footerNavigationID = "#navbar-cards-footer";
let topNavigationCollapseID = "#navbar-cards-top-collapse";
let footerNavigationCollapseID = "#navbar-cards-footer-collapse";
export let MainNavigation = class MainNavigation {
......@@ -66,4 +70,42 @@ export let MainNavigation = class MainNavigation {
}
}
}
static resizeFooterElements (isMobile = false) {
if (isMobile) {
$("#navbar-cards-footer #navbar-cards-footer-collapse li:visible").removeAttr("style");
$("#navbar-cards-footer #navbar-cards-footer-collapse a:visible").removeAttr("style");
} else {
let counter = $("#navbar-cards-footer #navbar-cards-footer-collapse ul > li:visible").length;
let navbarWidth = $("#navbar-cards-footer #navbar-cards-footer-collapse .navbar-nav").width();
$("#navbar-cards-footer #navbar-cards-footer-collapse li:visible").css('width', Math.floor(navbarWidth / counter));
$("#navbar-cards-footer #navbar-cards-footer-collapse a:visible").css('width', Math.floor(navbarWidth / counter));
}
}
static closeCollapse () {
$(topNavigationCollapseID).collapse('hide');
$(footerNavigationCollapseID).collapse('hide');
}
static repositionCollapseElements () {
if ($(window).width() < 768) {
$(footerNavigationID).addClass('navbar-fixed-top');
$(footerNavigationID).removeClass('navbar-fixed-bottom');
this.resizeFooterElements(true);
} else {
$(footerNavigationID).addClass('navbar-fixed-bottom');
$(footerNavigationID).removeClass('navbar-fixed-top');
this.resizeFooterElements(false);
}
$(topNavigationCollapseID).css('max-height',$(window).height() - $(topNavigationID).height());
$(footerNavigationCollapseID).css('max-height',$(window).height() - $(topNavigationID).height());
}
static initializeNavigation () {
this.repositionCollapseElements();
$(window).resize(function () {
MainNavigation.repositionCollapseElements();
});
}
};
......@@ -5,6 +5,7 @@ import * as icons from "../config/icons.js";
import * as conf from "../config/routes.js";
import {Cardsets} from "./cardsets";
import {ServerStyle} from "./styles";
import {UserPermissions} from "./permissions";
export let Route = class Route {
/**
......@@ -145,53 +146,64 @@ export let Route = class Route {
case "about":
return TAPi18n.__('contact.about', {lastAppTitle: ServerStyle.getLastAppTitle()});
case "agb":
return icons.impressumNavigation.agb + TAPi18n.__('contact.agb');
return icons.footerNavigation.agb + TAPi18n.__('contact.agb');
case "backToHome":
return icons.impressumNavigation.backToHome + TAPi18n.__('contact.home');
return icons.footerNavigation.backToHome + TAPi18n.__('contact.home');
case "datenschutz":
return icons.impressumNavigation.datenschutz + TAPi18n.__('contact.datenschutz');
return icons.footerNavigation.datenschutz + TAPi18n.__('contact.datenschutz');
case "demo":
case "demolist":
return icons.impressumNavigation.demo + TAPi18n.__('contact.demo');
return icons.footerNavigation.demo + TAPi18n.__('contact.demo');
case "faq":
return icons.impressumNavigation.faq + TAPi18n.__('contact.faq');
return icons.footerNavigation.faq + TAPi18n.__('contact.faq');
case "help":
return icons.impressumNavigation.help + TAPi18n.__('contact.help');
return icons.footerNavigation.help + TAPi18n.__('contact.help');
case "impressum":
return icons.impressumNavigation.impressum + TAPi18n.__('contact.impressum');
return icons.footerNavigation.impressum + TAPi18n.__('contact.impressum');
case "learning":
return icons.impressumNavigation.learning + TAPi18n.__('contact.learning');
case "create":
switch (Cardsets.find({owner: Meteor.userId()}).count()) {
return icons.footerNavigation.learning + TAPi18n.__('contact.learning');
case "myCardsets":
switch (Meteor.user().count.cardsets) {
case 0:
return TAPi18n.__('navbar-collapse.noCarddecks');
return icons.topNavigation.myCardsets + TAPi18n.__('navbar-collapse.noCarddecks');
case 1:
return TAPi18n.__('navbar-collapse.oneCarddeck');
return icons.topNavigation.myCardsets + TAPi18n.__('navbar-collapse.oneCarddeck');
default:
return TAPi18n.__('navbar-collapse.carddecks');
return icons.topNavigation.myCardsets + TAPi18n.__('navbar-collapse.carddecks');
}
break;
case "alldecks":
return icons.mainNavigation.alldecks + TAPi18n.__('navbar-collapse.alldecks');
return icons.topNavigation.alldecks + "<span class='hidden-on-iPad'>" + TAPi18n.__('navbar-collapse.alldecks') + "</span>";
case "repetitorium":
return icons.mainNavigation.repetitorium + TAPi18n.__('navbar-collapse.course');
case "learn":
return icons.mainNavigation.learn + TAPi18n.__('navbar-collapse.learndecks');
return icons.topNavigation.repetitorium + TAPi18n.__('navbar-collapse.course');
case "workload":
return icons.topNavigation.workload + TAPi18n.__('navbar-collapse.learndecks');
case "pool":
case "home":
return icons.mainNavigation.pool + TAPi18n.__('navbar-collapse.pool');
return icons.topNavigation.pool + TAPi18n.__('navbar-collapse.pool');
case "backend":
return icons.topNavigation.backend + "<span class='hidden-on-iPad'>" + TAPi18n.__('navbar-collapse.backend') + "</span>";
case "profile":
return icons.topNavigation.profile + Meteor.user().profile.name + "<span class='caret'></span>";
case "profileIPad":
if (UserPermissions.isAdmin()) {
return icons.topNavigation.profile + "<span class='caret'></span>";
} else {
return icons.topNavigation.profile + TAPi18n.__('navbar-collapse.myprofile') + "<span class='caret'></span>";
}
break;
case "profileOverview":
return icons.mainNavigation.profileOverview + TAPi18n.__('profile.activity');
return icons.topNavigation.profileOverview + TAPi18n.__('profile.activity');
case "profileBilling":
return icons.mainNavigation.profileBilling + TAPi18n.__('profile.billing');
return icons.topNavigation.profileBilling + TAPi18n.__('navbar-collapse.billing');
case "profileMembership":
return icons.mainNavigation.profileMembership + TAPi18n.__('profile.membership');
return icons.topNavigation.profileMembership + TAPi18n.__('navbar-collapse.membership');
case "profileNotifications":
return icons.mainNavigation.profileNotifications + TAPi18n.__('profile.notifications');
return icons.topNavigation.profileNotifications + TAPi18n.__('profile.notifications');
case "profileSettings":
return icons.mainNavigation.profileSettings + TAPi18n.__('profile.settings.name');
return icons.topNavigation.profileSettings + TAPi18n.__('profile.settings.name');
case "profileRequests":
return icons.mainNavigation.profileRequests + TAPi18n.__('profile.requests');
return icons.topNavigation.profileRequests + TAPi18n.__('profile.requests');
case "cardsetdetailsid":
case "cardsetcard":
case "cardsetlistid":
......@@ -208,9 +220,9 @@ export let Route = class Route {
case "mobileInfo":
return icons.landingPageNavigation.mobileInfo;
case "statistics":
return icons.impressumNavigation.statistics + TAPi18n.__('contact.statistics');
return icons.footerNavigation.statistics + TAPi18n.__('contact.statistics');
case "statisticsMobile":
return icons.impressumNavigation.statistics;
return icons.footerNavigation.statistics;
}
}
};
......@@ -10,18 +10,19 @@ export let Search = class Search {
if (destination.length && target.length) {
let offsetTop = (destination.offset().top + destination.height());
let leftOffset;
if (NavigatorCheck.isSmartphone()) {
leftOffset = 0;
target.css('width', $(window).width());
} else {
if (!NavigatorCheck.isSmartphone()) {
if (NavigatorCheck.isIOS()) {
target.css('width', $(window).width() - (2 * destination.offset().left));
}
leftOffset = destination.offset().left;
target.css('max-height', ($(window).height() - offsetTop));
target.css('left', leftOffset);
target.css('top', offsetTop);
} else {
target.removeAttr('style');
target.css('max-height', ($(window).height() - $('#navbar-cards-top').height()));
target.scrollTop(0);
}
target.css('max-height', ($(window).height() - offsetTop));
target.css('left', leftOffset);
target.css('top', offsetTop);
}
}
}
......
let impressumNavigation = {
let footerNavigation = {
agb: "<i class='fa fa-legal'></i>&nbsp;",
backToHome: "<i class='fa fa-home'></i>&nbsp;",
datenschutz: "<i class='fa fa-lock'></i>&nbsp;",
......@@ -15,17 +15,20 @@ let landingPageNavigation = {
};
//Only used for the active route display on mobile. Will be carried over to desktop after the main template got refactored.
let mainNavigation = {
let topNavigation = {
alldecks: "<i class='fa fa-archive'></i>&nbsp;<i class='fa fa-ellipsis-h'></i>&nbsp;",
repetitorium: "<i class='fa fa-archive'></i>&nbsp;<i class='fa fa-ellipsis-h'></i>&nbsp;",
learn: "<i class='fa fa-graduation-cap'></i>&nbsp;",
workload: "<i class='fa fa-graduation-cap'></i>&nbsp;",
myCardsets: "<i class='fa fa-archive'></i>&nbsp;",
pool: "<i class='fa fa-archive'></i>&nbsp;",
profile: "<i class='fa fa-user'></i>&nbsp;",
profileOverview: "<i class='fa fa-trophy'></i>&nbsp;",
profileBilling: "<i class='fa credit-card'></i>&nbsp;",
profileMembership: "<i class='fa fa-users'></i>&nbsp;",
profileNotifications: "<i class='fa fa-bell'></i>&nbsp;",
profileSettings: "<i class='fa fa-user'></i>&nbsp;",
profileRequests: "<i class='fa fa-check'></i>&nbsp;"
profileRequests: "<i class='fa fa-check'></i>&nbsp;",
backend: "<i class='fa fa-server'></i>&nbsp;"
};
//Only used for the active route display on mobile. Will be carried over to desktop after the main template got refactored.
......@@ -37,8 +40,8 @@ let miscNavigation = {
};
module.exports = {
impressumNavigation,
mainNavigation,
footerNavigation: footerNavigation,
topNavigation: topNavigation,
miscNavigation,
landingPageNavigation
};
......@@ -8,7 +8,7 @@
<div class="dashboard-box col-lg-3 col-xs-6">
<div class="small-box">
<div class="inner">
<h3>{{totalCardsets}}</h3>
<h3>{{getServerInventory "cardsets"}}</h3>
<p>{{_ "admin.cardsets"}}</p>
</div>
</div>
......@@ -17,7 +17,7 @@
<div class="dashboard-box col-lg-3 col-xs-6">
<div class="small-box">
<div class="inner">
<h3>{{totalReps}}</h3>
<h3>{{getServerInventory "repetitorium"}}</h3>
<p>{{_ "navbar-collapse.course"}}</p>
</div>
</div>
......@@ -26,7 +26,7 @@
<div class="dashboard-box col-lg-3 col-xs-6">
<div class="small-box">
<div class="inner">
<h3>{{totalCards}}</h3>
<h3>{{getServerInventory "cards"}}</h3>
<p>{{_ "admin.cards"}}</p>
</div>
</div>
......@@ -36,8 +36,8 @@
<div class="small-box">
<div class="inner">
<h3>
{{totalUser}}
<span>{{getOnlineStatusTotal}} Online</span>
{{getServerInventory "user"}}
<span>{{getServerInventory "userOnline"}} Online</span>
</h3>
<p>{{_ "admin.users"}}</p>
</div>
......
//------------------------ IMPORTS
import {Template} from "meteor/templating";
import "./dashboard.html";
Template.admin_dashboard.helpers({
totalCardsets: function () {
return Counts.get('cardsetsCounter');
},
totalReps: function () {
return Counts.get('repetitoriumCounter');
},
totalCards: function () {
return Counts.get('cardsCounter');
},
totalUser: function () {
return Counts.get('usersCounter');
},
getOnlineStatusTotal: function () {
return Counts.get('usersOnlineCounter');
}
});
......@@ -5,7 +5,6 @@
{{/if}}
<div class="{{#if isFirstTimeVisit}}container{{/if}}">
<div id="contact" class="col-md-8 col-md-offset-2">
{{> impressumNavigation}}
{{#if isActiveRoute 'about'}}
{{> about}}
{{/if}}
......@@ -33,6 +32,7 @@
<template name="demo">
{{> impressumModalStatistics}}
{{> pomodoroTimerModal}}
{{> demoModal}}
{{#unless fullscreenActive}}
......@@ -41,12 +41,7 @@
{{/if}}
{{/unless}}
<div class="{{#if isFirstTimeVisit}}container{{/if}}">
<div id="contact" class="col-xs-12 {{#unless fullscreenActive}}col-md-8 col-md-offset-2{{else}}fullscreen{{/unless}}">
{{#unless fullscreenActive}}
{{#unless isFirstTimeVisit}}
{{> impressumNavigation}}
{{/unless}}
{{/unless}}
<div id="contact" class="col-xs-12 {{#unless fullscreenActive}}col-md-8 col-md-offset-2 {{#if isFirstTimeVisit}}welcome-demo{{/if}}{{else}}fullscreen{{/unless}}">
{{> presentationView}}
</div>
</div>
......
......@@ -4,7 +4,6 @@ import {Route} from "../../api/route.js";
import "./impressum.html";
import "../card/modal/demo.js";
import "./modal/statistics/statistics.js";
import "./navigation/navigation.js";
/*
* ############################################################################
......
......@@ -36,3 +36,10 @@ h1, h2, h3 {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.welcome-demo {
margin-top: 0 !important;
margin-bottom: 0 !important;
.demo-padding .cardNavigation {
margin-top: 0 !important;
}
}
......@@ -2,15 +2,11 @@
<table class="table">
<thead class="thead-dark">
<tr class="active">
<th scope="col" class="col-xs-9">{{_ "serverStatistics.modal.table.header.cards"}}</th>
<th scope="col" class="col-xs-3">{{_ "serverStatistics.modal.table.header.counter"}}</th>
<th scope="col" class="col-xs-9 col-sm10">{{_ "serverStatistics.modal.table.header.cards"}}</th>
<th scope="col" class="col-xs-3 col-sm-2">{{getServerInventory "cards"}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{_ "serverStatistics.modal.cards"}}</td>
<td>{{getServerInventory "cards"}}</td>
</tr>
</tbody>
</table>
</template>
......@@ -2,15 +2,11 @@
<table class="table">
<thead class="thead-dark">
<tr class="active">
<th scope="col" class="col-xs-9">{{_ "serverStatistics.modal.table.header.cardsets"}}</th>
<th scope="col" class="col-xs-3">{{_ "serverStatistics.modal.table.header.counter"}}</th>
<th scope="col" class="col-xs-9 col-sm10">{{_ "serverStatistics.modal.table.header.cardsets"}}</th>
<th scope="col" class="col-xs-3 col-sm-2">{{getServerInventory "cardsets"}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{_ "serverStatistics.modal.cardsets.total"}}</td>
<td>{{getServerInventory "cardsets"}}</td>
</tr>
<tr>
<td>{{{_ "serverStatistics.modal.cardsets.private" label=(getKind "personal")}}}</td>
<td>{{getServerInventory "cardsetsPrivate"}}</td>
......
......@@ -2,15 +2,11 @@
<table class="table">
<thead class="thead-dark">
<tr class="active">
<th scope="col" class="col-xs-9">{{_ "serverStatistics.modal.table.header.repetitorium"}}</th>
<th scope="col" class="col-xs-3">{{_ "serverStatistics.modal.table.header.counter"}}</th>
<th scope="col" class="col-xs-9 col-sm10">{{_ "serverStatistics.modal.table.header.repetitorium"}}</th>
<th scope="col" class="col-xs-3 col-sm-2">{{getServerInventory "repetitorium"}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{_ "serverStatistics.modal.repetitorium.total"}}</td>
<td>{{getServerInventory "repetitorium"}}</td>
</tr>
<tr>
<td>{{{_ "serverStatistics.modal.repetitorium.private" label=(getKind "personal")}}}</td>
<td>{{getServerInventory "repetitoriumPrivate"}}</td>
......
......@@ -2,15 +2,11 @@
<table class="table">
<thead class="thead-dark">
<tr class="active">
<th scope="col" class="col-xs-9">{{_ "serverStatistics.modal.table.header.user"}}</th>
<th scope="col" class="col-xs-3">{{_ "serverStatistics.modal.table.header.counter"}}</th>
<th scope="col" class="col-xs-9 col-sm10">{{_ "serverStatistics.modal.table.header.user"}}</th>
<th scope="col" class="col-xs-3 col-sm-2">{{getServerInventory "user"}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{_ "serverStatistics.modal.user.total"}}</td>
<td>{{getServerInventory "user"}}</td>
</tr>
{{#if isProLoginActive}}
<tr>
<td>{{{_ "serverStatistics.modal.user.pro" label=(getKind "pro" 0)}}}</td>
......
......@@ -2,18 +2,14 @@
<table class="table">
<thead>
<tr class="active">
<th scope="col" class="col-xs-9">
<th scope="col" class="col-xs-9 col-sm11">
<span class="hidden-xs">{{_ "serverStatistics.modal.table.header.wordcloud.default"}}</span>
<span class="visible-xs">{{_ "serverStatistics.modal.table.header.wordcloud.mobile"}}</span>
</th>
<th scope="col" class="col-xs-3">{{_ "serverStatistics.modal.table.header.counter"}}</th>
<th scope="col" class="col-xs-3 col-sm-1">{{getServerInventory "wordcloud"}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{_ "serverStatistics.modal.wordcloud.total"}}</td>
<td>{{getServerInventory "wordcloud"}}</td>
</tr>
<tr>
<td>{{{_ "serverStatistics.modal.wordcloud.private" label=(getKind "personal")}}}</td>
<td>{{getServerInventory "wordcloudPrivate"}}</td>
......
<template name="impressumModalStatistics">
<div class="modal fade" id="impressumStatisticsModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<span class="modal-icon">
......
......@@ -9,7 +9,6 @@ import {Session} from "meteor/session";
Meteor.subscribe("serverInventory");
Template.impressumModalStatistics.onRendered(function () {
$('#impressumStatisticsModal').on('hidden.bs.modal', function () {
Session.set('serverStatisticsModalActive', false);
......
......@@ -24,4 +24,10 @@ $font_size_impressum_statistics_table_content_header: 12px;
font-size: $font_size_impressum_statistics_table_content_header !important;
}
}
tr {
th:last-child, td:last-child {
text-align: right;
}
}
}
<template name="impressumNavigation">
<div id="contact-nav" class="navbar-fixed-bottom {{#if currentUser}}hidden-xs{{/if}}">
<div class="container">
<div class="visible-xs navbar-header">
<div class="flex-content navbar-header-route pull-left">
{{{getNavigationName}}}
</div>
<div class="flex-content pull-right">
<ul class="list-inline">
{{> impressumNavigationItemStatisticsMobile}}
</ul>
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#contact-nav-collapse">
<i class="icon-bar"></i>
<i class="icon-bar"></i>
<i class="icon-bar"></i>
</button>
</div>
</div>
{{> impressumNavigationDropdownContent}}
</div>
</div>
</template>
<template name="impressumNavigationDropdownContent">
<div class="collapse navbar-collapse" id="contact-nav-collapse">
<ul class="nav nav-justified">
{{> impressumNavigationItemBackToHome}}
{{> impressumNavigationItemDemo}}
{{> impressumNavigationItemAbout}}
{{> impressumNavigationItemLearning}}
{{> impressumNavigationItemFAQ}}
{{> impressumNavigationItemHelp}}
{{> impressumNavigationItemImpressum}}
{{> impressumNavigationItemAGB}}
{{> impressumNavigationItemDatenschutz}}
{{> impressumNavigationItemStatistics}}
</ul>
</div>
</template>
import "./item/about.js";
import "./item/agb.js";
import "./item/backToHome.js";
import "./item/datenschutz.js";
import "./item/demo.js";
import "./item/faq.js";
import "./item/help.js";
import "./item/impressum.js";
import "./item/learning.js";
import "./item/statistics.js";
import "./navigation.html";
import {Template} from "meteor/templating";
/*
* ############################################################################
* impressumNavigation
* ############################################################################
*/
Template.impressumNavigation.events({
'click a': function () {
window.scrollTo(0, 0);
$('#contact-nav-collapse').collapse('hide');
}
});
<template name="mainItemSearchResult">
<div id="searchResults" style="{{#if
searchCategories}}display: unset !important;{{else}}display: none !important;{{/if}}"
data-toggle="collapse" data-target="#thm-top-navigation">
searchCategories}}display: unset !important;{{else}}display: none !important;{{/if}}">
{{#each searchCategories}}
<a href="/cardset/{{_id}}" class="list-group-item clearfix search-result-item">
<h4 class="list-group-item-heading search-subject search-subject-{{kind}}">{{{getCardsetIcons this.shuffled}}}{{name}}</h4>
......
#searchResults {
position: absolute;
float: left;
@media(max-width: 767px) {
left: 0 !important;
width: 100% !important;
top: $size_navbar_height !important;
}
@media(min-width: 768px) {
width: 600px;
}
@media(min-width: 1200px) {
width: 800px;
}
padding-top: 0;
padding-bottom: 0;
z-index: 1000;
margin: 0 !important;
background-color: hsla(100, 100%, 100%, 0.8) !important;
}
#searchResults a {
border-bottom: solid $size_search_results_separator !important;
padding: 0 !important;
margin: 0 !important;
}
#searchResults a:last-child {
border-bottom: 0 !important;
}
.search-subject {
font-size: $font-size_search_results_subject !important;