authorization_required

app/components/App.scss

@@ -195,3 +195,7 @@ HTML {
     display: none;
   }
 }
+
+.reveal-blurring {
+  backdrop-filter: blur(8px);
+}

app/components/modules/Modals.jsx

@@ -47,7 +47,7 @@ class Modals extends React.Component {
         this.shouldComponentUpdate = shouldComponentUpdate(this, 'Modals');
     }
 
-    onLoginBackdropClick = (e) => {
+    onLoginTryClose = (e) => {
         const { loginUnclosable } = this.props;
         if (loginUnclosable)
             throw new Error('Closing login modal is forbidden here');
@@ -56,6 +56,7 @@ class Modals extends React.Component {
     render() {
         const {
             show_login_modal,
+            loginBlurring,
             show_confirm_modal,
             show_donate_modal,
             show_gift_nft_modal,
@@ -84,9 +85,11 @@ class Modals extends React.Component {
             return n;
         }) : [];
 
+        const loginClass = loginBlurring ? 'reveal-blurring' : undefined
+
         return (
             <div>
-                {show_login_modal && <Reveal onBackdropClick={this.onLoginBackdropClick} onHide={hideLogin} show={show_login_modal}>
+                {show_login_modal && <Reveal overlayClassName={loginClass} onBackdropClick={this.onLoginTryClose} onEscapeKeyDown={this.onLoginTryClose} onHide={hideLogin} show={show_login_modal}>
                     <LoginForm onCancel={hideLogin} />
                 </Reveal>}
                 {show_confirm_modal && <Reveal onHide={hideConfirm} show={show_confirm_modal}>
@@ -129,9 +132,11 @@ export default connect(
     state => {
         const loginDefault = state.user.get('loginDefault');
         const loginUnclosable = loginDefault && loginDefault.get('unclosable');
+        const loginBlurring = loginDefault && loginDefault.get('blurring')
         return {
             show_login_modal: state.user.get('show_login_modal'),
             loginUnclosable,
+            loginBlurring,
             show_confirm_modal: state.transaction.get('show_confirm_modal'),
             show_donate_modal: state.user.get('show_donate_modal'),
             show_gift_nft_modal: state.user.get('show_gift_nft_modal'),

app/redux/User.js

@@ -33,6 +33,20 @@ export default createModule({
     name: 'user',
     initialState: defaultState,
     transformations: [
+        {
+            action: 'REQUIRE_LOGIN',
+            reducer: (state, {payload}) => {
+                console.log('ACT-----')
+                return state.merge({
+                    show_login_modal: true, 
+                    loginDefault: {
+                        unclosable: true,
+                        cancelIsRegister: true,
+                        blurring: true
+                    }
+                })
+            }
+        },
         {
             action: 'SHOW_LOGIN',
             reducer: (state, {payload}) => {

server/index.js

@@ -52,6 +52,7 @@ global.$STM_Config = {
     forums: config.get('forums'),
     blocked_users,
     blocked_posts,
+    authorization_required: config.has('authorization_required') && config.get('authorization_required'),
     ui_version: version || '1.0-unknown',
 };
 

shared/UniversalRender.jsx

@@ -11,21 +11,23 @@ import {
     match,
     applyRouterMiddleware
 } from 'react-router';
-import * as api from 'app/utils/APIWrapper'
 import { Provider } from 'react-redux';
 import RootRoute from 'app/RootRoute';
 import {createStore, applyMiddleware, compose} from 'redux';
 import { browserHistory } from 'react-router';
 import { useScroll } from 'react-router-scroll';
 import createSagaMiddleware from 'redux-saga';
 import { syncHistoryWithStore } from 'react-router-redux';
+
+import * as api from 'app/utils/APIWrapper'
 import rootReducer from 'app/redux/RootReducer';
 import rootSaga from 'app/redux/RootSaga';
 import {component as NotFound} from 'app/components/pages/NotFound';
 import extractMeta from 'app/utils/ExtractMeta';
 import Translator from 'app/Translator';
 import getState from 'app/utils/StateBuilder';
 import {routeRegex} from "app/ResolveRoute";
+import session from 'app/utils/session'
 import {contentStats} from 'app/utils/StateFunctions'
 import {APP_NAME, SEO_TITLE} from 'app/client_config';
 import constants from 'app/redux/constants';
@@ -80,6 +82,9 @@ export async function serverRender({
 
     if (process.env.BROWSER) {
         const store = createStore(rootReducer, initial_state, middleware);
+        if (!session.load().currentName && $STM_Config.authorization_required) {
+            store.dispatch({type: 'user/REQUIRE_LOGIN', payload: {}});
+        }
         // sagaMiddleware.run(PollDataSaga).done
         //     .then(() => console.log('PollDataSaga is finished'))
         //     .catch(err => console.log('PollDataSaga is finished with error', err));
@@ -161,6 +166,9 @@ export async function serverRender({
 
         offchain.server_location = location;
         serverStore = createStore(rootReducer, { global: onchain, offchain});
+        if (!offchain.account && $STM_Config.authorization_required) {
+            serverStore.dispatch({type: 'user/REQUIRE_LOGIN', payload: {}});
+        }
         serverStore.dispatch({type: '@@router/LOCATION_CHANGE', payload: {pathname: location}});
         // TODO: maybe use request to golosnotify to fetch counters?
         /*if (offchain.account) {
@@ -221,6 +229,9 @@ export async function serverRender({
 
 export function clientRender(initialState) {
     const store = createStore(rootReducer, initialState, middleware);
+    if (!session.load().currentName && $STM_Config.authorization_required) {
+        store.dispatch({type: 'user/REQUIRE_LOGIN', payload: {}});
+    }
     sagaMiddleware.run(rootSaga)
 
     const history = syncHistoryWithStore(browserHistory, store);