tmont/vgquotes
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

more style updates to the quote form

Browse Source
This commit is contained in:
tmont 2011-02-24 21:00:22 +00:00
parent d779e17c11
commit 7286a8c126
3 changed files with 173 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Src/VideoGameQuotes.Web/Views/Quote/EditQuoteForm.ascx
View File

@ -60,7 +60,7 @@
<fieldset> <fieldset>
<legend>Create new system</legend> <legend>Create new system</legend>
<p class="error-message"></p> <p class="error-summary"></p>
<p> <p>
<%= Html.Label("Name", "SystemName", new { @class = "label" })%> <%= Html.Label("Name", "SystemName", new { @class = "label" })%>
@ -80,8 +80,10 @@
<%= Html.TextBox("SystemReleaseDate", null) %> <%= Html.TextBox("SystemReleaseDate", null) %>
</p> </p>
<%= Html.Button("Save System", new { id = "create-system-submit" })%> <p>
<%= Html.Button("Cancel", new { id = "create-system-cancel" })%> <a href="#" class="submit-link button-link" id="create-system-submit" title="save sstemy">Save System</a>
<a href="#" class="cancel-link button-link" id="create-system-cancel" title="cancel">Cancel</a>
</p>
</fieldset> </fieldset>
</div> </div>
@ -96,7 +98,7 @@
<fieldset> <fieldset>
<legend>Create new publisher</legend> <legend>Create new publisher</legend>
<p class="error-message"></p> <p class="error-summary"></p>
<p> <p>
<%= Html.Label("Name", "PublisherName", new { @class = "label" })%> <%= Html.Label("Name", "PublisherName", new { @class = "label" })%>
@ -115,8 +117,10 @@
</fieldset> </fieldset>
</div> </div>
<%= Html.Button("Save Game", new { id = "create-game-submit" })%> <p>
<%= Html.Button("Cancel", new { id = "create-game-cancel" })%> <a href="#" class="submit-link button-link" id="create-game-submit" title="save game">Save Game</a>
<a href="#" class="cancel-link button-link" id="create-game-cancel" title="cancel">Cancel</a>
</p>
</fieldset> </fieldset>
</div> </div>

6
Src/VideoGameQuotes.Web/media/css/global.css
View File

