meteor-interface/build/ui/SettingsLayout/pages/SettingsHome.js

Simple Content Management System to generate your administration interface for Meteor and React.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactSpring = require("react-spring");

var _semanticUiReact = require("semantic-ui-react");

var _styledComponents = _interopRequireDefault(require("styled-components"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n    h5.header {\n        letter-spacing:2px;\n        margin-bottom: 0;\n    }\n    .button {\n        transition: all 0.3s ease-in !important;\n    }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var SettingsHome = function SettingsHome(_ref) {
  var _ref$config = _ref.config,
      config = _ref$config === void 0 ? {} : _ref$config;
  var _config$roles = config.roles,
      roles = _config$roles === void 0 ? [] : _config$roles,
      _config$collections = config.collections,
      collections = _config$collections === void 0 ? [] : _config$collections;
  var list = ['Create and manage users', 'Decide who can see or edit what', 'Change some important secret keys like AWS, Stripe or GoogleMaps'];
  var header = 'Restricted area';
  var content = "Welcome in the settings area. Here you can administrate\n    some important stuffs. Only people with the highest rank can access to this part\n    of your Interface.\n    ";
  console.log(roles);
  var list2 = [];
  roles.map(function (role, i) {
    var view = "".concat(role, " can see ");
    var edition = "".concat(role, " can edit ");
    var creation = "".concat(role, " can create ");
    collections.map(function (collection) {
      if (collection.visible.indexOf(role) > -1) {
        view = view + ' ' + collection.label + ',';
      }

      if (collection.edit.indexOf(role) > -1) {
        edition = edition + ' ' + collection.label + ',';
      }

      if (collection.create.indexOf(role) > -1 && !collection.single) {
        creation = creation + ' ' + collection.label + ',';
      }
    });

    if (i === 0) {
      view = view + ' Users, General settings';
      edition = edition + ' Users, General settings';
      creation = creation + ' Users, General settings';
    }

    list2.push(view);
    list2.push(edition);
    list2.push(creation);
  });
  var header2 = 'Users roles rights listing';
  var content2 = "Each role give users access to different parts of Interface. \n    Here is the list.\n    ";
  return _react.default.createElement(SettingsHomeStyle, null, _react.default.createElement(_reactSpring.Spring, {
    from: {
      opacity: 0,
      marginLeft: 600
    },
    to: {
      opacity: 1,
      marginLeft: 0
    }
  }, function (styles) {
    return _react.default.createElement(_semanticUiReact.Message, {
      style: styles,
      size: "large"
    }, _react.default.createElement(_semanticUiReact.Message.Header, {
      as: _semanticUiReact.Header,
      dividing: true,
      color: "green"
    }, header), _react.default.createElement("p", null, content), _react.default.createElement(_semanticUiReact.Message.List, null, list.map(function (item) {
      return _react.default.createElement(_semanticUiReact.Message.Item, {
        key: item
      }, item);
    })));
  }), _react.default.createElement(_reactSpring.Spring, {
    from: {
      opacity: 0,
      marginLeft: 600
    },
    to: {
      opacity: 1,
      marginLeft: 0
    }
  }, function (styles2) {
    return _react.default.createElement(_semanticUiReact.Message, {
      style: styles2,
      size: "large"
    }, _react.default.createElement(_semanticUiReact.Message.Header, {
      as: _semanticUiReact.Header,
      dividing: true,
      color: "green"
    }, header2), _react.default.createElement("p", null, content2), _react.default.createElement(_semanticUiReact.Message.List, null, list2.map(function (item) {
      return _react.default.createElement(_semanticUiReact.Message.Item, {
        key: item
      }, item);
    })));
  }));
};

var _default = SettingsHome;
exports.default = _default;

var SettingsHomeStyle = _styledComponents.default.div(_templateObject());