[MIRROR] [Non-Modular] [TM First!] Adds Special Rules and Metaprotections to Antagonist Objective Panels

tgui/packages/tgui/interfaces/AntagInfoAssaultops.tsx

@@ -2,6 +2,9 @@ import { useBackend, useLocalState } from '../backend';
 import { LabeledList, Stack, Button, Section, ProgressBar, Box, Tabs, Divider } from '../components';
 import { BooleanLike } from 'common/react';
 import { Window } from '../layouts';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 type Objectives = {
   count: number;
@@ -117,6 +120,11 @@ export const AntagInfoAssaultops = (props, context) => {
             {tab === 1 && <TargetPrintout />}
             {tab === 2 && <KeyPrintout />}
           </Stack.Item>
+          {/* SKYRAT EDIT ADDITION START */}
+          <Stack.Item>
+            <Rules />
+          </Stack.Item>
+          {/* SKYRAT EDIT ADDITION END */}
         </Stack>
       </Window.Content>
     </Window>

tgui/packages/tgui/interfaces/AntagInfoBlob.tsx

@@ -1,6 +1,9 @@
 import { useBackend } from '../backend';
 import { Box, Collapsible, Divider, LabeledList, Section, Stack } from '../components';
 import { Objective } from './common/Objectives';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 import { Window } from '../layouts';
 
@@ -25,6 +28,7 @@ export const AntagInfoBlob = (props, context) => {
           <Structures />
           <Minions />
           <ObjectiveDisplay />
+          <Rules /* SKYRAT EDIT ADDITION */ />
         </Section>
       </Window.Content>
     </Window>

tgui/packages/tgui/interfaces/AntagInfoChangeling.tsx

@@ -4,6 +4,9 @@ import { useBackend, useSharedState } from '../backend';
 import { Button, Dimmer, Dropdown, Section, Stack, NoticeBox } from '../components';
 import { Window } from '../layouts';
 import { ObjectivePrintout, Objective, ReplaceObjectivesButton } from './common/Objectives';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 const hivestyle = {
   fontWeight: 'bold',
@@ -54,9 +57,10 @@ type Info = {
   can_change_objective: BooleanLike;
 };
 
+// SKYRAT EDIT change height from 750 to 900
 export const AntagInfoChangeling = (props, context) => {
   return (
-    <Window width={720} height={750}>
+    <Window width={720} height={900}>
       <Window.Content
         style={{
           'backgroundImage': 'none',
@@ -65,6 +69,11 @@ export const AntagInfoChangeling = (props, context) => {
           <Stack.Item maxHeight={16}>
             <IntroductionSection />
           </Stack.Item>
+          {/* SKYRAT EDIT ADDITION START */}
+          <Stack.Item>
+            <Rules />
+          </Stack.Item>
+          {/* SKYRAT EDIT ADDITION END */}
           <Stack.Item grow={4}>
             <AbilitiesSection />
           </Stack.Item>

tgui/packages/tgui/interfaces/AntagInfoClock.tsx

@@ -1,16 +1,20 @@
 import { useBackend } from '../backend';
 import { Icon, Section, Stack } from '../components';
 import { Window } from '../layouts';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 type Info = {
   antag_name: string;
 };
 
+// SKYRAT EDIT change height from 250 to 350
 export const AntagInfoClock = (props, context) => {
   const { data } = useBackend<Info>(context);
   const { antag_name } = data;
   return (
-    <Window width={620} height={250} theme="clockwork">
+    <Window width={620} height={350} theme="clockwork">
       <Window.Content>
         <Section scrollable fill>
           <Stack vertical>
@@ -19,6 +23,11 @@ export const AntagInfoClock = (props, context) => {
               {' You are the ' + antag_name + '! '}
               <Icon name={'cog'} rotation={35} spin />
             </Stack.Item>
+            {/* SKYRAT EDIT ADDITION START */}
+            <Stack.Item>
+              <Rules />
+            </Stack.Item>
+            {/* SKYRAT EDIT ADDITION END */}
             <Stack.Item>
               <ObjectivePrintout />
             </Stack.Item>

tgui/packages/tgui/interfaces/AntagInfoGeneric.tsx

@@ -2,23 +2,32 @@ import { useBackend } from '../backend';
 import { Section, Stack } from '../components';
 import { Window } from '../layouts';
 import { ObjectivePrintout, Objective } from './common/Objectives';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 type Info = {
   antag_name: string;
   objectives: Objective[];
 };
 
+// SKYRAT EDIT increase height from 250 to 500
 export const AntagInfoGeneric = (props, context) => {
   const { data } = useBackend<Info>(context);
   const { antag_name, objectives } = data;
   return (
-    <Window width={620} height={250}>
+    <Window width={620} height={500}>
       <Window.Content>
         <Section scrollable fill>
           <Stack vertical>
             <Stack.Item textColor="red" fontSize="20px">
               You are the {antag_name}!
             </Stack.Item>
+            {/* SKYRAT EDIT ADDITION START */}
+            <Stack.Item>
+              <Rules />
+            </Stack.Item>
+            {/* SKYRAT EDIT ADDITION END */}
             <Stack.Item>
               <ObjectivePrintout objectives={objectives} />
             </Stack.Item>

tgui/packages/tgui/interfaces/AntagInfoHeretic.tsx

@@ -3,6 +3,9 @@ import { Section, Stack, Box, Tabs, Button, BlockQuote } from '../components';
 import { Window } from '../layouts';
 import { BooleanLike } from 'common/react';
 import { ObjectivePrintout, Objective, ReplaceObjectivesButton } from './common/Objectives';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 const hereticRed = {
   color: '#e03c3c',
@@ -64,6 +67,12 @@ const IntroductionSection = (props, context) => {
           <Stack vertical>
             <FlavorSection />
             <Stack.Divider />
+            {/* SKYRAT EDIT ADDITION START */}
+            <Stack.Item>
+              <Rules />
+            </Stack.Item>
+            {/* SKYRAT EDIT ADDITION END */}
+            <Stack.Divider />
             <GuideSection />
             <Stack.Divider />
             <InformationSection />

tgui/packages/tgui/interfaces/AntagInfoMalf.tsx

@@ -5,6 +5,9 @@ import { BlockQuote, Button, Section, Stack, Tabs } from '../components';
 import { BooleanLike } from 'common/react';
 import { Window } from '../layouts';
 import { ObjectivePrintout, Objective, ReplaceObjectivesButton } from './common/Objectives';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 const allystyle = {
   fontWeight: 'bold',
@@ -55,6 +58,7 @@ const IntroductionSection = (props, context) => {
               />
             }
           />
+          <Rules /* SKYRAT EDIT ADDITION */ />
         </Stack.Item>
       </Stack>
     </Section>

tgui/packages/tgui/interfaces/AntagInfoMorph.tsx

@@ -1,5 +1,8 @@
 import { BlockQuote, Stack } from '../components';
 import { Window } from '../layouts';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 const goodstyle = {
   color: 'lightgreen',
@@ -48,6 +51,11 @@ export const AntagInfoMorph = (props, context) => {
               </span>{' '}
             </BlockQuote>
           </Stack.Item>
+          {/* SKYRAT EDIT ADDITION START */}
+          <Stack.Item>
+            <Rules />
+          </Stack.Item>
+          {/* SKYRAT EDIT ADDITION END */}
         </Stack>
       </Window.Content>
     </Window>

tgui/packages/tgui/interfaces/AntagInfoNightmare.tsx

@@ -1,5 +1,8 @@
 import { BlockQuote, LabeledList, Section, Stack } from '../components';
 import { Window } from '../layouts';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 const tipstyle = {
   color: 'white',
@@ -68,6 +71,11 @@ export const AntagInfoNightmare = (props, context) => {
               </LabeledList>
             </Section>
           </Stack.Item>
+          {/* SKYRAT EDIT ADDITION START */}
+          <Stack.Item>
+            <Rules />
+          </Stack.Item>
+          {/* SKYRAT EDIT ADDITION END */}
         </Stack>
       </Window.Content>
     </Window>

tgui/packages/tgui/interfaces/AntagInfoNinja.tsx

@@ -3,6 +3,9 @@ import { useBackend } from '../backend';
 import { Icon, Section, Stack } from '../components';
 import { Window } from '../layouts';
 import { ObjectivePrintout, Objective, ReplaceObjectivesButton } from './common/Objectives';
+// SKYRAT EDIT BEGIN
+import { Rules } from './AntagInfoRules';
+// SKYRAT EDIT END
 
 const ninja_emphasis = {
   color: 'red',
@@ -48,6 +51,11 @@ export const AntagInfoNinja = (props, context) => {
                 what you can do!
               </Section>
             </Stack.Item>
+            {/* SKYRAT EDIT ADDITION START */}
+            <Stack.Item>
+              <Rules />
+            </Stack.Item>
+            {/* SKYRAT EDIT ADDITION END */}
             <Stack.Item>
               <ObjectivePrintout
                 objectives={objectives}