About This Mac
MOCK OS X
Version 10.5.7
Processor 2.4 GHz Intel Core 2 Duo
Memory 4 GB 667 MHz DDR2 SDRAM
Startup Disk Macintosh HD
PrimeFaces Mock OS X
Welcome! Everything here is a PrimeFaces component.
Terminal
Welcome to PrimeFaces Terminal, how are you today? Try date and greet commands.
prime $
Source
			
<p:growl showDetail="true" sticky="true"/>

<p:menubar>
    <p:submenu icon="appleIcon">
        <p:menuitem value="About This Mac" url="#" onclick="PF('info').show();" icon="ui-icon ui-icon-info"></p:menuitem>
    </p:submenu>

    <p:submenu label="Finder">
        <p:menuitem value="About Finder" url="#" styleClass="open" icon="ui-icon ui-icon-info"></p:menuitem>
    </p:submenu>

    <p:submenu label="Edit">
        <p:menuitem value="Undo" url="#" styleClass="undo" icon="ui-icon ui-icon-arrowreturnthick-1-w"></p:menuitem>
        <p:menuitem value="Redo" url="#" styleClass="redo" icon="ui-icon ui-icon-arrowreturnthick-1-e"></p:menuitem>
    </p:submenu>

    <p:submenu label="View">
        <p:menuitem value="Source" url="#" onclick="PF('source').show();" icon="ui-icon ui-icon-search"></p:menuitem>
    </p:submenu>
</p:menubar>

<p:dialog header="About This Mac" draggable="true" widgetVar="info" showEffect="fade" hideEffect="fade">
    <h:form>
        <h:panelGrid columns="1" style="width:100%;text-align:center;">
            <p:graphicImage value="/images/macosx/apple_logo.png" />
            <h:outputText value="MOCK OS X" style="font-size:16px"/>
            <h:outputText value="Version 10.5.7" />
            <p:commandButton value="Software Update" async="true" onclick="return false;"/>
        </h:panelGrid>

        <h:panelGrid columns="2">
            <h:outputText value="Processor" style="font-weight:bold"/>
            <h:outputText value="2.4 GHz Intel Core 2 Duo" />

            <h:outputText value="Memory" style="font-weight:bold"/>
            <h:outputText value="4 GB 667 MHz DDR2 SDRAM" />

            <h:outputText value="Startup Disk" style="font-weight:bold"/>
            <h:outputText value="Macintosh HD" />
        </h:panelGrid>

    </h:form>
</p:dialog>

<p:dialog header="PrimeFaces Mock OS X" draggable="true" visible="true" modal="true" showEffect="fade" hideEffect="fade">
    <h:outputText value="Welcome! Everything here is a PrimeFaces component." />
</p:dialog>

<p:dialog widgetVar="terminal" width="600" height="400" header="Terminal" resizable="false" showEffect="fade" hideEffect="fade"
          styleClass="terminalDialog">
    <h:form>
        <p:terminal commandHandler="#{terminalView.handleCommand}" style="width:590px"
                welcomeMessage="Welcome to PrimeFaces Terminal, how are you today? Try date and greet  commands."/>
    </h:form>
</p:dialog>

<p:dock>
    <p:menuitem value="Finder" icon="/resources/demo/images/mockosx/finder.png" url="#" />
    <p:menuitem value="Terminal" icon="/resources/demo/images/mockosx/terminal.png" url="#" onclick="PF('terminal').show();"/>
    <p:menuitem value="Safari" icon="/resources/demo/images/mockosx/safari.png" url="#" />
    <p:menuitem value="iTunes" icon="/resources/demo/images/mockosx/itunes.png" url="#"/>
    <p:menuitem value="iChat" icon="/resources/demo/images/mockosx/ichat.png" url="#"/>
    <p:menuitem value="Trash" icon="/resources/demo/images/mockosx/trash.png" url="#"/>
</p:dock>
			
FinderTerminalSafariiTunesiChatTrash