@ -181,6 +181,12 @@ ul.menu {
.cancel-link { .cancel-link {
background: transparent url(/media/images/cancel.png) left center no-repeat; background: transparent url(/media/images/cancel.png) left center no-repeat;
} }
.button-link {
background-color: #FFFFFF;
padding: 2px 2px 2px 18px;
border: 1px solid #000000 !important;
color: #000000 !important;
}
.checkbox-table { .checkbox-table {
} }

252
Src/VideoGameQuotes.Web/media/js/vgquotes.js
View File

@ -30,6 +30,8 @@
.insertAfter($input); .insertAfter($input);
} }
}); });
return this;
}; };
$.fn.clearModelErrors = function() { $.fn.clearModelErrors = function() {
@ -43,6 +45,8 @@
.find(".error-summary") .find(".error-summary")
.empty() .empty()
.hide(); .hide();
return this;
}; };
$.vgquotes = function() { $.vgquotes = function() {
@ -313,6 +317,7 @@
.find("input[type='checkbox']").removeAttr("checked").end() .find("input[type='checkbox']").removeAttr("checked").end()
.find("> .edit-mode").val(0).end() .find("> .edit-mode").val(0).end()
.find("> fieldset > legend").text("Create new " + type).end() .find("> fieldset > legend").text("Create new " + type).end()
.clearModelErrors()
.toggle(); .toggle();
$("#" + type + "-select").toggle(); $("#" + type + "-select").toggle();
@ -344,114 +349,163 @@
$("#create-publisher-link, #create-publisher-cancel").click(toggleFormAndLink("publisher")); $("#create-publisher-link, #create-publisher-cancel").click(toggleFormAndLink("publisher"));
$("#create-system-submit").click(function() { $("#create-system-submit").click(function() {
var $container = $("#create-system-form"); var submitting = false;
var data = { SystemName: $("#SystemName").val(), SystemAbbreviation: $("#SystemAbbreviation").val(), SystemReleaseDate: $("#SystemReleaseDate").val() }; return function() {
var url = "/system/create"; if (submitting) {
var systemId = $container.find("> .edit-mode").val(); return false;
if (systemId > 0) {
url = "/system/edit";
data.SystemId = systemId;
}
$.ajax(url, {
type: "POST",
data: data,
beforeSend: function() { $container.clearModelErrors(); },
success: function(data, statux, $xhr) {
if (data.Error !== null) {
$container.applyModelErrors(data.Error, data.Data);
return;
}
if (systemId <= 0) {
//add checkbox to table
addNewCheckbox($("#system-checkbox-table"), "SystemIds", data.Data.Id, data.Data.Abbreviation, 6);
} else {
//update checkbox's label with new abbreviation
$("#system-checkbox-table").find("input[value='" + data.Data.Id +"'] + label").text(data.Data.Abbreviation);
}
toggleFormAndLink("system")();
} }
});
return false; submitting = true;
});
var $container = $("#create-system-form");
var $link = $(this);
var data = { SystemName: $("#SystemName").val(), SystemAbbreviation: $("#SystemAbbreviation").val(), SystemReleaseDate: $("#SystemReleaseDate").val() };
var url = "/system/create";
var systemId = $container.find("> .edit-mode").val();
if (systemId > 0) {
url = "/system/edit";
data.SystemId = systemId;
}
$.ajax(url, {
type: "POST",
data: data,
beforeSend: function() {
$container.clearModelErrors();
$link.toggleClass("submit-link loading-link");
},
success: function(data, statux, $xhr) {
if (data.Error !== null) {
$container.applyModelErrors(data.Error, data.Data);
return;
}
if (systemId <= 0) {
//add checkbox to table
addNewCheckbox($("#system-checkbox-table"), "SystemIds", data.Data.Id, data.Data.Abbreviation, 6);
} else {
//update checkbox's label with new abbreviation
$("#system-checkbox-table").find("input[value='" + data.Data.Id +"'] + label").text(data.Data.Abbreviation);
}
toggleFormAndLink("system")();
},
complete: function() {
submitting = false;
$link.toggleClass("submit-link loading-link");
}
});
return false;
};
}());
$("#create-publisher-submit").click(function() { $("#create-publisher-submit").click(function() {
var $container = $("#create-publisher-form"); var submitting = false;
var data = { PublisherName: $("#PublisherName").val(), PublisherWebsite: $("#PublisherWebsite").val() }; return function() {
var url = "/publisher/create"; if (submitting) {
var publisherId = $container.find("> .edit-mode").val(); return false;
if (publisherId > 0) {
url = "/publisher/edit";
data.PublisherId = publisherId;
}
$.ajax(url, {
type: "POST",
data: data,
beforeSend: function() { $container.clearModelErrors(); },
success: function(data, statux, $xhr) {
if (data.Error !== null) {
$container.applyModelErrors(data.Error, data.Data);
return;
}
if (publisherId <= 0) {
addNewCheckbox($("#publisher-checkbox-table"), "PublisherIds", data.Data.Id, data.Data.Name, 4);
} else {
//update publisher name
$("#publisher-checkbox-table").find("input[value='" + data.Data.Id +"'] + label").text(data.Data.Name);
}
toggleFormAndLink("publisher")();
} }
});
return false; submitting = true;
}); var $container = $("#create-publisher-form");
var $link = $(this);
var data = { PublisherName: $("#PublisherName").val(), PublisherWebsite: $("#PublisherWebsite").val() };
var url = "/publisher/create";
var publisherId = $container.find("> .edit-mode").val();
if (publisherId > 0) {
url = "/publisher/edit";
data.PublisherId = publisherId;
}
$.ajax(url, {
type: "POST",
data: data,
beforeSend: function() {
$container.clearModelErrors();
$link.toggleClass("submit-link loading-link");
},
success: function(data, statux, $xhr) {
if (data.Error !== null) {
$container.applyModelErrors(data.Error, data.Data);
return;
}
if (publisherId <= 0) {
addNewCheckbox($("#publisher-checkbox-table"), "PublisherIds", data.Data.Id, data.Data.Name, 4);
} else {
//update publisher name
$("#publisher-checkbox-table").find("input[value='" + data.Data.Id +"'] + label").text(data.Data.Name);
}
toggleFormAndLink("publisher")();
},
complete: function() {
submitting = false;
$link.toggleClass("submit-link loading-link");
}
});
return false;
}
}());
$("#create-game-submit").click(function() { $("#create-game-submit").click(function() {
var regions = [], publishers = [], systems = [], data = { GameName: $("#GameName").val(), GameWebsite: $("#GameWebsite").val(), GameIcon: $("#GameIcon").val() }; var submitting = false;
$("input:checked[name='GameRegions']").each(function(index, input) { if (typeof(data.GameRegions) === "undefined") { data.GameRegions = []; } data.GameRegions.push(input.value); }); return function() {
$("input:checked[name='SystemIds']").each(function(index, input) { if (typeof(data.SystemIds) === "undefined") { data.SystemIds = []; } data.SystemIds.push(input.value); }); if (submitting) {
$("input:checked[name='PublisherIds']").each(function(index, input) { if (typeof(data.PublisherIds) === "undefined") { data.PublisherIds = []; } data.PublisherIds.push(input.value); }); return false;
var $container = $("#create-game-form");
var url = "/game/create";
var submittingAnEdit = $("#create-game-form > .edit-mode").val() == 1;
if (submittingAnEdit) {
url = "/game/edit";
data.GameId = $("#GameId").val();
}
$.ajax(url, {
type: "POST",
data: data,
traditional: true,
beforeSend: function() { $container.clearModelErrors(); },
success: function(data, status, $xhr) {
if (data.Error !== null) {
$container.applyModelErrors(data.Error, data.Data);
return;
}
if (!submittingAnEdit) {
$("#GameId")
.append($("<option/>").attr({ value: data.Data.Id}).text(data.Data.Name))
.val(data.Data.Id);
} else {
$("#GameId option[value='" + data.Data.Id + "']").text(data.Data.Name); //make sure the new name is up to date
}
toggleFormAndLink("game")();
} }
});
return false; submitting = true;
}); var regions = [], publishers = [], systems = [], data = { GameName: $("#GameName").val(), GameWebsite: $("#GameWebsite").val(), GameIcon: $("#GameIcon").val() };
$("input:checked[name='GameRegions']").each(function(index, input) { if (typeof(data.GameRegions) === "undefined") { data.GameRegions = []; } data.GameRegions.push(input.value); });
$("input:checked[name='SystemIds']").each(function(index, input) { if (typeof(data.SystemIds) === "undefined") { data.SystemIds = []; } data.SystemIds.push(input.value); });
$("input:checked[name='PublisherIds']").each(function(index, input) { if (typeof(data.PublisherIds) === "undefined") { data.PublisherIds = []; } data.PublisherIds.push(input.value); });
var $container = $("#create-game-form");
var $link = $(this);
var url = "/game/create";
var submittingAnEdit = $("#create-game-form > .edit-mode").val() == 1;
if (submittingAnEdit) {
url = "/game/edit";
data.GameId = $("#GameId").val();
}
$.ajax(url, {
type: "POST",
data: data,
traditional: true,
beforeSend: function() {
$container.clearModelErrors();
$link.toggleClass("submit-link loading-link");
},
success: function(data, status, $xhr) {
if (data.Error !== null) {
$container.applyModelErrors(data.Error, data.Data);
return;
}
if (!submittingAnEdit) {
$("#GameId")
.append($("<option/>").attr({ value: data.Data.Id}).text(data.Data.Name))
.val(data.Data.Id);
} else {
$("#GameId option[value='" + data.Data.Id + "']").text(data.Data.Name); //make sure the new name is up to date
}
toggleFormAndLink("game")();
},
complete: function() {
submitting = false;
$link.toggleClass("submit-link loading-link");
}
});
return false;
}
}());
$(".dismiss-flag-link").click(function() { $(".dismiss-flag-link").click(function() {
var $link = $(this); var $link = $(this);
@ -785,6 +839,8 @@
$("body").ajaxError(function(e, xhr, options, error){ $("body").ajaxError(function(e, xhr, options, error){
$.vgquotes.ajaxErrorHandler.call(this, xhr); $.vgquotes.ajaxErrorHandler.call(this, xhr);
}); });
$("#search-query").focus();
}); });
}()); }());