Commit 9f375e41 authored by Curtis Adam's avatar Curtis Adam

Merge branch '286-add-arsnova-lite-to-the-left-side-edge-buttons' into 'staging'

Resolve "Add ARSnova lite to the left-side edge buttons"

Closes #286

See merge request arsnova/cards!640
parents e4c0fd8a 9ca1c688
......@@ -388,7 +388,12 @@ $themes: (
$card_sidebar_aspect_ratio_dropdown_text_active_hover: map-get($map, "card_sidebar_aspect_ratio_dropdown_text_active_hover");
$card_sidebar_aspect_ratio_menu_background: map-get($map, "card_sidebar_aspect_ratio_menu_background");
$card_sidebar_aspect_ratio_menu_separator: map-get($map, "card_sidebar_aspect_ratio_menu_separator");
$card_sidebar_arsnova_lite_background: map-get($map, "card_sidebar_arsnova_lite_background");
$card_sidebar_arsnova_lite_text: map-get($map, "card_sidebar_arsnova_lite_text");
$card_sidebar_arsnova_lite_background_hover: map-get($map, "card_sidebar_arsnova_lite_background_hover");
$card_sidebar_arsnova_lite_text_hover: map-get($map, "card_sidebar_arsnova_lite_text_hover");
$card_sidebar_arsnova_lite_background_active: map-get($map, "card_sidebar_arsnova_lite_background_active");
$card_sidebar_arsnova_lite_text_active: map-get($map, "card_sidebar_arsnova_lite_text_active");
//cardset colors
$cardset_markdeep_background: map-get($map, "cardset_markdeep_background");
$cardset_markdeep_header_border: map-get($map, "cardset_markdeep_header_border");
......@@ -3220,6 +3225,22 @@ $themes: (
color: $card_sidebar_aspect_ratio_text_hover !important;
}
.showArsnovaLite {
background-color: $card_sidebar_arsnova_lite_background !important;
color:$card_sidebar_arsnova_lite_text !important;
}
.showArsnovaLite.pressed {
background-color: $card_sidebar_arsnova_lite_background_active !important;
color:$card_sidebar_arsnova_lite_text_active !important;
}
.showArsnovaLite:hover {
background-color:$card_sidebar_arsnova_lite_background_hover !important;
color: $card_sidebar_arsnova_lite_text_hover !important;
}
.editCard {
background-color: $card_sidebar_edit_button_background !important;
color: $card_sidebar_edit_button_text !important;
......
......@@ -473,6 +473,12 @@
"card_sidebar_aspect_ratio_dropdown_text_active_hover": $button_text_hover,
"card_sidebar_aspect_ratio_menu_background": white,
"card_sidebar_aspect_ratio_menu_separator": black,
"card_sidebar_arsnova_lite_background": none,
"card_sidebar_arsnova_lite_text": $thm_gray,
"card_sidebar_arsnova_lite_background_hover": $button_background_hover,
"card_sidebar_arsnova_lite_text_hover": $button_text_hover,
"card_sidebar_arsnova_lite_background_active": $thm_gray,
"card_sidebar_arsnova_lite_text_active": white,
//cardset colors
"cardset_markdeep_background": LightGoldenRodYellow,
"cardset_markdeep_header_border": $thm_orange,
......
......@@ -1591,8 +1591,8 @@
"zoomTextReset": "Zurücksetzen",
"pomodoro": "Zwischen Uhr und Timer wechseln",
"showHelp": "Hilfe",
"arsnovaApp": "Befrage dein Publikum mit dem Audience-Response-System ARSnova auf arsnova.thm.de",
"arsnovaClick": "Befrage dein Publikum mit arsnova.click, der spielbasierten Variante von ARSnova",
"arsnovaLite": "Befrage dein Publikum mit dem Audience-Response-System ARSnova auf beta.arsnova.eu",
"hideSidebar": "Verberge die Rand-Buttons",
"showSidebar": "Zeige die Rand-Buttons",
"swapQuestionAnswer": {
......
......@@ -1592,8 +1592,8 @@
"zoomTextReset": "Zurücksetzen",
"pomodoro": "Zwischen Uhr und Timer wechseln",
"showHelp": "Hilfe",
"arsnovaApp": "Befrage dein Publikum mit dem Audience-Response-System ARSnova auf arsnova.thm.de",
"arsnovaClick": "Befrage dein Publikum mit arsnova.click, der spielbasierten Variante von ARSnova",
"arsnovaLite": "Befrage dein Publikum mit dem Audience-Response-System ARSnova auf beta.arsnova.eu",
"hideSidebar": "Verberge die Rand-Buttons",
"showSidebar": "Zeige die Rand-Buttons",
"swapQuestionAnswer": {
......
<template name="cardSidebarItemArsnovaApp">
{{#if isCardsetOwner this._id}}
{{#unless isIOSSafari}}
<img class="hidden-xs showArsnovaApp card-button btn cardHeaderItem"
data-type="cardNavigation"
src="/img/button/arsnova_app_v2.png"
title="{{_ "card.tooltip.arsnovaApp"}}">
{{/unless}}
{{/if}}
</template>
<template name="arsnovaAppModal">
{{#unless isIOSSafari}}
<div class="modal" id="arsnovaAppModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
</div>
</div>
{{/unless}}
</template>
import "./arsnovaApp.html";
import {Session} from "meteor/session";
import {Template} from "meteor/templating";
Session.setDefault('arsnovaAppModalActive', false);
/*
* ############################################################################
* cardSidebarItemArsnovaApp
* ############################################################################
*/
Template.cardSidebarItemArsnovaApp.events({
"click .showArsnovaApp": function () {
$('#arsnovaAppModal').modal('show');
}
});
Template.cardSidebarItemArsnovaApp.onCreated(function () {
Session.set('arsnovaAppModalActive', false);
});
Template.cardSidebarItemArsnovaApp.onDestroyed(function () {
Session.set('arsnovaAppModalActive', false);
});
/*
* ############################################################################
* arsnovaAppModal
* ############################################################################
*/
Template.arsnovaAppModal.onRendered(function () {
$('#arsnovaAppModal').on('hidden.bs.modal', function () {
$('.showArsnovaApp').attr('src', '/img/button/arsnova_app_v2.png');
$('.showArsnovaApp').removeClass('pressed');
});
$('#arsnovaAppModal').on('shown.bs.modal', function () {
$('.showArsnovaApp').attr('src', '/img/button/arsnova_app_pressed.png');
$('.showArsnovaApp').addClass('pressed');
if (!Session.get('arsnovaAppModalActive')) {
Session.set('arsnovaAppModalActive', true);
$('#arsnovaAppModal .modal-dialog').html('<iframe id="arsnovaApp" width="600px" height="800px" frameborder="0" src="https://arsnova.thm.de/mobile/"></iframe>');
}
});
});
<template name="cardSidebarItemArsnovaLite">
{{#if isCardsetOwner this._id}}
{{#unless isIOSSafari}}
<span class="hidden-xs fas fa-comments card-button cardHeaderItem showArsnovaLite"
data-type="cardNavigation"
title="{{_ "card.tooltip.arsnovaLite"}}"></span>
{{/unless}}
{{/if}}
</template>
import "./arsnovaLite.html";
import {Session} from "meteor/session";
import {Template} from "meteor/templating";
Session.setDefault('arsnovaLiteModalActive', false);
/*
* ############################################################################
* cardSidebarItemArsnovaLite
* ############################################################################
*/
Template.cardSidebarItemArsnovaLite.events({
"click .showArsnovaLite": function () {
$('#arsnovaLiteModal').modal('show');
}
});
Template.cardSidebarItemArsnovaLite.onCreated(function () {
Session.set('arsnovaLiteModalActive', false);
});
Template.cardSidebarItemArsnovaLite.onDestroyed(function () {
Session.set('arsnovaLiteModalActive', false);
});
......@@ -116,6 +116,7 @@
{{> cardSidebarItemPomodoroButton}}
{{> flashcardSidebarDictionary}}
{{> cardSidebarItemArsnovaClick}}
{{> cardSidebarItemArsnovaLite}}
{{> cardSidebarItemEdit}}
{{> cardSidebarItemDelete}}
</template>
......@@ -146,6 +147,7 @@
{{> cardSidebarItemPomodoroButton}}
{{> flashcardSidebarDictionary}}
{{> cardSidebarItemArsnovaClick}}
{{> cardSidebarItemArsnovaLite}}
</template>
<template name="flashcardSidebarDemoRight">
......
......@@ -5,7 +5,7 @@ import {CardVisuals} from "../../../api/cardVisuals";
import "./sidebar.html";
import "./item/aspectRatio.js";
import "./item/arsnovaClick.js";
import "./item/arsnovaApp.js";
import "./item/arsnovaLite.js";
import "./item/cardList.js";
import "./item/backToCardset.js";
import "./item/dictionary.js";
......
......@@ -6,6 +6,7 @@
{{> mainModalConnectionStatus}}
{{> mainModalUnderDevelopment}}
{{> mainModalArsnovaClick}}
{{> mainModalArsnovaLite}}
{{> mainOverlayZoomText}}
{{> mainOverlayAspectRatio}}
{{> helpModal}}
......
......@@ -38,6 +38,7 @@ import "./navigation/navigation.js";
import "../useCases/useCases.js";
import "./main.html";
import "./modal/arsnovaClick.js";
import "./modal/arsnovaLite.js";
import "./modal/connectionStatus.js";
import "./modal/underDevelopment.js";
......
......@@ -17,7 +17,7 @@ Template.mainModalArsnovaClick.onRendered(function () {
$('.showArsnovaClick').addClass('pressed');
if (!Session.get('arsnovaClickModalActive')) {
Session.set('arsnovaClickModalActive', true);
$('#arsnovaClickModal .modal-dialog').html('<iframe id="arsnovaClick" width="600px" height="800px" frameborder="0" src="https://beta.arsnova.eu"></iframe>');
$('#arsnovaClickModal .modal-dialog').html('<iframe id="arsnovaClick" width="600px" height="800px" frameborder="0" src="https://arsnova.click"></iframe>');
}
});
});
<template name="mainModalArsnovaLite">
{{#unless isIOSSafari}}
<div class="modal" id="arsnovaLiteModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
</div>
</div>
{{/unless}}
</template>
import {Session} from "meteor/session";
import "./arsnovaLite.html";
/*
* ############################################################################
* mainModalArsnovaLite
* ############################################################################
*/
Template.mainModalArsnovaLite.onRendered(function () {
$('#arsnovaLiteModal').on('hidden.bs.modal', function () {
$('.showArsnovaLite').removeClass('pressed');
});
$('#arsnovaLiteModal').on('shown.bs.modal', function () {
$('.showArsnovaLite').addClass('pressed');
if (!Session.get('arsnovaLiteModalActive')) {
Session.set('arsnovaLiteModalActive', true);
$('#arsnovaLiteModal .modal-dialog').html('<iframe id="arsnovaLite" width="600px" height="800px" frameborder="0" src="https://beta.arsnova.eu"></iframe>');
}
});
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment