Staging onprem

content/form/admin-form.md

@@ -0,0 +1,143 @@
++++
+date = "2023-09-18T23:59:16-05:00"
+tags = ["search"]
+categories = ["forms"]
+images = [""]
+title = "Admin Form"
+author = "Staff"
+description = ""
+draft = false
+type = "form"
+private = true
++++
+<style>
+    select,input, button {
+      width: 100%;
+      padding: 10px;
+      margin-bottom: 15px;
+      font-size: 16px;
+    }
+
+    button {
+      background-color:#014c8c;;
+      color: white;
+      border: none;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background-color:rgb(142, 200, 131);
+    }
+
+    .button-row {
+      display: flex;
+      justify-content: flex-start;
+      gap: 10px;
+      margin-top: 10px;
+    }
+
+   .button-row button {
+     width: auto;
+    flex: 0 0 auto;
+    padding: 10px 20px;
+   }
+
+    .message {
+      text-align: center;
+      margin-top: 10px;
+    }
+    .container {
+        width: 80%;
+        margin: 0 auto;
+        padding-top: 20px;
+     }
+
+    .tabs {
+        display: flex;
+        margin-bottom: 20px;
+        margin-top:-40px;
+    }
+
+    .tab-button {
+        cursor: pointer;
+        border-radius: 2px;
+    }
+
+    .tab-button.active {
+        background-color:#5cb85c;
+        color: white;
+    }
+
+    .tab-content {
+        display: none;
+    }
+
+    label {
+        font-size: 14px;
+        font-weight: bold;
+        margin-bottom: 6px;
+        display: block;
+        color: #555;
+    }
+</style>
+<!-- Core scripts needed for form functionality -->
+
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+<script type="text/javascript" src="/js/admin-form.js"></script>
+
+<div class="message" id="resultMessage"></div><br /><br/>
+
+  <div class="tab-container">
+    <!-- Tabs -->
+    <div class="tabs">
+      <button type="button" class="tab-button active" data-tab="1" data-title="Update Group Owner UID">Update UID</button>
+      <button type="button" class="tab-button" data-tab="2" data-title="Update Resource Request Status">Update Status</button>
+    </div>
+       <!--  Form 1: Update UID -->
+    <div id="form1" class="tab-content" style="display: block;">
+     <form id="update_uid_form">
+      <h4>Update Group Owner UID</h4><br/>
+      <label for="group_name_for_update">Group Name:</label>
+      <input type="text" id="group_name_for_update" name="group_name_for_update" required>
+      <label for="owner_uid">Owner UID:</label>
+      <input type="text" id="owner_uid" name="owner_uid" required>
+      <br/>
+      <div class="button-row">
+        <button type="submit">Submit</button>
+        <button type="button" class="cancel-button" id="cancelBtn1">Cancel</button>
+      </div>
+     </form>
+    </div>
+  <!--  Update Resource Status -->
+  <div id="form2" class="tab-content" style="display: none;">
+    <form id="update_status_form">
+      <h4>Update Resource Request Status</h4><br/>
+      <label for="ticket_id">Ticket ID:</label>
+      <input type="text" id="ticket_id" name="ticket_id" required><br>
+      <label for="group_name">Group Name:</label>
+      <input type="text" id="group_name" name="group_name" required><br>
+      <label for="resource_type">Resource Type:</label>
+      <select id="resource_type" name="resource_type" required>
+        <option value="hpc_service_units">HPC Service Units</option>
+        <option value="storage">Storage</option>
+      </select><br><br>
+      <label for="resource_name">Resource Name:</label>
+      <input type="text" id="resource_name" name="resource_name" required><br>
+      <label for="update_status">Action to be taken:</label>
+      <select id="update_status" name="update_status" required>
+        <option value="active">Activate/Approve Change</option>
+        <option value="retired" id="retire_option">Retire</option>
+        <option value="error">Revert (Revert to previous state)</option>
+      </select><br><br>
+      <label for="update_comment">Update Comment:</label>
+      <input type="text" id="update_comment" name="update_comment" required><br>
+      <div class="button-row">
+        <button type="submit">Submit</button>
+        <button type="button" class="cancel-button" id="cancelBtn2">Cancel</button>
+      </div>
+    </form>
+  </div>
+</div>
+<script type="text/javascript" src="/js/response-message.js"></script>
+<script type="text/javascript" src="/js/user-session-v2.js"></script>
+<script type="text/javascript" src="/js/support-request.js"></script>

content/form/claim-form.md

