Dodati su html i css fajlovi za stranicu treniranih modela.

1 files changed, 300 insertions, 0 deletions

diff --git a/frontend/src/app/_pages/my-models/my-models.component.css b/frontend/src/app/_pages/my-models/my-models.component.css
index e69de29b..7a480e07 100644
--- a/frontend/src/app/_pages/my-models/my-models.component.css
+++ b/frontend/src/app/_pages/my-models/my-models.component.css
@@ -0,0 +1,300 @@
+body{
+   background-image:url('ann.jpg'); 
+   background-repeat: no-repeat;
+   width: 100%;
+   height: 100%;
+   background-size:100% 150%;
+   font-size: 20px;
+   font-family: sans-serif;
+   color: #001B2E;
+
+}
+p{
+    margin-left:5%
+}
+#container{
+    background-color: #F8F4F0;
+    width: 1300px;
+    height: 700px;
+    margin: auto;
+    color: #001B2E;
+}
+#navbar{
+    background-color: #001B2E;
+    width: 100%;
+    height: 10%;
+    margin: 0;
+}
+#info{
+    background-color: #F8F4F0;
+    width: 100%;
+    height: 5%;
+    margin: 0;
+}
+#search{
+    background-color: white;
+    width: 70%;
+    height: 100%;
+    margin: 0;
+    margin-top: 0;
+}
+#main{
+    position: relative;
+    background-color: #88B7B5;
+    width:100%;
+    height: 99%;
+    margin: 0;
+    display: table;
+}
+#rows{
+    position: absolute;
+    background-color: whitesmoke;
+    width: 30%;
+    height: 88%;
+    margin: auto;
+    margin-top:1%;
+    margin-left: 1%;
+    
+    float:left;
+    overflow:scroll;
+    overflow-x: hidden;
+
+}
+.datasetinfo {
+    position: relative;
+    width: 97%;
+    height: 10%;
+    margin: auto;
+    background-color: #E03616;
+    display: inline-block;
+    margin-top: 2%;
+    margin-left: 1%;
+    box-shadow: 0 7px 7px -3px buttonshadow;
+    color: whitesmoke;
+}
+.id{
+    position: relative;
+    width: 5%;
+    height: 100%;
+    background-color:#E03616;
+    float: left;
+    margin-left:0.5%;
+}
+.name {
+    position: relative;
+    width: 52%;
+    height: 100%;
+    background-color: #E03616;
+    float: left;
+    margin-left:0.5%;
+    margin-right: 1%;
+}
+
+.descriptiondsi {
+    position: relative;
+    width: 52%;
+    height: 100%;
+    background-color: #E03616; 
+    float: left;
+    margin-left:0.5%;
+}
+
+.datedsi {
+    position: relative;
+    width: 32%;
+    height: 100%;
+    background-color: #E03616;
+    margin-right: 2%;
+    float: left;
+    margin-left:0.5%;
+}
+
+.delete {
+    position: relative;
+    width: 5%;
+    height: 50%;
+    background-color: #E03616;
+    float: left;
+    margin-left:0.5%;
+    margin-top: 4%;
+}
+.delete img{
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-color: #E03616;
+    float:right;
+    margin: auto;
+
+}
+#totalcount{
+    background-color: whitesmoke;
+    width: 30%;
+    height:5%;
+    margin: auto;
+    margin-top:49%;
+    margin-left: 1%;
+    position:absolute;
+    float:left;
+
+}
+
+#right{
+    background-color:#88B7B5;
+    width: 67%;
+    height: 97%;
+    margin: auto;
+    margin-top:1%;
+    margin-left: 32%;
+    position: absolute;
+    float:right;
+    color: #001B2E;
+}
+#infor{
+    background-color:#eff5f5;
+    width: 73%;
+    height: 5%;
+    margin-left: 27.5%;
+    margin-top: 0%;    
+    position: relative;
+    color: #001B2E;
+    color: #001B2E;
+    text-align: center;
+}
+#show{
+    font-size: 75%;
+    background-color:#eff5f5;
+    width: 97%;
+    height: 80%;
+    margin: auto;
+    margin-top: 2%;    
+    position: relative;
+    color: #001B2E;
+    margin-left: 3%;
+ 
+}
+#description{
+    color: #001B2E;
+    background-color:#eff5f5;
+    width: 97%;
+    height: 10%;
+    overflow: scroll;
+    overflow-x: hidden;
+    margin: auto;
+    margin-top: 1%;  
+    margin-left: 3%;
+    position: relative;
+}
+#columnsshow{
+    background-color:#eff5f5;
+    width: 100%;
+    height: 10%;
+    margin: auto;
+    margin-top: 1%;    
+    position: relative;
+    color: #001B2E;
+ 
+}
+#iocolumns{
+    background-color:#eff5f5;
+    width: 100%;
+    height: 20%;
+    margin: auto;
+    margin-top: 1%;    
+    position: relative;
+    color: #001B2E;
+}
+#params{
+    display: table;
+    background-color:#eff5f5;
+    width: 100%;
+    height: 20%;
+    margin: auto;
+    margin-top: 2%;    
+    position: relative;
+    color: #001B2E;
+}
+#paramsp{
+    background-color:#eff5f5;
+    width: 45%;
+    height: 90%;
+    margin: auto;
+    margin-top: 0%;    
+    position: relative;
+    float:left;
+    color: #001B2E;
+}
+#paramst{
+    background-color:#eff5f5;
+    width: 45%;
+    height: 90%;
+    
+    margin-top: 0%;
+    margin-right: 2%;    
+    position: relative;
+    float:right;
+    color: #001B2E;
+}
+#table{
+    background-color:#eff5f5;
+    width: 97%;
+    height: 15%;
+    margin: auto;
+    margin-top: 2%;    
+    position: relative;
+    color: #001B2E;
+    border-bottom: 1px solid #88B7B5;
+    border-top: 1px solid #88B7B5;
+}
+table{
+    width:100%;
+    height: 100%;
+    margin: auto;
+    text-align: center;
+    color: #001B2E;
+}
+#footer{
+    display: table;
+    background-color:#eff5f5;
+    width: 100%;
+    height: 10%;
+    margin: auto;
+    margin-top: 2%;    
+    position: relative;
+    color: #001B2E;
+}
+#created{
+    background-color:#eff5f5;
+    width: 30%;
+    height: 100%;
+    margin: auto;
+    margin-top: 1%; 
+    margin-left: 1%;
+    position: relative;
+    float:left;
+    font-size: 100%;
+    color: #001B2E;
+}
+#delete{
+    background-color:#E03616;    
+    width: 100%;
+    height: 14%;
+    margin: auto;
+    margin-top: 2%; 
+    color: #F8F4F0;
+    position: relative;
+    float:right;
+    font-size: 150%;
+}
+#delete input{
+    background-color:#E03616;
+    width: 100%;
+    height: 100%;
+    margin: auto;
+    border: none;
+    border-radius: 0;
+    position: relative;
+    float:right;
+    font-size: 100%;
+    color: #001B2E;
+}