@olea-bps/base 1.0.0

package/components/TopNewsHtwk/styles.js

@@ -0,0 +1,142 @@
+import {Platform, Dimensions} from "react-native";
+
+export default function(theme) {
+    const width = Dimensions.get('window').width;
+    const height = Dimensions.get('window').height;
+    const headerImageHeight = height / 2;
+    return {
+        appHeader: {
+            flex: 1,
+            flexDirection: 'row',
+            alignItems: 'baseline',
+        },
+        appHeaderSearchButton: {
+            position: 'absolute',
+            top: Platform.OS === 'ios' ? theme.paddings.default : theme.paddings.xlarge,
+            right: theme.paddings.default
+        },
+        appHeaderSearch: {},
+        appHeaderContainer: {
+            flex: 1,
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
+            height: headerImageHeight,
+        },
+        universityIconWrapper: {
+            flex: 1,
+            zIndex: 9,
+            backgroundColor: theme.colors.topNewsIconBackground,
+        },
+        universityIcon: {
+            width: width * .6,
+            height: (width) * .1,
+            margin: (width * .15) / 4,
+            marginLeft: theme.paddings.default,
+
+        },
+        universityTitle: {
+            marginTop: theme.paddings.large,
+            marginLeft: theme.paddings.default,
+            color: theme.colors.primaryText,
+            fontSize: theme.fontSizes.universityTitle,
+            ...theme.fonts.bold,
+            lineHeight: theme.lineHeights.xxl,
+            textAlign: 'left',
+            alignSelf: 'flex-start',
+            marginBottom: theme.paddings.small
+        },
+        newsImage: {
+            height: width/16*9,
+            width: width
+        },
+        backgroundImageWrapper: {
+            position:'relative',
+            overflow: 'hidden',
+            backgroundColor: 'blue'
+        },
+        imageOverlay: {
+            height: headerImageHeight,
+            width: width,
+            flex: 1
+        },
+        newsItem: {
+            backgroundColor: theme.colors.background,
+            paddingHorizontal: theme.paddings.default,
+            paddingTop: theme.paddings.xsmall,
+            paddingBottom: theme.paddings.xsmall,
+        },
+        newsItemCategory: {
+            marginBottom: 5,
+            fontSize: theme.fontSizes.s
+        },
+        newsItemTitle: {
+            ...theme.fonts.thin,
+            fontSize: theme.fontSizes.title,
+            lineHeight: theme.lineHeights.titleBig,
+            marginBottom: theme.paddings.small,
+        },
+        newsItemText: {
+            ...theme.fonts.thin,
+            fontSize: theme.fontSizes.l,
+            lineHeight: theme.lineHeights.l
+        },
+        newsItemReadMore: {
+            textDecorationLine: 'underline'
+        },
+        newsItemActionbar: {
+            borderBottomColor: theme.colors.accent,
+            borderBottomWidth: 1,
+            //borderStyle: 'dotted', // TODO Not available on iOS at the moment (also dashed)
+            borderStyle: 'solid',
+            paddingBottom: theme.paddings.none,
+            marginTop: theme.paddings.none,
+            flex: 1,
+            flexDirection: 'row'
+        },
+        newsItemDate: {
+            fontSize: theme.fontSizes.s,
+            ...theme.fonts.bold,
+            color: theme.colors.subtitle,
+            flex: 1,
+            alignItems: 'center',
+            alignSelf: 'center',
+            flexDirection: 'row',
+        },
+        newsItemAuthor: {
+            fontSize: theme.fontSizes.s,
+            ...theme.fonts.bold,
+            color: theme.colors.subtitle,
+            flex: 1,
+            alignSelf: 'flex-start',
+            flexDirection: 'row',
+        },
+        newsItemActions: {
+            flex: 1,
+            alignItems: 'flex-end',
+            justifyContent: 'flex-end'
+        },
+        newsItemAction: {
+            marginRight: -4
+        },
+        modalContainer: {
+            flex: 1
+        },
+        tape: {
+            position: 'absolute',
+            top: '16.7%',       // 16.7 % = 0.5/3 of height as per CI
+            bottom: '16.7%',    // 16.7 % = 0.5/3 of height as per CI
+            zIndex: 10,
+            flex: 1,
+            width: width * 0.1143, // 11.43% width as per CI
+            resizeMode: 'cover',
+            backgroundColor: theme.colors.tapeColor
+        },
+        tapeLeft: {
+            left: theme.paddings.default - ((width * 0.1143) / 3) // 2/3 overlay
+        },
+        tapeRight: {
+            right: theme.paddings.default  - ((width * 0.1143) / 3) // 2/3 overlay
+        }
+    }
+};

