125 lines
5.9 KiB
HTML
125 lines
5.9 KiB
HTML
|
<?xml version="1.0" encoding="UTF-8"?>
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|||
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|||
|
|
xmlns:p="http://primefaces.org/ui"
|
|||
|
|
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
|||
|
|
xmlns:f="http://xmlns.jcp.org/jsf/core">
|
|||
|
|
<h:head>
|
|||
|
|
<title>Start Page</title>
|
|||
|
|
<h:outputStylesheet name="css/styles.css"/>
|
|||
|
|
</h:head>
|
|||
|
|
<h:body>
|
|||
|
|
<div class="header">
|
|||
|
|
<h1>Web лаба 3</h1>
|
|||
|
|
<p>сделал: Карпов Александр Дмитриевич</p>
|
|||
|
|
<p>Группа: P3213</p>
|
|||
|
|
<p>Вариант: 665</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="content">
|
|||
|
|
<h:form id="clockForm">
|
|||
|
|
<div class="clock-section">
|
|||
|
|
<div class="date-display">
|
|||
|
|
#{binaryClockBean.currentDate}
|
|||
|
|
</div>
|
|||
|
|
<div class="clock-container">
|
|||
|
|
<!-- Time Columns -->
|
|||
|
|
<!-- Hour Column -->
|
|||
|
|
<div class="clock-column">
|
|||
|
|
<div class="clock-label">Hours</div>
|
|||
|
|
<div class="clock-bits">
|
|||
|
|
<ui:repeat value="#{binaryClockBean.hourBinary}" var="bit" varStatus="status">
|
|||
|
|
<div class="bit-row">
|
|||
|
|
<div class="bit-value">#{binaryClockBean.hourBitValues[status.index]}</div>
|
|||
|
|
<div class="clock-bit #{bit eq '1' ? 'active' : ''}"/>
|
|||
|
|
</div>
|
|||
|
|
</ui:repeat>
|
|||
|
|
</div>
|
|||
|
|
<div class="decimal-value">#{binaryClockBean.hours}</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Minute Column -->
|
|||
|
|
<div class="clock-column">
|
|||
|
|
<div class="clock-label">Minutes</div>
|
|||
|
|
<div class="clock-bits">
|
|||
|
|
<ui:repeat value="#{binaryClockBean.minuteBinary}" var="bit" varStatus="status">
|
|||
|
|
<div class="bit-row">
|
|||
|
|
<div class="bit-value">#{binaryClockBean.minuteBitValues[status.index]}</div>
|
|||
|
|
<div class="clock-bit #{bit eq '1' ? 'active' : ''}"/>
|
|||
|
|
</div>
|
|||
|
|
</ui:repeat>
|
|||
|
|
</div>
|
|||
|
|
<div class="decimal-value">#{binaryClockBean.minutes}</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Second Column -->
|
|||
|
|
<div class="clock-column">
|
|||
|
|
<div class="clock-label">Seconds</div>
|
|||
|
|
<div class="clock-bits">
|
|||
|
|
<ui:repeat value="#{binaryClockBean.secondBinary}" var="bit" varStatus="status">
|
|||
|
|
<div class="bit-row">
|
|||
|
|
<div class="bit-value">#{binaryClockBean.secondBitValues[status.index]}</div>
|
|||
|
|
<div class="clock-bit #{bit eq '1' ? 'active' : ''}"/>
|
|||
|
|
</div>
|
|||
|
|
</ui:repeat>
|
|||
|
|
</div>
|
|||
|
|
<div class="decimal-value">#{binaryClockBean.seconds}</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Date Columns -->
|
|||
|
|
<!-- Day Column -->
|
|||
|
|
<div class="clock-column">
|
|||
|
|
<div class="clock-label">Day</div>
|
|||
|
|
<div class="clock-bits">
|
|||
|
|
<ui:repeat value="#{binaryClockBean.dayBinary}" var="bit" varStatus="status">
|
|||
|
|
<div class="bit-row">
|
|||
|
|
<div class="bit-value">#{binaryClockBean.dayBitValues[status.index]}</div>
|
|||
|
|
<div class="clock-bit #{bit eq '1' ? 'active' : ''}"/>
|
|||
|
|
</div>
|
|||
|
|
</ui:repeat>
|
|||
|
|
</div>
|
|||
|
|
<div class="decimal-value">#{binaryClockBean.day}</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Month Column -->
|
|||
|
|
<div class="clock-column">
|
|||
|
|
<div class="clock-label">Month</div>
|
|||
|
|
<div class="clock-bits">
|
|||
|
|
<ui:repeat value="#{binaryClockBean.monthBinary}" var="bit" varStatus="status">
|
|||
|
|
<div class="bit-row">
|
|||
|
|
<div class="bit-value">#{binaryClockBean.monthBitValues[status.index]}</div>
|
|||
|
|
<div class="clock-bit #{bit eq '1' ? 'active' : ''}"/>
|
|||
|
|
</div>
|
|||
|
|
</ui:repeat>
|
|||
|
|
</div>
|
|||
|
|
<div class="decimal-value">#{binaryClockBean.month}</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Year Column -->
|
|||
|
|
<div class="clock-column">
|
|||
|
|
<div class="clock-label">Year</div>
|
|||
|
|
<div class="clock-bits">
|
|||
|
|
<ui:repeat value="#{binaryClockBean.yearBinary}" var="bit" varStatus="status">
|
|||
|
|
<div class="bit-row">
|
|||
|
|
<div class="bit-value">#{binaryClockBean.yearBitValues[status.index]}</div>
|
|||
|
|
<div class="clock-bit #{bit eq '1' ? 'active' : ''}"/>
|
|||
|
|
</div>
|
|||
|
|
</ui:repeat>
|
|||
|
|
</div>
|
|||
|
|
<div class="decimal-value">#{binaryClockBean.year % 100}</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p:poll interval="11" update="clockForm"/>
|
|||
|
|
</h:form>
|
|||
|
|
|
|||
|
|
<div class="navigation">
|
|||
|
|
<h:form>
|
|||
|
|
<h:commandButton value="На главную" action="main?faces-redirect=true" styleClass="nav-button"/>
|
|||
|
|
</h:form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</h:body>
|
|||
|
|
</html>
|