html/js page skelton
This commit is contained in:
Ayush Gupta
305
src/main/html/javascript/swagger-service.js
Normal file
305
src/main/html/javascript/swagger-service.js
Normal file
@@ -0,0 +1,305 @@
|
||||
|
||||
function SwaggerService(hostUrl) {
|
||||
// constants
|
||||
var apiHost = hostUrl || "http://swagr.api.wordnik.com/v4";
|
||||
|
||||
// utility functions
|
||||
function log(m) {
|
||||
if (window.console) console.log(m);
|
||||
}
|
||||
|
||||
function error(m) {
|
||||
if (window.console) console.log("ERROR: " + m);
|
||||
}
|
||||
|
||||
// make some models public
|
||||
this.ApiResource = function() {return ApiResource;};
|
||||
|
||||
// Model: ApiResource
|
||||
var ApiResource = Spine.Model.setup("ApiResource", ["name", "baseUrl", "path", "path_json", "path_xml", "description", "apiLists", "modelList"]);
|
||||
ApiResource.include({
|
||||
path_json: null,
|
||||
path_xml: null,
|
||||
|
||||
init: function(atts) {
|
||||
if (atts) this.load(atts);
|
||||
this.path_json = this.path + ".json";
|
||||
this.path_xml = this.path + ".xml";
|
||||
this.baseUrl = apiHost;
|
||||
this.name = this.path.substr(0, this.path.length);
|
||||
this.apiList = Api.sub();
|
||||
this.modelList = ApiModel.sub();
|
||||
},
|
||||
|
||||
addApis: function(apiObjects) {
|
||||
this.apiList.createAll(apiObjects);
|
||||
},
|
||||
|
||||
addModel: function(modelObject) {
|
||||
this.modelList.create(modelObject);
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
return this.path_json + ": " + this.description;
|
||||
}
|
||||
});
|
||||
|
||||
// Model: Api
|
||||
var Api = Spine.Model.setup("Api", ["baseUrl", "path", "path_json", "path_xml", "name", "description", "operations", "path_json", "path_xml"]);
|
||||
Api.include({
|
||||
init: function(atts) {
|
||||
if (atts) this.load(atts);
|
||||
|
||||
this.baseUrl = apiHost;
|
||||
|
||||
var secondPathSeperatorIndex = this.path.indexOf("/", 1);
|
||||
if(secondPathSeperatorIndex > 0) {
|
||||
var prefix = this.path.substr(0, secondPathSeperatorIndex);
|
||||
var suffix = this.path.substr(secondPathSeperatorIndex, this.path.length);
|
||||
// log(this.path + ":: " + prefix + "..." + suffix);
|
||||
|
||||
this.path_json = prefix + ".json" + suffix;
|
||||
this.path_xml = prefix + ".xml" + suffix;;
|
||||
|
||||
if(this.path.indexOf("/") == 0) {
|
||||
this.name = this.path.substr(1, secondPathSeperatorIndex);
|
||||
} else {
|
||||
this.name = this.path.substr(0, secondPathSeperatorIndex);
|
||||
}
|
||||
} else {
|
||||
this.path_json = this.path + ".json";
|
||||
this.path_xml = this.path + ".xml";
|
||||
|
||||
if(this.path.indexOf("/") == 0) {
|
||||
this.name = this.path.substr(1, this.path.length);
|
||||
} else {
|
||||
this.name = this.path.substr(0, this.path.length);
|
||||
}
|
||||
}
|
||||
|
||||
var value = this.operations;
|
||||
this.operations = ApiOperation.sub();
|
||||
if (value) this.operations.refresh(value);
|
||||
|
||||
for(var i = 0; i < this.operations.all().length; i++) {
|
||||
var operation = this.operations.all()[i];
|
||||
operation.apiName = this.name;
|
||||
operation.path = this.path;
|
||||
operation.path_json = this.path_json;
|
||||
operation.path_xml = this.path_xml;
|
||||
}
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
var opsString = "";
|
||||
for(var i = 0; i < this.operations.all().length; i++) {
|
||||
var e = this.operations.all()[i];
|
||||
|
||||
if(opsString.length > 0)
|
||||
opsString += ", ";
|
||||
|
||||
opsString += e.toString();
|
||||
}
|
||||
return this.path_json + "- " + this.operations.all().length + " operations: " + opsString;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Model: ApiOperation
|
||||
var ApiOperation = Spine.Model.setup("ApiOperation", ["baseUrl", "path", "path_json", "path_xml", "summary", "deprecated", "open", "httpMethod", "nickname", "responseClass", "parameters", "apiName"]);
|
||||
ApiOperation.include({
|
||||
init: function(atts) {
|
||||
if (atts) this.load(atts);
|
||||
|
||||
this.baseUrl = apiHost;
|
||||
|
||||
var value = this.parameters;
|
||||
this.parameters = ApiParameter.sub();
|
||||
if (value) this.parameters.refresh(value);
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
var paramsString = "(";
|
||||
for(var i = 0; i < this.parameters.all().length; i++) {
|
||||
var e = this.parameters.all()[i];
|
||||
|
||||
if(paramsString.length > 1)
|
||||
paramsString += ", ";
|
||||
|
||||
paramsString += e.toString();
|
||||
}
|
||||
paramsString += ")";
|
||||
|
||||
return "{" + this.nickname + paramsString + ": " + this.summary + "}";
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Model: ApiParameter
|
||||
var ApiParameter = Spine.Model.setup("ApiParameter", ["name", "description", "required", "dataType", "allowableValues", "paramType", "allowMultiple"]);
|
||||
ApiParameter.include({
|
||||
init: function(atts) {
|
||||
if (atts) this.load(atts);
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
if(this.allowableValues && this.allowableValues.length > 0)
|
||||
return this.name + ": " + this.dataType + " [" + this.allowableValues + "]";
|
||||
else
|
||||
return this.name + ": " + this.dataType;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Model: ApiModel
|
||||
var ApiModel = Spine.Model.setup("ApiModel", ["id", "fields"]);;
|
||||
ApiModel.include({
|
||||
init: function(atts) {
|
||||
if (atts) this.load(atts);
|
||||
|
||||
if(!this.fields) {
|
||||
var propertiesListObject = this.properties;
|
||||
this.fields = ApiModelProperty.sub();
|
||||
|
||||
for(var propName in propertiesListObject) {
|
||||
if(propName != "parent") {
|
||||
var p = propertiesListObject[propName];
|
||||
p.name = propName;
|
||||
p.id = Spine.guid();
|
||||
// log(p);
|
||||
|
||||
this.fields.create(p);
|
||||
}
|
||||
}
|
||||
//log("got " + this.fields.count() + " fields for " + this.id);
|
||||
}
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
var propsString = "";
|
||||
|
||||
propsString += "(";
|
||||
for(var i = 0; i < this.fields.all().length; i++) {
|
||||
var e = this.fields.all()[i];
|
||||
|
||||
if(propsString.length > 1)
|
||||
propsString += ", ";
|
||||
|
||||
propsString += e.toString();
|
||||
}
|
||||
propsString += ")";
|
||||
|
||||
if(this.required)
|
||||
return this.id + " (required): " + propsString;
|
||||
else
|
||||
return this.id + ": " + propsString;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
// Model: ApiModelProperty
|
||||
var ApiModelProperty = Spine.Model.setup("ApiModelProperty", ["name", "required", "dataType"]);
|
||||
ApiModelProperty.include({
|
||||
init: function(atts) {
|
||||
if (atts) this.load(atts);
|
||||
|
||||
if(!this.dataType) {
|
||||
if(atts.type == "any")
|
||||
this.dataType = "object";
|
||||
else if(atts.type == "array") {
|
||||
if(atts.items) {
|
||||
if(atts.items.$ref) {
|
||||
this.dataType = "array[" + atts.items.$ref + "]";
|
||||
} else {
|
||||
this.dataType = "array[" + atts.items.type + "]"
|
||||
}
|
||||
} else {
|
||||
this.dataType = "array";
|
||||
}
|
||||
} else
|
||||
this.dataType = atts.type;
|
||||
}
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
if(this.required)
|
||||
return this.name + ": " + this.dataType + " (required)";
|
||||
else
|
||||
return this.name + ": " + this.dataType;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Controller
|
||||
var ModelController = Spine.Controller.create({
|
||||
countLoaded: 0,
|
||||
proxied: ["fetchResources", "loadResources", "apisLoaded", "modelsLoaded"],
|
||||
|
||||
init: function() {
|
||||
log("ModelController.init");
|
||||
|
||||
this.fetchEndpoints();
|
||||
},
|
||||
|
||||
fetchEndpoints: function() {
|
||||
var controller = this;
|
||||
|
||||
$.getJSON(apiHost + "/list.json", function(response) {
|
||||
//log(response);
|
||||
ApiResource.createAll(response.apis);
|
||||
controller.fetchResources();
|
||||
});
|
||||
},
|
||||
|
||||
fetchResources: function() {
|
||||
//log("fetchResources");
|
||||
//ApiResource.logAll();
|
||||
|
||||
for(var i = 0; i < ApiResource.all().length; i++) {
|
||||
var apiResource = ApiResource.all()[i];
|
||||
this.fetchResource(apiResource);
|
||||
}
|
||||
},
|
||||
|
||||
fetchResource: function(apiResource) {
|
||||
var controller = this;
|
||||
$.getJSON(apiHost + apiResource.path_json, function(response) {
|
||||
controller.loadResources(response, apiResource);
|
||||
});
|
||||
},
|
||||
|
||||
loadResources: function(response, apiResource) {
|
||||
try {
|
||||
this.countLoaded++;
|
||||
// log(response);
|
||||
|
||||
apiResource.addApis(response.apis);
|
||||
|
||||
//log(response.models);
|
||||
if(response.models) {
|
||||
// log("response.models.length = " + response.models.length);
|
||||
|
||||
for(var modeName in response.models) {
|
||||
var m = response.models[modeName];
|
||||
// log("creating " + m.id);
|
||||
|
||||
apiResource.addModel(m);
|
||||
// apiResource.modelList.create(m);
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
if(this.countLoaded == ApiResource.count()) {
|
||||
log("all models/api loaded");
|
||||
ApiResource.trigger("refresh");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
this.init = function() {
|
||||
this.modelController = ModelController.init();
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user