public static class StringExtensions
{
public static string JsonAsQueryString(this string json)
{
return ParseJObject(json, string.Empty);
}
private static string ParseJObject(string json, string parentField = "")
{
var jo = (JObject)JsonConvert.DeserializeObject(json);
var query = String.Join("&",
jo.Children().Cast<JProperty>()
.Select(jp => StringExtensions.ParseJProperty(jp, parentField)));
return query;
}
private static string ParseJProperty(JProperty jp, string parentField)
{
var parentFormat = string.IsNullOrWhiteSpace(parentField) ? string.Empty : $"{parentField}.";
if (jp.Value as JArray != null)
{
// this object is an array; repeat names
var tokens = string.Join("&", jp.Value
.Select(t => $"{parentFormat}{jp.Name}={HttpUtility.UrlEncode(t.ToString())}"));
return tokens;
}
else if (jp.Value.Type == JTokenType.Object)
{
// nested object; make a recursive call
return StringExtensions.ParseJObject(jp.Value.ToString(), $"{parentFormat}{jp.Name}");
}
else
{
// normal member
return $"{parentFormat}{jp.Name}={HttpUtility.UrlEncode(jp.Value.ToString())}";
}
}
}
// jQuery required as Bootstrap uses it, but if you use another non-jQuery
// modal framework, you can modify the show() function to remove jQuery modal 'show'
//
// Example:
//
// <div id="app">
// <button type="button" class="btn btn-secondary" v-on:click="$refs.modal.show()">Modal</button>
// <confirm-component ref="modal" v-bind:options="confirmOptions()" v-on:closeCancel="cancel" v-on:closeNo="no" v-on:closeYes="yes"></confirm-component>
// </div>
//
// <script>
// var vueApp = new Vue({
// el: '#app',
// ...
//
// confirmOptions() {
// return {
// title: '<i>Do you really want to do this?</i>',
// message: 'Going to do something really <strong>major</strong>...continue?',
//
// textCancel: 'CANCEL', // defaults to 'Cancel'
// textNo: 'NO', // defaults to 'No'
// textYes: 'YES', // defaults to 'Yes'
//
// showNo: true, // defaults to true
// showNo: false, // defaults to false
// showYes: true // defaults to true
// };
// }
// cancel() {
// alert('cancel');
// },
// no() {
// alert('no');
// },
// yes() {
// alert('yes');
// }
// });
// </script>
"use strict";
Vue.component('confirm-component', {
props: ['options'],
methods: {
show() {
$('#confirmModalComponent').modal('show');
}
},
computed: {
modalTitle() {
return this.options.title ? this.options.title : '';
},
modalMessage() {
return this.options.message ? this.options.message : '';
},
modalTextCancel() {
return this.options.textCancel ? this.options.textCancel : 'Cancel';
},
modalTextNo() {
return this.options.textNo ? this.options.textNo : 'No';
},
modalTextYes() {
return this.options.textYes ? this.options.textYes : 'Yes';
},
showCancel() {
return this.options.showCancel ? this.options.showCancel : true;
},
showNo() {
return this.options.showNo ? this.options.showNo : false;
},
showYes() {
return this.options.showYes ? this.options.showYes : true;
},
closeCancel() {
this.$emit('closeCancel');
},
closeNo() {
this.$emit('closeNo');
},
closeYes() {
this.$emit('closeYes');
}
},
template: `
<div class="modal fade" id="confirmModalComponent" tabindex="-1" role="dialog" aria-labelledby="confirmModalComponentLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="confirmModalComponentLabel" v-html="modalTitle"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" v-html="modalMessage">
</div>
<div class="modal-footer justify-content-between">
<div>
<button v-if="showCancel" type="button" class="btn btn-primary" :click="closeCancel" data-dismiss="modal">{{modalTextCancel}}</button>
</div>
<div>
<button v-if="showNo" type="button" class="btn btn-primary" :click="closeNo" data-dismiss="modal">{{modalTextNo}}</button>
<button v-if="showYes" type="button" class="btn btn-success" :click="closeYes" data-dismiss="modal">{{modalTextYes}}</button>
</div>
</div>
</div>
</div>
</div>
`
});
// ...
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
// ...
}
else
{
// url rewrite; do this before UseStaticFiles
var options = new RewriteOptions().Add(
new RedirectRules(rewriteHttps: true, rewriteWww: true));
app.UseRewriter(options);
}
// ...
}
// ...
public class RedirectRules : Microsoft.AspNetCore.Rewrite.IRule
{
private readonly bool _rewriteHttps;
private readonly bool _rewriteWww;
public RedirectRules(bool rewriteHttps, bool rewriteWww)
{
_rewriteHttps = rewriteHttps;
_rewriteWww = rewriteWww;
}
public void ApplyRule(RewriteContext context)
{
//
// redirect two ways
// - http to https (if enabled)
// - non-www host to www host (if enabled)
//
const string hostRoot = "mydomain.com";
var request = context.HttpContext.Request;
var currentHost = request.Host;
HostString newHost;
// do we need to rewrite from http to https
var isNewProtocol = _rewriteHttps && request.Scheme.ToLower() == "http";
// do we need to rewrite from non-www host to www host
if (_rewriteWww && currentHost.Host == hostRoot)
newHost = new HostString($"www.{hostRoot}", currentHost.Port ?? 80);
// if either rewrite done, create a new url
if (isNewProtocol || newHost.HasValue)
{
var newUrl = new StringBuilder()
.Append(isNewProtocol ? "https" : request.Scheme)
.Append("://")
.Append(newHost.HasValue ? newHost : currentHost)
.Append(request.PathBase)
.Append(request.Path)
.Append(request.QueryString);
context.HttpContext.Response.Redirect(newUrl.ToString(), permanent: true);
context.Result = RuleResult.EndResponse;
}
}
}