How to use d.updateSettings method in Appium

1import { IconClose } from "./icons/close.js";2export function Settings({ settings, setSettings, setSentimentStatus, setDraftStatus, setCurrentPick }) {3  //closing the menu4  const handleSettingsMenu = () => {5    setSettings({6      ...settings,7      misc: {8        ...settings.misc,9        menu_open: false,10        menu_transition: true,11      },12    });13  };14  const handleSettingsMenuTransition = () => {15    setSettings({16      ...settings,17      misc: {18        ...settings.misc,19        menu_transition: false,20      },21    });22  };23  //set state for updating settings24  const updateSettings = (property, cat, value) => {25    let test;26    cat === "scoring" ? (test = new RegExp(/^(?:-?[\d]*(?:\.?[\d]{1,2})||-?[\d]*\.||-)$/, "i")) : (test = new RegExp(/^\d+$/, "i"));27    if (value === "" || test.test(value)) {28      const updatedSettings = { ...settings };29      updatedSettings[cat][property] = value;30      setSettings(updatedSettings);31    }32  };33  //toggling the color mode34  const handleColorMode = () => {35    const targetMode = settings.misc?.color_mode === "light" ? "dark" : "light";36    setSettings({37      ...settings,38      misc: {39        ...settings.misc,40        color_mode: targetMode,41      },42    });43  };44  //toggle slider setting45  const handleToggle = (property, cat) => {46    setSettings({47      ...settings,48      [cat]: {49        ...settings[cat],50        [property]: !settings[cat][property],51      },52    });53  };54  return (55    <div56      className={`settings${settings["misc"]?.["menu_open"] ? " settings--open" : ""}${57        settings["misc"]?.["menu_transition"] ? " settings--transitioning" : ""58      }`}59    >60      <div className="settings__container">61        <button className="close-settings" onClick={() => handleSettingsMenu()}>62          <IconClose />63        </button>64        <div className="league-settings">65          <h2 className="settings__title">League Settings</h2>66          <div className="settings__category-container settings__category-container--third">67            <h3 className="settings__category-title">General Settings</h3>68            {settings.general?.teams !== undefined && (69              <div className="input-containter">70                <label htmlFor="teams">Teams</label>71                <input72                  className="text--number"73                  id="teams"74                  name="teams"75                  type="text"76                  value={settings.general.teams}77                  onChange={(e) => updateSettings(e.target.name, "general", e.target.value)}78                />79              </div>80            )}81            {settings.general?.user_pick !== undefined && (82              <div className="input-containter">83                <label htmlFor="user-pick">Your Pick</label>84                <input85                  className="text--number"86                  id="user-pick"87                  name="user_pick"88                  type="text"89                  value={settings.general.user_pick}90                  onChange={(e) => updateSettings(e.target.name, "general", e.target.value)}91                />92              </div>93            )}94          </div>95          <div className="settings__category-container settings__category-container--full">96            {settings.general?.flex_te !== undefined && (97              <div className="switch__container">98                <label className="switch">99                  <input type="checkbox" name="flex_te" checked={settings.general?.flex_te} onChange={(e) => handleToggle(e.target.name, "general")} />100                  <span className="slider slider--round"></span>101                </label>102                <p className="switch__text">TE included in flex</p>103              </div>104            )}105            {settings.general?.flex_qb !== undefined && (106              <div className="switch__container">107                <label className="switch">108                  <input type="checkbox" name="flex_qb" checked={settings.general?.flex_qb} onChange={(e) => handleToggle(e.target.name, "general")} />109                  <span className="slider slider--round"></span>110                </label>111                <p className="switch__text">QB included in flex</p>112              </div>113            )}114          </div>115          <div className="settings__category-container settings__category-container--third">116            <h3 className="settings__category-title">Roster</h3>117            {settings.roster?.qb !== undefined && (118              <div className="input-containter">119                <label htmlFor="qb">QB</label>120                <input121                  className="text--number"122                  id="qb"123                  name="qb"124                  type="text"125                  value={settings.roster.qb}126                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}127                />128              </div>129            )}130            {settings.roster?.rb !== undefined && (131              <div className="input-containter">132                <label htmlFor="rb">RB</label>133                <input134                  className="text--number"135                  id="rb"136                  name="rb"137                  type="text"138                  value={settings.roster.rb}139                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}140                />141              </div>142            )}143            {settings.roster?.wr !== undefined && (144              <div className="input-containter">145                <label htmlFor="wr">WR</label>146                <input147                  className="text--number"148                  id="wr"149                  name="wr"150                  type="text"151                  value={settings.roster.wr}152                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}153                />154              </div>155            )}156            {settings.roster?.te !== undefined && (157              <div className="input-containter">158                <label htmlFor="te">TE</label>159                <input160                  className="text--number"161                  id="te"162                  name="te"163                  type="text"164                  value={settings.roster.te}165                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}166                />167              </div>168            )}169            {settings.roster?.flex !== undefined && (170              <div className="input-containter">171                <label htmlFor="flex">FLEX</label>172                <input173                  className="text--number"174                  id="flex"175                  name="flex"176                  type="text"177                  value={settings.roster.flex}178                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}179                />180              </div>181            )}182            {settings.roster?.k !== undefined && (183              <div className="input-containter">184                <label htmlFor="k">K</label>185                <input186                  className="text--number"187                  id="k"188                  name="k"189                  type="text"190                  value={settings.roster.k}191                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}192                />193              </div>194            )}195            {settings.roster?.dst !== undefined && (196              <div className="input-containter">197                <label htmlFor="dst">DST</label>198                <input199                  className="text--number"200                  id="dst"201                  name="dst"202                  type="text"203                  value={settings.roster.dst}204                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}205                />206              </div>207            )}208            {settings.roster?.bench !== undefined && (209              <div className="input-containter">210                <label htmlFor="bench">BENCH</label>211                <input212                  className="text--number"213                  id="bench"214                  name="bench"215                  type="text"216                  value={settings.roster.bench}217                  onChange={(e) => updateSettings(e.target.name, "roster", e.target.value)}218                />219              </div>220            )}221          </div>222          <div className="settings__category-container settings__category-container--third">223            <h3 className="settings__category-title">Scoring</h3>224            <h4 className="settings__scoring-title">Passing</h4>225            {settings.scoring?.pass_yrds !== undefined && (226              <div className="input-containter">227                <label htmlFor="pass_yrds">YRDS</label>228                <input229                  className="text--number"230                  id="pass_yrds"231                  name="pass_yrds"232                  type="text"233                  value={settings.scoring.pass_yrds}234                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}235                />236              </div>237            )}238            {settings.scoring?.pass_td !== undefined && (239              <div className="input-containter">240                <label htmlFor="pass_td">TD</label>241                <input242                  className="text--number"243                  id="pass_td"244                  name="pass_td"245                  type="text"246                  value={settings.scoring.pass_td}247                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}248                />249              </div>250            )}251            {settings.scoring?.pass_comp !== undefined && (252              <div className="input-containter">253                <label htmlFor="pass_comp">COMP</label>254                <input255                  className="text--number"256                  id="pass_comp"257                  name="pass_comp"258                  type="text"259                  value={settings.scoring.pass_comp}260                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}261                />262              </div>263            )}264            {settings.scoring?.pass_int !== undefined && (265              <div className="input-containter">266                <label htmlFor="pass_int">INT</label>267                <input268                  className="text--number"269                  id="pass_int"270                  name="pass_int"271                  type="text"272                  value={settings.scoring.pass_int}273                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}274                />275              </div>276            )}277            <h4 className="settings__scoring-title">Rushing</h4>278            {settings.scoring?.rush_yrds !== undefined && (279              <div className="input-containter">280                <label htmlFor="rush_yrds">YRDS</label>281                <input282                  className="text--number"283                  id="rush_yrds"284                  name="rush_yrds"285                  type="text"286                  value={settings.scoring.rush_yrds}287                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}288                />289              </div>290            )}291            {settings.scoring?.rush_td !== undefined && (292              <div className="input-containter">293                <label htmlFor="rush_td">TD</label>294                <input295                  className="text--number"296                  id="rush_td"297                  name="rush_td"298                  type="text"299                  value={settings.scoring.rush_td}300                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}301                />302              </div>303            )}304            <h4 className="settings__scoring-title">Receiving</h4>305            {settings.scoring?.rec_yrds !== undefined && (306              <div className="input-containter">307                <label htmlFor="rec_yrds">YRDS</label>308                <input309                  className="text--number"310                  id="rec_yrds"311                  name="rec_yrds"312                  type="text"313                  value={settings.scoring.rec_yrds}314                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}315                />316              </div>317            )}318            {settings.scoring?.rec_td !== undefined && (319              <div className="input-containter">320                <label htmlFor="rec_td">TD</label>321                <input322                  className="text--number"323                  id="rec_td"324                  name="rec_td"325                  type="text"326                  value={settings.scoring.rec_td}327                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}328                />329              </div>330            )}331            {settings.scoring?.rec_rec !== undefined && (332              <div className="input-containter">333                <label htmlFor="rec_rec">REC</label>334                <input335                  className="text--number"336                  id="rec_rec"337                  name="rec_rec"338                  type="text"339                  value={settings.scoring.rec_rec}340                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}341                />342              </div>343            )}344            <h4 className="settings__scoring-title">Kicking</h4>345            {settings.scoring?.k_fg !== undefined && (346              <div className="input-containter">347                <label htmlFor="k_fg">FG</label>348                <input349                  className="text--number"350                  id="k_fg"351                  name="k_fg"352                  type="text"353                  value={settings.scoring.k_fg}354                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}355                />356              </div>357            )}358            {settings.scoring?.k_mfg !== undefined && (359              <div className="input-containter">360                <label htmlFor="k_mfg">MFG</label>361                <input362                  className="text--number"363                  id="k_mfg"364                  name="k_mfg"365                  type="text"366                  value={settings.scoring.k_mfg}367                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}368                />369              </div>370            )}371            {settings.scoring?.k_xpt !== undefined && (372              <div className="input-containter">373                <label htmlFor="k_xpt">XPT</label>374                <input375                  className="text--number"376                  id="k_xpt"377                  name="k_xpt"378                  type="text"379                  value={settings.scoring.k_xpt}380                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}381                />382              </div>383            )}384            <h4 className="settings__scoring-title">Defense: Sacks, Turnovers, & Scoring</h4>385            {settings.scoring?.dst_sk !== undefined && (386              <div className="input-containter">387                <label htmlFor="dst_sk">SACK</label>388                <input389                  className="text--number"390                  id="dst_sk"391                  name="dst_sk"392                  type="text"393                  value={settings.scoring.dst_sk}394                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}395                />396              </div>397            )}398            {settings.scoring?.dst_int !== undefined && (399              <div className="input-containter">400                <label htmlFor="dst_int">INT</label>401                <input402                  className="text--number"403                  id="dst_int"404                  name="dst_int"405                  type="text"406                  value={settings.scoring.dst_int}407                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}408                />409              </div>410            )}411            {settings.scoring?.dst_fr !== undefined && (412              <div className="input-containter">413                <label htmlFor="dst_fr">FR</label>414                <input415                  className="text--number"416                  id="dst_fr"417                  name="dst_fr"418                  type="text"419                  value={settings.scoring.dst_fr}420                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}421                />422              </div>423            )}424            {settings.scoring?.dst_ff !== undefined && (425              <div className="input-containter">426                <label htmlFor="dst_ff">FF</label>427                <input428                  className="text--number"429                  id="dst_ff"430                  name="dst_ff"431                  type="text"432                  value={settings.scoring.dst_ff}433                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}434                />435              </div>436            )}437            {settings.scoring?.dst_td !== undefined && (438              <div className="input-containter">439                <label htmlFor="dst_td">TD</label>440                <input441                  className="text--number"442                  id="dst_td"443                  name="dst_td"444                  type="text"445                  value={settings.scoring.dst_td}446                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}447                />448              </div>449            )}450            {settings.scoring?.dst_sf !== undefined && (451              <div className="input-containter">452                <label htmlFor="dst_sf">SAFE</label>453                <input454                  className="text--number"455                  id="dst_sf"456                  name="dst_sf"457                  type="text"458                  value={settings.scoring.dst_sf}459                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}460                />461              </div>462            )}463            <h4 className="settings__scoring-title">Defense: Points Allowed</h4>464            {settings.scoring?.dst_pa_0 !== undefined && (465              <div className="input-containter">466                <label className="text--number" htmlFor="dst_pa_0">467                  0468                </label>469                <input470                  className="text--number"471                  id="dst_pa_0"472                  name="dst_pa_0"473                  type="text"474                  value={settings.scoring?.dst_pa_0}475                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}476                />477              </div>478            )}479            {settings.scoring?.dst_pa_1_5 !== undefined && (480              <div className="input-containter">481                <label className="text--number" htmlFor="dst_pa_1_5">482                  1-5483                </label>484                <input485                  className="text--number"486                  id="dst_pa_1_5"487                  name="dst_pa_1_5"488                  type="text"489                  value={settings.scoring?.dst_pa_1_5}490                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}491                />492              </div>493            )}494            {settings.scoring?.dst_pa_6_10 !== undefined && (495              <div className="input-containter">496                <label className="text--number" htmlFor="dst_pa_6_10">497                  6-10498                </label>499                <input500                  className="text--number"501                  id="dst_pa_6_10"502                  name="dst_pa_6_10"503                  type="text"504                  value={settings.scoring?.dst_pa_6_10}505                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}506                />507              </div>508            )}509            {settings.scoring?.dst_pa_11_15 !== undefined && (510              <div className="input-containter">511                <label className="text--number" htmlFor="dst_pa_11_15">512                  11-15513                </label>514                <input515                  className="text--number"516                  id="dst_pa_11_15"517                  name="dst_pa_11_15"518                  type="text"519                  value={settings.scoring?.dst_pa_11_15}520                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}521                />522              </div>523            )}524            {settings.scoring?.dst_pa_16_20 !== undefined && (525              <div className="input-containter">526                <label className="text--number" htmlFor="dst_pa_16_20">527                  16-20528                </label>529                <input530                  className="text--number"531                  id="dst_pa_16_20"532                  name="dst_pa_16_20"533                  type="text"534                  value={settings.scoring?.dst_pa_16_20}535                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}536                />537              </div>538            )}539            {settings.scoring?.dst_pa_21_25 !== undefined && (540              <div className="input-containter">541                <label className="text--number" htmlFor="dst_pa_21_25">542                  21-25543                </label>544                <input545                  className="text--number"546                  id="dst_pa_21_25"547                  name="dst_pa_21_25"548                  type="text"549                  value={settings.scoring?.dst_pa_21_25}550                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}551                />552              </div>553            )}554            {settings.scoring?.dst_pa_26_30 !== undefined && (555              <div className="input-containter">556                <label className="text--number" htmlFor="dst_pa_26_30">557                  26-30558                </label>559                <input560                  className="text--number"561                  id="dst_pa_26_30"562                  name="dst_pa_26_30"563                  type="text"564                  value={settings.scoring?.dst_pa_26_30}565                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}566                />567              </div>568            )}569            {settings.scoring?.dst_pa_31_35 !== undefined && (570              <div className="input-containter">571                <label className="text--number" htmlFor="dst_pa_31_35">572                  31-35573                </label>574                <input575                  className="text--number"576                  id="dst_pa_31_35"577                  name="dst_pa_31_35"578                  type="text"579                  value={settings.scoring?.dst_pa_31_35}580                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}581                />582              </div>583            )}584            {settings.scoring?.dst_pa_36_40 !== undefined && (585              <div className="input-containter">586                <label className="text--number" htmlFor="dst_pa_36_40">587                  36-40588                </label>589                <input590                  className="text--number"591                  id="dst_pa_36_40"592                  name="dst_pa_36_40"593                  type="text"594                  value={settings.scoring?.dst_pa_36_40}595                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}596                />597              </div>598            )}599            {settings.scoring?.dst_pa_41_plus !== undefined && (600              <div className="input-containter">601                <label className="text--number" htmlFor="dst_pa_41_plus">602                  40+603                </label>604                <input605                  className="text--number"606                  id="dst_pa_41_plus"607                  name="dst_pa_41_plus"608                  type="text"609                  value={settings.scoring?.dst_pa_41_plus}610                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}611                />612              </div>613            )}614            <h4 className="settings__scoring-title">Defense: Yards Allowed</h4>615            {settings.scoring?.dst_ya_49 !== undefined && (616              <div className="input-containter">617                <label className="text--number" htmlFor="dst_ya_49">618                  &lt;49619                </label>620                <input621                  className="text--number"622                  id="dst_ya_49"623                  name="dst_ya_49"624                  type="text"625                  value={settings.scoring?.dst_ya_49}626                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}627                />628              </div>629            )}630            {settings.scoring?.dst_ya_50_99 !== undefined && (631              <div className="input-containter">632                <label className="text--number" htmlFor="dst_ya_50_99">633                  50-99634                </label>635                <input636                  className="text--number"637                  id="dst_ya_50_99"638                  name="dst_ya_50_99"639                  type="text"640                  value={settings.scoring?.dst_ya_50_99}641                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}642                />643              </div>644            )}645            {settings.scoring?.dst_ya_100_149 !== undefined && (646              <div className="input-containter">647                <label className="text--number" htmlFor="dst_ya_100_149">648                  100-149649                </label>650                <input651                  className="text--number"652                  id="dst_ya_100_149"653                  name="dst_ya_100_149"654                  type="text"655                  value={settings.scoring?.dst_ya_100_149}656                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}657                />658              </div>659            )}660            {settings.scoring?.dst_ya_150_199 !== undefined && (661              <div className="input-containter">662                <label className="text--number" htmlFor="dst_ya_150_199">663                  150-199664                </label>665                <input666                  className="text--number"667                  id="dst_ya_150_199"668                  name="dst_ya_150_199"669                  type="text"670                  value={settings.scoring?.dst_ya_150_199}671                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}672                />673              </div>674            )}675            {settings.scoring?.dst_ya_200_249 !== undefined && (676              <div className="input-containter">677                <label className="text--number" htmlFor="dst_ya_200_249">678                  200-249679                </label>680                <input681                  className="text--number"682                  id="dst_ya_200_249"683                  name="dst_ya_200_249"684                  type="text"685                  value={settings.scoring?.dst_ya_200_249}686                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}687                />688              </div>689            )}690            {settings.scoring?.dst_ya_250_299 !== undefined && (691              <div className="input-containter">692                <label className="text--number" htmlFor="dst_ya_250_299">693                  250-299694                </label>695                <input696                  className="text--number"697                  id="dst_ya_250_299"698                  name="dst_ya_250_299"699                  type="text"700                  value={settings.scoring?.dst_ya_250_299}701                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}702                />703              </div>704            )}705            {settings.scoring?.dst_ya_300_349 !== undefined && (706              <div className="input-containter">707                <label className="text--number" htmlFor="dst_ya_300_349">708                  300-349709                </label>710                <input711                  className="text--number"712                  id="dst_ya_300_349"713                  name="dst_ya_300_349"714                  type="text"715                  value={settings.scoring?.dst_ya_300_349}716                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}717                />718              </div>719            )}720            {settings.scoring?.dst_ya_350_399 !== undefined && (721              <div className="input-containter">722                <label className="text--number" htmlFor="dst_ya_350_399">723                  350-399724                </label>725                <input726                  className="text--number"727                  id="dst_ya_350_399"728                  name="dst_ya_350_399"729                  type="text"730                  value={settings.scoring?.dst_ya_350_399}731                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}732                />733              </div>734            )}735            {settings.scoring?.dst_ya_400_449 !== undefined && (736              <div className="input-containter">737                <label className="text--number" htmlFor="dst_ya_400_449">738                  400-449739                </label>740                <input741                  className="text--number"742                  id="dst_ya_400_449"743                  name="dst_ya_400_449"744                  type="text"745                  value={settings.scoring?.dst_ya_400_449}746                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}747                />748              </div>749            )}750            {settings.scoring?.dst_ya_450_499 !== undefined && (751              <div className="input-containter">752                <label className="text--number" htmlFor="dst_ya_450_499">753                  450-499754                </label>755                <input756                  className="text--number"757                  id="dst_ya_450_499"758                  name="dst_ya_450_499"759                  type="text"760                  value={settings.scoring?.dst_ya_450_499}761                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}762                />763              </div>764            )}765            {settings.scoring?.dst_ya_500_plus !== undefined && (766              <div className="input-containter">767                <label className="text--number" htmlFor="dst_ya_500_plus">768                  500+769                </label>770                <input771                  className="text--number"772                  id="dst_ya_500_plus"773                  name="dst_ya_500_plus"774                  type="text"775                  value={settings.scoring?.dst_ya_500_plus}776                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}777                />778              </div>779            )}780            <h4 className="settings__scoring-title">Misc</h4>781            {settings.scoring?.misc_fum !== undefined && (782              <div className="input-containter">783                <label htmlFor="misc_fum">FUM</label>784                <input785                  className="text--number"786                  id="misc_fum"787                  name="misc_fum"788                  type="text"789                  value={settings.scoring.misc_fum}790                  onChange={(e) => updateSettings(e.target.name, "scoring", e.target.value)}791                />792              </div>793            )}794          </div>795        </div>796        <div className="app-settings">797          <h2 className="settings__title">App Settings</h2>798          <div className="settings__category-container settings__category-container--full">799            {settings.misc?.color_mode !== undefined && (800              <div className="switch__container switch__container--color-mode">801                <label className="switch">802                  <input type="checkbox" checked={settings.misc?.color_mode === "dark" ? true : false} onChange={() => handleColorMode()} />803                  <span className="slider slider--round"></span>804                </label>805                <p className="switch__text switch__text--color-mode">{settings.misc?.color_mode} mode</p>806              </div>807            )}808          </div>809          <div className="settings__category-container settings__category-container--full">810            <button811              className="button"812              onClick={() => {813                setDraftStatus({});814                setCurrentPick(1);815              }}816            >817              Reset Draft Progress818            </button>819            <button className="button button--negative" onClick={() => setSentimentStatus({})}>820              Reset Player Sentiment821            </button>822          </div>823        </div>824      </div>825      <div className="settings__overlay" onClick={() => handleSettingsMenu()} onTransitionEnd={() => handleSettingsMenuTransition()}></div>826    </div>827  );...

1/**2* Copyright (C) 2016-present The ISLE Authors3*4* The isle-dashboard program is free software: you can redistribute it and/or modify5* it under the terms of the GNU Affero General Public License as6* published by the Free Software Foundation, either version 3 of the7* License, or (at your option) any later version.8*9* This program is distributed in the hope that it will be useful,10* but WITHOUT ANY WARRANTY; without even the implied warranty of11* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the12* GNU Affero General Public License for more details.13*14* You should have received a copy of the GNU Affero General Public License15* along with this program.  If not, see <https://www.gnu.org/licenses/>.16*/17// MODULES //18import React, { Component } from 'react';19import PropTypes from 'prop-types';20import { withTranslation } from 'react-i18next';21import Container from 'react-bootstrap/Container';22import FormGroup from 'react-bootstrap/FormGroup';23import Form from 'react-bootstrap/Form';24import Nav from 'react-bootstrap/Nav';25import Row from 'react-bootstrap/Row';26import Col from 'react-bootstrap/Col';27import { LANGUAGES, languageLabel } from 'constants/languages';28import i18next from 'helpers/i18n';29import KeyValueMapInput from './key_value_map_input.js';30import Saml from 'ev/components/admin-settings/saml';31import SelectInputField from './select_input_field.js';32import MultiSelectInputField from './multi_select_input_field.js';33import TextSelectField from './text_select_field.js';34import InputField from './input_field.js';35import CheckboxInputField from './checkbox_input_field.js';36// MAIN //37class ConfigurationPage extends Component {38	constructor( props ) {39		super( props );40		this.state = {41			selected: 'main'42		};43	}44	componentDidMount() {45		this.props.getSettings();46	}47	handleSelect = ( key ) => {48		this.setState({49			selected: key50		});51	};52	renderMain() {53		const { admin, t, updateSettings } = this.props;54		let availableLanguages = admin.settings.availableLanguages;55		if ( !availableLanguages ) {56			availableLanguages = LANGUAGES;57		} else {58			availableLanguages = availableLanguages.map( x => ({ label: languageLabel( x ), value: x }) );59		}60		return (61			<Container style={{ float: 'left' }} className="d-grid gap-3" >62				<Form.Group as={Row} controlId="formPlaintextTitle" >63					<Form.Label column sm={2} >64						{t('title')}65					</Form.Label>66					<Col sm={5} >67						<InputField68							name="siteTitle"69							key={admin.settings.siteTitle}70							type="text"71							defaultValue={admin.settings.siteTitle}72							updateSettings={updateSettings}73							t={t}74						/>75					</Col>76					<Col sm={5} >77						<Form.Text muted >78							{t('title-description')}79						</Form.Text>80					</Col>81				</Form.Group>82				<Form.Group as={Row} controlId="formPlaintextDescription">83					<Form.Label column sm={2} >84						{t('site-description')}85					</Form.Label>86					<Col sm={5} >87						<InputField88							name="siteDescription"89							key={admin.settings.siteDescription}90							type="text"91							defaultValue={admin.settings.siteDescription}92							updateSettings={updateSettings}93							t={t}94						/>95					</Col>96					<Col sm={5} >97						<Form.Text muted >98							{t('site-description-description')}99						</Form.Text>100					</Col>101				</Form.Group>102				<FormGroup as={Row} >103					<Form.Label column sm={2} >104						{t('default-language')}105					</Form.Label>106					<Col sm={5} >107						<SelectInputField108							name="defaultLanguage"109							defaultValue={admin.settings.defaultLanguage}110							updateSettings={updateSettings}111						>112							<option value="en">English - EN</option>113							<option value="bg">Български - BG</option>114							<option value="cs">Česky - CS</option>115							<option value="da">Dansk - DA</option>116							<option value="el">Ελληνική - EL</option>117							<option value="es">Español - ES</option>118							<option value="et">Eesti - ET</option>119							<option value="de">Deutsch - DE</option>120							<option value="fi">Suomalainen - FI</option>121							<option value="fr">Français - FR</option>122							<option value="hu">English - HU</option>123							<option value="it">Italiano - IT</option>124							<option value="ja">にほんご - JA</option>125							<option value="lt">Lietuvių kalba - LT</option>126							<option value="lv">Latviešu - LV</option>127							<option value="nl">Nederlands - NL</option>128							<option value="pl">Polski - PL</option>129							<option value="pt">Porgtugês - PT</option>130							<option value="ro">Românesc - RO</option>131							<option value="ru">русский - RU</option>132							<option value="sk">Slovenská - SK</option>133							<option value="sl">Slovenski - SL</option>134							<option value="sv">Svenska - SV</option>135							<option value="zh">中文 - ZH</option>136						</SelectInputField>137					</Col>138					<Col sm={5} >139						<Form.Text muted >140							{t('default-language-description')}141						</Form.Text>142					</Col>143				</FormGroup>144				<Form.Group as={Row} controlId="availableLanguages" >145					<Form.Label column sm={2} >146						{t('available-languages')}147					</Form.Label>148					<Col sm={5} >149						<MultiSelectInputField150							name="availableLanguages"151							defaultValue={availableLanguages}152							options={LANGUAGES}153							updateSettings={updateSettings}154							placeholder={i18next.t('admin_settings:available-languages')}155						/>156					</Col>157					<Col sm={5} >158						<Form.Text muted >159							{t('available-languages-description')}160						</Form.Text>161					</Col>162				</Form.Group>163			</Container>164		);165	}166	renderLogin() {167		const { admin, t, updateSettings } = this.props;168		return (169			<Container style={{ float: 'left' }} className="d-grid gap-3" >170				<Form.Group as={Row} controlId="formRegistrations" >171					<Form.Label column sm={4} >172						{t('allow-new-registrations')}173					</Form.Label>174					<Col sm={8} >175						<CheckboxInputField176							name="allowUserRegistrations"177							label={t('allow-new-registrations-description')}178							defaultValue={admin.settings.allowUserRegistrations}179							updateSettings={updateSettings}180						/>181					</Col>182				</Form.Group>183				<Form.Group as={Row} controlId="permittedEmailDomains" >184					<Form.Label column sm={4} >185						{t('permitted-email-domains')}186					</Form.Label>187					<Col sm={4} >188						<TextSelectField189							name="permittedEmailDomains"190							key={admin.settings.permittedEmailDomains}191							placeholder={t('permitted-email-domains')}192							defaultValue={admin.settings.permittedEmailDomains}193							updateSettings={updateSettings}194						/>195					</Col>196					<Col sm={4} >197						<Form.Text muted >198							{t('permitted-email-domains-description')}199						</Form.Text>200					</Col>201				</Form.Group>202				<Form.Group as={Row} controlId="disallowedEmailDomains" >203					<Form.Label column sm={4} >204						{t('disallowed-email-domains')}205					</Form.Label>206					<Col sm={4} >207						<TextSelectField208							name="disallowedEmailDomains"209							key={admin.settings.disallowedEmailDomains}210							placeholder={t('disallowed-email-domains')}211							defaultValue={admin.settings.disallowedEmailDomains}212							updateSettings={updateSettings}213						/>214					</Col>215					<Col sm={4} >216						<Form.Text muted >217							{t('disallowed-email-domains-description')}218						</Form.Text>219					</Col>220				</Form.Group>221				<Form.Group as={Row} controlId="reservedUserNames" >222					<Form.Label column sm={4} >223						{t('reserved-user-names')}224					</Form.Label>225					<Col sm={4} >226						<TextSelectField227							name="reservedUserNames"228							key={admin.settings.reservedUserNames}229							placeholder={t('reserved-user-names')}230							defaultValue={admin.settings.reservedUserNames}231							updateSettings={updateSettings}232						/>233					</Col>234					<Col sm={4} >235						<Form.Text muted >236							{t('reserved-user-names-description')}237						</Form.Text>238					</Col>239				</Form.Group>240				<Form.Group as={Row} controlId="emailInstitutionMap" >241					<Form.Label column sm={4} >242						{t('email-to-institution-map')}243					</Form.Label>244					<Col sm={6} >245						<KeyValueMapInput246							name="emailInstitutionMap"247							defaultValue={admin.settings.emailInstitutionMap}248							updateSettings={updateSettings}249						/>250					</Col>251					<Col sm={2} >252						<Form.Text muted >253							{t('email-to-institution-map-description')}254						</Form.Text>255					</Col>256				</Form.Group>257			</Container>258		);259	}260	renderRateLimits() {261		const { admin, t, updateSettings } = this.props;262		return (263			<Container style={{ float: 'left' }} className="d-grid gap-3" >264				<Form.Group as={Row} controlId="rateLimitNamespaceCreation" >265					<Form.Label column sm={5} >266						{t('create-namespaces-per-hour')}267					</Form.Label>268					<Col sm={2} >269						<InputField270							name="rateLimitNamespaceCreation"271							type="number"272							defaultValue={admin.settings.rateLimitNamespaceCreation}273							updateSettings={updateSettings}274							t={t}275						/>276					</Col>277					<Col sm={5} >278						<Form.Text muted >279							{t('create-namespaces-per-hour-description')}280						</Form.Text>281					</Col>282				</Form.Group>283				<Form.Group as={Row} controlId="rateLimitUserCreation" >284					<Form.Label column sm={5} >285						{t('create-users-per-hour')}286					</Form.Label>287					<Col sm={2} >288						<InputField289							name="rateLimitUserCreation"290							type="number"291							defaultValue={admin.settings.rateLimitUserCreation}292							updateSettings={updateSettings}293							t={t}294						/>295					</Col>296					<Col sm={5} >297						<Form.Text muted >298							{t('create-users-per-hour-description')}299						</Form.Text>300					</Col>301				</Form.Group>302				<Form.Group as={Row} controlId="rateLimitBackupCreation" >303					<Form.Label column sm={5} >304						{t('create-backups-per-day')}305					</Form.Label>306					<Col sm={2} >307						<InputField308							name="rateLimitBackupCreation"309							type="number"310							defaultValue={admin.settings.rateLimitBackupCreation}311							updateSettings={updateSettings}312							t={t}313						/>314					</Col>315					<Col sm={5} >316						<Form.Text muted >317							{t('create-backups-per-day-description')}318						</Form.Text>319					</Col>320				</Form.Group>321			</Container>322		);323	}324	render() {325		const { admin, updateSettings, user, t } = this.props;326		console.log( user.email );327		let content;328		if ( admin.settings ) {329			switch ( this.state.selected ) {330				case 'main':331					content = this.renderMain();332				break;333				case 'login':334					content = this.renderLogin();335				break;336				case 'rate-limits':337					content = this.renderRateLimits();338				break;339				case 'saml':340					content = <Saml admin={admin} updateSettings={updateSettings} />;341			}342		}343		return (344			<div className="admin-settings-outer-container" >345				<Row>346					<Col sm={2} >347						<Nav348							activeKey={this.state.selected}349							className="admin-settings-configuration-nav flex-column"350							onSelect={this.handleSelect}351						>352							<Nav.Link eventKey="main" >353								{t('main')}354							</Nav.Link>355							<Nav.Link eventKey="login" >356								{t('login')}357							</Nav.Link>358							<Nav.Link eventKey="rate-limits" >359								{t('rate-limits')}360							</Nav.Link>361							<Nav.Link eventKey="saml" >362								SSO / SAML363							</Nav.Link>364						</Nav>365					</Col>366					<Col sm={10} >367						{content}368					</Col>369				</Row>370			</div>371		);372	}373}374// PROPERTIES //375ConfigurationPage.propTypes = {376	admin: PropTypes.object,377	getSettings: PropTypes.func.isRequired,378	updateSettings: PropTypes.func.isRequired,379	user: PropTypes.object.isRequired380};381ConfigurationPage.defaultProps = {382	admin: {}383};384// EXPORTS //...

1import React from 'react';2import { connect } from 'react-redux';3import PropTypes from 'prop-types';4import styled from 'styled-components';5import themeList from 'monaco-themes/themes/themelist';6import * as uiActions from 'actions/ui';7import { getSetting, setBooleanSetting, setSetting } from 'utils/settings';8import Input from 'components/common/controls/Input';9import Checkbox from 'components/common/controls/Checkbox';10import Select from 'components/common/controls/Select';11import { toPairs } from 'lodash/fp';12const Wrapper = styled.div`13  display: flex;14  justify-content: space-between;15`;16const Label = styled.div`17  display: flex;18  justify-content: space-between;19  align-items: baseline;20  margin-top: 10px;21`;22const Section = styled.div`23  width: 45%;24`;25const Field = styled.div`26  height: 35px;27`;28const StyledInput = styled(Input)`29  padding: 0 5px;30  width: 148px;31`;32const StyledISelect = styled(Select)`33  width: 158px;34`;35const H4 = styled.h4`36  color: ${(props) => props.theme.baseAppColor};37  border-bottom: 1px dashed ${(props) => props.theme.baseAppColor};38  padding-bottom: 20px;39`;40export const EditorSettings = ({ changeSettings }) => {41  const updateSettings = (key, value, isBoolean = false) => {42    changeSettings(key, value, false, isBoolean);43    if (isBoolean) {44      setBooleanSetting(key);45    } else {46      setSetting(key, value);47    }48  };49  return (50    <div>51      <H4>Editor settings:</H4>52      <Wrapper>53        <Section>54          <Field>55            <Label>56              <span>Theme:</span>57              <StyledISelect58                value={ getSetting('editorTheme', 'vs') }59                onChange={ (event) => updateSettings('editorTheme', event.target.value) }>60                <option value="vs">vs light</option>61                <option value="vs-dark">vs dark</option>62                <option value="hc-black">hc dark</option>63                {toPairs(themeList).map((theme) => (64                  <option key={ theme[0] } value={ theme[0] }>65                    {theme[1]}66                  </option>67                ))}68              </StyledISelect>69            </Label>70          </Field>71          <Field>72            <Label>73              <span>Minimap:</span>74              <Checkbox75                checked={ getSetting('minimap', false) }76                onChange={ () => updateSettings('minimap', null, true) }/>77            </Label>78          </Field>79          <Field>80            <Label>81              <span>Code lens:</span>82              <Checkbox83                checked={ getSetting('codeLens', false) }84                onChange={ () => updateSettings('codeLens', null, true) }/>85            </Label>86          </Field>87          <Field>88            <Label>89              <span>Line Numbers:</span>90              <Checkbox91                checked={ getSetting('lineNumbers', true) }92                onChange={ () => updateSettings('lineNumbers', null, true) }/>93            </Label>94          </Field>95          <Field>96            <Label>97              <span>Format On Paste:</span>98              <Checkbox99                checked={ getSetting('formatOnPaste', true) }100                onChange={ () => updateSettings('formatOnPaste', null, true) }/>101            </Label>102          </Field>103          <Field>104            <Label>105              <span>Format On Type:</span>106              <Checkbox107                checked={ getSetting('settings-editor-formatOnType', true) }108                onChange={ () => updateSettings('v', null, true) }/>109            </Label>110          </Field>111          <Field>112            <Label>113              <span>Select On Line Numbers:</span>114              <Checkbox115                checked={ getSetting('SelectOnLineNumbers', false) }116                onChange={ () => updateSettings('SelectOnLineNumbers', null, true) }/>117            </Label>118          </Field>119          <Field>120            <Label>121              <span>Fit editor height to content:</span>122              <Checkbox123                checked={ getSetting('editor-fit-to-content', false) }124                onChange={ () => updateSettings('editor-fit-to-content', null, true) }/>125            </Label>126          </Field>127        </Section>128        <Section>129          <Field>130            <Label>131              <span>Font Family:</span>132              <StyledInput133                type="text"134                value={ getSetting('fontFamily', 'monospace') }135                onChange={ (event) => updateSettings('fontFamily', event.target.value) }/>136            </Label>137          </Field>138          <Field>139            <Label>140              <span>Font Size:</span>141              <StyledInput142                type="number"143                value={ getSetting('fontSize', 12) }144                onChange={ (event) => updateSettings('fontSize', event.target.value) }/>145            </Label>146          </Field>147          <Field>148            <Label>149              <span>Line height:</span>150              <StyledInput151                type="number"152                value={ getSetting('lineHeight', 21) }153                onChange={ (event) => updateSettings('lineHeight', event.target.value) }/>154            </Label>155          </Field>156          <Field>157            <Label>158              <span>Font Ligatures:</span>159              <Checkbox160                checked={ getSetting('fontLigatures', false) }161                onChange={ () => updateSettings('fontLigatures', null, true) }/>162            </Label>163          </Field>164          <Field>165            <Label>166              <span>Cursor Blinking:</span>167              <StyledISelect168                value={ getSetting('cursorBlinking', 'blink') }169                onChange={ (event) => updateSettings('cursorBlinking', event.target.value) }>170                <option value="blink">blink</option>171                <option value="smooth">smooth</option>172                <option value="phase">phase</option>173                <option value="expand">expand</option>174                <option value="solid">solid</option>175              </StyledISelect>176            </Label>177          </Field>178          <Field>179            <Label>180              <span>Word wrap:</span>181              <StyledISelect182                value={ getSetting('settings-editor-wordWrap', 'bounded') }183                onChange={ (event) =>184                  updateSettings('settings-editor-wordWrap', event.target.value)185                }>186                <option value="off">off</option>187                <option value="on">on</option>188                <option value="bounded">bounded</option>189                <option value="wordWrapColumn">wordWrapColumn</option>190              </StyledISelect>191            </Label>192          </Field>193          <Field>194            <Label>195              <span>Word wrap column size:</span>196              <StyledInput197                type="number"198                value={ getSetting('settings-editor-wordWrapColumn', 80) }199                onChange={ (event) =>200                  updateSettings('settings-editor-wordWrapColumn', event.target.value)201                }/>202            </Label>203          </Field>204        </Section>205      </Wrapper>206      <H4>Preview settings:</H4>207      <Wrapper>208        <Section>209          <Field>210            <Label>211              <span>Preview HTML files:</span>212              <Checkbox213                checked={ getSetting('settings-editor-preview-html', false) }214                onChange={ () => updateSettings('settings-editor-preview-html', null, true) }/>215            </Label>216          </Field>217          <Field>218            <Label>219              <span>Preview Image files:</span>220              <Checkbox221                checked={ getSetting('settings-editor-preview-image', true) }222                onChange={ () => updateSettings('settings-editor-preview-image', null, true) }/>223            </Label>224          </Field>225          <Field>226            <Label>227              <span>Preview PDF files:</span>228              <Checkbox229                checked={ getSetting('settings-editor-preview-pdf', true) }230                onChange={ () => updateSettings('settings-editor-preview-pdf', null, true) }/>231            </Label>232          </Field>233          <Field>234            <Label>235              <span>Preview Open API/swagger files:</span>236              <Checkbox237                checked={ getSetting('settings-editor-preview-open-api', true) }238                onChange={ () => updateSettings('settings-editor-preview-open-api', null, true) }/>239            </Label>240          </Field>241          <Field>242            <Label>243              <span>Preview CSV/TSV files:</span>244              <Checkbox245                checked={ getSetting('settings-editor-preview-csv', true) }246                onChange={ () => updateSettings('settings-editor-preview-csv', null, true) }/>247            </Label>248          </Field>249        </Section>250        <Section>251          <Field>252            <Label>253              <span>Preview GeoJSON:</span>254              <Checkbox255                checked={ getSetting('settings-editor-preview-geojson', true) }256                onChange={ () => updateSettings('settings-editor-preview-geojson', null, true) }/>257            </Label>258          </Field>259          <Field>260            <Label>261              <span>Preview Markdown files:</span>262              <Checkbox263                checked={ getSetting('settings-editor-preview-markdown', true) }264                onChange={ () => updateSettings('settings-editor-preview-markdown', null, true) }/>265            </Label>266          </Field>267          <Field>268            <Label>269              <span>Preview AsciiDoc files:</span>270              <Checkbox271                checked={ getSetting('settings-editor-preview-asciidoc', true) }272                onChange={ () => updateSettings('settings-editor-preview-asciidoc', null, true) }/>273            </Label>274          </Field>275          <Field>276            <Label>277              <span>Preview LaTex files (using katex):</span>278              <Checkbox279                checked={ getSetting('settings-editor-preview-latex', true) }280                onChange={ () => updateSettings('settings-editor-preview-latex', null, true) }/>281            </Label>282          </Field>283        </Section>284      </Wrapper>285    </div>286  );287};288EditorSettings.propTypes = {289  changeSettings: PropTypes.func290};291export default connect(292  null,293  {294    changeSettings: uiActions.changeSettings295  }...

1// react:2import React, { PureComponent } from "react";34// material ui:5import { List, ListItem, Paper } from "@material-ui/core";67// components:8import MyCheckbox from "shared/components/general/MyCheckbox.jsx";9import ThemeSelector from "shared/components/general/ThemeSelector.jsx";1011// redux:12import { connect } from "react-redux";1314// actions:15import { updateSettings } from "src/actions/settings.js";1617// libs:18import { toggleFullscreen } from "shared/libs/utils.js";1920class CheckboxSettings extends PureComponent {21	constructor(props) {22		super(props);2324		this.state = {};25	}2627	render() {28		return (29			<Paper elevation={5}>30				<List>31					<ListItem>32						<MyCheckbox33							text={"Enable Keyboard Controls"}34							handleChange={(state) => {35								this.props.updateSettings({ keyboardControls: state });36							}}37							checked={this.props.settings.keyboardControls}38						/>39					</ListItem>40					<ListItem>41						<MyCheckbox42							text={"Enable Controller Controls"}43							handleChange={(state) => {44								this.props.updateSettings({ controllerControls: state });45							}}46							checked={this.props.settings.controllerControls}47						/>48					</ListItem>49					<ListItem>50						<MyCheckbox51							text={"Enable Touch Controls"}52							handleChange={(state) => {53								this.props.updateSettings({ touchControls: state });54							}}55							checked={this.props.settings.touchControls}56						/>57					</ListItem>58					<ListItem>59						<MyCheckbox60							text={"Real keyboard / mouse"}61							handleChange={(state) => {62								this.props.updateSettings({ realKeyboardMouse: state });63							}}64							checked={this.props.settings.realKeyboardMouse}65						/>66					</ListItem>67					<ListItem>68						<MyCheckbox69							text={"Show Controller View"}70							handleChange={(state) => {71								this.props.updateSettings({ controllerView: state });72								if (state && this.props.settings.largescreen) {73									this.props.updateSettings({ largescreen: false });74								} else if (!state && !this.props.settings.largescreen) {75									this.props.updateSettings({ largescreen: true });76								}77								setTimeout(() => {78									window.dispatchEvent(new Event("resize"));79								}, 200);80							}}81							checked={this.props.settings.controllerView}82						/>83					</ListItem>84					<ListItem>85						<MyCheckbox86							text={"Mobile Mode"}87							handleChange={(state) => {88								this.props.updateSettings({ mobileMode: state, touchControls: state });89								// if (state && this.props.settings.controllerView) {90								// 	this.props.updateSettings({ controllerView: false });91								// } else if (!state && !this.props.settings.controllerView) {92								// 	this.props.updateSettings({ controllerView: true });93								// }94								// if (state && !this.props.settings.hideChat) {95								// 	this.props.updateSettings({ hideChat: false });96								// } else if (!state && this.props.settings.hideChat) {97								// 	this.props.updateSettings({ hideChat: true });98								// }99								// if (state && !this.props.settings.hideNav) {100								// 	this.props.updateSettings({ hideNav: false });101								// } else if (!state && this.props.settings.hideNav) {102								// 	this.props.updateSettings({ hideNav: true });103								// }104105								if (state) {106									this.props.updateSettings({107										hideChat: true,108										hideNav: true,109										controllerView: true,110										largescreen: true,111									});112									toggleFullscreen(document.getElementsByTagName("html")[0]);113								} else {114									this.props.updateSettings({115										hideChat: false,116										hideNav: false,117										controllerView: true,118										largescreen: false,119									});120								}121122								setTimeout(() => {123									window.dispatchEvent(new Event("resize"));124								}, 200);125							}}126							checked={this.props.settings.mobileMode}127						/>128					</ListItem>129					<ListItem>130						<MyCheckbox131							text={"Audio 3.0"}132							handleChange={this.props.toggleAudioThree}133							checked={this.props.settings.audioThree}134						/>135					</ListItem>136					<ListItem>137						<ThemeSelector />138					</ListItem>139					<ListItem>140						<MyCheckbox141							text={"Enable Fullscreen Mode"}142							handleChange={(state) => {143								if (state) {144									// $(document).scrollTop(0);145									document.body.scrollTop = document.documentElement.scrollTop = 0;146									// $("body").addClass("hideScrollbar");147									// $("#root").children()[0].style.padding = "0";148									this.props.updateSettings({149										fullscreen: state,150										controllerView: false,151										hideChat: true,152										hideNav: true,153									});154									toggleFullscreen(document.getElementsByTagName("html")[0]);155								} else {156									// console.log("exiting fullscreen");157									// $("body").removeClass("hideScrollbar");158									// $("#root").children()[0].style.padding = "";159									this.props.updateSettings({160										fullscreen: state,161										largescreen: false,162										controllerView: true,163										hideChat: false,164										hideNav: false,165									});166								}167							}}168							checked={this.props.settings.fullscreen}169						/>170					</ListItem>171					{/* <ListItem>172						<MyCheckbox173							text={"Enable Mouse Controls"}174							handleChange={(state) => {this.props.updateSettings({ mouseControls: state })}}175							checked={this.props.settings.mouseControls}/>176					</ListItem>177					<ListItem>178						<MyCheckbox179							text={"Enable Touch Controls"}180							handleChange={(state) => {this.props.updateSettings({ touchControls: state })}}181							checked={this.props.settings.touchControls}/>182					</ListItem> */}183					<ListItem>184						<MyCheckbox185							text={"Analog Stick Mode"}186							handleChange={(state) => {187								this.props.updateSettings({ analogStickMode: state });188							}}189							checked={this.props.settings.analogStickMode}190						/>191					</ListItem>192					{/* <ListItem>193						<MyCheckbox194							text={"DPad Swap"}195							handleChange={this.toggleDpadSwap}196							checked={this.props.settings.dpadSwap}/>197					</ListItem> */}198					{/* <ListItem>199						<MyCheckbox200							text={"3Ds config"}201							handleChange={this.toggleTDSConfig}202							checked={this.props.settings.TDSConfig}/>203					</ListItem> */}204					<ListItem>205						<MyCheckbox206							text={"Hide Chat"}207							handleChange={(state) => {208								this.props.updateSettings({ hideChat: state });209							}}210							checked={this.props.settings.hideChat}211						/>212					</ListItem>213					<ListItem>214						<MyCheckbox215							text={"Hide Nav Bar"}216							handleChange={(state) => {217								this.props.updateSettings({ hideNav: state });218							}}219							checked={this.props.settings.hideNav}220						/>221					</ListItem>222					{/* <ListItem>223						<MyCheckbox224							text={"Enable Controller View"}225							handleChange={(state) => {226								this.props.updateSettings({ controllerView: state });227								if (state && this.props.settings.largescreen) {228									this.props.updateSettings({ largescreen: false });229								}230							}}231							checked={this.props.settings.controllerView}/>232					</ListItem> */}233				</List>234			</Paper>235		);236	}237}238239// export default JoinLeaveQueueButton;240const mapStateToProps = (state) => {241	return {242		settings: state.settings,243	};244};245246const mapDispatchToProps = (dispatch) => {247	return {248		updateSettings: (settings) => {249			dispatch(updateSettings(settings));250		},251	};252};253
...

1export default ({ post, rootUrl }) => {2  const getSettings = (guid, sharedKey) =>3    post({4      data: { format: 'json', guid, method: 'get-info', sharedKey },5      endPoint: '/wallet',6      url: rootUrl7    })8  const updateSettings = (guid, sharedKey, method, payload, querystring = '') =>9    post({10      data: { guid, length: `${payload}`.length, method, payload, sharedKey },11      endPoint: querystring ? `/wallet?${querystring}` : '/wallet',12      url: rootUrl13    })14  const updateEmail = (guid, sharedKey, email) =>15    updateSettings(guid, sharedKey, 'update-email', email)16  const sendConfirmationCodeEmail = (guid, sharedKey, email) =>17    updateSettings(guid, sharedKey, 'send-verify-email-mail', email)18  const sendEmailConfirmation = (guid, sharedKey, email) =>19    updateSettings(guid, sharedKey, 'update-email', email)20  const resendVerifyEmail = (guid, sharedKey, email) =>21    updateSettings(guid, sharedKey, 'resend-verify-email', email)22  const verifyEmail = (guid, sharedKey, code) =>23    updateSettings(guid, sharedKey, 'verify-email-code', code)24  const updateMobile = (guid, sharedKey, mobile) =>25    updateSettings(guid, sharedKey, 'update-sms', mobile)26  const verifyMobile = (guid, sharedKey, code) =>27    updateSettings(guid, sharedKey, 'verify-sms', code)28  const updateLanguage = (guid, sharedKey, language) =>29    updateSettings(guid, sharedKey, 'update-language', language)30  const updateCurrency = (guid, sharedKey, currency) =>31    updateSettings(guid, sharedKey, 'update-currency', currency)32  const updateLastTxTime = (guid, sharedKey, time) =>33    updateSettings(guid, sharedKey, 'update-last-tx-time', time)34  const updateLoggingLevel = (guid, sharedKey, loggingLevel) =>35    updateSettings(guid, sharedKey, 'update-logging-level', loggingLevel)36  const updateIpLock = (guid, sharedKey, ipLock) =>37    updateSettings(guid, sharedKey, 'update-ip-lock', ipLock)38  const updateIpLockOn = (guid, sharedKey, ipLockOn) =>39    updateSettings(guid, sharedKey, 'update-ip-lock-on', ipLockOn)40  const updateBlockTorIps = (guid, sharedKey, blockTorIps) =>41    updateSettings(guid, sharedKey, 'update-block-tor-ips', blockTorIps)42  const updateHint = (guid, sharedKey, hint) =>43    updateSettings(guid, sharedKey, 'update-password-hint1', hint)44  const updateAuthType = (guid, sharedKey, authType) =>45    updateSettings(guid, sharedKey, 'update-auth-type', authType)46  const updateAuthTypeNeverSave = (guid, sharedKey, authTypeNeverSave) =>47    updateSettings(guid, sharedKey, 'update-never-save-auth-type', authTypeNeverSave)48  const getGoogleAuthenticatorSecretUrl = (guid, sharedKey) =>49    updateSettings(guid, sharedKey, 'generate-google-secret', '')50  const enableGoogleAuthenticator = (guid, sharedKey, code) =>51    updateSettings(guid, sharedKey, 'update-auth-type', '4', `code=${code}`)52  const enableYubikey = (guid, sharedKey, code) =>53    updateSettings(guid, sharedKey, 'update-yubikey', code)54  const enableNotifications = (guid, sharedKey, value) =>55    updateSettings(guid, sharedKey, 'update-notifications-on', value)56  const updateNotificationsType = (guid, sharedKey, value) =>57    updateSettings(guid, sharedKey, 'update-notifications-type', value)58  return {59    enableGoogleAuthenticator,60    enableNotifications,61    enableYubikey,62    getGoogleAuthenticatorSecretUrl,63    getSettings,64    resendVerifyEmail,65    sendConfirmationCodeEmail,66    sendEmailConfirmation,67    updateAuthType,68    updateAuthTypeNeverSave,69    updateBlockTorIps,70    updateCurrency,71    updateEmail,72    updateHint,73    updateIpLock,74    updateIpLockOn,75    updateLanguage,76    updateLastTxTime,77    updateLoggingLevel,78    updateMobile,79    updateNotificationsType,80    verifyEmail,81    verifyMobile82  }...

1const isEmail = require('validator/lib/isEmail')2const isURL = require('validator/lib/isURL')3module.exports = {4  friendlyName: 'Update client settings',5  inputs: {6    client: {7      type: 'ref',8      required: true,9    },10    updateSettings: {11      type: 'json',12      required: true,13    },14  },15  exits: {16    invalidKeys: {},17    invalidValue: {},18    invalidEmail: {},19    invalidURL: {}20  },21  fn: async (inputs, exits) => {22    const clientId = sails.helpers.util.idOrObjectIdInteger(inputs.client)23    const settingsSchema = sails.helpers.clientSettings.getSchema()24    const secretSettingsSchema = sails.helpers.clientSettings.getSecretsSchema()25    const allSettingsSchema = _.assign({}, settingsSchema, secretSettingsSchema)26    const allSettingsKeys = _.keys(allSettingsSchema)27    const requestKeys = _.keys(inputs.updateSettings)28    const invalidKeys = _.difference(29      requestKeys,30      allSettingsKeys,31    )32    if (invalidKeys.length) {33      const e = new Error(34        'The following key(s) are not valid: ' + invalidKeys.join(', ') + '\n\n' +35        'The following client settings (plus some secret settings) are valid:\n' +36        JSON.stringify(settingsSchema)37      )38      e.code = 'invalidKeys'39      throw e40    }41    let validates = true42    _.each(requestKeys, requestKey => {43      if (allSettingsSchema[requestKey].isIn && !_.includes(allSettingsSchema[requestKey].isIn, inputs.updateSettings[requestKey])) {44        const e = new Error('The specified value "' + inputs.updateSettings[requestKey] + '" is not valid for the setting "' + requestKey + '". The following values are valid: ' + settingsSchema[requestKey].isIn.join(', ') + '.')45        e.code = 'invalidValue'46        throw e47      }48      if (allSettingsSchema[requestKey].isEmail && inputs.updateSettings[requestKey] && !isEmail(inputs.updateSettings[requestKey])) {49        const e = new Error('The specified value "' + inputs.updateSettings[requestKey] + '" does not look like a valid email.')50        e.code = 'invalidEmail'51        throw e52      }53      if (allSettingsSchema[requestKey].isURL && inputs.updateSettings[requestKey] && !isURL(inputs.updateSettings[requestKey])) {54        const e = new Error('The specified value "' + inputs.updateSettings[requestKey] + '" does not look like a valid URL.')55        e.code = 'invalidURL'56        throw e57      }58    })59    if (!validates) return60    await Promise.all(61      _.map(62        _.keys(inputs.updateSettings),63        async key => {64          let value65          switch (allSettingsSchema[key].type) {66            case 'string':67              value = inputs.updateSettings[key]68              break69            case 'integer':70              value = parseInt(inputs.updateSettings[key])71              break72            case 'boolean':73              value = inputs.updateSettings[key] ? 1 : 074              break75          }76          const updatedRecord = await ClientSettings.update({77            client: clientId,78            key: key,79          }, {80            value: value,81          }).fetch()82          if (!updatedRecord.length) {83            await ClientSettings.create({84              client: clientId,85              key: key,86              value: value,87            })88          }89        },90      ),91    )92    return exits.success()93  },...

1'use strict';2const tap = require('tap');3const mediasoup = require('../');4const roomOptions = require('./data/options').roomOptions;5tap.test('server.updateSettings() with no options must succeed', { timeout: 2000 }, (t) =>6{7	let server = mediasoup.Server();8	t.tearDown(() => server.close());9	server.updateSettings()10		.then(() =>11		{12			t.pass('server.updateSettings() succeeded');13			t.end();14		})15		.catch((error) => t.fail(`server.updateSettings() failed: ${error}`));16});17tap.test('server.updateSettings() with valid options must succeed', { timeout: 2000 }, (t) =>18{19	let server = mediasoup.Server();20	t.tearDown(() => server.close());21	server.updateSettings({ logLevel: 'warn' })22		.then(() =>23		{24			t.pass('server.updateSettings() succeeded');25			t.end();26		})27		.catch((error) => t.fail(`server.updateSettings() failed: ${error}`));28});29tap.test('server.updateSettings() with invalid options must fail', { timeout: 2000 }, (t) =>30{31	let server = mediasoup.Server();32	t.tearDown(() => server.close());33	server.updateSettings({ logLevel: 'chicken' })34		.then(() => t.fail('server.updateSettings() succeeded'))35		.catch((error) =>36		{37			t.pass(`server.updateSettings() failed: ${error}`);38			t.end();39		});40});41tap.test('server.updateSettings() in a closed server must fail', { timeout: 2000 }, (t) =>42{43	let server = mediasoup.Server();44	t.tearDown(() => server.close());45	server.on('close', () =>46	{47		server.updateSettings({ logLevel: 'error' })48			.then(() => t.fail('server.updateSettings() succeeded'))49			.catch((error) =>50			{51				t.pass(`server.updateSettings() failed: ${error}`);52				t.type(error, mediasoup.errors.InvalidStateError, 'server.updateSettings() must reject with InvalidStateError');53				t.end();54			});55	});56	server.close();57});58tap.test('server.createRoom() must succeed', { _timeout: 2000 }, (t) =>59{60	let server = mediasoup.Server();61	t.tearDown(() => server.close());62	server.createRoom(roomOptions)63		.then((room) =>64		{65			t.pass('server.createRoom() succeeded');66			room.on('close', (error) =>67			{68				t.error(error, 'room must close cleanly');69				t.end();70			});71			// Wait a bit so Channel requests receive response72			setTimeout(() => room.close(), 50);73		})74		.catch((error) => t.fail(`server.createRoom() failed: ${error}`));75});76tap.test('server.createRoom() in a closed server must fail', { timeout: 2000 }, (t) =>77{78	let server = mediasoup.Server();79	server.close();80	server.createRoom(roomOptions)81		.then((room) => t.fail('server.createRoom() succeeded')) // eslint-disable-line no-unused-vars82		.catch((error) =>83		{84			t.pass(`server.createRoom() failed: ${error}`);85			t.type(error, mediasoup.errors.InvalidStateError, 'server.createRoom() must reject with InvalidStateError');86			t.end();87		});88});89tap.test('server.dump() must succeed', { timeout: 2000 }, (t) =>90{91	let server = mediasoup.Server({ numWorkers: 2 });92	t.tearDown(() => server.close());93	server.dump()94		.then((data) =>95		{96			t.pass('server.dump() succeeded');97			t.equal(Object.keys(data.workers).length, 2, 'server.dump() must retrieve two workers');98			t.end();99		})100		.catch((error) => t.fail(`server.dump() failed: ${error}`));...