mirror of https://github.com/zulip/zulip.git
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
import $ from "jquery";
|
|
|
|
import * as color_class from "./color_class";
|
|
import * as stream_data from "./stream_data";
|
|
|
|
function update_compose_stream_icon(stream_name) {
|
|
const $streamfield = $("#stream_message_recipient_stream");
|
|
const $globe_icon = $("#compose-globe-icon");
|
|
const $lock_icon = $("#compose-lock-icon");
|
|
|
|
// Reset state
|
|
$globe_icon.hide();
|
|
$lock_icon.hide();
|
|
$streamfield.removeClass("lock-padding");
|
|
|
|
if (stream_data.is_invite_only_by_stream_name(stream_name)) {
|
|
$lock_icon.show();
|
|
$streamfield.addClass("lock-padding");
|
|
} else if (stream_data.is_web_public_by_stream_name(stream_name)) {
|
|
$globe_icon.show();
|
|
$streamfield.addClass("lock-padding");
|
|
}
|
|
}
|
|
|
|
// In an attempt to decrease mixing, set stream bar
|
|
// color look like the stream being used.
|
|
// (In particular, if there's a color associated with it,
|
|
// have that color be reflected here too.)
|
|
export function decorate(stream_name, $element, is_compose) {
|
|
if (stream_name === undefined) {
|
|
return;
|
|
}
|
|
const color = stream_data.get_color(stream_name);
|
|
if (is_compose) {
|
|
update_compose_stream_icon(stream_name);
|
|
}
|
|
$element
|
|
.css("background-color", color)
|
|
.removeClass("dark_background")
|
|
.addClass(color_class.get_css_class(color));
|
|
}
|