aws-account-name-replacer-chrome-extension/popup.html at main · pourtorabehsan/aws-account-name-replacer-chrome-extension · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Account Mapping</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>

<body style="min-width: 500px;">
    <div class="p-4">
        <ul class="list-group" id="mappingList"></ul>
        <hr>
        <form id="mappingForm">
            <div class="form-group">
                <label for="accountId">Account ID:</label>
                <input type="text" class="form-control" id="accountId">
            </div>
            <div class="form-group">
                <label for="accountName">Account Name:</label>
                <input type="text" class="form-control" id="accountName">
            </div>
            <div class="form-group">
                <label for="color">Color:</label>
                <input type="color" class="form-control form-control-color" id="color" title="Choose your color"
                    style="width: 100px;">
            </div>
            <button type="submit" class="btn btn-primary">Add Mapping</button>
        </form>

    </div>

    <script src="popup.js"></script>
</body>

</html>