@@ -0,0 +1,83 @@
++++
+date = "2023-09-18T23:59:16-05:00"
+tags = ["search"]
+categories = ["forms"]
+images = [""]
+author = "Staff"
+description = ""
+title = "PI Group Claim Form"
+draft = false
+type = "form"
+private = true
++++
+<style>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 20px;
+    }
+
+    .form-container {
+      width: 100%;
+      border: solid 1px #ccc;
+      font-size: 15px;
+      padding: 1.5rem;
+      background-color: #efefef;
+      margin-bottom: 1rem;
+      overflow: hidden;
+    }
+
+    label {
+      font-weight: bold;
+      margin-bottom: 8px;
+    }
+
+    select,input, button {
+      width: 100%;
+      padding: 10px;
+      margin-bottom: 15px;
+      font-size: 16px;
+      line-height: 1.25;
+    }
+
+    button {
+      background-color: #4CAF50;
+      color: white;
+      border: none;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background-color: #45a049;
+    }
+
+    .message {
+      text-align: center;
+      margin-top: 10px;
+    }
+</style>
+<!-- Core scripts needed for form functionality -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+<script type="text/javascript" src="/js/claim-form.js"></script>
+
+<div class="message" id="resultMessage"></div><br /><br/>
+<form id="claimForm">
+  {{% form-userinfo-v2 %}} 
+  <div class="form-container">
+    <label for="user_groups">Select a Group to Claim:</label>
+    <select id="user_groups" name="user_groups" required>
+      <option value="">-- Select Group --</option>
+    </select>
+    <label for="project-title">Project Name <span class="form-required" title="This field is required.">*</span></label>
+    <input type="text" id="project-title" name="project-title" value="" />
+    <label for="project-desc">Project Description <span  title="This field is required.">*</span></label>
+    <input type="text" id="project-desc" name="project-desc" value=""/>
+  </div>
+ <div style="margin-top: 1rem; display: inline-flex; gap: 1rem; width:100%">
+    <button type="submit" class="btn btn-primary">Claim</button>
+    <button type="button" class="btn btn-secondary"  id="cancelButton">Cancel</button>
+  </div>
+</form>
+<script type="text/javascript" src="/js/response-message.js"></script>
+<script type="text/javascript" src="/js/user-session-v2.js"></script>
+<script type="text/javascript" src="/js/support-request.js"></script>

content/form/combined-request-form.md

@@ -9,6 +9,7 @@ title = "Combined Request Form"
 draft = false
 type = "form"
 private = true
+hideNavbar = true 
 +++
 <style>
   .table thead th {
@@ -24,6 +25,7 @@ private = true
     word-break: break-word;
   }
 </style>
+
 <!-- Core scripts needed for form functionality -->
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 <script type="text/javascript" src="/js/combined-request-form.js"></script>
@@ -99,7 +101,11 @@ private = true
   <!-- Resource Type Selection -->
   <div class="resource_type_container" id = "resource_type_container" style="padding:1rem;background-color:#eee;border:solid 1px #ccc;margin-bottom:1rem;">
   <fieldset class="form-item form-group form-type-select">
-    <legend class="control-label h6 mb-2">Resource Type <span class="form-required" title="This field is required.">*</span></legend>
+    <div style="display: flex; justify-content: space-between;   align-items: center;">
+        <legend class="control-label h6 mb-2">Resource Type <span class="form-required" title="This field is required.">*</span></legend>
+        <a href="claim-form.md" id="claimLink" style="margin-left: 10px; font-size: 0.9em; color:green; white-space: nowrap; text-decoration: underline;">PI group ownership claim request</a>
+
+    </div>
     <select name="request-type" id="request-type" class="form-control" required>
       <option value="service-unit">Allocation's (SU)</option>
       <option value="storage">Storage</option>

content/form/resource-overview-page.md

@@ -0,0 +1,77 @@
++++
+date = "2023-09-18T23:59:16-05:00"
+tags = ["search"]
+categories = ["forms"]
+images = [""]
+author = "Staff"
+description = ""
+title = "Resources Overview"
+draft = false
+type = "form"
+private = true
++++
+<style>
+
+  .table-container {
+    width: 100%;
+    margin: 0 auto;
+    padding-top: 10px;
+    overflow-x: auto;
+  }
+
+  .resource-preview-table {
+    width: 100%;
+    border: solid 1px #ccc;
+    font-size: 15px;
+    padding: 1.5rem;
+    background-color: #efefef;
+    margin-bottom: 1rem;
+    overflow: hidden;
+  }
+
+
+  .resource-preview-table th,
+  .resource-preview-table td {
+    text-align: left;
+    padding: 12px 16px;
+  }
+
+  /* Responsive adjustment */
+  @media (max-width: 768px) {
+    .resource-preview-table th,
+    .resource-preview-table td {
+      padding: 10px 8px;
+      font-size: 13px;
+    }
+  }
+</style>
+<!-- Core scripts needed for form functionality -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+<script type="text/javascript" src="/js/resource-overview-page.js"></script>
+
+<div class="message" id="resultMessage"></div><br /><br/>
+  {{% form-userinfo-v2 %}} 
+<div class="table-container">
+    <h4 class="mb-3">Your Current Resources</h4>
+    <!-- Table for Resource Preview -->
+    <table class="table table-bordered table-hover resource-preview-table">
+        <thead>
+            <tr>
+                <th scope="col">Type</th>
+                <th scope="col">Project</th>
+                <th scope="col">Resource Name</th>
+                <th scope="col">Tier</th>
+                <th scope="col">Size/Count</th>
+                <th scope="col">Status</th>
+                <th scope="col"></th>
+            </tr>
+        </thead>
+        <tbody id="resource_preview_table_body">
+            <!-- Rows will be dynamically injected by JavaScript -->
+        </tbody>
+    </table>
+</div>
+
+<script type="text/javascript" src="/js/response-message.js"></script>
+<script type="text/javascript" src="/js/user-session-v2.js"></script>
+<script type="text/javascript" src="/js/support-request.js"></script>