Guest User

Untitled

a guest
Apr 26th, 2019
59
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <IonApp>
  2. <IonSplitPane contentId="main">
  3. <IonMenu contentId="main">
  4. <IonHeader>
  5. <IonToolbar>
  6. <IonTitle>Rooms</IonTitle>
  7. </IonToolbar>
  8. </IonHeader>
  9. <IonContent>
  10. <IonList>
  11. <IonItem
  12. button={true}
  13. lines="full"
  14. color="dark">
  15. <IonLabel>Room1</IonLabel>
  16. </IonItem>
  17. </IonList>
  18. </IonContent>
  19. </IonMenu>
  20.  
  21. <IonPage id="main">
  22. <IonHeader>
  23. <IonToolbar color="primary">
  24. <IonButtons slot="start">
  25. <IonMenuButton />
  26. </IonButtons>
  27. <IonTitle>R-chat</IonTitle>
  28. <IonButtons slot="end">
  29. <IonButton icon-only onClick={this.presentPopover}>
  30. <IonIcon slot="icon-only" name="more" />
  31. </IonButton>
  32. </IonButtons>
  33. </IonToolbar>
  34. </IonHeader>
  35.  
  36. <IonContent>
  37. <IonGrid style={{ height: "100%" }}>
  38. <IonRow
  39. className="ion-justify-content-center ion-align-items-center"
  40. style={{ height: "100%" }}
  41. >
  42. <div>
  43. <IonButton
  44. color="tertiary"
  45. >
  46. Login Here
  47. </IonButton>
  48. </div>
  49. </IonRow>
  50. </IonGrid>
  51. </IonContent>
  52.  
  53. <IonFooter>
  54. <IonToolbar color="dark">
  55. <IonTextarea rows="1" placeholder="Type a message" />
  56. </IonToolbar>
  57. </IonFooter>
  58. </IonPage>
  59. </IonSplitPane>
  60. <IonAlert
  61. isOpen={this.state.showAlert}
  62. backdropDismiss={false}
  63. header={"Username"}
  64. inputs={[
  65. {
  66. name: "username",
  67. type: "text",
  68. placeholder: "Enter a Username"
  69. }
  70. ]}
  71. />
  72. </IonApp>
RAW Paste Data