Skip to content

Commit fca02df

Browse files
vishnutvishnut
committed
report fin
1 parent 53a3dd4 commit fca02df

File tree

5 files changed

+75
-44
lines changed

5 files changed

+75
-44
lines changed

‎templates/report/design.html

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -50,14 +50,19 @@
5050
</nav>
5151

5252
<div class="gradient-bg inner" style="color: white; font-family: Open Sans;">
53-
<ul>
54-
<li><a href="../report" style="color:white;">Report</a></li>
55-
<li><a href="introduction.html" style="color:white;">Introduction</a></li>
56-
<li><a href="#" style="color:white;">Design</a></li>
57-
<li><a href="tools.html" style="color:white;">Tools</a></li>
58-
<li><a href="hosting.html" style="color:white;">Hosting</a></li>
59-
</ul>
60-
53+
<br/>
54+
<div class="card text-center" style="background-color: #333; width:500px; max-width: 95%;" >
55+
<div class="card-block">
56+
<h4 class="card-title">Report Menu</h4>
57+
<p class="card-text"><br/>
58+
<a href="../report" style="color:white;">Report</a></br>
59+
<a href="introduction.html" style="color:white;">Introduction</a></br>
60+
<a href="design.html" style="color:white;">Design</a></br>
61+
<a href="tools.html" style="color:white;">Tools</a></br>
62+
<a href="hosting.html" style="color:white;">Hosting</a></br>
63+
</p>
64+
</div>
65+
</div>
6166
<br/><br/>
6267

6368
<h1><b>Design</b></h1>
@@ -67,6 +72,8 @@ <h2>UML Model</h2>
6772
<br/>
6873
Above is our UML diagram created using this text on <a href="https://yUML.me">yUML</a>:
6974
<br/>
75+
<div class="card" style="background-color: #333;" >
76+
<div class="card-block text-left" style="text: left">
7077
<pre><code style="color: white;">[Person|name: string; title: string; location: string; dob: DateTime; image_url: string; website: string;]
7178
[Company|name: string; location: string; ownership_type: enum; funding: string; description: string; image_url: string; size: int; website: string;]
7279
[Person]++&lt;1..*-1..*&gt;[Company]
@@ -77,13 +84,16 @@ <h2>UML Model</h2>
7784
[Investor]++&lt;1..*-1..*&gt;[Company]
7885
[Category|idnum:int; name: string;]
7986
[Category]++&lt;1-1..*&gt;[Investor]
80-
[Category]++&lt;1-1..*&gt;[Company]
81-
</code></pre>
87+
[Category]++&lt;1-1..*&gt;[Company]</code></pre>
88+
</div>
89+
</div>
90+
8291
We have four models: Company, Person, Investor, and School. Each model connects to two other models. Each company has a CEO, employees, and investors, people work for companies and have attended schools, investors invest in companies and schools, and schools have investors and alumni. Apart from this, each model also has additional information about each instance, such as location, description, website, etc. When creating the models, we set one-to-many and many-to-many relationships by creating tables in our <a href="http://models.py">models.py</a> file.
8392
<br/><br/>
8493
<h2>API</h2>
8594
<a href="https://sweatshop.tech/api">SWEatshop API</a><br>
86-
SWEatshop has a simple API to retrieve centralized data regarding companies along with the people, investors and schools of everyone involved. We created a RESTful API in order to satisfy get requests by returning rows from our tables in our Amazon Web Services Relational PostgreSQL Database using Flask-SQLAlchemy. In future versions, we expect to make the API accept POST and UPDATE calls as well so that the AWS database can be updated through API calls.
95+
SWEatshop has a simple API to retrieve centralized data regarding companies along with the people, investors and schools of everyone involved. We created a RESTful API in order to satisfy get requests by returning rows from our tables in our Amazon Web Services Relational PostgreSQL Database using Flask-SQLAlchemy. In future versions, we expect to make the API accept POST and UPDATE calls as well so that the AWS database can be updated through API calls.<br/>
96+
We get our data from the <a href="http://data.crunchbase.com">Crunchbase API</a>. The API has information on the companies, people, investments, and a lot more.
8797
<br/><br/>
8898
<h2>Sorting and Filtering</h2>
8999
We use JQuery, Javascript, Isotope, Jinja2, Flask, HTML, and Bootstrap to implement sorting and filtering. First we create a template using HTML and Bootstrap. Each item is represented using a Bootstrap card and the data for each card is dynamically set by Flask and Jinja2. Flask accesses the AWS Relational Database through Flask PostgreSQL SQLAlchemy and renders the retrieved information in the template by means of Jinja2. We then set classes and certain other attributes in the HTML through Flask and Jinja2 so that the filters will know what to do. The filtering and sorting functionality are implemented through the use of Isotope, Jquery, and embedded Javascript. This allows us to, upon detecting a button click, change the content of the Isotope grid in the HTML template body. In order for Isotope to recognize that an item falls under a particular filter, a class attribute must be set with the name of the filter, and the same name must be set to the respective button’s list of attributes. For the sorting function to know what data to sort by, an attribute must be created in the div surrounding the Bootstrap card for each item.

