API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 15th, 2019
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 23.58 KB | None | 0 0
raw download clone embed print report
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SurgeriesDashboard.aspx.cs" Inherits="SurgeriesDashboard" MasterPageFile="~/MasterPageWithBS.master" %>
  2.  
  3. <asp:Content ContentPlaceHolderID="head" runat="server">
  4.     <style>
  5.         body {
  6.             direction:rtl;
  7.             color: #9e9e9e;
  8.             font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  9.         }
  10.         .dim {
  11.             color: #aeaeae;
  12.         }
  13.         .datetime {
  14.             width: 10%;
  15.             height: 100%;
  16.             background-color: white;
  17.             position: fixed;
  18.             top: 0;
  19.             right: 0;
  20.         }
  21.         .datetime-time,
  22.         .clock {
  23.             text-align: center;
  24.             font-size: 2rem;
  25.         }
  26.  
  27.         .clock {
  28.             font-weight: bold;
  29.         }
  30.  
  31.         .content {
  32.             display: flex;
  33.             flex: 1;
  34.             width: 90%;
  35.             height: 100%;
  36.             position: absolute;
  37.             top: 0;
  38.             left: 0;
  39.             padding: 1rem;
  40.         }
  41.  
  42.         .room {
  43.             flex: 1;
  44.             min-width: 20%;
  45.             display: flex;
  46.             flex-direction: column;
  47.         }
  48.  
  49.         .room-name {
  50.             display: inline-block;
  51.             width: fit-content;
  52.             margin-bottom: 0.5rem;
  53.         }
  54.  
  55.         .details {
  56.             flex: 1;
  57.             padding: 0.5rem;
  58.             margin: 1rem;
  59.             margin-right: 0;
  60.             border: 1px solid gray;
  61.             background-color: white;
  62.             max-height: 27%;
  63.             min-height: 27%;
  64.             -webkit-box-shadow: -7px 6px 5px -5px rgba(189, 189, 189, 1);
  65.             -moz-box-shadow: -7px 6px 5px -5px rgba(189, 189, 189, 1);
  66.             box-shadow: -7px 6px 5px -5px rgba(189, 189, 189, 1);
  67.             position: relative;
  68.         }
  69.  
  70.         .room-name, .details {
  71.             font-size: 10px;
  72.         }
  73.  
  74.         .d-flex>* {
  75.             flex: 1;
  76.         }
  77.  
  78.         .d-flex>i {
  79.             flex: 0;
  80.         }
  81.  
  82.         .name {
  83.             font-size: 1.5em;
  84.             font-weight: bold;
  85.         }
  86.  
  87.         .start-cap,
  88.         .start {
  89.             flex-grow: 1.5;
  90.         }
  91.  
  92.         .text-center>* {
  93.             text-align: center;
  94.         }
  95.  
  96.         .big>* {
  97.             font-size: 1.25em;
  98.             font-weight: bold;
  99.         }
  100.  
  101.         .details::after {
  102.             content: '';
  103.             height: 5px;
  104.             width: 100%;
  105.             position: absolute;
  106.             bottom: 0;
  107.             left: 0;
  108.         }
  109.  
  110.         .primary::after, .primary::before {
  111.             background-color: rgb(115, 182, 248);
  112.         }
  113.  
  114.         .success::after, .success::before {
  115.             background-color: rgb(96, 203, 163);
  116.         }
  117.  
  118.         .idle::after, .idle::before {
  119.             background-color: rgb(215, 215, 215);
  120.         }
  121.         .warn::after, .warn::before {
  122.             background-color: #f8cc68;
  123.         }
  124.         .error::after, .error::before {
  125.             background-color: #fa8a8a;
  126.         }
  127.         .details::before {
  128.             font-family: "Font Awesome 5 Free";
  129.             position: absolute;
  130.             bottom: 0;
  131.             left: 0;
  132.             padding: inherit;
  133.             font-size: 2em;
  134.             color:white;
  135.             display: inline-block;
  136.             font-weight: 900;
  137.         }
  138.         .primary::before {
  139.             content: "\f4fc";
  140.         }
  141.         .success::before {
  142.             content: "\f00c";
  143.         }
  144.         .idle::before {
  145.             content: "";
  146.             display: none;
  147.         }
  148.         .warn::before {
  149.             content: "\f071";
  150.         }
  151.         .error::before {
  152.             content: "\f071";
  153.         }
  154.         .ready,.ok,.warning,.err {
  155.             font-size: 1.25em;
  156.         }
  157.         .ready {
  158.             color: rgb(115, 182, 248);
  159.         }
  160.         .ok {
  161.             color: rgb(96, 203, 163);
  162.         }
  163.         .warning {
  164.             color: #f8cc68;
  165.         }
  166.         .err {
  167.             color: #fa8a8a;
  168.         }
  169.         .ready::before, .ok::before {
  170.             font-family: "Font Awesome 5 Free";
  171.             content: "\f00c ";
  172.             display: inline-block;
  173.             padding-right: 3px;
  174.             vertical-align: middle;
  175.             font-weight: 900;
  176.             padding-left: 3px;
  177.         }
  178.         .warning::before, .err::before {
  179.             font-family: "Font Awesome 5 Free";
  180.             content: "\f071 ";
  181.             display: inline-block;
  182.             padding-right: 3px;
  183.             vertical-align: middle;
  184.             font-weight: 900;
  185.             padding-left: 3px;
  186.         }
  187.     </style>
  188. </asp:Content>
  189. <asp:Content ContentPlaceHolderID="cp1" runat="server">
  190.     <div class="datetime">
  191.         <div class="datetime-date py-5 pl-3"></div>
  192.         <div class="clock"><i class="far fa-clock"></i></div>
  193.         <div class="datetime-time"></div>
  194.     </div>
  195.     <div class="content">
  196.         <div class="room">
  197.             <div class="room-name">חדר ניתוח 1 </div>
  198.             <div class="details primary">
  199.                 <div class="subject">החלפת ירך</div>
  200.                 <div class="name">ישראל ק</div>
  201.                 <div class="status ready">בהכנה</div>
  202.                 <div class="d-flex text-center dim">
  203.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  204.                     <div class="enter-cap">כניסה לניתוח</div>
  205.                     <div class="end-cap">סיום משוער</div>
  206.                 </div>
  207.                 <div class="d-flex text-center big">
  208.                     <div class="start">08:00</div>
  209.                     <div class="enter dim">________</div>
  210.                     <div class="end">12:30</div>
  211.                 </div>
  212.                 <div class="related d-flex">
  213.                     <i class="fa fa-stethoscope px-2 h3"></i>
  214.                     <div>
  215.                         מנתח:<b>ד"ר כץ</b><br>
  216.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  217.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  218.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  219.                         סניטר:<b>משה ישראלי</b><br>
  220.                     </div>
  221.                 </div>
  222.             </div>
  223.             <div class="details success">
  224.                     <div class="subject">החלפת ירך</div>
  225.                     <div class="name">נטלי ר</div>
  226.                     <div class="status ok">הגיע</div>
  227.                     <div class="d-flex text-center dim">
  228.                         <div class="start-cap">שעת ניתוח מתוכננת</div>
  229.                         <div class="enter-cap">כניסה לניתוח</div>
  230.                         <div class="end-cap">סיום משוער</div>
  231.                     </div>
  232.                     <div class="d-flex text-center big">
  233.                         <div class="start">13:30</div>
  234.                         <div class="enter dim">________</div>
  235.                         <div class="16:00">12:30</div>
  236.                     </div>
  237.                     <div class="related d-flex">
  238.                         <i class="fa fa-stethoscope px-2 h3"></i>
  239.                         <div>
  240.                             מנתח:<b>ד"ר כץ</b><br>
  241.                             עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  242.                             מרדים:<b>ד"ר כהן מיכאל</b><br>
  243.                             אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  244.                             סניטר:<b>משה ישראלי</b><br>
  245.                         </div>
  246.                     </div>
  247.                 </div><div class="details idle">
  248.                         <div class="subject">החלפת ירך</div>
  249.                         <div class="name">ישראל ק</div>
  250.                         <div class="status"></div>
  251.                         <div class="d-flex text-center dim">
  252.                             <div class="start-cap">שעת ניתוח מתוכננת</div>
  253.                             <div class="enter-cap">כניסה לניתוח</div>
  254.                             <div class="end-cap">סיום משוער</div>
  255.                         </div>
  256.                         <div class="d-flex text-center big">
  257.                             <div class="start">08:00</div>
  258.                             <div class="enter dim">________</div>
  259.                             <div class="end">12:30</div>
  260.                         </div>
  261.                         <div class="related d-flex">
  262.                             <i class="fa fa-stethoscope px-2 h3"></i>
  263.                             <div>
  264.                                 מנתח:<b>ד"ר כץ</b><br>
  265.                                 עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  266.                                 מרדים:<b>ד"ר כהן מיכאל</b><br>
  267.                                 אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  268.                                 סניטר:<b>משה ישראלי</b><br>
  269.                             </div>
  270.                         </div>
  271.                     </div>
  272.         </div>
  273.         <div class="room">
  274.             <div class="room-name">חדר ניתוח 2 </div>
  275.             <div class="details primary">
  276.                 <div class="subject">החלפת ירך</div>
  277.                 <div class="name">בני א</div>
  278.                 <div class="status ready">בניתוח</div>
  279.                 <div class="d-flex text-center dim">
  280.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  281.                     <div class="enter-cap">כניסה לניתוח</div>
  282.                     <div class="end-cap">סיום משוער</div>
  283.                 </div>
  284.                 <div class="d-flex text-center big">
  285.                     <div class="start">08:00</div>
  286.                     <div class="enter">08:05</div>
  287.                     <div class="end">12:30</div>
  288.                 </div>
  289.                 <div class="related d-flex">
  290.                     <i class="fa fa-stethoscope px-2 h3"></i>
  291.                     <div>
  292.                         מנתח:<b>ד"ר כץ</b><br>
  293.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  294.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  295.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  296.                         סניטר:<b>משה ישראלי</b><br>
  297.                     </div>
  298.                 </div>
  299.             </div>
  300.             <div class="details warn">
  301.                 <div class="subject">החלפת ירך</div>
  302.                 <div class="name">ישראל ק</div>
  303.                 <div class="status ok">ממתין לקבלה אדמניסטרטיבית</div>
  304.                 <div class="d-flex text-center dim">
  305.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  306.                     <div class="enter-cap">כניסה לניתוח</div>
  307.                     <div class="end-cap">סיום משוער</div>
  308.                 </div>
  309.                 <div class="d-flex text-center big">
  310.                     <div class="start">08:00</div>
  311.                     <div class="enter dim">________</div>
  312.                     <div class="end">12:30</div>
  313.                 </div>
  314.                 <div class="related d-flex">
  315.                     <i class="fa fa-stethoscope px-2 h3"></i>
  316.                     <div>
  317.                         מנתח:<b>ד"ר כץ</b><br>
  318.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  319.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  320.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  321.                         סניטר:<b>משה ישראלי</b><br>
  322.                     </div>
  323.                 </div>
  324.             </div>
  325.             <div class="details idle">
  326.                 <div class="subject">החלפת ירך</div>
  327.                 <div class="name">דני ב</div>
  328.                 <div class="status"></div>
  329.                 <div class="d-flex text-center dim">
  330.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  331.                     <div class="enter-cap">כניסה לניתוח</div>
  332.                     <div class="end-cap">סיום משוער</div>
  333.                 </div>
  334.                 <div class="d-flex text-center big">
  335.                     <div class="start">08:00</div>
  336.                     <div class="enter dim">________</div>
  337.                     <div class="end">12:30</div>
  338.                 </div>
  339.                 <div class="related d-flex">
  340.                     <i class="fa fa-stethoscope px-2 h3"></i>
  341.                     <div>
  342.                         מנתח:<b>ד"ר כץ</b><br>
  343.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  344.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  345.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  346.                         סניטר:<b>משה ישראלי</b><br>
  347.                     </div>
  348.                 </div>
  349.             </div>
  350.         </div>
  351.         <div class="room">
  352.             <div class="room-name">חדר ניתוח 3</div>
  353.             <div class="details success">
  354.                 <div class="subject">החלפת ירך</div>
  355.                 <div class="name">בני ק</div>
  356.                 <div class="status ok">ממתין לקבלה אדמניסטרטיבית</div>
  357.                 <div class="d-flex text-center dim">
  358.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  359.                     <div class="enter-cap">כניסה לניתוח</div>
  360.                     <div class="end-cap">סיום משוער</div>
  361.                 </div>
  362.                 <div class="d-flex text-center big">
  363.                     <div class="start">08:00</div>
  364.                     <div class="enter dim">________</div>
  365.                     <div class="end">12:30</div>
  366.                 </div>
  367.                 <div class="related d-flex">
  368.                     <i class="fa fa-stethoscope px-2 h3"></i>
  369.                     <div>
  370.                         מנתח:<b>ד"ר כץ</b><br>
  371.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  372.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  373.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  374.                         סניטר:<b>משה ישראלי</b><br>
  375.                     </div>
  376.                 </div>
  377.             </div>
  378.             <div class="details idle">
  379.                 <div class="subject">החלפת ירך</div>
  380.                 <div class="name">ישראל ק</div>
  381.                 <div class="status warning">לא הגיע</div>
  382.                 <div class="d-flex text-center dim">
  383.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  384.                     <div class="enter-cap">כניסה לניתוח</div>
  385.                     <div class="end-cap">סיום משוער</div>
  386.                 </div>
  387.                 <div class="d-flex text-center big">
  388.                     <div class="start">08:00</div>
  389.                     <div class="enter dim">________</div>
  390.                     <div class="end">12:30</div>
  391.                 </div>
  392.                 <div class="related d-flex">
  393.                     <i class="fa fa-stethoscope px-2 h3"></i>
  394.                     <div>
  395.                         מנתח:<b>ד"ר כץ</b><br>
  396.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  397.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  398.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  399.                         סניטר:<b>משה ישראלי</b><br>
  400.                     </div>
  401.                 </div>
  402.             </div>
  403.             <div class="details idle">
  404.                 <div class="subject">החלפת ירך</div>
  405.                 <div class="name">ישראל ק</div>
  406.                 <div class="status"></div>
  407.                 <div class="d-flex text-center dim">
  408.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  409.                     <div class="enter-cap">כניסה לניתוח</div>
  410.                     <div class="end-cap">סיום משוער</div>
  411.                 </div>
  412.                 <div class="d-flex text-center big">
  413.                     <div class="start">08:00</div>
  414.                     <div class="enter dim">________</div>
  415.                     <div class="end">12:30</div>
  416.                 </div>
  417.                 <div class="related d-flex">
  418.                     <i class="fa fa-stethoscope px-2 h3"></i>
  419.                     <div>
  420.                         מנתח:<b>ד"ר כץ</b><br>
  421.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  422.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  423.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  424.                         סניטר:<b>משה ישראלי</b><br>
  425.                     </div>
  426.                 </div>
  427.             </div>
  428.         </div>
  429.         <div class="room">
  430.             <div class="room-name">חדר ניתוח 4 </div>
  431.             <div class="details warn">
  432.                 <div class="subject">ריסוק אבנים</div>
  433.                 <div class="name">משה ס</div>
  434.                 <div class="status err">לא הגיע</div>
  435.                 <div class="d-flex text-center dim">
  436.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  437.                     <div class="enter-cap">כניסה לניתוח</div>
  438.                     <div class="end-cap">סיום משוער</div>
  439.                 </div>
  440.                 <div class="d-flex text-center big">
  441.                     <div class="start">08:00</div>
  442.                     <div class="enter dim">________</div>
  443.                     <div class="end dim">________</div>
  444.                 </div>
  445.                 <div class="related d-flex">
  446.                     <i class="fa fa-stethoscope px-2 h3"></i>
  447.                     <div>
  448.                         מנתח:<b>ד"ר כץ</b><br>
  449.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  450.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  451.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  452.                         סניטר:<b>משה ישראלי</b><br>
  453.                     </div>
  454.                 </div>
  455.             </div>
  456.             <div class="details idle">
  457.                 <div class="subject">החלפת ירך</div>
  458.                 <div class="name">נחמה ב</div>
  459.                 <div class="status ok">הגיע</div>
  460.                 <div class="d-flex text-center dim">
  461.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  462.                     <div class="enter-cap">כניסה לניתוח</div>
  463.                     <div class="end-cap">סיום משוער</div>
  464.                 </div>
  465.                 <div class="d-flex text-center big">
  466.                     <div class="start">08:00</div>
  467.                     <div class="enter dim">________</div>
  468.                     <div class="end">12:30</div>
  469.                 </div>
  470.                 <div class="related d-flex">
  471.                     <i class="fa fa-stethoscope px-2 h3"></i>
  472.                     <div>
  473.                         מנתח:<b>ד"ר כץ</b><br>
  474.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  475.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  476.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  477.                         סניטר:<b>משה ישראלי</b><br>
  478.                     </div>
  479.                 </div>
  480.             </div>
  481.         </div>
  482.         <div class="room">
  483.             <div class="room-name">חדר ניתוח 5 </div>
  484.             <div class="details error">
  485.                 <div class="subject">שיניים</div>
  486.                 <div class="name">גלי ק</div>
  487.                 <div class="status err">לא הגיע</div>
  488.                 <div class="d-flex text-center dim">
  489.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  490.                     <div class="enter-cap">כניסה לניתוח</div>
  491.                     <div class="end-cap">סיום משוער</div>
  492.                 </div>
  493.                 <div class="d-flex text-center big">
  494.                     <div class="start">08:00</div>
  495.                     <div class="enter dim">________</div>
  496.                     <div class="end dim">________</div>
  497.                 </div>
  498.                 <div class="related d-flex">
  499.                     <i class="fa fa-stethoscope px-2 h3"></i>
  500.                     <div>
  501.                         מנתח:<b>ד"ר כץ</b><br>
  502.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  503.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  504.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  505.                         סניטר:<b>משה ישראלי</b><br>
  506.                     </div>
  507.                 </div>
  508.             </div>
  509.             <div class="details idle">
  510.                 <div class="subject">החלפת ירך</div>
  511.                 <div class="name">טלי ק</div>
  512.                 <div class="status err">לא הגיע</div>
  513.                 <div class="d-flex text-center dim">
  514.                     <div class="start-cap">שעת ניתוח מתוכננת</div>
  515.                     <div class="enter-cap">כניסה לניתוח</div>
  516.                     <div class="end-cap">סיום משוער</div>
  517.                 </div>
  518.                 <div class="d-flex text-center big">
  519.                     <div class="start">08:00</div>
  520.                     <div class="enter dim">________</div>
  521.                     <div class="end">12:30</div>
  522.                 </div>
  523.                 <div class="related d-flex">
  524.                     <i class="fa fa-stethoscope px-2 h3"></i>
  525.                     <div>
  526.                         מנתח:<b>ד"ר כץ</b><br>
  527.                         עוזר מנתח:<b>ד"ר גרינברג רפאל</b><br>
  528.                         מרדים:<b>ד"ר כהן מיכאל</b><br>
  529.                         אח\אחות:<b>נטלי לוי, דן ישראלי</b><br>
  530.                         סניטר:<b>משה ישראלי</b><br>
  531.                     </div>
  532.                 </div>
  533.             </div>
  534.         </div>
  535.     </div>
  536.     <script>
  537.         var now = moment();
  538.         var day = "יום " + ["ראשון", "שני", "שלישי", "רביעי", "חמישי", "שישי", "שבת"][now.weekday()];
  539.         $('.datetime-date').html(day + "<br>" + now.format('DD.MM.YYYY'));
  540.         setInterval(function () {
  541.             now = moment();
  542.             $('.datetime-time').html(now.format('HH:mm'));
  543.         }, 1000);
  544.         $('.room-name').each(function (i, item) {
  545.             var blue = (i * 60 > 255 ? 255 : i * 60);
  546.             var green = (blue >= 255 ? (255 - (i - 4 * 60)) : 255);
  547.             var bluehex = ('0' + (blue).toString(16)).slice(-2);
  548.             var greenhex = ('0' + (green).toString(16)).slice(-2);
  549.             $(item).css({
  550.                 'border-bottom': '0.75rem solid #00' + bluehex + greenhex
  551.             });
  552.         });
  553.     </script>
  554. </asp:Content>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!