SHARE
TWEET

Untitled

a guest Sep 16th, 2019 101 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  <div className="col middleHeader">
  2.                     <h1> {getText(0)} setup </h1>
  3.                     <div className="row">
  4.                         <div className="col">
  5.                             <button className="btnWindowInfoLarge text-left marginFlushBtn"
  6.                                     onClick={() => this.changeToChooseDeliveryPoint(this.props.fs_FlushDeliveryPoint, "/FlushPipesChooseDeliveryPoint")}>
  7.                                 {getText(10)}
  8.                             </button>
  9.                         </div>
  10.                         <div className="col marginOverlay">
  11.                             <p className="backgroundParagrafs infoParagrafsLarge">{this.state.chosenDeliveryPoint}</p>
  12.                         </div>
  13.                     </div>
  14.  
  15.                     <div className="row">
  16.                         <div className="col">
  17.                             <button className="btnWindowInfoLarge text-left marginFlushBtn"
  18.                                     onClick={() => this.goToExpandedTankroom("/ExpandedTankrooms", 'fulshTankroom', this.props.fs_FromTankroomChosenTankroom)}>
  19.                                 {getText(11)}
  20.                             </button>
  21.                         </div>
  22.                         <div className="col marginOverlay">
  23.                             <p className="backgroundParagrafs infoParagrafsLarge"> {this.tankrumText(this.props.fs_FromTankroomChosenTankroom, this.props.fs_ProductType)}</p>
  24.                         </div>
  25.                     </div>
  26.  
  27.  
  28.                     <div className="distanceRow row">
  29.                         {this.internOrDeliverypoint()}
  30.  
  31.                         <div className="bg-transparent border col-2 rounded" style={{backgroundColor: "grey", margin: 0, padding: 0}}>
  32.                             <div className="rounded-top col-12" style={{backgroundColor: (bannerColorLeft(this.state.meterProductType, 'LOAD_BAR')), margin: 0, padding: 0}}>
  33.                                 {this.state.meterProductType} {getText(13)} {this.props.fs_MeterChosenTankroom}
  34.                             </div>
  35.                             <div className="progress progress-bar-vertical" style={{margin: 0, padding: 0}}>
  36.                                 <div className="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{height: (varNum/maxNum)*100 + "%"}}>
  37.                                     <span className="sr-only">Complete</span>
  38.                                 </div>
  39.                             </div>
  40.                             <div className="rounded-bottom" style={{backgroundColor: "grey", margin: 0, padding: 0, textAlign: "center"}}>
  41.                                 {getText(15)}
  42.                             </div>
  43.                             <button className="btnStyleMedium btnLightGrey"
  44.                                     onClick={() => this.goToExpandedTankroom("/ExpandedTankrooms", 'Meter', this.props.fs_MeterChosenTankroom)}>
  45.                                 {getText(17)}
  46.                             </button>
  47.                         </div>
  48.  
  49.                         <div className={"bg-transparent border col-2 rounded"} style={{backgroundColor: "grey", margin: 0, padding: 0}}>
  50.                             <div className="rounded-top col-12" style={{backgroundColor: (bannerColorLeft(this.state.pipesProductType, 'LOAD_BAR')), margin: 0, padding: 0}}>
  51.                                 {this.state.pipesProductType} {getText(13)} {this.props.fs_PipeChosenTankroom}
  52.                             </div>
  53.                             <div className="progress progress-bar-vertical" style={{margin: 0, padding: 0}}>
  54.                                 <div className="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{height: (varNum/maxNum)*100 + "%"}}>
  55.                                     <span className="sr-only">Complete</span>
  56.                                 </div>
  57.                             </div>
  58.                             <div className="rounded-bottom" style={{backgroundColor: "grey", margin: 0, padding: 0, textAlign: "center"}}>
  59.                                 {getText(16)}
  60.                             </div>
  61.                             <button className="btnStyleMedium btnLightGrey"
  62.                                     onClick={() => this.goToExpandedTankroom("/ExpandedTankrooms", 'Pipes', this.props.fs_PipeChosenTankroom)}>
  63.                                 {getText(17)}
  64.                             </button>
  65.                         </div>
  66.                     </div>
  67.                  </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top