Atlas/js/components/security/access/configure-access-modal.html at 957b446c7d17bf9fa7f4f4e8d2b4b7aa51b3c414 · OHDSI/Atlas · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<atlas-modal params="showModal: $component.isModalShown,
										 title: ko.i18n('common.configureAccess', 'Configure access'),
										 data: {
										    classes: classes,
										    isLoading: isLoading,
										    readRoleName: readRoleName,
		                                                                    writeRoleName: writeRoleName,
										    writeAccessColumns: writeAccessColumns,
		                                                                    readAccessColumns: readAccessColumns,
										    writeAccessList: writeAccessList,
		                                                                    readAccessList: readAccessList,
										    grantAccess: grantAccess,
										    revokeRoleAccess: revokeRoleAccess,
										    readRoleOptions: readRoleOptions,
										    readRoleSearch: readRoleSearch,
		                                                                    writeRoleOptions: writeRoleOptions,
										    writeRoleSearch: writeRoleSearch,
                                                                                    shareFlag: shareFlag,
		                                                                    grantGlobalReadAccess: grantGlobalReadAccess,
                                                                                    revokeGlobalReadAccess: revokeGlobalReadAccess,
										 }">
    <loading data-bind="css: classes('loading-panel'), visible: isLoading()" params="status: ko.i18n('common.configureAccessModal.loadingAccessList', 'Loading access list...')"></loading>


    <div data-bind="css: classes()">
        <div data-bind="if: !isLoading()">
            <div data-bind="css: classes('new-access')">
                <label data-bind="css: classes('new-access-label'), text: ko.i18n('common.configureAccessModal.addWriteAccessToRole', 'Grant WRITE access to role:')"></label>
                <div class="input-group"
                     data-bind="css: classes({ element: 'new-access-btn-group', extra: ['new-access-btn-group'] })">
                    <input
                        class="form-control"
                        data-bind="
                            textInput: writeRoleSearch,
                            value: writeRoleName,
                            eventType: 'blur',
                            ko_autocomplete: { source: writeRoleOptions(), minLength: 0, maxShowItems: 10, scroll: true }"
                    >
                    <span class="input-group-btn">
                        <button class="btn btn-primary" type="button" data-bind="click: grantAccess.bind($data,'WRITE'), attr: { disabled: !(writeRoleName() && writeRoleName().length) }, text: ko.i18n('common.add', 'Add')"></button>
                    </span>
                </div>
                <div data-bind="css: classes('access-list')">
                    <label data-bind="css: classes('access-list-label'), text: ko.i18n('common.configureAccessModal.rolesWithWriteAccess', 'Roles with WRITE access:')"></label>
                    <div>
                        <table data-bind="
                            css: classes({ element: 'access-table', extra: ['table', 'table-bordered', 'table-hover'] }),
                            dataTable:{
                                data: writeAccessList,
                                options: {columns: writeAccessColumns, language: ko.i18n('datatable.language')},
                            }
                        "/>
                    </div>
                </div>
	    </div>

	    <div>
	    <div data-bind="css: classes('new-access')">
		<label data-bind="css: classes('new-access-label'), text: ko.i18n('common.configureAccessModal.addReadAccessToRole', 'Grant READ access to role:')"></label>
                <div class="input-group"
                     data-bind="css: classes({ element: 'new-access-btn-group', extra: ['new-access-btn-group'] })">
                    <input
                        class="form-control"
                        data-bind="
                            textInput: readRoleSearch,
                            value: readRoleName,
                            eventType: 'blur',
                            ko_autocomplete: { source: readRoleOptions(), minLength: 0, maxShowItems: 10, scroll: true }"
                    >
                    <span class="input-group-btn">
                        <button class="btn btn-primary" type="button" data-bind="click: grantAccess.bind($data,'READ'), attr: { disabled: !(readRoleName() && readRoleName().length) }, text: ko.i18n('common.add', 'Add')"></button>
                    </span>
                </div>
		<div data-bind="css: classes('access-list')">
                    <label data-bind="css: classes('access-list-label'), text: ko.i18n('common.configureAccessModal.rolesWithReadAccess', 'Roles with READ access:')"></label>
                    <div>
                        <table data-bind="
                            css: classes({ element: 'access-table', extra: ['table', 'table-bordered', 'table-hover'] }),
                            dataTable:{
                                data: readAccessList,
                                options: {columns: readAccessColumns, language: ko.i18n('datatable.language')},
                            }
                        "/>
                    </div>
		</div>
	    </div>


	    <div><br></div>
	    <!-- A BUTTON TO SHARE GLOBALLY -->
	    <div>
		<label data-bind="css: classes('new-access-label'), text: ko.i18n('common.configureAccessModal.globalReadStatus', 'Status of global READ access:')"></label>
		<div/>
		<div class="btn-group" data-toggle="buttons">
		    <label data-bind="css: { active: shareFlag()},
				      click: function () { shareFlag(false); grantGlobalReadAccess();},
				      clickBubble: false,
				      text: ko.i18n('common.configureAccessModal.globalReadStatusNotGranted', 'Granted')
				      "
			   class="btn btn-primary",
		    />
		    <label data-bind="css: { active: !shareFlag()},
				      click: function () { shareFlag(true); revokeGlobalReadAccess();},
				      clickBubble: false,
				      text: ko.i18n('common.configureAccessModal.globalReadStatusIsGranted', 'Not Granted')
				      "
			   class="btn btn-primary",
		    />
		</div>
	    </div>

	    <div><br></div>

        </div>
    </div>
</atlas-modal>