package/components/WebView/index.js

@@ -0,0 +1,108 @@
+/**
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+import { StyleSheet, ActivityIndicator } from 'react-native';
+import { connect } from 'react-redux'
+import { withTheme } from "react-native-paper";
+import { WebView } from 'react-native-webview';
+import merge from 'lodash/merge';
+
+import componentStyles from "./styles";
+
+/**
+ * Webview View
+ *
+ * Use this víew to show a webpage (via url).
+ *
+ * Parameters:
+ *  - none
+ *
+ * Navigation-Parameters:
+ *  - title: Header title
+ *  - url: Webpage Url
+ */
+class WebviewComponent extends React.Component {
+    static navigationOptions = {
+        header: null
+    };
+
+    state = {
+        refreshing: false,
+    };
+
+    // Styles of this component
+    styles;
+
+
+
+    webView =  {
+        canGoBack: false,
+        ref: null,
+    };
+
+    constructor(props) {
+        super(props);
+
+        // ------------------------------------------------------------------------
+        // PLUGIN FUNCTIONALITY
+        // ------------------------------------------------------------------------
+
+        const {pluginStyles, theme} = this.props;
+        this.styles = componentStyles(theme);
+
+        if (pluginStyles) {
+            this.styles = merge(this.styles, pluginStyles);
+        }
+
+        this.styles = StyleSheet.create(this.styles);
+
+        // ------------------------------------------------------------------------
+    }
+
+    onShouldStartLoadWithRequest = (event) =>{
+        const {url, constPage} = this.props;
+        if(constPage){
+            if(event.url === url)
+                return true;
+            else
+                return false;
+        }
+        return true;
+    }
+    render() {
+        const {colors, customScript} = this.props.theme;
+        const {url} = this.props;
+
+        const script = `function hideHead(){document.getElementById("header").style.display = 'none';}hideHead();`
+        return (
+                <WebView
+                    injectedJavaScript={url.includes("tuc.cloud") ? script + customScript : customScript}
+                    javaScriptEnabled
+                    onMessage={(event) => {}}
+                    source={{uri: url}}
+                    ref={ref => this.webView.ref = ref}
+                    startInLoadingState={true}
+                    renderLoading={() => <ActivityIndicator style={this.styles.activity} size="large" color={colors.loadingIndicator}/>}
+                />
+        );
+    }
+}
+
+const mapStateToProps = state => {
+    return {
+    };
+};
+
+export default connect(mapStateToProps, null)(withTheme(WebviewComponent))

package/components/WebView/styles.js

@@ -0,0 +1,11 @@
+export default function(theme) {
+    return {
+        container: {
+            flex: 1,
+            backgroundColor: theme.colors.background,
+        },
+        activity: {
+            padding: 20
+        }
+    }
+};

package/context/context-callmanager/TucCallManager.js

