<!--
  ~  Copyright ETH 2023 Zürich, Scientific IT Services
  ~
  ~  Licensed under the Apache License, Version 2.0 (the "License");
  ~  you may not use this file except in compliance with the License.
  ~  You may obtain a copy of the License at
  ~
  ~       http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  limitations under the License.
  ~
  -->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <!--
        This is a simple Test app for new DSS. It strives to be the simplest non-trivial app.
        It logs into the server and allows users to perform the simplest operations.
     -->
    <meta charset="utf-8"  content=""/>
    <title>OpenBIS Simple Test</title>
    <link type="text/css" rel="stylesheet" href="body-style.css"/>
    <link type="text/css" rel="stylesheet" href="button.css"/>
    <script type="text/javascript" src="../api/md5.js"></script>
    <script type="text/javascript" src="../api/server-data-store-facade.js"></script>
    <script type="text/javascript" src="server-data-store-login.js"></script>
    <script type="text/javascript" src="server-data-store-client.js"></script>
</head>
<body>
<img id="openbis-logo" src="images/openBIS_Logo.png" alt="openBIS"
     style="position: absolute; right: 10px; height: 100px;"/>
<div id="login-form-div">
    <h1>DSS Client</h1>
    <form id="login-form" action="javascript:">
        <input id="username" type="text" required="required">
        <input id="password" type="password" required="required">
        <button class="login-button" id="login-button" type="submit">Login</button>
    </form>
</div>

<div id="main">
    <div id="button-group">
        <button id="logout-button">Logout</button>
        <button id="list-button">Refresh</button>
    </div>
    <h2>List</h2>
    <div id="data-table">
        <table id="html-data-table" border="1">
        </table>
    </div>
    <br>
    <h2>Write</h2>
    <form onsubmit="return false;">
        <div id="write-area">
            <label>File path:</label><input type="text" id="fpath" required>
            <label>Offset:</label><input type="text" id="foffset" value="0" required><br>
            <label>Text:</label><br>
            <textarea id="write-text" name="write" rows="5" cols="57"></textarea> <br>
            <button id="write-submit">Write</button>
        </div>
    </form>

    <h2>Copy</h2>
    <form onsubmit="return false;">
        <div id="copy-area">
            <table>
                <tr>
                    <td><label>Copy from path:</label></td>
                    <td><input type="text" id="copy-from-path" required></td>
                </tr>
                <tr>
                    <td><label>Copy to path:</label></td>
                    <td><input type="text" id="copy-to-path" required></td>
                </tr>
            </table>
            <button id="copy-submit">Copy</button>
        </div>
    </form>

    <h2>Move</h2>
    <form onsubmit="return false;">
        <div id="move-area">
            <table>
                <tr>
                    <td><label>Move from path:</label></td>
                    <td><input type="text" id="move-from-path" required></td>
                </tr>
                <tr>
                    <td><label>Move to path:</label></td>
                    <td><input type="text" id="move-to-path" required></td>
                </tr>
            </table>
            <button id="move-submit">Move</button>

        </div>
    </form>

    <h2>Create</h2>
    <form onsubmit="return false;">
        <div id="create-area">
            <table>
                <tr>
                    <td><label>Name:</label></td>
                    <td><input type="text" id="create-path" required></td>
                </tr>
                <tr>
                    <td><label>Is directory:</label></td>
                    <td><input type="checkbox" id="create-directory" value="true"></td>
                </tr>
            </table>
            <button id="create-submit">Create</button>
        </div>
    </form>
</div>
</body>
</html>