Skip to content

Commit

Permalink
updated the UI
Browse files Browse the repository at this point in the history
  • Loading branch information
@Danushka2
Danushka2 committed Oct 11, 2020
1 parent 6739e57 commit ddb7095
Show file tree
Hide file tree
Showing 6 changed files with 183 additions and 27 deletions.
2 changes: 1 addition & 1 deletion .spyproject/config/backups/workspace.ini.bak
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,5 @@ save_non_project_files = False

[main]
version = 0.2.0
recent_files = ['app.py', 'models\\PricePredictionDecisionTreeModel.py', 'models\\GenreClassification.py', 'models\\Score_Prediction_by_GS_MLR.py']
recent_files = ['app.py', 'models\\PricePredictionDecisionTreeModel.py', 'models\\GenreClassification.py', 'models\\User_Score_Prediction_Clustering.py', 'models\\graphs.py']

2 changes: 1 addition & 1 deletion .spyproject/config/workspace.ini
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,5 @@ save_non_project_files = False

[main]
version = 0.2.0
recent_files = ['app.py', 'models\\PricePredictionDecisionTreeModel.py', 'models\\GenreClassification.py', 'models\\Score_Prediction_by_GS_MLR.py']
recent_files = ['app.py', 'models\\PricePredictionDecisionTreeModel.py', 'models\\GenreClassification.py', 'models\\User_Score_Prediction_Clustering.py', 'models\\graphs.py']

8 changes: 4 additions & 4 deletions app.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ def home():
),
],
layout=dict(
title='Platform vs Glable Sales'
title='Platform vs Global Sales'
)
),

Expand All @@ -46,7 +46,7 @@ def home():
)
],
layout=dict(
title='Genre vs Globle Sales'
title='Genre vs Global Sales'
)
)
]
Expand Down Expand Up @@ -155,7 +155,7 @@ def cGenre():
),
],
layout=dict(
title='Avarage Glable Sales'
title='Average Global Sales'
)
)
]
Expand Down Expand Up @@ -222,7 +222,7 @@ def genreClassify():
),
],
layout=dict(
title='Avarage Glable Sales'
title='Avarage Global Sales'
)
)
]
Expand Down
81 changes: 79 additions & 2 deletions templates/genre-classify.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,14 +200,91 @@ <h3 class="menu-title">Icons</h3><!-- /.menu-title -->

<div class="content mt-3">

<div class="col-sm-6 col-lg-3">
<div class="card text-white bg-flat-color-1">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton1" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">10+</span>
</h4>
<p class="text-light">Genres</p>
</div>

</div>
</div>
<!--/.col-->

<div class="col-sm-6 col-lg-3">
<div class="card text-white bg-flat-color-2">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton2" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">100M+</span>
</h4>
<p class="text-light">Globle Sales</p>

</div>
</div>
</div>
<!--/.col-->

<div class="col-sm-6 col-lg-3">
<div class="card text-white bg-flat-color-3">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton3" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">100+</span>
</h4>
<p class="text-light">Platforms</p>

</div>
</div>
</div>
<!--/.col-->

<div class="col-sm-6 col-lg-3 ">
<div class="card text-white bg-flat-color-4">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton4" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">1000+</span>
</h4>
<p class="text-light">Developers</p>

</div>
</div>
</div>
<!--/.col-->

<div class="ml-form">
<div class="container-model-form row">

<form action="/c-genre" method="post" class="ml-form-form validate-form col-md-6">

<h2 style="text-align: center;">Classify the Genre</h2>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">Lorem ipsum
dolor sit amet consectetur adipisicing elit.</p>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">
What kind of a video game is this
</p>

<div class="wrap-input1 validate-input mt-3" data-validate="Name is required">
<input class="input1" type="text" name="gameName" placeholder="Game Name">
Expand Down
112 changes: 95 additions & 17 deletions templates/sale-prediction.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,15 +200,91 @@ <h3 class="menu-title">Icons</h3><!-- /.menu-title -->

<div class="content mt-3">

<div class="col-sm-6 col-lg-3">
<div class="card text-white bg-flat-color-1">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton1" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">10+</span>
</h4>
<p class="text-light">Genres</p>
</div>

</div>
</div>
<!--/.col-->

