admission 0.4.5 → 0.4.6

data/visualisation/components/privilege_select.jsx

@@ -1,70 +0,0 @@
-import preact from 'preact';
-import InputWithSelect from './input_with_select';
-
-export default class PrivilegeSelect extends preact.Component {
-
-    constructor (props) {
-        super(props);
-
-        this.state = props.app.keyToPrivilege(props.defaultValue);
-
-        this.onNameSelected = this.onNameSelected.bind(this);
-        this.onLevelSelected = this.onLevelSelected.bind(this);
-        this.onClearSelection = this.onClearSelection.bind(this);
-    }
-
-    render ({app}, {name, level}) {
-        return <div className="controls-group">
-            <InputWithSelect
-                defaultText={name}
-                placeholder="name"
-                all_items={app.listPrivilegesNames()}
-                onSelect={this.onNameSelected}
-            />
-
-            <InputWithSelect
-                defaultText={level}
-                placeholder="level"
-                all_items={app.listPrivilegeLevels(name)}
-                onSelect={this.onLevelSelected}
-            />
-
-            <button
-                type="button"
-                tabIndex="-1"
-                className="button"
-                onClick={this.onClearSelection}>
-                Clear
-            </button>
-        </div>;
-    }
-
-    componentWillReceiveProps ({defaultValue}) {
-        if (defaultValue !== this.props.defaultValue) {
-            this.setState(this.props.app.keyToPrivilege(defaultValue));
-        }
-    }
-
-    onNameSelected (name) {
-        const levels = this.props.app.admission.levels[name];
-        let level;
-        if (!levels) level = 'base';
-        else level = levels[levels.length - 1];
-
-        this.setState({name, level});
-        this.props.onChanged({name, level});
-    }
-
-    onLevelSelected (level) {
-        const name = this.state.name;
-        this.setState({level});
-        this.props.onChanged({name, level});
-    }
-
-    onClearSelection () {
-        const selection = {name: '', level: ''};
-        this.setState(selection);
-        this.props.onChanged(selection);
-    }
-
-}

data/visualisation/components/privileges_panel.jsx

@@ -1,73 +0,0 @@
-import preact from 'preact';
-import classnames from 'classnames';
-import PrivilegeSelect from './privilege_select';
-import NestedListRow from './nested_list_row';
-
-export default class PrivilegesPanel extends preact.Component {
-
-    constructor (props) {
-        super(props);
-
-        this.state = {
-            roll_down_all: true,
-            privilege_key: ''
-        };
-
-        this.onToggleRollDownAll = this.onToggleRollDownAll.bind(this);
-        this.onPrivilegeSelected = this.onPrivilegeSelected.bind(this);
-    }
-
-    render ({app}, {privilege_key, roll_down_all}) {
-        const root_row = reduce_nested_data(app, {key: privilege_key});
-
-        return <div className="panel">
-            <div className="controls">
-                <div className="controls-group">
-                    <div className={classnames('check_box', roll_down_all && 'checked')}
-                         onClick={this.onToggleRollDownAll}>
-                        {"\u25BC"}
-                    </div>
-                </div>
-
-                <PrivilegeSelect
-                    app={app}
-                    defaultValue={privilege_key}
-                    onChanged={this.onPrivilegeSelected}/>
-            </div>
-
-            <ul className="nested-list">
-                <NestedListRow
-                app={app}
-                content={root_row.content}
-                nestedRows={root_row.nested_rows}
-                defaultUnrolled={roll_down_all}/>
-            </ul>
-        </div>;
-    }
-
-    onToggleRollDownAll () {
-        this.setState({roll_down_all: !this.state.roll_down_all});
-    }
-
-    onPrivilegeSelected (privilege) {
-        this.setState({privilege_key: this.props.app.privilegeToKey(privilege)});
-    }
-
-}
-
-function reduce_nested_data (app, {privilege, key}) {
-    if (!privilege && key) privilege = app.getPrivilegeData(key);
-    let nested;
-
-    if (!privilege) {
-        nested = app.admission.top_levels;
-    } else if (privilege.inherits) {
-        nested = privilege.inherits;
-    }
-    if (nested) nested = nested.map(p => reduce_nested_data(app, {key: p}));
-
-    return {
-        content: (privilege ? app.privilegeToKey(privilege) : '-listing-'),
-        nested_rows: nested
-    };
-}

