advanced claim addition tab

pull/1033/head
Justin Richer 2016-02-09 17:53:57 -05:00
parent 659646ba9a
commit 65e5476c66
2 changed files with 64 additions and 10 deletions

View File

@ -406,11 +406,13 @@ var PolicyFormView = Backbone.View.extend({
this.template = _.template($('#tmpl-policy-form').html());
}
this.scopeCollection = new Backbone.Collection();
this.issuerCollection = new Backbone.Collection();
},
events:{
'click .btn-share': 'addClaim',
'click .btn-share': 'addWebfingerClaim',
'click .btn-share-advanced': 'addAdvancedClaim',
'click .btn-save': 'savePolicy',
'click .btn-cancel': 'cancel'
},
@ -439,7 +441,7 @@ var PolicyFormView = Backbone.View.extend({
});
},
addClaim:function(e) {
addWebfingerClaim:function(e) {
e.preventDefault();
// post to the webfinger helper and get the response back
@ -533,6 +535,13 @@ var PolicyFormView = Backbone.View.extend({
this.$el.html(this.template({policy: json, rs: rs}));
// build and bind issuer view
var issuerView = new ListWidgetView({
placeholder: $.t('policy.policy-form.issuer-placeholder'),
helpBlockText: $.t('policy.policy-form.issuer-help'),
collection: this.issuerCollection});
$("#issuers .controls",this.el).html(issuerView.render().el);
$(this.el).i18n();
return this;

View File

@ -151,15 +151,60 @@
<button class="btn btn-small btn-cancel"><i class="icon-ban-circle"></i> <span data-i18n="common.cancel">Cancel</span></button>
</div>
<div id="add-required-claim">
<form class="form-horizontal">
<fieldset>
<input type="text" id="email" placeholder="email address" data-i18n="[placeholder]policy.policy-form.email-address" />
<button class="btn btn-info btn-share"><i class="icon-share icon-white"></i> <span data-i18n="policy.policy-form.share-email">Share with email address</span></button>
</fieldset>
</form>
<ul class="nav nav-tabs">
<li class="active"><a data-target="#policy-webfinger-tab" data-toggle="tab" href="#" data-i18n="policy.policy-form.webfinger">Webfinger</a></li>
<li><a data-target="#policy-advanced-tab" data-toggle="tab" href="#" data-i18n="policy.policy-form.advanced">Advanced</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="policy-webfinger-tab">
<div id="add-required-claim" class="well">
<form class="form-horizontal">
<fieldset>
<input type="text" id="email" placeholder="email address" data-i18n="[placeholder]policy.policy-form.email-address" />
<button class="btn btn-info btn-share"><i class="icon-share icon-white"></i> <span data-i18n="policy.policy-form.share-email">Share with email address</span></button>
</fieldset>
</form>
</div>
</div>
<divdiv class="tab-pane" id="policy-advanced-tab">
<div class="well">
<form class="form-horizontal">
<fieldset>
<div id="issuers" class="control-group">
<div class="controls">
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="text" id="name" placeholder="claim name" data-i18n="[placeholder]policy.policy-form.claim-name" />
<input type="text" id="friendly-name" placeholder="friendly claim name" data-i18n="[placeholder]policy.policy-form.friendly-claim-name" />
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="text" id="value" placeholder="claim value" data-i18n="[placeholder]policy.policy-form.claim-value" />
<select id="value-type">
<option value="text" data-i18n="policy.policy-form.value-type-text">Text</option>
<option value="number" data-i18n="policy.policy-form.value-type-number">Number</option>
<option value="boolean" data-i18n="policy.policy-form.value-type-boolean">Boolean</option>
<option value="json" data-i18n="policy.policy-form.value-type-json">JSON</option>
</select>
</div>
</div>
<div class="control-group">
<div class="controls">
<button class="btn btn-info btn-share-advanced"><i class="icon-share icon-white"></i> <span data-i18n="policy.policy-form.share-advanced">Add to claim set</span></button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<form class="form-horizontal">
<fieldset>