aboutsummaryrefslogtreecommitdiffstats
path: root/gui/app/views/environmentDetail.html
blob: 4d5f21c68d94f78b406648b695a94ff3bd24e87a (plain)
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!--environment detail page-->

<div class="content" style="overflow-x: scroll;">
    <div style="display:flex;flex-direction:row;">
        <div>


            <h3> {{baseElementInfo.name}} -- Openrc
                <button class="btn btn-default" style="float:right" ng-click="goNext()">Next</button>
                <button class="btn btn-default" style="float:right;margin-right:10px;" ng-click="openDeleteEnv(1,'openrc')">Delete</button>
            </h3>
            <!--<p>In this process, you can input your define openrc config or upload a openrc file</p>-->



            <div>

                <button style="display:inline;" class="btn btn-default" ng-click="addEnvironment()" ng-show="uuid==null">Add Name</button>
            </div>



            <hr/>
            <div bs-tabs style="width:600px;">
                <div data-title="Detail" bs-pane ng-if="openrcInfo.openrc!=null">

                    <h4>
                        You have already set up the openrc parameters
                    </h4>
                    <hr />
                    <div ng-repeat="(key,value) in openrcInfo.openrc">
                        <nobr>
                            <font style="font-weight:600;font-size:14px;">{{key}} : </font>
                            <font style="font-size:14px;">{{value}}</font>
                        </nobr>
                    </div>

                </div>
                <div data-title="Update" bs-pane>

                    <div style="margin-top:20px;">
                        <button class="btn btn-default" ng-click="addInfo()" style="margin-bottom:20px;">Add</button>
                        <div style="height:300px;width:800px;display:flex;flex-direction:column;flex-wrap:wrap;margin-left:5px;">
                            <div ng-repeat="info in envInfo">
                                <!--<div> {{info.name}}</div>-->

                                <input class="edit-title" ng-model="info.name" ng-class="{'null-edit-title':info.name==null}" ng-attr-type="{{info.name.indexOf('PASSWORD')>-1 ? password : text}}" />

                                <div class="item-info">
                                    <input class="form-control" type="text" ng-model="info.value" />
                                    <!--<button class="delete-button" ng-click="deleteEnvItem($index)">delete</button>-->
                                    <img src="images/close.png" ng-click="deleteEnvItem($index)" class="delete-img" />
                                </div>



                            </div>
                        </div>
                        <button class="btn btn-default" ng-click="submitOpenRcFile()" style="margin-bottom:20px;">
                                     <div ng-if="!showloading">submit</div>
                                     <img src="images/loading2.gif" width="25" height="25" ng-if="showloading" />
                                </button>

                    </div>

                </div>
                <div data-title="Upload File" bs-pane>
                    <div style="margin-top:20px;height:405px;">
                        <button class="btn btn-default" style="margin-bottom:20px;" ngf-select="uploadFiles($file, $invalidFiles)" ngf-max-size="5MB">
                                    <div ng-show="!loadingOPENrc">Upload</div>
                                     <img src="images/loading2.gif" width="25" height="25" ng-if="loadingOPENrc" />
                                    </button>

                        <!--<div ng-show="displayOpenrcFile!=null || displayOpenrcFile!=undefined">
                            {{displayOpenrcFile.name}} last modified: {{filelastModified}}
                        </div>-->
                    </div>
                </div>
            </div>



        </div>


    </div>

</div>
<toaster-container></toaster-container>

<style>
    .form-control {
        border-radius: 5px;
        width: 200px;
        margin-bottom: 10px;
    }

    .uploadbutton {
        background-color: #007ACC;
        color: #fff;
        border: 0px;
        border-radius: 5px;
        height: 27px;
    }

    .edit-title {
        border: 0px;
        background-color: #ffffff;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .null-edit-title {
        border: 1px solid #e5e6e7;
        border-radius: 5px;
        margin-bottom: 3px;
    }

    .item-info {
        display: flex;
        flex-direction: row;
    }

    .delete-img {
        width: 15px;
        height: 15px;
        opacity: 0.8;
        margin-left: -10px;
        margin-top: -3px;
        cursor: pointer;
    }

    .nextButton {
        margin-top: 30px;
        border: none;
        border-radius: 5px;
        padding: 6px;
        background-color: #339933;
        color: #ffffff;
        text-align: center;
        /* margin-left: 300px; */
    }
</style>