data/visualisation/components/rules_panel.jsx

@@ -1,124 +0,0 @@
-import preact from 'preact';
-import classnames from 'classnames';
-import InputWithSelect from './input_with_select';
-import NestedListRow from './nested_list_row';
-
-export default class RulesPanel extends preact.Component {
-
-    constructor (props) {
-        super(props);
-
-        this.onToggleRollDownAll = this.onToggleRollDownAll.bind(this);
-        this.onScopeSelected = this.onScopeSelected.bind(this);
-        this.onActionSelected = this.onActionSelected.bind(this);
-    }
-
-    render ({app}, {scope, action, roll_down_all}) {
-        const rules = filter_index_for_scope(app.admission.rules, scope);
-        const scopes = reduce_scopes(rules, {action});
-
-        return <div className="panel">
-            <div className="controls">
-                <div className="controls-group">
-                    <div className={classnames('check_box', roll_down_all && 'checked')}
-                         onClick={this.onToggleRollDownAll}>
-                        {"\u25BC"}
-                    </div>
-                </div>
-
-                <div className="controls-group">
-                    <InputWithSelect
-                        defaultText={scope}
-                        placeholder="scope"
-                        enterable
-                        nullable
-                        all_items={Object.keys(app.admission.rules)}
-                        onSelect={this.onScopeSelected}
-                    />
-
-                    <InputWithSelect
-                        defaultText={action}
-                        placeholder="action"
-                        enterable
-                        nullable
-                        all_items={list_actions(rules)}
-                        onSelect={this.onActionSelected}
-                    />
-                </div>
-            </div>
-
-            <ul className="nested-list">
-                {scopes.map(scope =>
-                    <NestedListRow
-                        app={app}
-                        content={scope.content}
-                        nestedRows={scope.nested_rows}
-                        defaultUnrolled={roll_down_all}/>
-                )}
-            </ul>
-        </div>;
-    }
-
-    onToggleRollDownAll () {
-        this.setState({roll_down_all: !this.state.roll_down_all});
-    }
-
-    onScopeSelected (scope) {
-        this.setState({scope});
-    }
-
-    onActionSelected (action) {
-        this.setState({action});
-    }
-
-}
-
-function filter_index_for_scope (rules, scope) {
-    if (!scope) return rules;
-    const filtered = Object.assign({}, rules);
-    Object.keys(filtered).forEach(key => {
-        if (!key.includes(scope)) delete filtered[key]
-    });
-    return filtered;
-}
-
-function reduce_scopes (index, {action}) {
-    return Object.keys(index)
-        .map(scope => {
-            const actions = reduce_actions(index[scope], {action});
-            if (!actions.length) return null;
-            return {
-                content: scope,
-                nested_rows: actions
-            };
-        })
-        .filter(item => item);
-}
-
-function reduce_actions (index, {action}) {
-    let selected = Object.keys(index);
-    if (action) selected = selected.filter(a => a.includes(action));
-
-    return selected.map(action => {
-        return {
-            content: action,
-            nested_rows: reduce_privileges(index[action])
-        }
-    });
-}
-
-function reduce_privileges (index) {
-    return Object.keys(index).map(privilege_key => {
-        return {
-            content: `${privilege_key}: ${index[privilege_key]}`
-        };
-    });
-}
-
-function list_actions (index) {
-    let all = [];
-    Object.keys(index).forEach(k => all = all.concat(Object.keys(index[k])));
-    return all.filter((name, i, arr) => {
-        return i === arr.indexOf(name);
-    });
-}

data/visualisation/helpers.js

