diff --git a/app/index.html b/app/index.html index 7327640..4c1cf02 100644 --- a/app/index.html +++ b/app/index.html @@ -10,6 +10,7 @@ + @@ -64,6 +65,8 @@ + + diff --git a/app/scripts/app.js b/app/scripts/app.js index f5b9f8b..642baaf 100644 --- a/app/scripts/app.js +++ b/app/scripts/app.js @@ -29,8 +29,15 @@ angular 'create-tag-controller', 'delete-tag-controller', 'delete-repository-controller', + 'ui.bootstrap', + 'angular-loading-bar', ]) - .config(['$routeProvider', '$resourceProvider', function($routeProvider, $resourceProvider){ + .config(['$routeProvider', '$resourceProvider', 'cfpLoadingBarProvider', function($routeProvider, $resourceProvider, cfpLoadingBarProvider){ + + // Don't show the spinner when making XHR requests. + // Also, show the bar only if an XHR request takes longer than 50ms. + cfpLoadingBarProvider.includeSpinner = false; + cfpLoadingBarProvider.latencyThreshold = 10; // Don't strip trailing slashes from calculated URLs $resourceProvider.defaults.stripTrailingSlashes = false; diff --git a/app/scripts/directives/image-details-directive.html b/app/scripts/directives/image-details-directive.html index a7450b4..0650a82 100644 --- a/app/scripts/directives/image-details-directive.html +++ b/app/scripts/directives/image-details-directive.html @@ -7,62 +7,75 @@ -
-
- -
-

{{imageDetails.author}}

-
-
-
- -
-

{{imageDetails.comment}}

-
-
-
- -
-

{{imageDetails.created | date:'yyyy-MM-dd HH:mm:ss Z'}}

-
-
-
- -
-

{{imageDetails.docker_version}}

-
-
-
- -
-

{{imageDetails.os}}/{{imageDetails.architecture}}

-
-
-
- -
-

{{imageDetails.id | limitTo: 12}}

-
-
-
- -
-

{{imageDetails.parent | limitTo:12}}

-
-
-
- -
-

{{imageDetails.Size}}

-
-
-
-

Image Ancestry

+ + + + General information + +
+
+ +
+

{{imageDetails.author}}

+
+
+
+ +
+

+ 

{{imageDetails.comment}}
+

+
+
+
+ +
+

{{imageDetails.created | date:'yyyy-MM-dd HH:mm:ss Z'}}

+
+
+
+ +
+

{{imageDetails.docker_version}}

+
+
+
+ +
+

{{imageDetails.os}}/{{imageDetails.architecture}}

+
+
+
+ +
+

{{imageDetails.id | limitTo: 12}}

+
+
+
+ +
+

{{imageDetails.parent | limitTo: 12}}

+
+
+
+ +
+

{{imageDetails.Size}}

+
+
+
+ + + + Image Ancestry + +
+ + + {{img | limitTo:12}} + +
+ + -
- - - {{img | limitTo:12}} - -
diff --git a/app/scripts/directives/repository-list-directive.html b/app/scripts/directives/repository-list-directive.html index 306b39a..9c2983d 100644 --- a/app/scripts/directives/repository-list-directive.html +++ b/app/scripts/directives/repository-list-directive.html @@ -7,17 +7,21 @@ repositories. repository.

-
- -

- {{repo.name}} -

-

- {{repo.description}} -

- - -

Sorry!

-

No repositories match the given search term: "{{searchTerm}}".

- + +
+
Repositories filtered by "{{searchTerm}}":
+
+ + + {{repo.name}} + +

+ {{repo.description}} +

+ + +

Sorry!

+

No repositories match the given search term: "{{searchTerm}}".

+ +
diff --git a/app/scripts/directives/tag-list-directive.html b/app/scripts/directives/tag-list-directive.html index c6c428f..f14bfd9 100644 --- a/app/scripts/directives/tag-list-directive.html +++ b/app/scripts/directives/tag-list-directive.html @@ -9,13 +9,16 @@ tag.

-
- - {{tag.imageId|limitTo: 12}} - {{tag.name}} - - -

Sorry!

- No tags match the given search term: "{{searchName}}". - +
+
Tags filtered by "{{searchName}}":
+
+ + {{tag.imageId|limitTo: 12}} + {{tag.name}} + + +

Sorry!

+ No tags match the given search term: "{{searchName}}". + +
\ No newline at end of file diff --git a/app/styles/main.css b/app/styles/main.css index c4497b6..850491b 100644 --- a/app/styles/main.css +++ b/app/styles/main.css @@ -3,11 +3,7 @@ body { } .container { - margin-top: 10px; -} - -ol.breadcrumb { - margin-top: 20px; + margin-top: 0px; } ol.breadcrumb li:first-child::before { @@ -106,6 +102,10 @@ ol.breadcrumb li:first-child::before { } } +.panel-heading { + font-weight: bold; +} + /** Form validation */ @@ -115,4 +115,4 @@ ol.breadcrumb li:first-child::before { .css-form input.ng-valid.ng-dirty { background-color: #78FA89; -} +} \ No newline at end of file diff --git a/bower.json b/bower.json index cb90048..650c896 100644 --- a/bower.json +++ b/bower.json @@ -12,7 +12,9 @@ "angular-animate": "~1.3.0", "angular-touch": "~1.3.0", "angular-route": "~1.3.0", - "toastr": "~2.0.3" + "toastr": "~2.0.3", + "angular-bootstrap": "~0.11.2", + "angular-loading-bar": "~0.6.0" }, "devDependencies": { "angular-mocks": "~1.3.0",