diff --git a/app/assets/stylesheets/application.css.scss.erb b/app/assets/stylesheets/application.css.scss.erb index 97d389df1..743cc8c1d 100644 --- a/app/assets/stylesheets/application.css.scss.erb +++ b/app/assets/stylesheets/application.css.scss.erb @@ -42,6 +42,7 @@ @import "fair_assement"; @import "instances_table"; @import "file_uploader"; +@import "browse"; @import "flatpickr/dist/themes/light"; /* Bootstrap and Font Awesome */ diff --git a/app/assets/stylesheets/browse.scss b/app/assets/stylesheets/browse.scss new file mode 100644 index 000000000..c3ae7b3b0 --- /dev/null +++ b/app/assets/stylesheets/browse.scss @@ -0,0 +1,27 @@ +.browse-main-container{ + margin: 2% 5%; +} +.browse-container{ + display: flex; +} +#sorting{ + margin-bottom: 2em; +} +@media (max-width: 991px){ + .browse-container{ + display: block; + } + #facets{ + width: 100%; + margin-right: 0%; + } + #searching{ + padding-bottom:5px; + } +} + +@media (max-width: 650px){ + #sorting{ + margin-bottom: 4em; + } +} diff --git a/app/views/ontologies/browse.html.erb b/app/views/ontologies/browse.html.erb index c35fdd01c..31408cae9 100644 --- a/app/views/ontologies/browse.html.erb +++ b/app/views/ontologies/browse.html.erb @@ -7,7 +7,7 @@

please wait...

-
+

Browse

<%= t('ontologies.intro').html_safe %> @@ -31,275 +31,275 @@ categories: {{facets.categories.active}}
Selected ontologies: {{visible_ont_count}} - -

- <%if session[:user].nil?%> - - Submit New Ontology - - <%else%> - - Submit New Ontology - - <%end%> - - -
-

Entry Type

-
- - - -
-
+
+
+ <%if session[:user].nil?%> + + Submit New Ontology + + <%else%> + + Submit New Ontology + + <%end%> + + +
+

Entry Type

+
+ + + +
+
+
-
-
-

Uploaded in the Last

-
- +
+

Uploaded in the Last

+
+ +
-
-
-

Category

-
- - - - ({{facet_counts["categories"][category.id] || 0}}) -
-
+
+

Category

+
+ + + + ({{facet_counts["categories"][category.id] || 0}}) +
+
+
-
-
-

Group

-
- - - - ({{facet_counts["groups"][group.id] || 0}}) -
-
+
+

Group

+
+ + + + ({{facet_counts["groups"][group.id] || 0}}) +
+
+
-
-
-

Format

-
- - - - ({{facet_counts["formats"][format] || 0}}) -
-
+
+

Format

+
+ + + + ({{facet_counts["formats"][format] || 0}}) +
+
+
-
-
-

Ontology Content

-
- - - - ({{facet_counts["artifacts"][artifact] || 0}}) -
-
+
+

Ontology Content

+
+ + + + ({{facet_counts["artifacts"][artifact] || 0}}) +
+
+
-
-
-

Natural Language

-
- - - - ({{facet_counts["natural_languages"][language_uri] || 0}}) -
-
+
+

Natural Language

+
+ + + + ({{facet_counts["natural_languages"][language_uri] || 0}}) +
+
+
-
-
-

Formality Levels

-
- - - - ({{facet_counts["formality_levels"][formality_uri] || 0}}) -
-
+
+

Formality Levels

+
+ + + + ({{facet_counts["formality_levels"][formality_uri] || 0}}) +
+
+
-
-
-

Is of Type

-
- - - - ({{facet_counts["is_of_type"][is_of_type_uri] || 0}}) -
-
+
+

Is of Type

+
+ + + + ({{facet_counts["is_of_type"][is_of_type_uri] || 0}}) +
+
+
-
-
-

Missing Status

-
- +
+

Missing Status

+
+ +
-
- -
-
-
- -
+
+
+
+ +
-
-
- Showing {{visible_ont_count}} of {{ontologies.length}} - - +
+
+ Showing {{visible_ont_count}} of {{ontologies.length}} + + +
-
-
-
-

No matches!

+
+
+

No matches

+
-
-
-
-
VIEW
-

- - {{$index}} - {{ontology.name}} ({{ontology.acronym}}) +
+
+
VIEW
+

+ + {{$index}} + {{ontology.name}} ({{ontology.acronym}}) + + +

+
+

{{ontology.description | descriptionToText}}

+ + Uploaded: {{ontology.creationDate | date:'shortDate'}} + + + Format: {{ontology.format}} + + + View of: {{ontology.viewOfOnt.acronym}} + + + Summary Only + + + Groups: {{groupAcronyms(ontology.groups).join(', ')}} + + + Categories: {{categoryNames(ontology.categories).join(', ')}} + + + + Admins: {{adminUsernames(ontology.administeredBy).join(', ')}} + + + Pull URL + + + Status: {{ontology.submissionStatusFormatted}} + + +
+ + No submissions available +
+ + + +

-
-

{{ontology.description | descriptionToText}}

- - Uploaded: {{ontology.creationDate | date:'shortDate'}} - - - Format: {{ontology.format}} - - - View of: {{ontology.viewOfOnt.acronym}} - - - Summary Only - - - Groups: {{groupAcronyms(ontology.groups).join(', ')}} - - - Categories: {{categoryNames(ontology.categories).join(', ')}} - - - - Admins: {{adminUsernames(ontology.administeredBy).join(', ')}} - - - Pull URL - - - Status: {{ontology.submissionStatusFormatted}} - - -
- No submissions available -
+ +
+
+
classes
+
{{ontology.class_count_formatted}}
+
+
+
+ +
+
+
{{ontology.format === 'SKOS' ? "concepts" : "instances"}}
+
{{ontology.individual_count_formatted}}
+
+
+
+ +
+
+
projects
+
{{ontology.projects.length}}
+
+
+
-
-