Glossary of CSS selectors

Component name Description Css selector
Lock

Renders a lock icon

.Lock
ConnectionLock

Renders alock icon that fits with Connection boxes

.ConnectionLock
PropertyField

Renders the Field used to change a property according to its type

.PropertyField[data-quiddity="quiddity id"][data-property="property id"]
PropertyInspectorDrawer

Drawer that displays all property of a selected quiddity

#PropertyInspectorDrawer
RowEntry

A generic entry that should be display in a column or as a row header

.RowEntry[data-entry="entry title"]
SourceShmdata

Renders a shmdata box related to a source

.SourceShmdata[data-shmdata="shmdata path"]
EmptyShmdata

Renders an empty box that replaces a shmdata

.EmptyShmdata
SourceLock

Renders a lock on the source

.SourceLock
SourceStarter

Renders a checkbox that starts or stops a source

.SourceStarter[data-source="source id"]
EmptyStarter

Renders an empty starter that does nothing

.EmptyStarter
SourceHead

Renders the head of the source

.SourceHead[data-source="source id"]
PageIcon

Renders the page's icon

#PageMenu .PageIcon
PageTitle

Renders the page's title

#PageMenu .PageTitle
PageButton

Renders the menu button that triggers the page rendering

#PageMenu .PageButton
ScenicSignature

The signature of Scenic

#PageMenu .ScenicSignature
PageMenu

Menu that renders all main menus of the Scenic app

#PageMenu
ShmdataInformationTooltip

Renders the tooltip

.ShmdataInformationTooltip[data-shmdata="shmdata id"][data-media="media type"]

{components/bars}

Component name Description Css selector
SettingTabBar

Navigation bar for Scenic Settings Tabs

#SettingTabBar

components/common

Component name Description Css selector
MenuButton

Button used in a menu bar

.MenuButton
CancelButton

Button used to cancel an action

.CancelButton
ResetButton

Button used to reset some actions

.ResetButton
ConfirmButton

Button used to confirm an action

.ConfirmButton
UploadButton

Button used to upload something

.UploadButton
DownloadButton

Button used to download something

.DownloadButton

components/drawers.PropertyInspectorDrawer

Component name Description Css selector
NicknameInput

Renders the Input used to change a quiddity's nickname

.NicknameInput
QuiddityDescription

Renders the description of the selected quiddity,

.QuiddityDescription
this description is stored with the QuiddityClass

QuiddityStatus

Renders the status of the selected quiddity

.QuiddityStatus
DeleteQuiddityButton

Renders the Delete button to delete quiddity

.DeleteQuiddityButton
ResetPropertiesButton

Renders the Reset button to reset quiddity's properties

.ResetPropertiesButton
PropertyGroup

Renders a property Group as a Menus.Group

.GroupTitle[data-menu="name of the group"]

components/drawers.QuiddityCreationDrawer

Component name Description Css selector
QuiddityInput

An input to set a quiddity attribute

.QuiddityInput
QuiddityClassInput

An input to set the quiddity class

.QuiddityClassInput

components/drawers.SipContactDrawer

Component name Description Css selector
HangupAllButton

Renders a button that hangups all called contacts

.HangupAllButton
LogoutButton

Renders a button that logouts the user from SIP

.LogoutButton
SipContact

Renders a contact entry

.SipContact
SipContactButton

Renders a button that triggers a contextual action with a contact

.SipContactButton
SessionPartner

Renders a partner

.SessionPartner[data-contact="contact uri"]
SessionPartnerSection

Renders partners' section

#SessionPartnerSection
SessionContact

Renders a contact

.SessionContact[data-contact="contact uri"]
SessionContactSection

Renders the contacts section

#SessionContactSection

components/drawers

Component name Description Css selector
SipContactDrawer

Drawer that controls all the SIP contacts

#SipContactDrawer

components/matrix

Component name Description Css selector
LockedBox

Displays a connection box that is locked

.LockedBox
ArmedBox

Displays a connection box that is armed

.ArmedBox
ConnectedBox

Displays a connection box that is connected

.ConnectedBox
DisabledBox

Displays a connection box that is disabled

.DisabledBox
ConnectableBox

Displays a connection box that is connectable

.ConnectableBox
ConnectionBox

Displays a connection between a Source and a Destination

.ConnectionBox[data-source="source id"][data-destination="destination id"]
MatrixLayout

Renders the layout of the matrix

#MatrixLayout

components/menus

Component name Description Css selector
QuiddityMenuItem

A menu item that creates a quiddity

.MenuItem[data-menu="<name of the item>"]
QuiddityMenuGroup

A group of items in the quiddity menu

.MenuGroup[data-menu="<name of the collection>"]

components/pages

Component name Description Css selector
AssistanceSection

The Assistance section

#AssistanceSection
InfoSection

The Info section

#InfoSection
ContributingSection

The Contributing section

#ContributingSection
LicenseSubSection

The Licence section

#LicenseSubSection
VersionSubSection

The Version subsection

#VersionSection
ContributorsSection

The Contributors section

#ContributorsSection
AuthorsSubSection

The Authors subsection

#AuthorsSubSection
TestersSubSection

The Testers subsection

#TestersSection
MetalabSection

The Metalab section

#MetalabSection
AboutSection

The About section

#AboutSection
SatLogo

Logo of the SAT

#HelpPage .SatLogo
HelpPage

Page that displays the help resources

#HelpPage
LivePage

Page that displays all scenes

#LivePage
MatrixPage #MatrixPage
GeneralSettingsSection

The section about the general settings

#GeneralSettingsSection
AdvancedSipSettingsSection

Subsection that displays all advanced SIP settings

#AdvancedSipSettingsSection
RequiredSipSettingsSection

Subsection that displays all required SIP settings

#RequiredSipSettingsSection
SipSettingsControlSection

Subsection that provides all global SIP actions

#SipSettingsControlSection
SipSettingsSection

Section for all SIP settings

#SipSettingsSection
SettingsPage

Page that displays all the settings of the app

#SettingsPage