Back
Overview | Project
App Manager /

index.html

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <title>App Manager</title>
    <link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css">
    <link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)"
          href="lib/tau/wearable/theme/default/tau.circle.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="ui-page ui-page-active" id="main">
        <header class="ui-header ui-has-more">
            <h2 class="ui-title">App Manager</h2>
            <button type="button" class="ui-more ui-icon-overflow"></button>
        </header>

        <div class="ui-content content-padding">
            <ul class="ui-listview" id="apps-list-view"></ul>
        </div>

        <!-- Square Profile Menu -->
        <div id="main-menu-popup" class="ui-popup" data-transition="slideup">
            <div class="ui-popup-header">Options</div>
            <div class="ui-popup-content">
                <ul class="ui-listview">
                    <li><a href="#" class="option-button all-apps">All apps</a>
                    </li>
                    <li><a href="#" class="option-button launched-apps">
                        Only launched</a></li>
                </ul>
            </div>
        </div>

        <!-- Circle Profile Menu -->
        <div id="main-menu-popup-circle" class="ui-popup">
            <div class="selector ui-selector">
                <div class="ui-item all-apps a-icon" data-title="All"></div>
                <div class="ui-item launched-apps l-icon" data-title="Launched"></div>
            </div>
        </div>
    </div>

    <div class="ui-page" id="details">
        <header class="ui-header ui-has-more">
            <h2 class="ui-title">App Manager</h2>
            <button type="button" class="ui-more ui-icon-overflow"></button>
        </header>
        <div class="ui-content">
            <ul class="ui-listview">
                <li><img id="icon" alt="No icon"/></li>
                <li>Version
                    <div id="version"></div>
                </li>
                <li>Install date
                    <div id="install-date"></div>
                </li>
                <li>Size
                    <div id="app-size"></div>
                </li>
            </ul>
        </div>

        <!-- Square Profile Menu -->
        <div id="details-menu-popup" class="ui-popup" data-transition="slideup">
            <div class="ui-popup-header">Actions</div>
            <div class="ui-popup-content">
                <ul class="ui-listview">
                    <li>
                        <a href="#" class="option-button launch">Launch</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Circle Profile Menu -->
        <div id="details-menu-popup-circle" class="ui-popup">
            <div class="selector ui-selector">
                <div class="ui-item launch l-icon" data-title="Launch"></div>
            </div>
        </div>

        <div id="popup-message" class="ui-popup ui-popup-toast">
            <div class="ui-popup-content">
                <span id="popup-message-text"></span>
            </div>
        </div>

    </div>
    <script src="js/splash-screen.js"></script>
    <script src="lib/tau/wearable/js/tau.min.js"></script>
    <script src="js/core/core.js" data-main="js/app.js"></script>
</body>
</html>