@@ -1,69 +0,0 @@
-
-const helpers = {
-
-    debounce (func, wait, immediate) {
-        let timeout, context, args;
-
-        if (immediate) {
-            return function () {
-                let call_now = true;
-                context = this;
-                args = arguments;
-
-                if (timeout) {
-                    call_now = false;
-                    clearTimeout(timeout);
-                }
-                timeout = setTimeout(function () {
-                    timeout = null;
-                }, wait);
-                if (call_now) func.apply(context, args);
-            };
-
-        } else {
-            return function () {
-                context = this;
-                args = arguments;
-
-                if (timeout) clearTimeout(timeout);
-
-                timeout = setTimeout(function () {
-                    timeout = null;
-                    func.apply(context, args);
-                }, wait);
-            };
-        }
-    },
-
-    throttle (callback, time, immediate) {
-        let timeout, call_at_end, context, args;
-
-        return function () {
-            context = this;
-            args = arguments;
-
-            // throttling block
-            if (timeout) {
-                call_at_end = true;
-                return;
-            }
-
-            // throttler - fire only if there was event in the mean-time
-            let timeout_f = function () {
-                timeout = null;
-                if (call_at_end) {
-                    call_at_end = false;
-                    timeout = setTimeout(timeout_f, time);
-                    callback.apply(context, args);
-                }
-            };
-
-            call_at_end = true;
-            if (immediate) timeout_f();
-            else timeout = setTimeout(timeout_f, time);
-        };
-    }
-
-};
-
-export default helpers;

data/visualisation/index.jsx

@@ -1,89 +0,0 @@
-import 'normalize.css';
-import './style.scss';
-import 'whatwg-fetch';
-
-import preact from 'preact';
-import { createStore } from 'redux';
-import admissionApp from './reducers';
-import actions from './actions';
-import AppContainer from './components/app_container';
-
-document.addEventListener('DOMContentLoaded',function(){
-
-    app.store = createStore(admissionApp);
-    app.container = document.getElementById('admission-visualisation');
-    window.app = app;
-
-    preact.render(
-        <AppContainer
-            ref={c => app.container_component = c}
-            app={app}
-            onMounted={start_app}/>,
-        app.container
-    );
-
-    function start_app () {
-        fetch(app.container.dataset.url, {
-            credentials: 'include'
-
-        }).then(response => {
-            if (!response.ok) {
-                app.container_component.setState({loaded: true, load_fail: response.statusText});
-                return;
-            }
-
-            response.json().then(data => {
-                app.admission = data;
-                app.store.dispatch({type: 'APP_READY'});
-
-            }).catch(err => {
-                app.container_component.setState({loaded: true, load_fail: err.message});
-
-            });
-
-        }).catch(err => {
-            app.container_component.setState({loaded: true, load_fail: err.message});
-
-        });
-    }
-
-});
-
-const app = {
-
-    getPrivilegeData (key) {
-        const {name, level} = app.keyToPrivilege(key);
-        return this.admission.privileges
-            .find(p => p.name === name && p.level === level);
-    },
-
-    listPrivilegesNames () {
-        return this.admission.privileges
-            .map(p => p.name)
-            .filter((name, i, arr) => {
-                return i === arr.indexOf(name);
-            });
-    },
-
-    listPrivilegeLevels (name) {
-        if (!name) return [];
-        return this.admission.privileges
-            .filter(p => p.name === name)
-            .map(p => p.level);
-    },
-
-    privilegeToKey: function ({name, level}) {
-        if (!level || level === 'base') return name || '';
-        return `${name}-${level}`
-    },
-
-    keyToPrivilege (key) {
-        if (!key) return {name: '', level: ''};
-        let [name, level] = key.split('-');
-        if (!level) level = 'base';
-        return {name, level};
-    },
-
-
-
-};

data/visualisation/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "addmission_visualisation",
-  "main": "index.js",
-  "private": true,
-  "scripts": {
-    "server": "ruby server.rb",
-    "webpack": "rm -rf build && node_modules/.bin/webpack --watch",
-    "build": "BUILD=dist node_modules/.bin/webpack"
-  },
-  "dependencies": {
-    "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
-    "babel-plugin-transform-react-jsx": "^6.24.1",
-    "babel-preset-es2015": "^6.24.1",
-    "classnames": "^2.2.5",
-    "css-loader": "^0.28.4",
-    "node-sass": "^4.5.3",
-    "normalize.css": "^7.0.0",
-    "preact": "^8.1.0",
-    "redux": "^3.6.0",
-    "sass-loader": "^6.0.5",
-    "style-loader": "^0.18.2",
-    "uglifyjs-webpack-plugin": "^0.4.6",
-    "webpack": "^2.6.1",
-    "whatwg-fetch": "^2.0.3"
-  }
-}