Boudhayan Dev boudhayan-dev

## xs2xscli.txt
  GETTING STARTED:
   login, l                                        Log user in
   logout                                          Log user out
   target, t                                       Set or view the targeted org or space
   api                                             Set or view target api url

  APPS:
   apps, a                                         List all apps in the target space
   app                                             Display the status and information about an app


## header.hbs
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Links</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"

## footer.hbs
</html>

## login.hbs
{{>header}}

<body>
    <div class="container content-container">
        <div class="modal fade" id="loginModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog"
            aria-labelledby="Sign Up" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered " role="document">
                <div class="modal-content">
                    <form class="signupForm text-center border border-light p-5" action="/login" method="POST">
                        <h3 class="mb-4" style="font-weight: bold; color: #17a2b8;">Login</h3>

## signup.hbs
{{>header}}
<body>
    <div class="container content-container">
        <div class="modal fade" id="signupModal" data-backdrop="static" data-keyboard="false" tabindex="-1"
            role="dialog" aria-labelledby="Sign Up" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered " role="document">
                <div class="modal-content">
                    <form class="signupForm text-center border border-light p-5" action="/signup" method="post" >
                        <h3 class="mb-4" style="font-weight: bold; color: #17a2b8;">Sign Up</h3>
                        <input type="text" id="username" name="username" class="form-control" placeholder="Username" required>

## dashboard.hbs
{{>header}}
<body>
    <div class="container content-container">
        <br>
        <nav class="navbar navbar-light">
            <h2><span class="username">{{username}}'s</span> QuickLinks</h2>
            <form class="form-inline">
                <a href="" role="button" class="btn mr-2 btn-outline-info btn-sm " data-toggle="modal"
                    data-target="#addLinkModal"><i class="fa fa-plus-circle" aria-hidden="true"> Link</i></a>
                <a href="/logout" role="button" class="btn mr-2 btn-outline-danger btn-sm">

## styles.css
html {
  height: 100%;
}

body{
    background-color: #f5f0f0;
    height: 100%;
}

.content-container{

## login.js
$(window).on('load', function () {
    $('#loginModal').modal('show');
});

## signup.js
$(window).on('load',function(){
       $('#signupModal').modal('show');
});

## dashboard.js
// Change the input fiel to file name
$('#pageImage').on('change', function (e) {
    let fileName = e.target.files[0].name;
    $('.custom-file-label').html(fileName);
})


async function makeRequest(url, config) {
    try {
        const response = await fetch(url, config);
	GETTING STARTED:
	login, l Log user in
	logout Log user out
	target, t Set or view the targeted org or space
	api Set or view target api url

	APPS:
	apps, a List all apps in the target space
	app Display the status and information about an app
	{{>header}}

	<body>
	<div class="container content-container">
	<div class="modal fade" id="loginModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog"
	aria-labelledby="Sign Up" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered " role="document">
	<div class="modal-content">
	<form class="signupForm text-center border border-light p-5" action="/login" method="POST">
	<h3 class="mb-4" style="font-weight: bold; color: #17a2b8;">Login</h3>
	html {
	height: 100%;
	}

	body{
	background-color: #f5f0f0;
	height: 100%;
	}

	.content-container{
	$(window).on('load', function () {
	$('#loginModal').modal('show');
	});
	$(window).on('load',function(){
	$('#signupModal').modal('show');
	});
	// Change the input fiel to file name
	$('#pageImage').on('change', function (e) {
	let fileName = e.target.files[0].name;
	$('.custom-file-label').html(fileName);
	})


	async function makeRequest(url, config) {
	try {
	const response = await fetch(url, config);