@@ -0,0 +1,74 @@
+import HttpApiProvider, { JsonContentType } from '../../libraries/base-api-provider';
+
+/**
+ * API-Client for Kollektor
+ */
+export default class TucCallManager extends HttpApiProvider {
+
+    static #standardPathSegments = ['services', 'nutzer', 'parallelruf']
+
+    setParallelCall(parallelCallId, parallelCall) {
+        const parallelCallRessourceUrl = this.parallelCallUrl(parallelCallId);
+
+        return this.patch(
+            parallelCallRessourceUrl,
+            parallelCall,
+        ).then(
+            response => {
+                console.debug(response.status);
+                return response.json();
+            }
+        ).then(
+            jsonResponse => {
+                console.debug(jsonResponse);
+                return jsonResponse;
+            }
+        );
+    }
+
+    getParallelCalls() {
+        const parallelCallRessourceUrl = this.getParallelCallsUrl();
+
+        return this.get(
+            parallelCallRessourceUrl,
+            {
+                'Content-Type': JsonContentType,
+            }
+        ).then(
+            response => response.json()
+        ).then(
+            jsonResponse => {
+                console.debug(this.constructor.name, ':', 'get parallel calls', ':', jsonResponse);
+                return jsonResponse?.map(
+                    parallelCall => ({
+                        ...parallelCall,
+                        enableMobileConnect: parallelCall?.enableMobileConnect === 'true',
+                        isMobilePhone: parallelCall?.isMobilePhone === 'true',
+                    })
+                );
+            }
+        );
+    }
+
+    getParallelCallsUrl() {
+        return this.extendBaseUrl(TucCallManager.#standardPathSegments);
+    }
+
+    parallelCallUrl(parallelCallId) {
+        return this.extendBaseUrl([...TucCallManager.#standardPathSegments, parallelCallId]);
+    }
+
+    /**
+     * Erstellt eine TucCallManager-Instanz
+     * @param {string} baseUrl URL, welche als Basis für die Anfragen verwendet werden soll
+     * @param {string} mainLanguage Die zu prioriserende Hauptsprache
+     * @param {string} accessToken Zugriffstoken, welches der Provider für den Nutzerzugriff verwendet.
+     * @returns {TucCallManager} Erstellelte TucCallManager-Instanz
+     */
+    static from(baseUrl, mainLanguage = 'de', accessToken) {
+        const acceptingLanguages = HttpApiProvider.languagesFromMainLanguages(mainLanguage);
+        const acceptingContentTypes = HttpApiProvider.contentTypesFromContentType(JsonContentType);
+
+        return new TucCallManager(baseUrl, acceptingLanguages, acceptingContentTypes, accessToken);
+    }
+}

package/context/context-callmanager/index.js

@@ -0,0 +1,128 @@
+/**
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createContext, useContext, useMemo, useEffect, useState, useCallback } from 'react';
+
+import { useTheme } from 'react-native-paper';
+
+import { useAccessToken, useLogoutEffect } from '../context-user';
+
+import TucCallManager from './TucCallManager';
+
+const TucCallManagerProviderName = 'tuc-call-manager';
+
+const CallManagerContext = createContext();
+
+/**
+ * Provider for telephone context
+ */
+function CallManagerContextProvider({ children }) {
+    const componentName = CallManagerContextProvider.name;
+    const theme = useTheme();
+
+    // Einstellungen für API-Provider
+    const callManagerApiSettings = theme?.appSettings?.modules?.callManager?.api;
+    const callManagerApiProvider = callManagerApiSettings?.provider;
+    const callManagerApiBaseUrl = callManagerApiSettings?.baseUrl;
+
+    const accessToken = useAccessToken();
+
+    const [parallelCalls, setParallelCalls] = useState();
+
+    // Estellen des API-Providers bzw. erneuern wenn sich Einstellungen sich ändern.
+    const apiProvider = useMemo(
+        () => {
+            switch (callManagerApiProvider?.toLowerCase()) {
+                case TucCallManagerProviderName:
+                    console.debug(componentName, ':', 'use tu chemnitz call manager');
+                    return new TucCallManager.from(callManagerApiBaseUrl, 'de', accessToken);
+                default:
+                    console.log(`${componentName}: Can't build api provider: ${callManagerApiProvider}`)
+                    return null;
+            }
+        },
+        [callManagerApiProvider, callManagerApiBaseUrl, accessToken]
+    );
+
+    async function refreshParallelCalls() {
+        return apiProvider.getParallelCalls()
+            .then(
+                parallelCalls => {
+                    setParallelCalls(parallelCalls);
+                    console.debug(componentName, ':', 'get parralel calls', ':', parallelCalls);
+                }
+            );
+    }
+
+    useEffect(
+        () => {
+            refreshParallelCalls?.()
+                ?.catch?.(
+                    reason => {
+                        setParallelCalls([]);
+                        console.debug(componentName, ':', 'can`t get parralel calls', ':', reason);
+                    }
+                );
+        },
+        [apiProvider]
+    )
+
+    function changeParallelCall(parallelCallId, parallelCall) {
+        return apiProvider.setParallelCall(parallelCallId, parallelCall);
+    }
+
+    // Dieser Effekt setzt den State der Parrelelrufe zurück, wenn der Nutzer sich abmeldet.
+    useLogoutEffect(
+        useCallback(
+            user => {
+                console.debug(componentName, ':', 'remove paralel calls from', user.sub, 'in memory');
+                setParallelCalls(undefined);
+            },
+            []
+        )
+    );
+
+    return (
+        <CallManagerContext.Provider
+            value={{
+                parallelCalls: parallelCalls,
+                refreshParallelCalls: refreshParallelCalls,
+                changeParallelCall: changeParallelCall,
+            }}
+        >
+            {children}
+        </CallManagerContext.Provider>
+    );
+}
+
+function useCallManagerContext() {
+    return useContext(CallManagerContext);
+}
+
+function useParallelCalls() {
+    const callManagerContext = useCallManagerContext();
+
+    return [
+        callManagerContext?.parallelCalls,
+        callManagerContext?.refreshParallelCalls,
+        callManagerContext?.changeParallelCall
+    ];
+}
+
+export {
+    CallManagerContext as default,
+    CallManagerContextProvider,
+    useCallManagerContext,
+    useParallelCalls,
+}

package/context/context-canteen/AsistServerApiProvider.js

@@ -0,0 +1,126 @@
+import HttpApiProvider, { JsonContentType } from '../../libraries/base-api-provider';
+
+const categories = {
+    E: 'employee',
+    G: 'guest',
+    S: 'student',
+}
+
+/**
+ * Provider that provides a REST interface to the ASiST server.
+ * The getByCode method can be used to retrieve the lectures for a personal timetable code.
+ * @extends HttpApiProvider
+ */
+export default class AsistServerApiProvider extends HttpApiProvider {
+
+    /**
+     * Short code of the university to be queried by the ASiST server.
+     * @type {String}
+     * @private
+     */
+    #university
+
+    /**
+     * @param {string} baseUrl - URL of the ASiST server that is extended for API requests.
+     * @param {string} university - Short code of the university to be queried by the ASiST server.
+     * @param {string[]} acceptingLanguages - List of languages that are queried by the ASiST server. The priority is based on the order of the languages in the array.
+     */
+    constructor(baseUrl, university, acceptingLanguages) {
+        // ContentTypes wird auf JSON festgesetzt, da der ASiST-Server nur JSON spricht.
+        super(baseUrl, acceptingLanguages, [JsonContentType]);
+
+        this.#university = university;
+    }
+
+    /**
+     * Returns the request URL to get all canteens from the asist server.
+     * @returns {URL} URL that can be used to query canteens.
+     */
+    getAllUrl() {
+        return this.extendBaseUrl(['v3', this.#university, 'canteens', 'all']);
+    }
+
+    /**
+     * Requests the canteens from the ASiST server.
+     * @returns {Object[]} List of canteens.
+     */
+    getCanteens() {
+        const getAllUrl = this.getAllUrl();
+
+        return this.get(getAllUrl)
+            .then(response => response.json())
+            .then(jsonResponse => jsonResponse?.canteens ?? [])
+            .then(canteens => AsistServerApiProvider.convertCanteens(canteens));
+    }
+
+    getMenu(canteenId, date) {
+        const getAllUrl = this.getAllUrl();
+
+        return this.get(getAllUrl)
+            .then(response => response.json())
+            .then(jsonResponse => jsonResponse?.canteens ?? [])
+            .then(canteens => canteens.find(canteen => canteen.id === canteenId))
+            .then(canteen => canteen?.menuItems ?? [])
+            .then(meals => meals.filter(meal => meal.date === date))
+            .then(menu => AsistServerApiProvider.convertMenu(menu));
+    }
+
+    static convertCanteens(canteens) {
+        return canteens.map(
+            canteen =>
+            ({
+                id: canteen.id?.toString?.() ?? canteen.id,
+                title: canteen.title,
+                type: canteen.type,
+            })
+        );
+    }
+
+    static convertMenu(menu) {
+        return menu.map(meal => this.convertMeal(meal));
+    }
+
+    static convertMeal(meal) {
+        const prices = this.convertPrices(meal.prices);
+
+        return {
+            identifier: meal?.title,
+            title: meal?.title,
+            prices: prices,
+            imageUrl: meal?.imgUrlBig,
+            category: meal?.category,
+            type: meal?.type,
+            selections: meal?.selections ?? [],
+            allergens: meal?.allergens ?? [],
+            additives: meal?.additives ?? [],
+        }
+    }
+
+    static convertPrices(prices) {
+        return Object.fromEntries(
+            prices?.map?.(
+                price => {
+                    const category = categories?.[price.title];
+                    const amount = price.price;
+
+                    return [category, amount];
+                }
+            ) ?? []
+        )
+    }
+
+    /**
+     * Static constructor that can be used to easily create a provider instance. English and German are set as request languages by default.
+     * The main languages are used to set the priority.
+     * If the main language is not German or English, this is also set as the request language.
+     * @param {string} baseUrl - URL of the ASiST server that is extended for API requests.
+     * @param {string} university - Short code of the university to be queried by the ASiST server.
+     * @param {string} mainLanguage - Main language used to create the list of languages. The main language is prioritised highest.
+     * @returns {AsistServerApiProvider} Provider instance
+     */
+    static from(baseUrl, university, mainLanguage = 'de') {
+        const acceptingLanguages = AsistServerApiProvider.languagesFromMainLanguages(mainLanguage);
+
+        return new AsistServerApiProvider(baseUrl, university, acceptingLanguages);
+    }
+}

package/context/context-canteen/CollektorVersion2ApiProvider.js

@@ -0,0 +1,100 @@
+import HttpApiProvider from '../../libraries/base-api-provider';
+
+export class NotModifiedResponse {
+
+}
+
+/**
+ * API-Client for Kollektor
+ */
+export default class CollektorVersion2ApiProvider extends HttpApiProvider {
+    /**
+     * ETag cache.
+     * The key is a string that identifies the URL, whereby the associated value stores the ETag of the URL.
+     * @type {Object.<string, string>}
+     */
+    #menusETags = {}
+
+    /**
+     * @param {string} baseUrl - URL which is used as the basis for the query URLs.
+     * @param {string[]} acceptingLanguages - List of languages that are queried by the ASiST server. The priority is based on the order of the languages in the array.
+     */
+    constructor(baseUrl, acceptingLanguages) {
+        // ContentTypes wird auf JSON festgesetzt, da der ASiST-Server nur JSON spricht.
+        super(baseUrl, acceptingLanguages, ['application/json']);
+    }
+
+    /**
+     * Returns the request URL to get all canteens from the collektor.
+     * @returns {URL}
+     */
+    getCanteensUrl() {
+        return this.extendBaseUrl(['canteens']);
+    }
+
+    /**
+     * Returns a list of all canteens.
+     * @returns {Array} Array of all courses of the timetable.
+     */
+    getCanteens() {
+        const getCanteensUrl = this.getCanteensUrl();
+
+        return this.get(getCanteensUrl)
+            .then(response => response.json());
+    }
+
+    /**
+     * Returns the request URL to get the menu of a day from the collector.
+     * @param {String} canteenId Canteen.
+     * @param {String} date ISO-8601 date of day to get.
+     * @returns {URL} URL of the menu from the given day.
+     */
+    getMenuUrl(canteenId, date) {
+        return this.extendBaseUrl(['canteens', canteenId, 'menus', date]);
+    }
+
+    /**
+     * Returns a list of all meals from the queried day.
+     * @param {String} canteenId Canteen.
+     * @param {String} date ISO-8601 date of day to get.
+     * @returns {Array} Array of all meals of the day.
+     */
+    getMenu(canteenId, date) {
+        const getMenuUrl = this.getMenuUrl(canteenId, date);
+
+        const menuETag = this.#menusETags?.[`${canteenId}-${date}`];
+
+        const ifNoneMatchHeader = menuETag
+            ? { 'If-None-Match': menuETag }
+            : null;
+
+        const headers = {
+            ...ifNoneMatchHeader,
+        }
+
+        return this.get(getMenuUrl, headers)
+            .then(
+                response => {
+                    if (response.status === 304) {
+                        throw new NotModifiedResponse();
+                    } else {
+                        const responseETag = response?.headers.get('ETag');
+                        this.#menusETags[`${canteenId}-${date}`] = responseETag
+                        return response.json();
+                    }
+                }
+            );
+    }
+
+    /**
+     * Creates a CollektorVersion2ApiProvider instance initialised to a list of standard languages, where the mainLanguage parameter specifies the mainLanguage.
+     * @param {string} baseUrl - URL which is used as the basis for the query URLs.
+     * @param {string} mainLanguage - Main language which is prioritised.
+     * @returns {CollektorVersion2ApiProvider} Created CollectorVersion2ApiProvider instance.
+     */
+    static from(baseUrl, mainLanguage = 'de') {
+        const acceptingLanguages = CollektorVersion2ApiProvider.languagesFromMainLanguages(mainLanguage);
+
+        return new CollektorVersion2ApiProvider(baseUrl, acceptingLanguages);
+    }
+}