kylefang/deployd
1
0
Fork 0
mirror of https://github.com/zhigang1992/deployd.git synced 2026-05-24 05:47:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improved layout of schema editing view in dashboard.

Browse Source
This commit is contained in:
Jeff Cross
2011-12-01 21:09:29 -07:00
parent 3957f13b54
commit aa63d03e20
2 changed files with 57 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
public/dashboard/index.html
View File

@@ -102,7 +102,7 @@
<script id="collection-view-template" type="html/template">
<div class="twelve columns collection-view">
<div class="panel">
<h6><%= name %> Collection</h6>
<h2><%= name %> Collection</h2>
<p>This is the <%= name %> collection in your database. You and your users (with proper permissions) can interact with this collection with these HTTP verbs and routes:</p>
<ul>
<li>
@@ -155,7 +155,7 @@
<p class="no-items"><em>No items in collection.</em></p>
<% } %>
<div class="alert-box" style="display:none;"></div>
<a class="small radius nice blue button create-collection-item">Create New <%= name %></a>
<a class="medium radius nice blue button create-collection-item">Create New <%= name %></a>
<a class="small radius nice white button">Export <%= name %></a>
<a class="small radius nice white button">Upload <%= name %></a>
</div>
@@ -204,39 +204,13 @@
<script id="schema-view-template" type="html/template">
<div class="twelve columns">
<div class="panel">
<h6><%= name %> Schema Description</h6>
<p>
Create and edit properties below to control the validation of objects added to the <%= name %> collection.
</p>
<hr />
<h6>Select User Groups Permissions on This Model</h6>
<p>Property-specific permissions can be also be set for the model.</p>
<form class="allowed nice custom">
<table>
<thead>
<tr>
<th>Group</th>
<th>Create</th>
<th>Read</th>
<th>Update</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<% _.each(groups.results, function (val, key, obj) { %>
<tr>
<td><strong><%= val.name %></strong></td>
<td align="center"><input type="radio" name="create" value="<%= val.name %>" <% if(allowed.create === val.name) print('checked'); %> /></td>
<td align="center"><input type="radio" name="read" value="<%= val.name %>" <% if(allowed.read === val.name) print('checked'); %> /></td>
<td align="center"><input type="radio" name="write" value="<%= val.name %>" <% if(allowed.write === val.name) print('checked'); %> /></td>
<td align="center"><input type="radio" name="remove" value="<%= val.name %>" <% if(allowed.remove === val.name) print('checked'); %> /></td>
</tr>
<% }); %>
</tbody>
</table>
</form>
<hr />
<h2><%= name %> Schema</h2>
<p>Define the allowed properties of the <%= name %> schema, and who is allowed to read and manipulate objects in the <%= name %> collection.</p>
<hr />
<h4><%= name %> Schema Description</h4>
<p>
Create and edit properties below to control the validation of objects added to the <%= name %> collection.
</p>
<form class="description nice custom">
<input type="hidden" name="_id" value="<%= _id %>" />
<% if (description && _.keys(description).length <= 0) { %>
@@ -267,10 +241,36 @@
<%});%>
</form>
<a class="nice small radius white button add-new-property">+ Add New Property</a>
<hr />
<a class="nice small radius white button add-new-property">+ Add New Property</a><br /><br />
<h4>Group Permissions</h4>
<p>Set who can do what to this model.</p>
<form class="allowed nice custom">
<table>
<thead>
<tr>
<th>Group</th>
<th>Create</th>
<th>Read</th>
<th>Update</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<% _.each(groups.results, function (val, key, obj) { %>
<tr>
<td><strong><%= val.name %></strong></td>
<td align="center"><input type="radio" name="create" value="<%= val.name %>" <% if(allowed.create === val.name) print('checked'); %> /></td>
<td align="center"><input type="radio" name="read" value="<%= val.name %>" <% if(allowed.read === val.name) print('checked'); %> /></td>
<td align="center"><input type="radio" name="write" value="<%= val.name %>" <% if(allowed.write === val.name) print('checked'); %> /></td>
<td align="center"><input type="radio" name="remove" value="<%= val.name %>" <% if(allowed.remove === val.name) print('checked'); %> /></td>
</tr>
<% }); %>
</tbody>
</table>
</form>
<div class="alert-box" style="display:none"></div>
<a class="nice small radius blue button save-changes">Save Changes</a>
<a class="nice medium radius blue button save-changes">Save All Schema Changes</a>
</div>
</div>
</script>

38
public/dashboard/js/view/partial/plugin-view.js
View File

@@ -30,24 +30,6 @@ window.PluginView = Backbone.View.extend({
this.model.get("objects").each(function(obj){
var tabContent = _self.addTab(obj.get("name"), obj.get("_id"));
if (obj.get("description")) {
var _schemaModel = new SchemaModel(obj);
var _groupCollection = new CollectionModel({name: 'groups'});
_schemaModel.set({groups: _groupCollection});
var _schemaEl = $("<div />").attr("id", "id-"+obj.get('_id'));
$(tabContent).append(_schemaEl);
var _schemaView = new SchemaView({
el: _schemaEl,
model: _schemaModel
});
_schemaView.render();
_groupCollection.bind('change', function onGroupUpdate(e){
_schemaModel.get('groups').get('results').push({name:'creator',creator:'root'});
_schemaView.render();
});
_groupCollection.fetch();
}
if (obj.get("collection")) {
var _collectionModel = new CollectionModel({
name: obj.get('collection'),
@@ -65,7 +47,25 @@ window.PluginView = Backbone.View.extend({
});
_collectionModel.fetch();
_collectionView.render();
}
}
if (obj.get("description")) {
var _schemaModel = new SchemaModel(obj);
var _groupCollection = new CollectionModel({name: 'groups'});
_schemaModel.set({groups: _groupCollection});
var _schemaEl = $("<div />").attr("id", "id-"+obj.get('_id'));
$(tabContent).append(_schemaEl);
var _schemaView = new SchemaView({
el: _schemaEl,
model: _schemaModel
});
_schemaView.render();
_groupCollection.bind('change', function onGroupUpdate(e){
_schemaModel.get('groups').get('results').push({name:'creator',creator:'root'});
_schemaView.render();
});
_groupCollection.fetch();
}
});
if (typeof this.tabId !== "undefined") {