‎templates/report/hosting.html

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -49,13 +49,19 @@
4949
</div>
5050
</nav>
5151
<div class="gradient-bg inner" style="color: white; font-family: Open Sans;">
52-
<ul>
53-
<li><a href="../report" style="color:white;">Report</a></li>
54-
<li><a href="introduction.html" style="color:white;">Introduction</a></li>
55-
<li><a href="design.html" style="color:white;">Design</a></li>
56-
<li><a href="tools.html" style="color:white;">Tools</a></li>
57-
<li><a href="#" style="color:white;">Hosting</a></li>
58-
</ul>
52+
<br/>
53+
<div class="card text-center" style="background-color: #333; width:500px; max-width: 95%;" >
54+
<div class="card-block">
55+
<h4 class="card-title">Report Menu</h4>
56+
<p class="card-text"><br/>
57+
<a href="../report" style="color:white;">Report</a></br>
58+
<a href="introduction.html" style="color:white;">Introduction</a></br>
59+
<a href="design.html" style="color:white;">Design</a></br>
60+
<a href="tools.html" style="color:white;">Tools</a></br>
61+
<a href="hosting.html" style="color:white;">Hosting</a></br>
62+
</p>
63+
</div>
64+
</div>
5965
<br/>
6066
<h1><b>Hosting</b></h1>
6167
<br/>

‎templates/report/introduction.html

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -50,13 +50,19 @@
5050
</nav>
5151

5252
<div class="gradient-bg inner" style="color: white; font-family: Open Sans;">
53-
<ul>
54-
<li><a href="../report" style="color:white;">Report</a></li>
55-
<li><a href="#" style="color:white;">Introduction</a></li>
56-
<li><a href="design.html" style="color:white;">Design</a></li>
57-
<li><a href="tools.html" style="color:white;">Tools</a></li>
58-
<li><a href="hosting.html" style="color:white;">Hosting</a></li>
59-
</ul>
53+
<br/>
54+
<div class="card text-center" style="background-color: #333; width:500px; max-width: 95%;" >
55+
<div class="card-block">
56+
<h4 class="card-title">Report Menu</h4>
57+
<p class="card-text"><br/>
58+
<a href="../report" style="color:white;">Report</a></br>
59+
<a href="introduction.html" style="color:white;">Introduction</a></br>
60+
<a href="design.html" style="color:white;">Design</a></br>
61+
<a href="tools.html" style="color:white;">Tools</a></br>
62+
<a href="hosting.html" style="color:white;">Hosting</a></br>
63+
</p>
64+
</div>
65+
</div>
6066
<br/><br/>
6167

6268

‎templates/report/report.html

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@
3030
<li class="nav-item">
3131
<a class="nav-link" href="index.html">Home</a>
3232
</li>
33-
<li class="nav-item active">
34-
<a class="nav-link" href="#">About<span class="sr-only">(current)</span></a>
33+
<li class="nav-item">
34+
<a class="nav-link" href="about.html">About</a>
3535
</li>
3636
<li class="nav-item">
3737
<a class="nav-link" href="companies.html">Companies</a>
@@ -51,14 +51,19 @@
5151

5252
<div class="gradient-bg" style="color: white; font-family: Open Sans;">
5353
<br/>
54-
<ul>
55-
<li><a href="#" style="color:white;">Report</a></li>
56-
<li><a href="report/introduction.html" style="color:white;">Introduction</a></li>
57-
<li><a href="report/design.html" style="color:white;">Design</a></li>
58-
<li><a href="report/tools.html" style="color:white;">Tools</a></li>
59-
<li><a href="report/hosting.html" style="color:white;">Hosting</a></li>
60-
</ul>
61-
54+
<div class="card text-center" style="background-color: #333; width:500px; max-width: 95%;" >
55+
<div class="card-block">
56+
<h4 class="card-title">Report Menu</h4>
57+
<p class="card-text"><br/>
58+
<a href="#" style="color:white;">Report</a></br>
59+
<a href="report/introduction.html" style="color:white;">Introduction</a></br>
60+
<a href="report/design.html" style="color:white;">Design</a></br>
61+
<a href="report/tools.html" style="color:white;">Tools</a></br>
62+
<a href="report/hosting.html" style="color:white;">Hosting</a></br>
63+
</p>
64+
</div>
65+
</div>
66+
6267
<br/><br/>
6368
<h1 style="color: white; font-family: Open Sans;"><b>SWEatshop</b></h1>
6469
<h2 class="paragraph" style="color: white; font-family: Open Sans;">The Team</h2>

‎templates/report/tools.html

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -49,15 +49,19 @@
4949
</div>
5050
</nav>
5151
<div class="gradient-bg" style="color: white; font-family: Open Sans; min-height: 85vh;">
52-
<br/>
53-
<ul>
54-
<li><a href="../report" style="color:white;">Report</a></li>
55-
<li><a href="introduction.html" style="color:white;">Introduction</a></li>
56-
<li><a href="design.html" style="color:white;">Design</a></li>
57-
<li><a href="#" style="color:white;">Tools</a></li>
58-
<li><a href="hosting.html" style="color:white;">Hosting</a></li>
59-
</ul>
60-
52+
<br/>
53+
<div class="card text-center" style="background-color: #333; width:500px; max-width: 95%;" >
54+
<div class="card-block">
55+
<h4 class="card-title">Report Menu</h4>
56+
<p class="card-text"><br/>
57+
<a href="../report" style="color:white;">Report</a></br>
58+
<a href="introduction.html" style="color:white;">Introduction</a></br>
59+
<a href="design.html" style="color:white;">Design</a></br>
60+
<a href="tools.html" style="color:white;">Tools</a></br>
61+
<a href="hosting.html" style="color:white;">Hosting</a></br>
62+
</p>
63+
</div>
64+
</div>
6165
<br/>
6266

6367
<br/>

0 commit comments

Comments
 (0)