mirror of
https://github.com/zebrajr/react.git
synced 2025-12-07 12:20:38 +01:00
40cc8fa45f
Previously, the extract-components script would create the same number of layers of composites as the page it captures, but it would output a new class for each time any composite is used (since we don't want to replicate all the component logic).
I changed the script to output a single type for each type in the input -- and each generated component takes an index for which output it should return. This should be closer to how the original code behaves, especially with respect to VM function call lookups where the amount of polymorphism makes a difference.
I re-recorded the benchmarks with the new scripts. They run significantly faster:
```
Comparing old.txt (control) vs new.txt (test)
Significant differences marked by ***
% change from control to test, with 99% CIs:
* ssr_pe_cold_ms_jsc_jit
% change: -41.73% [-43.37%, -40.09%] ***
means: 39.3191 (control), 22.9127 (test)
* ssr_pe_cold_ms_jsc_nojit
% change: -44.24% [-46.69%, -41.80%] ***
means: 45.8646 (control), 25.5764 (test)
* ssr_pe_cold_ms_node
% change: -45.61% [-47.38%, -43.85%] ***
means: 90.1118 (control), 49.0116 (test)
```
This is probably in part due to the changes here, but also the page I captured has changed somewhat in the meantime and there seem to be slightly fewer components in the hierarchy, so they're not really comparable. But going forward we can use this benchmark which should be more accurate. I also included an identical copy that uses stateless functional components so we can test optimizations to those later.
(cherry picked from commit e5513eceff)
4236 lines
120 KiB
JavaScript
4236 lines
120 KiB
JavaScript
(function() {
|
|
|
|
var ReactImage0 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 0) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 15) {
|
|
return <i className={"_3ut_ img sp_i534r85sjIn sx_e8ac93"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 22) {
|
|
return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_7b15bc"} src={null}></i>;
|
|
}
|
|
if (props.x === 29) {
|
|
return <i className={"_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 42) {
|
|
return (
|
|
<i alt={"Warning"} className={"_585p img sp_i534r85sjIn sx_20273d"} src={null}>
|
|
<u>{"Warning"}</u>
|
|
</i>
|
|
);
|
|
}
|
|
if (props.x === 67) {
|
|
return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_b5d079"} src={null}></i>;
|
|
}
|
|
if (props.x === 70) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f8c9"}></i>;
|
|
}
|
|
if (props.x === 76) {
|
|
return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_ef6a9c"} src={null}></i>;
|
|
}
|
|
if (props.x === 79) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_6f8c43"}></i>;
|
|
}
|
|
if (props.x === 88) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_e94a2d"}></i>;
|
|
}
|
|
if (props.x === 91) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_7ed7d4"}></i>;
|
|
}
|
|
if (props.x === 94) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_930440"}></i>;
|
|
}
|
|
if (props.x === 98) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_750c83"}></i>;
|
|
}
|
|
if (props.x === 108) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_73c1bb"}></i>;
|
|
}
|
|
if (props.x === 111) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f28d"}></i>;
|
|
}
|
|
if (props.x === 126) {
|
|
return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_91c59e"}></i>;
|
|
}
|
|
if (props.x === 127) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 134) {
|
|
return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_c8eb75"}></i>;
|
|
}
|
|
if (props.x === 135) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 148) {
|
|
return <i className={"_3yz6 _5whs img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 152) {
|
|
return <i className={"_5b5p _4gem img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 153) {
|
|
return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 160) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_31d9b0"}></i>;
|
|
}
|
|
if (props.x === 177) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_2c18b7"} src={null}></i>;
|
|
}
|
|
if (props.x === 186) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_0a681f"}></i>;
|
|
}
|
|
if (props.x === 195) {
|
|
return <i className={"_1-lx img sp_OkER5ktbEyg sx_b369b4"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 198) {
|
|
return <i className={"_1-lx img sp_i534r85sjIn sx_96948e"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 237) {
|
|
return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 266) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 314) {
|
|
return <i className={"_1cie _1cif img sp_i534r85sjIn sx_6e6820"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 345) {
|
|
return <i className={"_1cie img sp_i534r85sjIn sx_e896cf"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 351) {
|
|
return <i className={"_1cie img sp_i534r85sjIn sx_38fed8"} src={null} alt={""}></i>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AbstractLink1 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 1) {
|
|
return (
|
|
<a className={"_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"width":250,"maxWidth":"250px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"236px"}}>
|
|
{null}
|
|
<span>
|
|
<span className={"_48u-"}>{"Account:"}</span>
|
|
{" "}
|
|
{"Dick Madanson (10149999073643408)"}
|
|
</span>
|
|
</span>
|
|
<ReactImage0 x={0} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 43) {
|
|
return (
|
|
<a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} size={"medium"} shade={"dark"} type={null} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{undefined}
|
|
{"Remove"}
|
|
{undefined}
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 49) {
|
|
return (
|
|
<a target={"_blank"} href={"/ads/manage/billing.php?act=10149999073643408"} rel={undefined} onClick={function() {}}>
|
|
<XUIText29 x={48} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 128) {
|
|
return (
|
|
<a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"186px"}}>
|
|
<ReactImage0 x={126} />
|
|
{"Search"}
|
|
</span>
|
|
<ReactImage0 x={127} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 136) {
|
|
return (
|
|
<a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"186px"}}>
|
|
<ReactImage0 x={134} />
|
|
{"Filters"}
|
|
</span>
|
|
<ReactImage0 x={135} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 178) {
|
|
return (
|
|
<a className={"_1_-t _1_-v _42ft"} disabled={null} height={"medium"} role={"button"} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{undefined}
|
|
{"Lifetime"}
|
|
<ReactImage0 x={177} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 207) {
|
|
return <a href={"#"} rel={undefined} onClick={function() {}}>{"Create Ad Set"}</a>;
|
|
}
|
|
if (props.x === 209) {
|
|
return <a href={"#"} rel={undefined} onClick={function() {}}>{"View Ad Set"}</a>;
|
|
}
|
|
if (props.x === 241) {
|
|
return <a href={"#"} rel={undefined} onClick={function() {}}>{"Set a Limit"}</a>;
|
|
}
|
|
if (props.x === 267) {
|
|
return (
|
|
<a className={"_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"186px"}}>
|
|
{null}
|
|
{"Links"}
|
|
</span>
|
|
<ReactImage0 x={266} />
|
|
</a>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var Link2 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 2) {
|
|
return <AbstractLink1 x={1} />;
|
|
}
|
|
if (props.x === 44) {
|
|
return <AbstractLink1 x={43} />;
|
|
}
|
|
if (props.x === 50) {
|
|
return <AbstractLink1 x={49} />;
|
|
}
|
|
if (props.x === 129) {
|
|
return <AbstractLink1 x={128} />;
|
|
}
|
|
if (props.x === 137) {
|
|
return <AbstractLink1 x={136} />;
|
|
}
|
|
if (props.x === 179) {
|
|
return <AbstractLink1 x={178} />;
|
|
}
|
|
if (props.x === 208) {
|
|
return <AbstractLink1 x={207} />;
|
|
}
|
|
if (props.x === 210) {
|
|
return <AbstractLink1 x={209} />;
|
|
}
|
|
if (props.x === 242) {
|
|
return <AbstractLink1 x={241} />;
|
|
}
|
|
if (props.x === 268) {
|
|
return <AbstractLink1 x={267} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AbstractButton3 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 3) {
|
|
return <Link2 x={2} />;
|
|
}
|
|
if (props.x === 20) {
|
|
return (
|
|
<button className={"_5n7z _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
{"Discard Changes"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 23) {
|
|
return (
|
|
<button className={"_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr"} disabled={true} onClick={function() {}} data-tooltip-content={"You have no changes to publish"} data-hover={"tooltip"} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={22} />
|
|
{"Review Changes"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 45) {
|
|
return <Link2 x={44} />;
|
|
}
|
|
if (props.x === 68) {
|
|
return (
|
|
<button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={67} />
|
|
{"Create Campaign"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 71) {
|
|
return (
|
|
<button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={70} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 77) {
|
|
return (
|
|
<button aria-label={"Edit"} data-tooltip-content={"Edit Campaigns (Ctrl+U)"} data-hover={"tooltip"} className={"_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={76} />
|
|
{"Edit"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 80) {
|
|
return (
|
|
<button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={79} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 89) {
|
|
return (
|
|
<button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} data-tooltip-content={"Revert"} disabled={true} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={88} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 92) {
|
|
return (
|
|
<button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Delete"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={91} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 95) {
|
|
return (
|
|
<button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Duplicate"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={94} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 99) {
|
|
return (
|
|
<button aria-label={"Export & Import"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Export & Import"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={98} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 109) {
|
|
return (
|
|
<button aria-label={"Create Report"} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Create Report"} disabled={false} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={108} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 112) {
|
|
return (
|
|
<button aria-label={"Campaign Tags"} className={" _5uy7 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Campaign Tags"} disabled={false} haschevron={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={111} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 130) {
|
|
return <Link2 x={129} />;
|
|
}
|
|
if (props.x === 138) {
|
|
return <Link2 x={137} />;
|
|
}
|
|
if (props.x === 149) {
|
|
return (
|
|
<button className={"_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} label={null}>
|
|
{undefined}
|
|
{"Remove"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 156) {
|
|
return (
|
|
<button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
{"Apply"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 161) {
|
|
return (
|
|
<button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={160} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 180) {
|
|
return <Link2 x={179} />;
|
|
}
|
|
if (props.x === 187) {
|
|
return (
|
|
<button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"List Settings"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={186} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 269) {
|
|
return <Link2 x={268} />;
|
|
}
|
|
if (props.x === 303) {
|
|
return (
|
|
<button className={"_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
<div>
|
|
<div className={"_tma"}></div>
|
|
<div className={"_tm8"}></div>
|
|
<div className={"_tm9"}>{1}</div>
|
|
</div>
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 305) {
|
|
return (
|
|
<button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
<div>
|
|
<div className={"_tma"}></div>
|
|
<div className={"_tm8"}></div>
|
|
<div className={"_tm9"}>{1}</div>
|
|
</div>
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 307) {
|
|
return (
|
|
<button className={"_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ads"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
<div>
|
|
<div className={"_tma"}></div>
|
|
<div className={"_tm8"}></div>
|
|
<div className={"_tm9"}>{1}</div>
|
|
</div>
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIButton4 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 4) {
|
|
return <AbstractButton3 x={3} />;
|
|
}
|
|
if (props.x === 21) {
|
|
return <AbstractButton3 x={20} />;
|
|
}
|
|
if (props.x === 24) {
|
|
return <AbstractButton3 x={23} />;
|
|
}
|
|
if (props.x === 69) {
|
|
return <AbstractButton3 x={68} />;
|
|
}
|
|
if (props.x === 72) {
|
|
return <AbstractButton3 x={71} />;
|
|
}
|
|
if (props.x === 78) {
|
|
return <AbstractButton3 x={77} />;
|
|
}
|
|
if (props.x === 81) {
|
|
return <AbstractButton3 x={80} />;
|
|
}
|
|
if (props.x === 90) {
|
|
return <AbstractButton3 x={89} />;
|
|
}
|
|
if (props.x === 93) {
|
|
return <AbstractButton3 x={92} />;
|
|
}
|
|
if (props.x === 96) {
|
|
return <AbstractButton3 x={95} />;
|
|
}
|
|
if (props.x === 100) {
|
|
return <AbstractButton3 x={99} />;
|
|
}
|
|
if (props.x === 110) {
|
|
return <AbstractButton3 x={109} />;
|
|
}
|
|
if (props.x === 113) {
|
|
return <AbstractButton3 x={112} />;
|
|
}
|
|
if (props.x === 131) {
|
|
return <AbstractButton3 x={130} />;
|
|
}
|
|
if (props.x === 139) {
|
|
return <AbstractButton3 x={138} />;
|
|
}
|
|
if (props.x === 157) {
|
|
return <AbstractButton3 x={156} />;
|
|
}
|
|
if (props.x === 162) {
|
|
return <AbstractButton3 x={161} />;
|
|
}
|
|
if (props.x === 188) {
|
|
return <AbstractButton3 x={187} />;
|
|
}
|
|
if (props.x === 270) {
|
|
return <AbstractButton3 x={269} />;
|
|
}
|
|
if (props.x === 304) {
|
|
return <AbstractButton3 x={303} />;
|
|
}
|
|
if (props.x === 306) {
|
|
return <AbstractButton3 x={305} />;
|
|
}
|
|
if (props.x === 308) {
|
|
return <AbstractButton3 x={307} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AbstractPopoverButton5 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 5) {
|
|
return <XUIButton4 x={4} />;
|
|
}
|
|
if (props.x === 132) {
|
|
return <XUIButton4 x={131} />;
|
|
}
|
|
if (props.x === 140) {
|
|
return <XUIButton4 x={139} />;
|
|
}
|
|
if (props.x === 271) {
|
|
return <XUIButton4 x={270} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var ReactXUIPopoverButton6 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 6) {
|
|
return <AbstractPopoverButton5 x={5} />;
|
|
}
|
|
if (props.x === 133) {
|
|
return <AbstractPopoverButton5 x={132} />;
|
|
}
|
|
if (props.x === 141) {
|
|
return <AbstractPopoverButton5 x={140} />;
|
|
}
|
|
if (props.x === 272) {
|
|
return <AbstractPopoverButton5 x={271} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var BIGAdAccountSelector7 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 7) {
|
|
return (
|
|
<div>
|
|
<ReactXUIPopoverButton6 x={6} ref={"openMenuButton"} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 8) {
|
|
return <BIGAdAccountSelector7 x={7} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var ErrorBoundary9 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 9) {
|
|
return <FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 x={8} />;
|
|
}
|
|
if (props.x === 13) {
|
|
return <FluxContainer_AdsPENavigationBarContainer_12 x={12} />;
|
|
}
|
|
if (props.x === 27) {
|
|
return <FluxContainer_AdsPEPublishButtonContainer_18 x={26} />;
|
|
}
|
|
if (props.x === 32) {
|
|
return <ReactPopoverMenu20 x={31} />;
|
|
}
|
|
if (props.x === 38) {
|
|
return <AdsPEResetDialog24 x={37} />;
|
|
}
|
|
if (props.x === 57) {
|
|
return <FluxContainer_AdsPETopErrorContainer_35 x={56} />;
|
|
}
|
|
if (props.x === 60) {
|
|
return <FluxContainer_AdsGuidanceChannel_36 x={59} />;
|
|
}
|
|
if (props.x === 64) {
|
|
return <FluxContainer_AdsBulkEditDialogContainer_38 x={63} />;
|
|
}
|
|
if (props.x === 124) {
|
|
return <AdsPECampaignGroupToolbarContainer57 x={123} />;
|
|
}
|
|
if (props.x === 170) {
|
|
return <AdsPEFilterContainer72 x={169} />;
|
|
}
|
|
if (props.x === 175) {
|
|
return <AdsPETablePagerContainer75 x={174} />;
|
|
}
|
|
if (props.x === 193) {
|
|
return <AdsPEStatRangeContainer81 x={192} />;
|
|
}
|
|
if (props.x === 301) {
|
|
return <FluxContainer_AdsPEMultiTabDrawerContainer_137 x={300} />;
|
|
}
|
|
if (props.x === 311) {
|
|
return <AdsPEOrganizerContainer139 x={310} />;
|
|
}
|
|
if (props.x === 471) {
|
|
return <AdsPECampaignGroupTableContainer159 x={470} />;
|
|
}
|
|
if (props.x === 475) {
|
|
return <AdsPEContentContainer161 x={474} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsErrorBoundary10 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 10) {
|
|
return <ErrorBoundary9 x={9} />;
|
|
}
|
|
if (props.x === 14) {
|
|
return <ErrorBoundary9 x={13} />;
|
|
}
|
|
if (props.x === 28) {
|
|
return <ErrorBoundary9 x={27} />;
|
|
}
|
|
if (props.x === 33) {
|
|
return <ErrorBoundary9 x={32} />;
|
|
}
|
|
if (props.x === 39) {
|
|
return <ErrorBoundary9 x={38} />;
|
|
}
|
|
if (props.x === 58) {
|
|
return <ErrorBoundary9 x={57} />;
|
|
}
|
|
if (props.x === 61) {
|
|
return <ErrorBoundary9 x={60} />;
|
|
}
|
|
if (props.x === 65) {
|
|
return <ErrorBoundary9 x={64} />;
|
|
}
|
|
if (props.x === 125) {
|
|
return <ErrorBoundary9 x={124} />;
|
|
}
|
|
if (props.x === 171) {
|
|
return <ErrorBoundary9 x={170} />;
|
|
}
|
|
if (props.x === 176) {
|
|
return <ErrorBoundary9 x={175} />;
|
|
}
|
|
if (props.x === 194) {
|
|
return <ErrorBoundary9 x={193} />;
|
|
}
|
|
if (props.x === 302) {
|
|
return <ErrorBoundary9 x={301} />;
|
|
}
|
|
if (props.x === 312) {
|
|
return <ErrorBoundary9 x={311} />;
|
|
}
|
|
if (props.x === 472) {
|
|
return <ErrorBoundary9 x={471} />;
|
|
}
|
|
if (props.x === 476) {
|
|
return <ErrorBoundary9 x={475} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPENavigationBar11 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 11) {
|
|
return <div className={"_4t_9"}></div>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPENavigationBarContainer_12 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 12) {
|
|
return <AdsPENavigationBar11 x={11} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEDraftSyncStatus13 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 16) {
|
|
return (
|
|
<div className={"_3ut-"} onClick={function() {}}>
|
|
<span className={"_3uu0"}>
|
|
<ReactImage0 x={15} />
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEDraftSyncStatusContainer_14 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 17) {
|
|
return <AdsPEDraftSyncStatus13 x={16} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEDraftErrorsStatus15 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 18) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_viewFn_16 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 19) {
|
|
return <AdsPEDraftErrorsStatus15 x={18} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEPublishButton17 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 25) {
|
|
return (
|
|
<div className={"_5533"}>
|
|
<FluxContainer_AdsPEDraftSyncStatusContainer_14 x={17} />
|
|
<FluxContainer_viewFn_16 x={19} />
|
|
{null}
|
|
<XUIButton4 x={21} key={"discard"} />
|
|
<XUIButton4 x={24} ref={"reviewChangesButton"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEPublishButtonContainer_18 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 26) {
|
|
return <AdsPEPublishButton17 x={25} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var InlineBlock19 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 30) {
|
|
return (
|
|
<div className={"uiPopover _6a _6b"} disabled={null}>
|
|
<ReactImage0 x={29} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 73) {
|
|
return (
|
|
<div className={"uiPopover _6a _6b"} disabled={null}>
|
|
<XUIButton4 x={72} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 82) {
|
|
return (
|
|
<div className={"_1nwm uiPopover _6a _6b"} disabled={null}>
|
|
<XUIButton4 x={81} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 101) {
|
|
return (
|
|
<div size={"large"} className={"uiPopover _6a _6b"} disabled={null}>
|
|
<XUIButton4 x={100} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 273) {
|
|
return (
|
|
<div className={"_3-90 uiPopover _6a _6b"} style={{"marginTop":2}} disabled={null}>
|
|
<ReactXUIPopoverButton6 x={272} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var ReactPopoverMenu20 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 31) {
|
|
return <InlineBlock19 x={30} ref={"root"} />;
|
|
}
|
|
if (props.x === 74) {
|
|
return <InlineBlock19 x={73} ref={"root"} />;
|
|
}
|
|
if (props.x === 83) {
|
|
return <InlineBlock19 x={82} ref={"root"} />;
|
|
}
|
|
if (props.x === 102) {
|
|
return <InlineBlock19 x={101} ref={"root"} />;
|
|
}
|
|
if (props.x === 274) {
|
|
return <InlineBlock19 x={273} ref={"root"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var LeftRight21 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 34) {
|
|
return (
|
|
<div className={"clearfix"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<div className={"_34_j"}>
|
|
<div className={"_34_k"}>
|
|
<AdsErrorBoundary10 x={10} />
|
|
</div>
|
|
<div className={"_2u-6"}>
|
|
<AdsErrorBoundary10 x={14} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div key={"right"} className={"_ohf rfloat"}>
|
|
<div className={"_34_m"}>
|
|
<div key={"0"} className={"_5ju2"}>
|
|
<AdsErrorBoundary10 x={28} />
|
|
</div>
|
|
<div key={"1"} className={"_5ju2"}>
|
|
<AdsErrorBoundary10 x={33} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 232) {
|
|
return (
|
|
<div flex={"right"} direction={"left"} className={"clearfix"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<AdsLabeledField104 x={231} />
|
|
</div>
|
|
<div key={"right"} className={""}>
|
|
<div className={"_42ef"}>
|
|
<div className={"_2oc7"}>{"Clicks to Website"}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 235) {
|
|
return (
|
|
<div className={"_3-8x clearfix"} flex={"right"} direction={"left"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<AdsLabeledField104 x={234} />
|
|
</div>
|
|
<div key={"right"} className={""}>
|
|
<div className={"_42ef"}>
|
|
<div className={"_2oc7"}>{"Auction"}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 245) {
|
|
return (
|
|
<div className={"_3-8y clearfix"} flex={"right"} direction={"left"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<AdsLabeledField104 x={240} />
|
|
</div>
|
|
<div key={"right"} className={""}>
|
|
<div className={"_42ef"}>
|
|
<FluxContainer_AdsCampaignGroupSpendCapContainer_107 x={244} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 277) {
|
|
return (
|
|
<div className={"_5dw9 _5dwa clearfix"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<XUICardHeaderTitle100 x={265} key={".0"} />
|
|
</div>
|
|
<div key={"right"} className={"_ohf rfloat"}>
|
|
<FluxContainer_AdsPluginizedLinksMenuContainer_121 x={276} key={".1"} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsUnifiedNavigationLocalNav22 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 35) {
|
|
return (
|
|
<div className={"_34_i"}>
|
|
<LeftRight21 x={34} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIDialog23 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 36) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEResetDialog24 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 37) {
|
|
return (
|
|
<span>
|
|
<XUIDialog23 x={36} key={"dialog/.0"} />
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPETopNav25 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 40) {
|
|
return (
|
|
<div style={{"width":1306}}>
|
|
<AdsUnifiedNavigationLocalNav22 x={35} />
|
|
<AdsErrorBoundary10 x={39} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPETopNavContainer_26 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 41) {
|
|
return <AdsPETopNav25 x={40} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIAbstractGlyphButton27 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 46) {
|
|
return <AbstractButton3 x={45} />;
|
|
}
|
|
if (props.x === 150) {
|
|
return <AbstractButton3 x={149} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUICloseButton28 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 47) {
|
|
return <XUIAbstractGlyphButton27 x={46} />;
|
|
}
|
|
if (props.x === 151) {
|
|
return <XUIAbstractGlyphButton27 x={150} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIText29 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 48) {
|
|
return <span display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
|
|
}
|
|
if (props.x === 205) {
|
|
return <span className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Campaign"}</span>;
|
|
}
|
|
if (props.x === 206) {
|
|
return <span display={"inline"} className={" _50f5 _50f7"}>{"Test Campaign"}</span>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUINotice30 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 51) {
|
|
return (
|
|
<div size={"medium"} className={"_585n _585o _2wdd"}>
|
|
<ReactImage0 x={42} />
|
|
<XUICloseButton28 x={47} />
|
|
<div className={"_585r _2i-a _50f4"}>
|
|
{"Please go to "}
|
|
<Link2 x={50} />
|
|
{" to set up a payment method for this ad account."}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var ReactCSSTransitionGroupChild31 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 52) {
|
|
return <XUINotice30 x={51} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var ReactTransitionGroup32 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 53) {
|
|
return (
|
|
<span>
|
|
<ReactCSSTransitionGroupChild31 x={52} key={".0"} ref={".0"} />
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var ReactCSSTransitionGroup33 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 54) {
|
|
return <ReactTransitionGroup32 x={53} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPETopError34 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 55) {
|
|
return (
|
|
<div className={"_2wdc"}>
|
|
<ReactCSSTransitionGroup33 x={54} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPETopErrorContainer_35 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 56) {
|
|
return <AdsPETopError34 x={55} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsGuidanceChannel_36 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 59) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var ResponsiveBlock37 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 62) {
|
|
return (
|
|
<div onResize={function() {}} className={"_4u-c"}>
|
|
{[
|
|
<AdsErrorBoundary10 x={58} />,
|
|
<AdsErrorBoundary10 x={61} />,
|
|
]}
|
|
<div key={"sensor"} className={"_4u-f"}>
|
|
<iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 469) {
|
|
return (
|
|
<div onResize={function() {}} className={"_4u-c"}>
|
|
<AdsPEDataTableContainer158 x={468} />
|
|
<div key={"sensor"} className={"_4u-f"}>
|
|
<iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsBulkEditDialogContainer_38 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 63) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var Column39 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 66) {
|
|
return (
|
|
<div className={"_4bl8 _4bl7"}>
|
|
<div className={"_3c5f"}>
|
|
{null}
|
|
{null}
|
|
<div className={"_3c5i"}></div>
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIButtonGroup40 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 75) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<XUIButton4 x={69} />
|
|
<ReactPopoverMenu20 x={74} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 84) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<XUIButton4 x={78} key={"edit"} />
|
|
<ReactPopoverMenu20 x={83} key={"editMenu"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 97) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<XUIButton4 x={90} key={"revert"} />
|
|
<XUIButton4 x={93} key={"delete"} />
|
|
<XUIButton4 x={96} key={"duplicate"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 117) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<AdsPEExportImportMenuContainer48 x={107} />
|
|
<XUIButton4 x={110} key={"createReport"} ref={"ads_create_report_button"} />
|
|
<AdsPECampaignGroupTagContainer51 x={116} key={"tags"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEEditToolbarButton41 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 85) {
|
|
return <XUIButtonGroup40 x={84} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 86) {
|
|
return <AdsPEEditToolbarButton41 x={85} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEEditToolbarButtonContainer_43 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 87) {
|
|
return <FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 x={86} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEExportImportMenu44 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 103) {
|
|
return <ReactPopoverMenu20 x={102} key={"export"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPECustomizeExportContainer_45 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 104) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEExportAsTextDialog46 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 105) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEExportAsTextDialogContainer_47 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 106) {
|
|
return <AdsPEExportAsTextDialog46 x={105} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEExportImportMenuContainer48 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 107) {
|
|
return (
|
|
<span>
|
|
<AdsPEExportImportMenu44 x={103} />
|
|
<FluxContainer_AdsPECustomizeExportContainer_45 x={104} />
|
|
<FluxContainer_AdsPEExportAsTextDialogContainer_47 x={106} />
|
|
{null}
|
|
{null}
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var Constructor49 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 114) {
|
|
return null;
|
|
}
|
|
if (props.x === 142) {
|
|
return null;
|
|
}
|
|
if (props.x === 143) {
|
|
return null;
|
|
}
|
|
if (props.x === 183) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var TagSelectorPopover50 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 115) {
|
|
return (
|
|
<span className={" _3d6e"}>
|
|
<XUIButton4 x={113} ref={"button"} />
|
|
<Constructor49 x={114} key={"layer"} ref={"layer"} />
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupTagContainer51 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 116) {
|
|
return <TagSelectorPopover50 x={115} key={"98010048849317"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsRuleToolbarMenu52 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 118) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPERuleToolbarMenuContainer_53 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 119) {
|
|
return <AdsRuleToolbarMenu52 x={118} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FillColumn54 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 120) {
|
|
return (
|
|
<div className={"_4bl9"}>
|
|
<span className={"_3c5e"}>
|
|
<span>
|
|
<XUIButtonGroup40 x={75} />
|
|
<FluxContainer_AdsPEEditToolbarButtonContainer_43 x={87} />
|
|
{null}
|
|
<XUIButtonGroup40 x={97} />
|
|
</span>
|
|
<XUIButtonGroup40 x={117} />
|
|
<FluxContainer_AdsPERuleToolbarMenuContainer_53 x={119} />
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var Layout55 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 121) {
|
|
return (
|
|
<div className={"clearfix"}>
|
|
<Column39 x={66} key={"1"} />
|
|
<FillColumn54 x={120} key={"0"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEMainPaneToolbar56 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 122) {
|
|
return (
|
|
<div className={"_3c5b clearfix"}>
|
|
<Layout55 x={121} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupToolbarContainer57 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 123) {
|
|
return <AdsPEMainPaneToolbar56 x={122} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEFiltersPopover58 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 144) {
|
|
return (
|
|
<span className={"_5b-l _5bbe"}>
|
|
<ReactXUIPopoverButton6 x={133} ref={"searchButton"} />
|
|
<ReactXUIPopoverButton6 x={141} ref={"filterButton"} />
|
|
{[
|
|
<Constructor49 x={142} key={"filterMenu/.0"} />,
|
|
<Constructor49 x={143} key={"searchMenu/.0"} />,
|
|
]}
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AbstractCheckboxInput59 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 145) {
|
|
return (
|
|
<label className={"uiInputLabelInput _55sg _kv1"}>
|
|
<input checked={true} disabled={true} name={"filterUnpublished"} value={"on"} onClick={function() {}} className={null} id={"js_input_label_21"} type={"checkbox"}></input>
|
|
<span data-hover={null} data-tooltip-content={undefined}></span>
|
|
</label>
|
|
);
|
|
}
|
|
if (props.x === 336) {
|
|
return (
|
|
<label className={"_4h2r _55sg _kv1"}>
|
|
<input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
|
|
<span data-hover={null} data-tooltip-content={undefined}></span>
|
|
</label>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUICheckboxInput60 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 146) {
|
|
return <AbstractCheckboxInput59 x={145} />;
|
|
}
|
|
if (props.x === 337) {
|
|
return <AbstractCheckboxInput59 x={336} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var InputLabel61 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 147) {
|
|
return (
|
|
<div display={"block"} className={"uiInputLabel clearfix"}>
|
|
<XUICheckboxInput60 x={146} />
|
|
<label className={"uiInputLabelLabel"} htmlFor={"js_input_label_21"}>{"Always show new items"}</label>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPopoverLink62 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 154) {
|
|
return (
|
|
<span>
|
|
<span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
|
|
<span className={"_3o_j"}></span>
|
|
<ReactImage0 x={153} />
|
|
</span>
|
|
{null}
|
|
</span>
|
|
);
|
|
}
|
|
if (props.x === 238) {
|
|
return (
|
|
<span>
|
|
<span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
|
|
<span className={"_3o_j"}></span>
|
|
<ReactImage0 x={237} />
|
|
</span>
|
|
{null}
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsHelpLink63 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 155) {
|
|
return <AdsPopoverLink62 x={154} />;
|
|
}
|
|
if (props.x === 239) {
|
|
return <AdsPopoverLink62 x={238} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIFilterTokenInput64 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 158) {
|
|
return (
|
|
<div className={"_5b5o _3yz3 _4cld"}>
|
|
<div className={"_5b5t _2d2k"}>
|
|
<ReactImage0 x={152} />
|
|
<div className={"_5b5r"}>
|
|
{"Campaigns: (1)"}
|
|
<AdsHelpLink63 x={155} />
|
|
</div>
|
|
</div>
|
|
<XUIButton4 x={157} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIFilterToken65 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 159) {
|
|
return (
|
|
<div className={"_3yz1 _3yz2 _3dad"}>
|
|
<div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
|
|
<div onClick={function() {}} className={"_3yz5"}>
|
|
<ReactImage0 x={148} />
|
|
<div className={"_3yz7"}>{"Campaigns:"}</div>
|
|
<div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
|
|
</div>
|
|
{null}
|
|
<XUICloseButton28 x={151} />
|
|
</div>
|
|
<BUIFilterTokenInput64 x={158} ref={"filterTokenInput"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIFilterTokenCreateButton66 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 163) {
|
|
return (
|
|
<div className={"_1tc"}>
|
|
<XUIButton4 x={162} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIFilterTokenizer67 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 164) {
|
|
return (
|
|
<div className={"_5b-m clearfix"}>
|
|
{undefined}
|
|
{[]}
|
|
<BUIFilterToken65 x={159} key={"token0"} />
|
|
<BUIFilterTokenCreateButton66 x={163} />
|
|
{null}
|
|
<div className={"_49u3"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIAmbientNUX68 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 165) {
|
|
return null;
|
|
}
|
|
if (props.x === 189) {
|
|
return null;
|
|
}
|
|
if (props.x === 200) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUIAmbientNUX69 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 166) {
|
|
return <XUIAmbientNUX68 x={165} />;
|
|
}
|
|
if (props.x === 190) {
|
|
return <XUIAmbientNUX68 x={189} />;
|
|
}
|
|
if (props.x === 201) {
|
|
return <XUIAmbientNUX68 x={200} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEAmbientNUXMegaphone70 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 167) {
|
|
return (
|
|
<span>
|
|
<span ref={"mainChild"}></span>
|
|
<XUIAmbientNUX69 x={166} key={"nux"} />
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEFilters71 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 168) {
|
|
return (
|
|
<div className={"_4rw_"}>
|
|
<AdsPEFiltersPopover58 x={144} />
|
|
<div className={"_1eo"}>
|
|
<InputLabel61 x={147} />
|
|
</div>
|
|
<BUIFilterTokenizer67 x={164} />
|
|
{""}
|
|
<AdsPEAmbientNUXMegaphone70 x={167} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEFilterContainer72 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 169) {
|
|
return <AdsPEFilters71 x={168} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPETablePager73 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 172) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupTablePagerContainer74 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 173) {
|
|
return <AdsPETablePager73 x={172} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPETablePagerContainer75 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 174) {
|
|
return <AdsPECampaignGroupTablePagerContainer74 x={173} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var ReactXUIError76 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 181) {
|
|
return <AbstractButton3 x={180} />;
|
|
}
|
|
if (props.x === 216) {
|
|
return (
|
|
<div className={"_40bf _2vl4 _1h18"}>
|
|
{null}
|
|
{null}
|
|
<div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>
|
|
<div className={"_2vla _1h1g"}>
|
|
<div>
|
|
{null}
|
|
<textarea ref={"input"} className={"_2vli _2vlj _1h26 _1h27"} dir={"auto"} disabled={undefined} id={undefined} maxLength={null} value={"Test Campaign"} onBlur={function() {}} onChange={function() {}} onFocus={function() {}} onKeyDown={function() {}}></textarea>
|
|
{null}
|
|
</div>
|
|
<div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>
|
|
</div>
|
|
</div>
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 221) {
|
|
return <XUICard94 x={220} />;
|
|
}
|
|
if (props.x === 250) {
|
|
return <XUICard94 x={249} />;
|
|
}
|
|
if (props.x === 280) {
|
|
return <XUICard94 x={279} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIPopoverButton77 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 182) {
|
|
return <ReactXUIError76 x={181} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIDateRangePicker78 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 184) {
|
|
return (
|
|
<span>
|
|
<BUIPopoverButton77 x={182} ref={function() {}} />
|
|
{[
|
|
<Constructor49 x={183} key={"layer/.0"} />,
|
|
]}
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEStatsRangePicker79 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 185) {
|
|
return <BUIDateRangePicker78 x={184} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEStatRange80 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 191) {
|
|
return (
|
|
<div className={"_3c5k"}>
|
|
<span className={"_3c5j"}>{"Stats:"}</span>
|
|
<span className={"_3c5l"}>
|
|
<AdsPEStatsRangePicker79 x={185} />
|
|
<XUIButton4 x={188} key={"settings"} ref={"PE_TABLE_LIST_SETTING"} />
|
|
</span>
|
|
{[
|
|
<XUIAmbientNUX69 x={190} key={"roasNUX/.0"} />,
|
|
]}
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEStatRangeContainer81 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 192) {
|
|
return <AdsPEStatRange80 x={191} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPESideTrayTabButton82 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 196) {
|
|
return (
|
|
<div className={"_1-ly _59j9 _d9a"} onClick={function() {}}>
|
|
<ReactImage0 x={195} />
|
|
<div className={"_vf7"}></div>
|
|
<div className={"_vf8"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 199) {
|
|
return (
|
|
<div className={" _1-lz _d9a"} onClick={function() {}}>
|
|
<ReactImage0 x={198} />
|
|
<div className={"_vf7"}></div>
|
|
<div className={"_vf8"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 203) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEEditorTrayTabButton83 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 197) {
|
|
return <AdsPESideTrayTabButton82 x={196} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEInsightsTrayTabButton84 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 202) {
|
|
return (
|
|
<span>
|
|
<AdsPESideTrayTabButton82 x={199} ref={"PE_INSIGHTS_TAB_ICON"} />
|
|
<XUIAmbientNUX69 x={201} key={"roasNUX"} />
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPENekoDebuggerTrayTabButton85 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 204) {
|
|
return <AdsPESideTrayTabButton82 x={203} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEEditorChildLink86 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 211) {
|
|
return (
|
|
<div className={"_3ywr"}>
|
|
<Link2 x={208} />
|
|
<span className={"_3ywq"}>{"|"}</span>
|
|
<Link2 x={210} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEEditorChildLinkContainer87 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 212) {
|
|
return <AdsPEEditorChildLink86 x={211} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEHeaderSection88 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 213) {
|
|
return (
|
|
<div className={"_yke"}>
|
|
<div className={"_2x9d _pr-"}></div>
|
|
<XUIText29 x={205} />
|
|
<div className={"_3a-a"}>
|
|
<div className={"_3a-b"}>
|
|
<XUIText29 x={206} />
|
|
</div>
|
|
</div>
|
|
<AdsPEEditorChildLinkContainer87 x={212} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupHeaderSectionContainer89 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 214) {
|
|
return <AdsPEHeaderSection88 x={213} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditorLoadingErrors90 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 215) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsTextInput91 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 217) {
|
|
return <ReactXUIError76 x={216} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIFormElement92 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 218) {
|
|
return (
|
|
<div className={"_5521 clearfix"}>
|
|
<div className={"_5522 _3w5q"}>
|
|
<label onClick={undefined} htmlFor={"1467872040612:1961945894"} className={"_5523 _3w5r"}>
|
|
{"Campaign Name"}
|
|
{null}
|
|
</label>
|
|
</div>
|
|
<div className={"_5527"}>
|
|
<div className={"_5528"}>
|
|
<span key={".0"} className={"_40bg"} density={"snug"} labelPosition={"left"} id={"1467872040612:1961945894"}>
|
|
<AdsTextInput91 x={217} key={"nameEditor98010048849317"} ref={"nameTextInput"} />
|
|
{null}
|
|
</span>
|
|
</div>
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUIForm93 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 219) {
|
|
return (
|
|
<div className={"_5ks1 _550r _550t _550y _3w5n"}>
|
|
<BUIFormElement92 x={218} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUICard94 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 220) {
|
|
return (
|
|
<div className={"_40bc _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>
|
|
<BUIForm93 x={219} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 249) {
|
|
return (
|
|
<div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
|
|
<AdsCardHeader103 x={230} />
|
|
<AdsCardSection108 x={248} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 279) {
|
|
return (
|
|
<div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
|
|
<AdsCardLeftRightHeader122 x={278} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsCard95 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 222) {
|
|
return <ReactXUIError76 x={221} />;
|
|
}
|
|
if (props.x === 251) {
|
|
return <ReactXUIError76 x={250} />;
|
|
}
|
|
if (props.x === 281) {
|
|
return <ReactXUIError76 x={280} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditorNameSection96 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 223) {
|
|
return <AdsCard95 x={222} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsCampaignGroupNameSectionContainer97 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 224) {
|
|
return <AdsEditorNameSection96 x={223} key={"nameSection98010048849317"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var _render98 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 225) {
|
|
return <AdsCampaignGroupNameSectionContainer97 x={224} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPluginWrapper99 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 226) {
|
|
return <_render98 x={225} />;
|
|
}
|
|
if (props.x === 255) {
|
|
return <_render111 x={254} />;
|
|
}
|
|
if (props.x === 258) {
|
|
return <_render113 x={257} />;
|
|
}
|
|
if (props.x === 287) {
|
|
return <_render127 x={286} />;
|
|
}
|
|
if (props.x === 291) {
|
|
return <_render130 x={290} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUICardHeaderTitle100 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 227) {
|
|
return (
|
|
<span itemComponent={"span"} className={"_38my"}>
|
|
{"Campaign Details"}
|
|
{null}
|
|
<span className={"_c1c"}></span>
|
|
</span>
|
|
);
|
|
}
|
|
if (props.x === 265) {
|
|
return (
|
|
<span itemComponent={"span"} className={"_38my"}>
|
|
{[
|
|
<span>
|
|
{"Campaign ID"}
|
|
{": "}
|
|
{"98010048849317"}
|
|
</span>,
|
|
<div className={"_5lh9"}>
|
|
<FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 x={264} />
|
|
</div>,
|
|
]}
|
|
{null}
|
|
<span className={"_c1c"}></span>
|
|
</span>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUICardSection101 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 228) {
|
|
return (
|
|
<div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>
|
|
{[
|
|
<XUICardHeaderTitle100 x={227} key={".0"} />,
|
|
]}
|
|
{undefined}
|
|
{undefined}
|
|
<div className={"_3s3-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 247) {
|
|
return (
|
|
<div className={"_12jy _4-u3"} background={"transparent"}>
|
|
<div className={"_3-8j"}>
|
|
<FlexibleBlock105 x={233} />
|
|
<FlexibleBlock105 x={236} />
|
|
<FlexibleBlock105 x={246} />
|
|
{null}
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var XUICardHeader102 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 229) {
|
|
return <XUICardSection101 x={228} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsCardHeader103 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 230) {
|
|
return <XUICardHeader102 x={229} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsLabeledField104 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 231) {
|
|
return (
|
|
<div className={"_2oc6 _3bvz"} label={"Objective"} labelSize={"small"} optionalText={"(optional)"}>
|
|
<label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Objective "}</label>
|
|
{null}
|
|
<div className={"_3bv-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 234) {
|
|
return (
|
|
<div className={"_2oc6 _3bvz"} label={"Buying Type"} labelSize={"small"} optionalText={"(optional)"}>
|
|
<label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Buying Type "}</label>
|
|
{null}
|
|
<div className={"_3bv-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 240) {
|
|
return (
|
|
<div className={"_2oc6 _3bvz"} helpText={"Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit."} label={"Campaign Spending Limit"} labelSize={"small"} optionalText={"(optional)"}>
|
|
<label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Campaign Spending Limit "}</label>
|
|
<AdsHelpLink63 x={239} />
|
|
<div className={"_3bv-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FlexibleBlock105 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 233) {
|
|
return <LeftRight21 x={232} />;
|
|
}
|
|
if (props.x === 236) {
|
|
return <LeftRight21 x={235} />;
|
|
}
|
|
if (props.x === 246) {
|
|
return <LeftRight21 x={245} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsBulkCampaignSpendCapField106 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 243) {
|
|
return (
|
|
<div className={"_33dv"}>
|
|
{""}
|
|
<Link2 x={242} />
|
|
{" (optional)"}
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 244) {
|
|
return <AdsBulkCampaignSpendCapField106 x={243} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsCardSection108 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 248) {
|
|
return <XUICardSection101 x={247} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditorCampaignGroupDetailsSection109 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 252) {
|
|
return <AdsCard95 x={251} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditorCampaignGroupDetailsSectionContainer110 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 253) {
|
|
return <AdsEditorCampaignGroupDetailsSection109 x={252} key={"campaignGroupDetailsSection98010048849317"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var _render111 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 254) {
|
|
return <AdsEditorCampaignGroupDetailsSectionContainer110 x={253} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 256) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var _render113 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 257) {
|
|
return <FluxContainer_AdsEditorToplineDetailsSectionContainer_112 x={256} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsStickyArea114 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 259) {
|
|
return (
|
|
<div inContainingBlock={true}>
|
|
<div ref={"sticky"} onWheel={function() {}}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 292) {
|
|
return (
|
|
<div inContainingBlock={true}>
|
|
<div ref={"sticky"} onWheel={function() {}}>
|
|
{[
|
|
<div key={"campaign_group_errors_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={291} />
|
|
</div>,
|
|
]}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsEditorColumnContainer_115 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 260) {
|
|
return (
|
|
<div>
|
|
{[
|
|
<div key={"campaign_group_name_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={226} />
|
|
</div>,
|
|
<div key={"campaign_group_basic_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={255} />
|
|
</div>,
|
|
<div key={"campaign_group_topline_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={258} />
|
|
</div>,
|
|
]}
|
|
<AdsStickyArea114 x={259} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 293) {
|
|
return (
|
|
<div>
|
|
{[
|
|
<div key={"campaign_group_navigation_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={287} />
|
|
</div>,
|
|
]}
|
|
<AdsStickyArea114 x={292} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var BUISwitch116 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 261) {
|
|
return (
|
|
<div data-hover={"tooltip"} data-tooltip-content={"Currently active. Click this switch to deactivate it."} data-tooltip-position={"below"} disabled={false} value={true} onToggle={function() {}} animate={true} className={"_128j _128k _128n"} role={"checkbox"} aria-checked={"true"}>
|
|
<div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"0"}>
|
|
<div className={"_128p"}></div>
|
|
</div>
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsStatusSwitchInternal117 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 262) {
|
|
return <BUISwitch116 x={261} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsStatusSwitch118 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 263) {
|
|
return <AdsStatusSwitchInternal117 x={262} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 264) {
|
|
return <AdsStatusSwitch118 x={263} key={"status98010048849317"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsLinksMenu120 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 275) {
|
|
return <ReactPopoverMenu20 x={274} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPluginizedLinksMenuContainer_121 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 276) {
|
|
return (
|
|
<div>
|
|
{null}
|
|
<AdsLinksMenu120 x={275} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsCardLeftRightHeader122 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 278) {
|
|
return <LeftRight21 x={277} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEIDSection123 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 282) {
|
|
return <AdsCard95 x={281} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 283) {
|
|
return <AdsPEIDSection123 x={282} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var DeferredComponent125 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 284) {
|
|
return <FluxContainer_AdsPECampaignGroupIDSectionContainer_124 x={283} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var BootloadedComponent126 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 285) {
|
|
return <DeferredComponent125 x={284} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var _render127 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 286) {
|
|
return <BootloadedComponent126 x={285} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditorErrorsCard128 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 288) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_FunctionalContainer_129 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 289) {
|
|
return <AdsEditorErrorsCard128 x={288} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var _render130 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 290) {
|
|
return <FluxContainer_FunctionalContainer_129 x={289} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditorMultiColumnLayout131 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 294) {
|
|
return (
|
|
<div className={"_psh"}>
|
|
<div className={"_3cc0"}>
|
|
<div>
|
|
<AdsEditorLoadingErrors90 x={215} key={".0"} />
|
|
<div className={"_3ms3"}>
|
|
<div className={"_3ms4"}>
|
|
<FluxContainer_AdsEditorColumnContainer_115 x={260} key={".1"} />
|
|
</div>
|
|
<div className={"_3pvg"}>
|
|
<FluxContainer_AdsEditorColumnContainer_115 x={293} key={".2"} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupEditor132 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 295) {
|
|
return (
|
|
<div>
|
|
<AdsPECampaignGroupHeaderSectionContainer89 x={214} />
|
|
<AdsEditorMultiColumnLayout131 x={294} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupEditorContainer133 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 296) {
|
|
return <AdsPECampaignGroupEditor132 x={295} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPESideTrayTabContent134 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 297) {
|
|
return (
|
|
<div className={"_1o_8 _44ra _5cyn"}>
|
|
<AdsPECampaignGroupEditorContainer133 x={296} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEEditorTrayTabContentContainer135 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 298) {
|
|
return <AdsPESideTrayTabContent134 x={297} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEMultiTabDrawer136 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 299) {
|
|
return (
|
|
<div className={"_2kev _2kex"}>
|
|
<div className={"_5yno"}>
|
|
<AdsPEEditorTrayTabButton83 x={197} key={"editor_tray_button"} />
|
|
<AdsPEInsightsTrayTabButton84 x={202} key={"insights_tray_button"} />
|
|
<AdsPENekoDebuggerTrayTabButton85 x={204} key={"neko_debugger_tray_button"} />
|
|
</div>
|
|
<div className={"_5ynn"}>
|
|
<AdsPEEditorTrayTabContentContainer135 x={298} key={"EDITOR_DRAWER"} />
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEMultiTabDrawerContainer_137 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 300) {
|
|
return <AdsPEMultiTabDrawer136 x={299} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPESimpleOrganizer138 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 309) {
|
|
return (
|
|
<div className={"_tm2"}>
|
|
<XUIButton4 x={304} />
|
|
<XUIButton4 x={306} />
|
|
<XUIButton4 x={308} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEOrganizerContainer139 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 310) {
|
|
return (
|
|
<div>
|
|
<AdsPESimpleOrganizer138 x={309} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableColumnResizeHandle140 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 313) {
|
|
return (
|
|
<div className={"_3487 _3488 _3489"} style={{"width":0,"height":25,"left":0}}>
|
|
<div className={"_348a"} style={{"height":25}}></div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPETableHeader141 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 315) {
|
|
return (
|
|
<div className={"_1cig _1ksv _1vd7 _4h2r"} id={undefined}>
|
|
<ReactImage0 x={314} />
|
|
<span className={"_1cid"}>{"Campaigns"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 320) {
|
|
return (
|
|
<div className={"_1cig _1vd7 _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Performance"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 323) {
|
|
return (
|
|
<div className={"_1cig _1vd7 _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Overview"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 326) {
|
|
return (
|
|
<div className={"_1cig _1vd7 _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Toplines"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 329) {
|
|
return <div className={"_1cig _1vd7 _4h2r"} id={undefined}></div>;
|
|
}
|
|
if (props.x === 340) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Campaign Name"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 346) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined} data-tooltip-content={"Changed"} data-hover={"tooltip"}>
|
|
<ReactImage0 x={345} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 352) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={"ads_pe_table_error_header"} data-tooltip-content={"Errors"} data-hover={"tooltip"}>
|
|
<ReactImage0 x={351} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 357) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Status"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 362) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Delivery"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 369) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Results"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 374) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Cost"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 379) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Reach"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 384) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Impressions"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 389) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Clicks"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 394) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Avg. CPM"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 399) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Avg. CPC"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 404) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"CTR %"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 409) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Spent"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 414) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Objective"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 419) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Buying Type"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 424) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Campaign ID"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 429) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Start"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 434) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"End"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 439) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Date created"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 444) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Date last edited"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 449) {
|
|
return (
|
|
<div className={"_1cig _25fg _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Tags"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 452) {
|
|
return <div className={"_1cig _25fg _4h2r"} id={undefined}></div>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var TransitionCell142 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 316) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Campaigns"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={721} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":721}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={315} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 321) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Performance"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={798} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":798}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={320} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 324) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Overview"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={1022} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":1022}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={323} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 327) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Toplines"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={326} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 330) {
|
|
return (
|
|
<div isHeaderCell={true} label={""} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={329} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 338) {
|
|
return (
|
|
<div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<XUICheckboxInput60 x={337} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 343) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Campaign Name"} width={400} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":400}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={342} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 349) {
|
|
return (
|
|
<div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={348} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 355) {
|
|
return (
|
|
<div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={354} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 360) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Status"} width={60} dataKey={"campaignGroup.status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.status"} height={25} style={{"height":25,"width":60}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={359} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 365) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"derivedCampaignGroup.activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.activity_status"} height={25} style={{"height":25,"width":150}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={364} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 372) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={371} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 377) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={376} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 382) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Reach"} width={80} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":80}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={381} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 387) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={386} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 392) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={391} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 397) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={396} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 402) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={401} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 407) {
|
|
return (
|
|
<div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={406} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 412) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Spent"} width={70} dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.spent_100"} height={25} style={{"height":25,"width":70}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={411} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 417) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Objective"} width={200} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":200}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={416} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 422) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Buying Type"} width={100} dataKey={"campaignGroup.buying_type"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.buying_type"} height={25} style={{"height":25,"width":100}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={421} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 427) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Campaign ID"} width={120} dataKey={"campaignGroup.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.id"} height={25} style={{"height":25,"width":120}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={426} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 432) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaignGroup.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.startDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={431} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 437) {
|
|
return (
|
|
<div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaignGroup.stopDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.stopDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={436} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 442) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Date created"} width={113} dataKey={"derivedCampaignGroup.createdDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.createdDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={441} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 447) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"derivedCampaignGroup.updatedDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.updatedDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={446} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 450) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Tags"} width={150} dataKey={"labels"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"labels"} height={25} style={{"height":25,"width":150}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={449} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 453) {
|
|
return (
|
|
<div isHeaderCell={true} label={""} width={25} dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"scrollbar_spacer"} height={25} style={{"height":25,"width":25}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={452} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableCell143 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 317) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":721,"left":0}}>
|
|
{undefined}
|
|
<TransitionCell142 x={316} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 322) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":798,"left":0}}>
|
|
{undefined}
|
|
<TransitionCell142 x={321} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 325) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":1022,"left":798}}>
|
|
{undefined}
|
|
<TransitionCell142 x={324} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 328) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":1820}}>
|
|
{undefined}
|
|
<TransitionCell142 x={327} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 331) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":1820}}>
|
|
{undefined}
|
|
<TransitionCell142 x={330} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 339) {
|
|
return (
|
|
<div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
|
|
{undefined}
|
|
<TransitionCell142 x={338} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 344) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":400,"left":42}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={343} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 350) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":442}}>
|
|
{undefined}
|
|
<TransitionCell142 x={349} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 356) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":475}}>
|
|
{undefined}
|
|
<TransitionCell142 x={355} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 361) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":511}}>
|
|
{undefined}
|
|
<TransitionCell142 x={360} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 366) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":571}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={365} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 373) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":0}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={372} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 378) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":140}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={377} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 383) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":280}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={382} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 388) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":360}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={387} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 393) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":440}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={392} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 398) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":500}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={397} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 403) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":580}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={402} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 408) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":658}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={407} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 413) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":728}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={412} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 418) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":798}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={417} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 423) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":998}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={422} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 428) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1098}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={427} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 433) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1218}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={432} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 438) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1331}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={437} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 443) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1444}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={442} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 448) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1557}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={447} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 451) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":1670}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={450} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 454) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":1820}}>
|
|
{undefined}
|
|
<TransitionCell142 x={453} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableCellGroupImpl144 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 318) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":40,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={317} key={"cell_0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 332) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":40,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={322} key={"cell_0"} />
|
|
<FixedDataTableCell143 x={325} key={"cell_1"} />
|
|
<FixedDataTableCell143 x={328} key={"cell_2"} />
|
|
<FixedDataTableCell143 x={331} key={"cell_3"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 367) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":25,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={339} key={"cell_0"} />
|
|
<FixedDataTableCell143 x={344} key={"cell_1"} />
|
|
<FixedDataTableCell143 x={350} key={"cell_2"} />
|
|
<FixedDataTableCell143 x={356} key={"cell_3"} />
|
|
<FixedDataTableCell143 x={361} key={"cell_4"} />
|
|
<FixedDataTableCell143 x={366} key={"cell_5"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 455) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":25,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={373} key={"cell_0"} />
|
|
<FixedDataTableCell143 x={378} key={"cell_1"} />
|
|
<FixedDataTableCell143 x={383} key={"cell_2"} />
|
|
<FixedDataTableCell143 x={388} key={"cell_3"} />
|
|
<FixedDataTableCell143 x={393} key={"cell_4"} />
|
|
<FixedDataTableCell143 x={398} key={"cell_5"} />
|
|
<FixedDataTableCell143 x={403} key={"cell_6"} />
|
|
<FixedDataTableCell143 x={408} key={"cell_7"} />
|
|
<FixedDataTableCell143 x={413} key={"cell_8"} />
|
|
<FixedDataTableCell143 x={418} key={"cell_9"} />
|
|
<FixedDataTableCell143 x={423} key={"cell_10"} />
|
|
<FixedDataTableCell143 x={428} key={"cell_11"} />
|
|
<FixedDataTableCell143 x={433} key={"cell_12"} />
|
|
<FixedDataTableCell143 x={438} key={"cell_13"} />
|
|
<FixedDataTableCell143 x={443} key={"cell_14"} />
|
|
<FixedDataTableCell143 x={448} key={"cell_15"} />
|
|
<FixedDataTableCell143 x={451} key={"cell_16"} />
|
|
<FixedDataTableCell143 x={454} key={"cell_17"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableCellGroup145 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 319) {
|
|
return (
|
|
<div style={{"height":40,"left":0}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={318} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 333) {
|
|
return (
|
|
<div style={{"height":40,"left":721}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={332} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 368) {
|
|
return (
|
|
<div style={{"height":25,"left":0}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={367} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 456) {
|
|
return (
|
|
<div style={{"height":25,"left":721}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={455} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableRowImpl146 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 334) {
|
|
return (
|
|
<div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":40}}>
|
|
<div className={"_1gd5"}>
|
|
<FixedDataTableCellGroup145 x={319} key={"fixed_cells"} />
|
|
<FixedDataTableCellGroup145 x={333} key={"scrollable_cells"} />
|
|
<div className={"_1gd6 _1gd8"} style={{"left":721,"height":40}}></div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 457) {
|
|
return (
|
|
<div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":25}}>
|
|
<div className={"_1gd5"}>
|
|
<FixedDataTableCellGroup145 x={368} key={"fixed_cells"} />
|
|
<FixedDataTableCellGroup145 x={456} key={"scrollable_cells"} />
|
|
<div className={"_1gd6 _1gd8"} style={{"left":721,"height":25}}></div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableRow147 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 335) {
|
|
return (
|
|
<div style={{"width":1209,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
|
|
<FixedDataTableRowImpl146 x={334} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 458) {
|
|
return (
|
|
<div style={{"width":1209,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
|
|
<FixedDataTableRowImpl146 x={457} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableAbstractSortableHeader148 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 341) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={340} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 347) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={346} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 353) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={352} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 358) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={357} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 363) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _54_9 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={362} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 370) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={369} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 375) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={374} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 380) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={379} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 385) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={384} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 390) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={389} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 395) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={394} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 400) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={399} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 405) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={404} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 410) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={409} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 415) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={414} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 420) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={419} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 425) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={424} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 430) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={429} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 435) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={434} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 440) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={439} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 445) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={444} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableSortableHeader149 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 342) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={341} />;
|
|
}
|
|
if (props.x === 348) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={347} />;
|
|
}
|
|
if (props.x === 354) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={353} />;
|
|
}
|
|
if (props.x === 359) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={358} />;
|
|
}
|
|
if (props.x === 364) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={363} />;
|
|
}
|
|
if (props.x === 371) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={370} />;
|
|
}
|
|
if (props.x === 376) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={375} />;
|
|
}
|
|
if (props.x === 381) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={380} />;
|
|
}
|
|
if (props.x === 386) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={385} />;
|
|
}
|
|
if (props.x === 391) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={390} />;
|
|
}
|
|
if (props.x === 396) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={395} />;
|
|
}
|
|
if (props.x === 401) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={400} />;
|
|
}
|
|
if (props.x === 406) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={405} />;
|
|
}
|
|
if (props.x === 411) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={410} />;
|
|
}
|
|
if (props.x === 416) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={415} />;
|
|
}
|
|
if (props.x === 421) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={420} />;
|
|
}
|
|
if (props.x === 426) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={425} />;
|
|
}
|
|
if (props.x === 431) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={430} />;
|
|
}
|
|
if (props.x === 436) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={435} />;
|
|
}
|
|
if (props.x === 441) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={440} />;
|
|
}
|
|
if (props.x === 446) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={445} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTableBufferedRows150 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 459) {
|
|
return <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}></div>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var Scrollbar151 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 460) {
|
|
return null;
|
|
}
|
|
if (props.x === 461) {
|
|
return (
|
|
<div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1209,"zIndex":99}} tabIndex={0}>
|
|
<div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":561.6340607950117,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var HorizontalScrollbar152 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 462) {
|
|
return (
|
|
<div className={"_3h1k _3h1m"} style={{"height":15,"width":1209}}>
|
|
<div style={{"height":15,"position":"absolute","overflow":"hidden","width":1209,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<Scrollbar151 x={461} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FixedDataTable153 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 463) {
|
|
return (
|
|
<div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":25,"width":1209}}>
|
|
<div className={"_3h1j"} style={{"height":8,"width":1209}}>
|
|
<FixedDataTableColumnResizeHandle140 x={313} />
|
|
<FixedDataTableRow147 x={335} key={"group_header"} />
|
|
<FixedDataTableRow147 x={458} key={"header"} />
|
|
<FixedDataTableBufferedRows150 x={459} />
|
|
{null}
|
|
{undefined}
|
|
<div className={"_3h1e _3h1h"} style={{"top":8}}></div>
|
|
</div>
|
|
<Scrollbar151 x={460} />
|
|
<HorizontalScrollbar152 x={462} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var TransitionTable154 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 464) {
|
|
return <FixedDataTable153 x={463} ref={"fixedDataTable"} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsSelectableFixedDataTable155 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 465) {
|
|
return (
|
|
<div className={"_5hht"}>
|
|
<TransitionTable154 x={464} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsDataTableKeyboardSupportDecorator156 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 466) {
|
|
return (
|
|
<div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>
|
|
<AdsSelectableFixedDataTable155 x={465} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsEditableDataTableDecorator157 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 467) {
|
|
return (
|
|
<div onCopy={function() {}}>
|
|
<AdsDataTableKeyboardSupportDecorator156 x={466} ref={"decoratedTable"} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEDataTableContainer158 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 468) {
|
|
return (
|
|
<div className={"_35l_ _1hr clearfix"}>
|
|
{null}
|
|
{null}
|
|
{null}
|
|
<AdsEditableDataTableDecorator157 x={467} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECampaignGroupTableContainer159 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 470) {
|
|
return <ResponsiveBlock37 x={469} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEManageAdsPaneContainer160 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 473) {
|
|
return (
|
|
<div>
|
|
<AdsErrorBoundary10 x={65} />
|
|
<div className={"_2uty"}>
|
|
<AdsErrorBoundary10 x={125} />
|
|
</div>
|
|
<div className={"_2utx _21oc"}>
|
|
<AdsErrorBoundary10 x={171} />
|
|
<div className={"_41tu"}>
|
|
<AdsErrorBoundary10 x={176} />
|
|
<AdsErrorBoundary10 x={194} />
|
|
</div>
|
|
</div>
|
|
<div className={"_2utz"} style={{"height":25}}>
|
|
<AdsErrorBoundary10 x={302} />
|
|
<div className={"_2ut-"}>
|
|
<AdsErrorBoundary10 x={312} />
|
|
</div>
|
|
<div className={"_2ut_"}>
|
|
<AdsErrorBoundary10 x={472} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEContentContainer161 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 474) {
|
|
return <AdsPEManageAdsPaneContainer160 x={473} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEWorkspaceContainer_162 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 477) {
|
|
return (
|
|
<div className={"_49wu"} style={{"height":177,"top":43,"width":1306}}>
|
|
<ResponsiveBlock37 x={62} />
|
|
<AdsErrorBoundary10 x={476} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsSessionExpiredDialogContainer_163 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 478) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEUploadDialogLazyContainer_164 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 479) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_DialogContainer_165 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 480) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsBugReportContainer166 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 481) {
|
|
return <span></span>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEAudienceSplittingDialog167 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 482) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEAudienceSplittingDialogContainer168 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 483) {
|
|
return (
|
|
<div>
|
|
<AdsPEAudienceSplittingDialog167 x={482} />
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsRuleDialogBootloadContainer_169 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 484) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPECFTrayContainer_170 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 485) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEDeleteDraftContainer_171 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 486) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 487) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 488) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 489) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPECreateDialogContainer175 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 490) {
|
|
return <span></span>;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPEModalStatusContainer_176 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 491) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 492) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPESortByErrorTipContainer_178 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 493) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var LeadDownloadDialogSelector179 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 494) {
|
|
return null;
|
|
}
|
|
},
|
|
});
|
|
|
|
var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 495) {
|
|
return <LeadDownloadDialogSelector179 x={494} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
var AdsPEContainer181 = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === 496) {
|
|
return (
|
|
<div id={"ads_pe_container"}>
|
|
<FluxContainer_AdsPETopNavContainer_26 x={41} />
|
|
{null}
|
|
<FluxContainer_AdsPEWorkspaceContainer_162 x={477} />
|
|
<FluxContainer_AdsSessionExpiredDialogContainer_163 x={478} />
|
|
<FluxContainer_AdsPEUploadDialogLazyContainer_164 x={479} />
|
|
<FluxContainer_DialogContainer_165 x={480} />
|
|
<AdsBugReportContainer166 x={481} />
|
|
<AdsPEAudienceSplittingDialogContainer168 x={483} />
|
|
<FluxContainer_AdsRuleDialogBootloadContainer_169 x={484} />
|
|
<FluxContainer_AdsPECFTrayContainer_170 x={485} />
|
|
<span>
|
|
<FluxContainer_AdsPEDeleteDraftContainer_171 x={486} />
|
|
<FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 x={487} />
|
|
<FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 x={488} />
|
|
</span>
|
|
<FluxContainer_AdsPEPurgeArchiveDialogContainer_174 x={489} />
|
|
<AdsPECreateDialogContainer175 x={490} />
|
|
<FluxContainer_AdsPEModalStatusContainer_176 x={491} />
|
|
<FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 x={492} />
|
|
<FluxContainer_AdsPESortByErrorTipContainer_178 x={493} />
|
|
<FluxContainer_AdsPELeadDownloadDialogContainerClass_180 x={495} />
|
|
<div id={"web_ads_guidance_tips"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
var Benchmark = React.createClass({
|
|
render: function() {
|
|
var props = this.props;
|
|
if (props.x === undefined) {
|
|
return <AdsPEContainer181 x={496} />;
|
|
}
|
|
},
|
|
});
|
|
|
|
this.Benchmark = Benchmark;
|
|
|
|
})(this);
|