[MIRROR] [Non-Modular] [TM First!] Adds Special Rules and Metaprotect…

…ions to Antagonist Objective Panels (#504) * [Non-Modular] [TM First!] Adds Special Rules and Metaprotections to Antagonist Objective Panels (#24040) * The Goods * Turned 'Prettier' back on * Fixing SKYRAT EDIT tag formatting * Grammar fixes * Update tgui/packages/tgui/interfaces/AntagInfoClock.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoBlob.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoClock.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoAssaultops.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoGeneric.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoGeneric.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoGeneric.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoGeneric.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoMalf.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Update tgui/packages/tgui/interfaces/AntagInfoMalf.tsx Co-authored-by: GoldenAlpharex <[email protected]> * Apply suggestions from code review Co-authored-by: GoldenAlpharex <[email protected]> * Overhauls to use hyperlinks * Consolidates Changes into one file (mostly) - Stack sections with hyperlinks have been condensed into a single file. - They are now imported where needed. --------- Co-authored-by: Giz <[email protected]> Co-authored-by: GoldenAlpharex <[email protected]> * Update AntagInfoRules.tsx --------- Co-authored-by: LovliestPlant <[email protected]> Co-authored-by: Giz <[email protected]> Co-authored-by: GoldenAlpharex <[email protected]> Co-authored-by: ReezeBL <[email protected]>
Fluffy-Frontier · Nov 23, 2023 · fbdd283 · fbdd283
1 parent 219f4f8
commit fbdd283
Show file tree

Hide file tree

Showing 13 changed files with 368 additions and 5 deletions.
diff --git a/tgui/packages/tgui/interfaces/AntagInfoAssaultops.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoBlob.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoChangeling.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoClock.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoGeneric.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoHeretic.tsx b/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',
@@ -63,6 +66,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 />

diff --git a/tgui/packages/tgui/interfaces/AntagInfoMalf.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoMorph.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoNightmare.tsx b/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>

diff --git a/tgui/packages/tgui/interfaces/AntagInfoNinja.tsx b/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}