Skip to content

O
Oauth2_ssd
Commit 345514bd authored by Dumindu Sanjana Hettiarachchi's avatar Dumindu Sanjana Hettiarachchi
Browse files
Options

Upload New File

parent 79546138
Pipeline #1705 canceled with stages
      Show whitespace changes
      Inline Side-by-side
      Showing with 94 additions and 0 deletions
      views/dashboard.html 0 → 100644
      View file @ 345514bd
      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>{{title}}</title>
      <link href="/static/materializ.css" rel="stylesheet" />
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
      </head>
      <body>
      <nav>
      <div class="nav-wrapper" style="background-color: #4aa6e4;">
      <ul id="nav-mobile" class="right">
      <li><img src="{{avatar}}" alt="avatar"
      style="vertical-align: middle;width: 40px;height: 40px;border-radius: 50%;margin-right: 15px;">
      </li>
      <li>{{name}}</li>
      <li><a href="/auth/logout">logout</a></li>
      </ul>
      </div>
      </nav>
      <main>
      <div class="container-fluid" style="background-color: #ddebf0; height: 100vh">
      <div class="row">;>
      <div style="width:33% ;float:left; padding-right: 25px;margin-top: 50px;color:white">
      </div>
      <div
      style="text-align:center;align-items:center;width:33% ;float:left;padding-right: 25px;margin-top: 50px;color:white">
      <a href="#">
      <img src="https://www.signextreme.com/wp-content/uploads/2016/05/fileuploadicon.png"
      style="vertical-align: middle;width: 200px;height: 200px;" />
      </a>
      <form action="/uploadtheFile" method="post" enctype="multipart/form-data">
      <div class="file-field input-field">
      <div class="custom-file mb-3">
      <input type="file" class="custom-file-input" id="customFile" required
      name="file_upload">
      <label class="custom-file-label" for="customFile">Choose file</label>
      </div>
      </div>
      <button style="display: block; margin: 0 auto;background-color: #00acc1;color: white;"
      class="btn waves-effect waves-light" type="submit"><b>UPLOAD</b></button>
      </form>
      <div style="margin-top: 15%;">
      {% if (file == "uploaded") %}
      <div style="padding: 2px 10px ;height:30px;border-radius:25px;background-color: #00E676">
      <p><b>Upload Successful</b></p>
      </div>
      {% elif (file == "notuploaded") %}
      <div style="padding: 2px 10px ;height:30px;border-radius:25px;background-color: #D32F2F;">
      <p><b>Upload Failed,Please try again</b></p>
      </div>
      {% endif %}
      </div>
      </div>
      </div>
      <div style="width:30% ;padding:5%;margin-top: -90px;margin-left: 635px;color:#cae3ec;">
      <center>
      <ul>
      <li style="padding:5%;border:2px solid white;border-radius: 25px;background-color: #0a4d66">
      <img src="{{avatar}}" alt="avatar"
      style="width: 60px;height: 60px;border-radius: 50%;margin-bottom: 5%"
      class="center">
      <p><b>Username: </b>{{name}}</p>
      <p><b>Google Id: </b>{{googleid}}</p>
      <p><b>Email: </b>{{email}}</p>
      </li>
      </ul>
      </center>
      </div>
      </div>
      </main>
      </body>
      <script>
      // Add the following code if you want the name of the file appear on select
      $(".custom-file-input").on("change", function () {
      var fileName = $(this).val().split("\\").pop();
      $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
      });
      </script>
      </html>
      \ No newline at end of file
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment