Added 'Solo Mode,' which lets you only display your own DPS (#136)

* Added 'Solo Mode,' which lets you only display your own DPS instead of the entire party's

* Making changes per PR comment

Author: Brafficus

src/CombatantHorizontal.js

@@ -36,6 +36,9 @@ export default class CombatantHorizontal extends Component {
     // don't need to render this component if this is a limit break
     if (!data.Job && name === 'limit break') return null
 
+    // Also don't need to render if the player is in solo mode and this isn't the player's info
+    if (!isSelf && config.enableSoloMode) return null
+
     // Color theme byRole
     if (config.color === 'byRole') {
       for (const role in jobRoles) {

src/Config.js

@@ -262,6 +262,17 @@ class ConfigRaw extends Component {
               {/* Enbale Streamer Mode (blur names) */}
               {loc.toggleOption13}
             </label>
+            <input
+              type="checkbox"
+              name="enableSoloMode"
+              id="enableSoloMode"
+              defaultChecked={config.enableSoloMode}
+              onChange={this.handleConfig}
+            />
+            <label htmlFor="enableSoloMode">
+              {/* Enable Solo Mode (Only show own DPS) */}
+              {loc.toggleOption14}
+            </label>
             <div className="combatants">
               <label htmlFor="maxCombatants">
                 {/* # Combatants */}

src/SetupMode.js

@@ -27,6 +27,7 @@ function SetupModeRaw(props) {
         <div className="combatants">
           {mockData.map((mock, index) => {
             if (index >= maxCombatants) return false
+            if (!mock.isSelf && props.config.enableSoloMode) return false
             let maxhit
             if (mock.maxhit) maxhit = mock.maxhit.replace('-', ': ')
             return (

src/helpers.js

@@ -17,6 +17,7 @@ export const defaultConfig = {
   showDiscord: false,
   showLocale: false,
   showJobless: false,
+  enableSoloMode: false,
   zoom: '1',
   discord: '',
   maxCombatants: 8,

src/locale.js

@@ -25,6 +25,7 @@ const locale = {
       toggleOption11: 'Max Hit',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: 'Only show your DPS',
       maxCombatantsTitle: 'Max Combatants',
       zoomTitle: 'Zoom Scale',
       zoomOption1: '80%',
@@ -83,6 +84,7 @@ const locale = {
       toggleOption11: 'Max Hit',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: 'Mostrar apenas o seu DPS',
       maxCombatantsTitle: 'Máx. Personagens',
       zoomTitle: 'Escala de Zoom',
       zoomOption1: '80%',
@@ -141,6 +143,7 @@ const locale = {
       toggleOption11: '最强伤害',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: '只显示你的DPS',
       maxCombatantsTitle: '最强战员',
       zoomTitle: '缩放尺寸',
       zoomOption1: '80%',
@@ -199,6 +202,7 @@ const locale = {
       toggleOption11: '最強傷害',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: '只顯示你的DPS',
       maxCombatantsTitle: '最強戰員',
       zoomTitle: '縮放尺寸',
       zoomOption1: '80%',
@@ -257,6 +261,7 @@ const locale = {
       toggleOption11: 'Max Hit',
       toggleOption12: 'Afficher les combatants sans Job',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: 'Afficher uniquement votre DPS',
       maxCombatantsTitle: 'Combatants max',
       zoomTitle: 'Échelle',
       zoomOption1: '80%',