OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Replace old checkboxes

pull/21833/head
Jorik Schellekens 2020-07-27 16:36:31 +01:00
parent 1a9487f1be
commit 447ef63950
2 changed files with 50 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.scss
View File

@ -14,10 +14,6 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_SecurityRoomSettingsTab label {
display: block;
}
.mx_SecurityRoomSettingsTab_warning { .mx_SecurityRoomSettingsTab_warning {
display: block; display: block;

92
src/components/views/settings/tabs/room/SecurityRoomSettingsTab.js
View File

@ -23,6 +23,7 @@ import LabelledToggleSwitch from "../../../elements/LabelledToggleSwitch";
import {SettingLevel} from "../../../../../settings/SettingsStore"; import {SettingLevel} from "../../../../../settings/SettingsStore";
import Modal from "../../../../../Modal"; import Modal from "../../../../../Modal";
import QuestionDialog from "../../../dialogs/QuestionDialog"; import QuestionDialog from "../../../dialogs/QuestionDialog";
import StyledRadioButton from '../../../elements/StyledRadioButton';
export default class SecurityRoomSettingsTab extends React.Component { export default class SecurityRoomSettingsTab extends React.Component {
static propTypes = { static propTypes = {
@ -257,27 +258,30 @@ export default class SecurityRoomSettingsTab extends React.Component {
<div> <div>
{guestWarning} {guestWarning}
{aliasWarning} {aliasWarning}
<label> <StyledRadioButton
<input type="radio" name="roomVis" value="invite_only" name="roomVis" value="invite_only"
disabled={!canChangeAccess} disabled={!canChangeAccess}
onChange={this._onRoomAccessRadioToggle} onChange={this._onRoomAccessRadioToggle}
checked={joinRule !== "public"} /> checked={joinRule !== "public"}
>
{_t('Only people who have been invited')} {_t('Only people who have been invited')}
</label> </StyledRadioButton>
<label> <StyledRadioButton
<input type="radio" name="roomVis" value="public_no_guests" name="roomVis" value="public_no_guests"
disabled={!canChangeAccess} disabled={!canChangeAccess}
onChange={this._onRoomAccessRadioToggle} onChange={this._onRoomAccessRadioToggle}
checked={joinRule === "public" && guestAccess !== "can_join"} /> checked={joinRule === "public" && guestAccess !== "can_join"}
>
{_t('Anyone who knows the room\'s link, apart from guests')} {_t('Anyone who knows the room\'s link, apart from guests')}
</label> </StyledRadioButton>
<label> <StyledRadioButton
<input type="radio" name="roomVis" value="public_with_guests" name="roomVis" value="public_with_guests"
disabled={!canChangeAccess} disabled={!canChangeAccess}
onChange={this._onRoomAccessRadioToggle} onChange={this._onRoomAccessRadioToggle}
checked={joinRule === "public" && guestAccess === "can_join"} /> checked={joinRule === "public" && guestAccess === "can_join"}
>
{_t("Anyone who knows the room's link, including guests")} {_t("Anyone who knows the room's link, including guests")}
</label> </StyledRadioButton>
</div> </div>
); );
} }
@ -294,34 +298,38 @@ export default class SecurityRoomSettingsTab extends React.Component {
{_t('Changes to who can read history will only apply to future messages in this room. ' + {_t('Changes to who can read history will only apply to future messages in this room. ' +
'The visibility of existing history will be unchanged.')} 'The visibility of existing history will be unchanged.')}
</div> </div>
<label> <StyledRadioButton
<input type="radio" name="historyVis" value="world_readable" name="historyVis" value="world_readable"
disabled={!canChangeHistory} disabled={!canChangeHistory}
checked={history === "world_readable"} checked={history === "world_readable"}
onChange={this._onHistoryRadioToggle} /> onChange={this._onHistoryRadioToggle}
>
{_t("Anyone")} {_t("Anyone")}
</label> </StyledRadioButton>
<label> <StyledRadioButton
<input type="radio" name="historyVis" value="shared" name="historyVis" value="shared"
disabled={!canChangeHistory} disabled={!canChangeHistory}
checked={history === "shared"} checked={history === "shared"}
onChange={this._onHistoryRadioToggle} /> onChange={this._onHistoryRadioToggle}
>
{_t('Members only (since the point in time of selecting this option)')} {_t('Members only (since the point in time of selecting this option)')}
</label> </StyledRadioButton>
<label> <StyledRadioButton
<input type="radio" name="historyVis" value="invited" name="historyVis" value="invited"
disabled={!canChangeHistory} disabled={!canChangeHistory}
checked={history === "invited"} checked={history === "invited"}
onChange={this._onHistoryRadioToggle} /> onChange={this._onHistoryRadioToggle}
>
{_t('Members only (since they were invited)')} {_t('Members only (since they were invited)')}
</label> </StyledRadioButton>
<label > <StyledRadioButton
<input type="radio" name="historyVis" value="joined" name="historyVis" value="joined"
disabled={!canChangeHistory} disabled={!canChangeHistory}
checked={history === "joined"} checked={history === "joined"}
onChange={this._onHistoryRadioToggle} /> onChange={this._onHistoryRadioToggle}
>
{_t('Members only (since they joined)')} {_t('Members only (since they joined)')}
</label> </StyledRadioButton>
</div> </div>
); );
} }