<div class="col-sm-6 col-lg-3">
<div class="card text-white bg-flat-color-2">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton2" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">100M+</span>
</h4>
<p class="text-light">Globle Sales</p>

</div>
</div>
</div>
<!--/.col-->

<div class="col-sm-6 col-lg-3">
<div class="card text-white bg-flat-color-3">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton3" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">100+</span>
</h4>
<p class="text-light">Platforms</p>

</div>
</div>
</div>
<!--/.col-->

<div class="col-sm-6 col-lg-3 ">
<div class="card text-white bg-flat-color-4">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton4" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">1000+</span>
</h4>
<p class="text-light">Developers</p>

</div>
</div>
</div>
<!--/.col-->

<div class="ml-form">
<div class="container-model-form row">
<div class="col-md-6">
<form action="/p-sales-new" method="post" class="ml-form-form validate-form w-100">

<h2 style="text-align: center;">Predict the sales</h2>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">Lorem
ipsum
dolor sit amet consectetur adipisicing elit.</p>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">
Find out how the video game will do in the global market
</p>

<div class="wrap-input1 validate-input mt-3" data-validate="Name is required">
<input class="input1" type="text" name="saleYear" placeholder="Sale Year">
Expand Down Expand Up @@ -252,9 +328,9 @@ <h2 style="text-align: center;">Predict the sales</h2>
<form action="/user-score-p" method="post" class="ml-form-form validate-form w-100">

<h2 style="text-align: center;">Predict the User Score</h2>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">Lorem
ipsum
dolor sit amet consectetur adipisicing elit.</p>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">
How well the fans would react to your new game
</p>

<div class="wrap-input1 validate-input mt-3" data-validate="Name is required">
<input class="input1" type="text" name="cScore" placeholder="User Score">
Expand All @@ -268,7 +344,7 @@ <h2 style="text-align: center;">Predict the User Score</h2>
</div>

<div class="wrap-input1 validate-input mt-3" data-validate="Name is required">
<input class="input1" type="text" name="cCount" placeholder="Count">
<input class="input1" type="text" name="cCount" placeholder="Critic Score">
<span class="shadow-input1"></span>
</div>

Expand All @@ -284,28 +360,30 @@ <h2 style="text-align: center;">Predict the User Score</h2>

<div class="results row mt-5">
<div class="col-md-6 mx-auto">
<div class="card text-white bg-flat-color-1" style="border: 1px solid #000000; border-radius: 5px;">
<div class="card text-white bg-flat-color-1"
style="border: 1px solid #000000; border-radius: 5px;">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton1" data-toggle="dropdown">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light"
type="button" id="dropdownMenuButton1" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
<h4 class="mb-0">
<span class="count">{{ rVal }}</span>
</h4>
<p class="text-light">Globle Sales(Millions)</p>
<p class="text-light">Global Sales (Millions)</p>
</div>

</div>
</div>
<div class="col-md-6 mx-auto">
<div class="card text-white bg-flat-color-1" style="border: 1px solid #000000; border-radius: 5px;">
<div class="card text-white bg-flat-color-1"
style="border: 1px solid #000000; border-radius: 5px;">
<div class="card-body pb-3">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light" type="button"
id="dropdownMenuButton1" data-toggle="dropdown">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light"
type="button" id="dropdownMenuButton1" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>
</div>
Expand All @@ -314,14 +392,14 @@ <h4 class="mb-0">
</h4>
<p class="text-light">User Score</p>
</div>

</div>
</div>
</div>
</div>

</div>

</div>


Expand Down
5 changes: 3 additions & 2 deletions templates/uscore-cluster.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -205,8 +205,9 @@ <h3 class="menu-title">Icons</h3><!-- /.menu-title -->

<form action="/us-cluster" method="post" class="ml-form-form validate-form col-md-6">
<h2 style="text-align: center;">Cluster the User Score</h2>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">Lorem ipsum
dolor sit amet consectetur adipisicing elit.</p>
<p class="mt-5 w-75 m-auto" style="text-align: center; font-family: 'Open Sans';">

</p>

<div class="wrap-input1 validate-input mt-3" data-validate="Name is required">
<input class="input1" type="text" name="cScore"
Expand Down

0 comments on commit ddb7095

Please sign in to comment.