104 lines
5.0 KiB
HTML
104 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Internship@RanchiMall</title>
|
|
<link rel="stylesheet" href="css/main.min.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
|
|
rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="hidden">
|
|
<sm-notifications id="notification_drawer"></sm-notifications>
|
|
<sm-popup id="confirmation_popup">
|
|
<h4 id="confirm_title"></h4>
|
|
<div id="confirm_message"></div>
|
|
<div class="flex align-center gap-0-5 margin-left-auto">
|
|
<button class="button cancel-button">Cancel</button>
|
|
<button class="button button--primary confirm-button">OK</button>
|
|
</div>
|
|
</sm-popup>
|
|
<div id="app_body"></div>
|
|
<sm-popup id="task_popup">
|
|
<header slot="header" class="popup__header">
|
|
<button class="popup__header__close" onclick="closePopup()">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
|
<path fill="none" d="M0 0h24v24H0z" />
|
|
<path
|
|
d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
|
|
</svg>
|
|
</button>
|
|
<h3 id="task_popup__title"></h3>
|
|
</header>
|
|
<sm-form>
|
|
<div class="grid">
|
|
<label class="label" for="task_popup__title_input">Title*</label>
|
|
<sm-input name="title" id="task_popup__title_input" autofocus required></sm-input>
|
|
</div>
|
|
<div class="grid">
|
|
<label class="label" for="task_popup__description">Description*</label>
|
|
<sm-textarea name="description" id="task_popup__description" rows="3" required></sm-textarea>
|
|
</div>
|
|
<div class="flex-column gap-1">
|
|
<div class="flex-column flex-1 gap-0-3">
|
|
<label class="label" for="task_popup__category">Category*</label>
|
|
<sm-chips name="category" id="task_popup__category" class="flex-1" multiline>
|
|
<sm-chip value="c00" selected="">Creative Writing</sm-chip>
|
|
<sm-chip value="c01">Marketing</sm-chip>
|
|
<sm-chip value="c02">Design</sm-chip>
|
|
<sm-chip value="c03">Development</sm-chip>
|
|
<sm-chip value="c04">Social Media Management</sm-chip>
|
|
<sm-chip value="c05">Video Making</sm-chip>
|
|
<sm-chip value="c06">Project Scouting & Capital Raising</sm-chip>
|
|
<sm-chip value="c07">Investment & Finance</sm-chip>
|
|
</sm-chips>
|
|
</div>
|
|
<div class="flex-column flex-1">
|
|
<label class="label" for="task_popup__deadline">Deadline</label>
|
|
<sm-input name="deadline" id="task_popup__deadline" type="date"></sm-input>
|
|
</div>
|
|
</div>
|
|
<div class="multi-state-button">
|
|
<button class="button button--primary" id="task_popup__submit" onclick="saveTask()"
|
|
type="submit">Save</button>
|
|
</div>
|
|
</sm-form>
|
|
</sm-popup>
|
|
<script id="floGlobals">
|
|
/* Constants for FLO blockchain operations !!Make sure to add this at beginning!! */
|
|
const floGlobals = {
|
|
blockchain: "FLO",
|
|
adminID: "FKAEdnPfjXLHSYwrXQu377ugN4tXU7VGdf",
|
|
application: "TEST_MODE",
|
|
taskCategories: {
|
|
c00: 'Creative Writing',
|
|
c01: 'Marketing',
|
|
c02: 'Design',
|
|
c03: 'Development',
|
|
c04: 'Social Media Management',
|
|
c05: 'Video Making',
|
|
c06: 'Project Scouting & Capital Raising',
|
|
c07: 'Investment & Finance',
|
|
}
|
|
}
|
|
</script>
|
|
<script src="https://unpkg.com/uhtml@3.0.1/es.js"></script>
|
|
<script src="scripts/components.min.js"></script>
|
|
<script type="module"
|
|
src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.13.1/cdn/components/relative-time/relative-time.js"></script>
|
|
<script src="scripts/lib.min.js" type="text/javascript"></script>
|
|
<script src="scripts/floCrypto.min.js" type="text/javascript"></script>
|
|
<script src="scripts/btcOperator.min.js" type="text/javascript"></script>
|
|
<script src="scripts/floBlockchainAPI.min.js" type="text/javascript"></script>
|
|
<script src="scripts/compactIDB.min.js" type="text/javascript"></script>
|
|
<script src="scripts/floCloudAPI.min.js" type="text/javascript"></script>
|
|
<script src="scripts/floDapps.min.js" type="text/javascript"></script>
|
|
<script src="scripts/app.min.js"></script>
|
|
</body>
|
|
|
|
</html> |