add pelle effects modal

javascripts/core/app/modal.js

@@ -56,6 +56,7 @@ import GlyphSetSaveDeleteModal from "@/components/modals/GlyphSetSaveDeleteModal
 import RealityGlyphCreationModal from "@/components/modals/RealityGlyphCreationModal";
 import EnslavedHintsModal from "@/components/modals/EnslavedHintsModal";
 import SingularityMilestonesModal from "@/components/modals/SingularityMilestonesModal";
+import PelleEffectsModal from "@/components/modals/PelleEffectsModal";
 
 
 export class Modal {
@@ -167,6 +168,7 @@ Modal.automatorScriptTemplate = new Modal(AutomatorScriptTemplate);
 Modal.shop = new Modal(StdStoreModal);
 Modal.studyString = new Modal(StudyStringModal);
 Modal.singularityMilestones = new Modal(SingularityMilestonesModal);
+Modal.pelleEffects = new Modal(PelleEffectsModal);
 Modal.sacrifice = new Modal(SacrificeModal);
 Modal.breakInfinity = new Modal(BreakInfinityModal);
 Modal.celestialQuote = new class extends Modal {

src/components/modals/PelleEffectsModal.vue

@@ -16,7 +16,6 @@ export default {
         "All infinity multipliers and infinity generation are disabled",
         "All eternity multipliers and eternity generation are disabled",
         "Black Hole is disabled",
-        "Charged Infinity Upgrades are disabled",
         "All \"Start with X currency\" rewards are disabled",
         "All pre-doomed Dilated Time multipliers are disabled except the 2x buyable",
         "All Tachyon Particle multipliers are disabled",
@@ -34,6 +33,7 @@ export default {
         "Tickspeed Autobuyer is disabled until reacquired",
         "Time Theorem Autobuyer is disabled",
         "All Effarig effects are disabled",
+        "Charged Infinity Upgrades are disabled",
         "Continumm is disabled",
         "Singularity rewards are disabled",
         "Glyph Alchemy effects are disabled",
@@ -78,13 +78,21 @@ export default {
 </script>
 
 <template>
-  <div class="c-modal-message l-modal-content--centered">
+  <div class="l-modal-content--centered">
     <ModalCloseButton
       v-if="modal.closeButton"
       class="c-modal__close-btn--tiny"
       @click="emitClose"
     />
     <h1>List of disabled effects in Doomed</h1>
+    <div class="pelle-effects-container">
+      <p
+        v-for="(nerf, idx) in nerfs"
+        :key="idx"
+      >
+        {{ nerf }}
+      </p>
+    </div>
     <PrimaryButton
       class="o-primary-btn--width-medium c-modal-message__okay-btn c-modal__confirm-btn"
       @click="handleClick"
@@ -93,3 +101,14 @@ export default {
     </PrimaryButton>
   </div>
 </template>
+
+<style scoped>
+  .pelle-effects-container {
+    height: 40rem;
+    overflow-y: scroll;
+  }
+
+  p {
+    margin-bottom: 1rem;
+  }
+</style>

src/components/tabs/celestial-pelle/PelleTab.vue

@@ -1,13 +1,21 @@
 <template>
   <div class="l-pelle-celestial-tab">
     <div v-if="isDoomed">
-      <button
+      <div class="button-container">
-        v-if="strikes.length"
+        <button
-        class="o-pelle-button"
+          v-if="strikes.length"
-        @click="toggleCompact"
+          class="o-pelle-button"
-      >
+          @click="toggleCompact"
-        {{ compact ? "Show all Strikes and Rifts" : "Condense Strikes and Rifts" }}
+        >
-      </button>
+          {{ compact ? "Show all Strikes and Rifts" : "Condense Strikes and Rifts" }}
+        </button>
+        <button
+          class="o-pelle-button"
+          @click="showModal"
+        >
+          Show effects in Doomed Reality
+        </button>
+      </div>
       <div class="c-pelle-upgrade-container">
         <PelleStrike
           v-for="strike in strikes"
@@ -108,6 +116,9 @@ export default {
       Autobuyer.bigCrunch.mode = AUTO_CRUNCH_MODE.AMOUNT;
       disChargeAll();
     },
+    showModal() {
+      Modal.pelleEffects.show();
+    }
   },
   computed: {
     rebuyables: () => PelleRebuyableUpgrade.all,
@@ -134,6 +145,7 @@ export default {
     border-radius: 5px;
     padding: 1rem;
     font-family: Typewriter;
+    margin: 0 1rem;
     margin-bottom: 1rem;
     cursor: pointer;
     transition-duration: 0.12s;