开源软件名称（OpenSource Name）：

开源软件地址(OpenSource Url)：

开源编程语言(OpenSource Language)：

开源软件介绍(OpenSource Introduction)：

angular-swagger-ui-material

Abandoned in favor of OpenAPI Specification Explorer!

Material Design template Swagger UI for based on angular-swagger-ui.

Demo

Chrome browser should work.

Main demos

Development demos

Features

• Material Design
• Responsible layout
• Configurable angular-material theme colors
• Highlight deprecated methods
• Render GFM descriptions
• Download de-referenced standalone JSON or YAML
• YAML Swagger format support
• Standard HTTP methods, status codes and headers reference thanks to know-your-http-well
• Grouped and ungrouped views
• Open response body in new window
• securityDefinitions support
• Proxy support
• Search

Search

Plugins

See src/plugins.

Reference

• angular-swagger-ui
• Swagger RESTful API documentation specification
• OpenAPI specification

Development

Install

npm install -g bower gulp
bower install
npm install

Rebuild http-data.js

gulp info

Rebuild swagger-gfm.json

gulp info

Build dist

gulp

Build demo

gulp demo

Deploy demo

gulp deploy

TODOs

• angular-swagger-ui-material
• Alternative layout in "documentation" style
• Operation permalinks
• Permalinks in description? (example)
• Scripts tab with examples
• Cross-browser compatibility (unknown)
• Optimization (one-time binding, …)
• Hot keys (search, submit)
• XML example support
• Warning about http (non SSL) submit? (dialog + do not show me again?)
• Swagger 1.2
• GFM task lists vs SCE
• E2E tests
• No more compatible with angular-swagger-ui

Usage

LoopBack with loopback-component-explorer

package.json

angular-swagger-ui-material is not published in npm, so we use napa instead

{
  "dependencies": {
    "loopback-component-explorer": "^2.4.0",
    "napa": "^2.3.0"
  },
  "napa": {
    "angular-swagger-ui-material": "darosh/angular-swagger-ui-material"
  },
  "napa-config": {
    "cache": false,
    "cache-path": "./.napa-cache",
    "log-level": "error"
  },
  "scripts": {
      "install": "napa"
  }
}

server/server.json

var loopback = require('loopback');
var explorer = require('loopback-component-explorer');

var app = module.exports = loopback();

explorer(app, {
    basePath: '/api',
    uiDirs: [
        require('angular-swagger-ui-material').dist
    ]
});