jessikitty/Disco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI Improvements: info-box css

Browse Source
This commit is contained in:
Gary Sharp
2014-06-17 00:00:56 +10:00
parent 34842012b7
commit 84a4ba281f
38 changed files with 1077 additions and 976 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Disco.Web/Areas/Config/Views/JobPreferences/Parts/Locations.cshtml
+16 -10
View File
@@ -16,8 +16,10 @@
@AjaxHelpers.AjaxSave()
@AjaxHelpers.AjaxLoader()
<div id="Config_Location_Unrestricted">
<div style="padding: 0.7em 0.7em;" class="ui-state-highlight ui-corner-all">
<i class="fa fa-info-circle information"></i>&nbsp;Technicians will be able to specify <em>any</em> value when entering a location. A selection of locations used historically will be offered.
<div class="info-box">
<p class="fa-p">
<i class="fa fa-info-circle"></i>Technicians will be able to specify <em>any</em> value when entering a location. A selection of locations used historically will be offered.
</p>
</div>
</div>
<div id="Config_Location_List">
@@ -45,20 +47,26 @@
<input type="checkbox" id="Config_Location_ListImport_Dialog_Overwrite" name="Override" value="True" /><label for="Config_Location_ListImport_Dialog_Overwrite">Override Existing List</label>
</div>
<textarea id="Config_Location_ListImport_Dialog_LocationList" name="LocationList"></textarea>
<div style="padding: 0.7em 0.7em; margin-top: 10px;" class="ui-state-highlight ui-corner-all">
<i class="fa fa-info-circle information"></i>&nbsp;Enter multiple locations separated by <code>&lt;new line&gt;</code>, commas (<code>,</code>) or semicolons (<code>;</code>).
<div class="info-box">
<p class="fa-p">
<i class="fa fa-info-circle"></i>Enter multiple locations separated by <code>&lt;new line&gt;</code>, commas (<code>,</code>) or semicolons (<code>;</code>).
</p>
</div>
</form>
</div>
</div>
<div id="Config_Location_Optional">
<div style="padding: 0.7em 0.7em;" class="ui-state-highlight ui-corner-all">
<i class="fa fa-info-circle information"></i>&nbsp;Technicians will be able to specify <em>any</em> value when entering a location. A defined list of location options is suggested.
<div class="info-box">
<p class="fa-p">
<i class="fa fa-info-circle"></i>Technicians will be able to specify <em>any</em> value when entering a location. A defined list of location options is suggested.
</p>
</div>
</div>
<div id="Config_Location_Restricted">
<div style="padding: 0.7em 0.7em;" class="ui-state-highlight ui-corner-all">
<i class="fa fa-info-circle information"></i>&nbsp;Technicians are restricted to select a location from the defined list.
<div class="info-box">
<p class="fa-p">
<i class="fa fa-info-circle"></i>Technicians are restricted to select a location from the defined list.
</p>
</div>
</div>
<script type="text/javascript">
@@ -117,7 +125,6 @@
modal: true,
autoOpen: false,
width: 350,
height: 420,
buttons: {
"Save Changes": saveChanges,
Cancel: cancel
@@ -245,7 +252,6 @@
modal: true,
autoOpen: false,
width: 350,
height: 420,
buttons: {
"Build Automatic List": function () {
$('#Config_Location_ListImport_Dialog_AutomaticList').val('True').closest('form').submit();
Disco.Web/Areas/Config/Views/JobPreferences/Parts/Locations.generated.cs
+135 -127
View File
@@ -124,17 +124,19 @@ WriteLiteral(" id=\"Config_Location_Unrestricted\"");
WriteLiteral(">\r\n <div");
WriteLiteral(" style=\"padding: 0.7em 0.7em;\"");
WriteLiteral(" class=\"info-box\"");
WriteLiteral(" class=\"ui-state-highlight ui-corner-all\"");
WriteLiteral(">\r\n <p");
WriteLiteral(">\r\n <i");
WriteLiteral(" class=\"fa-p\"");
WriteLiteral(" class=\"fa fa-info-circle information\"");
WriteLiteral(">\r\n <i");
WriteLiteral("></i>&nbsp;Technicians will be able to specify <em>any</em> value when entering a" +
" location. A selection of locations used historically will be offered.\r\n " +
" </div>\r\n </div>\r\n");
WriteLiteral(" class=\"fa fa-info-circle\"");
WriteLiteral("></i>Technicians will be able to specify <em>any</em> value when entering a locat" +
"ion. A selection of locations used historically will be offered.\r\n " +
" </p>\r\n </div>\r\n </div>\r\n");
WriteLiteral(" <div");
@@ -183,13 +185,13 @@ WriteLiteral(" class=\"none\"");
WriteLiteral(">\r\n");
#line 29 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 31 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line default
#line hidden
#line 29 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 31 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
foreach (var loc in Model.LocationList)
{
@@ -201,7 +203,7 @@ WriteLiteral(" <li");
WriteLiteral(" data-location=\"");
#line 31 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 33 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
Write(loc);
@@ -212,7 +214,7 @@ WriteLiteral("\"");
WriteLiteral(">");
#line 31 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 33 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
Write(loc);
@@ -225,7 +227,7 @@ WriteLiteral(" class=\"fa fa-times-circle remove\"");
WriteLiteral("></i></li>\r\n");
#line 32 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 34 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
}
@@ -254,14 +256,14 @@ WriteLiteral(">Add</a>\r\n </div>\r\n
WriteLiteral(" id=\"Config_Location_List_Dialog_Form\"");
WriteAttribute("action", Tuple.Create(" action=\"", 2447), Tuple.Create("\"", 2534)
WriteAttribute("action", Tuple.Create(" action=\"", 2451), Tuple.Create("\"", 2538)
#line 39 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
, Tuple.Create(Tuple.Create("", 2456), Tuple.Create<System.Object, System.Int32>(Url.Action(MVC.API.JobPreferences.UpdateLocationList(null, redirect: true))
#line 41 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
, Tuple.Create(Tuple.Create("", 2460), Tuple.Create<System.Object, System.Int32>(Url.Action(MVC.API.JobPreferences.UpdateLocationList(null, redirect: true))
#line default
#line hidden
, 2456), false)
, 2460), false)
);
WriteLiteral(" method=\"post\"");
@@ -278,14 +280,14 @@ WriteLiteral(">\r\n <form");
WriteLiteral(" id=\"Config_Location_ListImport_Dialog_Form\"");
WriteAttribute("action", Tuple.Create(" action=\"", 2766), Tuple.Create("\"", 2853)
WriteAttribute("action", Tuple.Create(" action=\"", 2770), Tuple.Create("\"", 2857)
#line 42 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
, Tuple.Create(Tuple.Create("", 2775), Tuple.Create<System.Object, System.Int32>(Url.Action(MVC.API.JobPreferences.ImportLocationList(null, redirect: true))
#line 44 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
, Tuple.Create(Tuple.Create("", 2779), Tuple.Create<System.Object, System.Int32>(Url.Action(MVC.API.JobPreferences.ImportLocationList(null, redirect: true))
#line default
#line hidden
, 2775), false)
, 2779), false)
);
WriteLiteral(" method=\"post\"");
@@ -327,15 +329,18 @@ WriteLiteral(" name=\"LocationList\"");
WriteLiteral("></textarea>\r\n <div");
WriteLiteral(" style=\"padding: 0.7em 0.7em; margin-top: 10px;\"");
WriteLiteral(" class=\"info-box\"");
WriteLiteral(" class=\"ui-state-highlight ui-corner-all\"");
WriteLiteral(">\r\n <p");
WriteLiteral(">\r\n <i");
WriteLiteral(" class=\"fa-p\"");
WriteLiteral(" class=\"fa fa-info-circle information\"");
WriteLiteral(">\r\n <i");
WriteLiteral(@"></i>&nbsp;Enter multiple locations separated by <code>&lt;new line&gt;</code>, commas (<code>,</code>) or semicolons (<code>;</code>).
WriteLiteral(" class=\"fa fa-info-circle\"");
WriteLiteral(@"></i>Enter multiple locations separated by <code>&lt;new line&gt;</code>, commas (<code>,</code>) or semicolons (<code>;</code>).
</p>
</div>
</form>
</div>
@@ -348,17 +353,19 @@ WriteLiteral(" id=\"Config_Location_Optional\"");
WriteLiteral(">\r\n <div");
WriteLiteral(" style=\"padding: 0.7em 0.7em;\"");
WriteLiteral(" class=\"info-box\"");
WriteLiteral(" class=\"ui-state-highlight ui-corner-all\"");
WriteLiteral(">\r\n <p");
WriteLiteral(">\r\n <i");
WriteLiteral(" class=\"fa-p\"");
WriteLiteral(" class=\"fa fa-info-circle information\"");
WriteLiteral(">\r\n <i");
WriteLiteral("></i>&nbsp;Technicians will be able to specify <em>any</em> value when entering a" +
" location. A defined list of location options is suggested.\r\n " +
" </div>\r\n </div>\r\n");
WriteLiteral(" class=\"fa fa-info-circle\"");
WriteLiteral("></i>Technicians will be able to specify <em>any</em> value when entering a locat" +
"ion. A defined list of location options is suggested.\r\n <" +
"/p>\r\n </div>\r\n </div>\r\n");
WriteLiteral(" <div");
@@ -366,16 +373,18 @@ WriteLiteral(" id=\"Config_Location_Restricted\"");
WriteLiteral(">\r\n <div");
WriteLiteral(" style=\"padding: 0.7em 0.7em;\"");
WriteLiteral(" class=\"info-box\"");
WriteLiteral(" class=\"ui-state-highlight ui-corner-all\"");
WriteLiteral(">\r\n <p");
WriteLiteral(">\r\n <i");
WriteLiteral(" class=\"fa-p\"");
WriteLiteral(" class=\"fa fa-info-circle information\"");
WriteLiteral(">\r\n <i");
WriteLiteral("></i>&nbsp;Technicians are restricted to select a location from the defined list." +
"\r\n </div>\r\n </div>\r\n");
WriteLiteral(" class=\"fa fa-info-circle\"");
WriteLiteral("></i>Technicians are restricted to select a location from the defined list.\r\n " +
" </p>\r\n </div>\r\n </div>\r\n");
WriteLiteral(" <script");
@@ -386,7 +395,7 @@ WriteLiteral(">\r\n $(function () {\r\n
" null,\r\n \'");
#line 69 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 77 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
Write(Url.Action(MVC.API.JobPreferences.UpdateLocationMode()));
@@ -423,94 +432,93 @@ WriteLiteral("\',\r\n \'LocationMode\');\r\n\r\n
"\n resizable: false,\r\n " +
" modal: true,\r\n autoOpen: false,\r\n" +
" width: 350,\r\n " +
" height: 420,\r\n buttons: {\r\n " +
" \"Save Changes\": saveChanges,\r\n " +
" Cancel: cancel\r\n }\r\n " +
" });\r\n\r\n dialog.on(\'click\'" +
", \'.remove\', remove);\r\n\r\n list = $(\'#Config_Locat" +
"ion_List_Dialog_List\');\r\n noList = $(\'#Config_Loc" +
"ation_List_Dialog_None\');\r\n\r\n textAdd = $(\'#Confi" +
"g_Location_List_Dialog_TextAdd\');\r\n\r\n textAdd.wat" +
"ermark(\'Location\');\r\n textAdd.keydown(function (e" +
") {\r\n if (e.keyCode == 13)\r\n " +
" add();\r\n });\r\n\r\n " +
" $(\'#Config_Location_List_Dialog_Add\').click(add);\r\n " +
" }\r\n\r\n dialog.dialog(\'open\');\r\n\r\n" +
" updateNoList();\r\n return " +
"false;\r\n }\r\n\r\n function cancel() {" +
"\r\n $(this).dialog(\"close\");\r\n\r\n " +
" list.find(\'li\').each(function () {\r\n $this " +
"= $(this);\r\n if ($this.is(\'[data-status=\"new\"]\'))" +
" {\r\n $this.remove();\r\n " +
" } else {\r\n if ($this.is(\'[data-statu" +
"s=\"removed\"]\')) {\r\n $this.show();\r\n " +
" $this.attr(\'data-status\', \'\')\r\n " +
" }\r\n }\r\n " +
" });\r\n }\r\n\r\n function remove" +
"() {\r\n $this = $(this).closest(\'li\');\r\n\r\n " +
" if ($this.is(\'[data-status=\"new\"]\')) {\r\n " +
" $this.remove();\r\n } else {\r\n " +
" $this.attr(\'data-status\', \'removed\').hide();\r\n " +
" }\r\n\r\n updateNoList();\r\n " +
" }\r\n\r\n function add() {\r\n\r\n " +
"var value = textAdd.val();\r\n\r\n // Trim\r\n " +
" value = jQuery.trim(value);\r\n\r\n if (!v" +
"alue) {\r\n alert(\'Enter a location to be added\');\r" +
"\n return;\r\n }\r\n\r\n " +
" // Already Exists\r\n var existi" +
"ngValues = list.find(\'li[data-location]\').filter(\'[data-status!=\"removed\"]\').map" +
"(function () { return $(this).attr(\'data-location\') }).get();\r\n " +
" if (jQuery.inArray(value, existingValues) >= 0) {\r\n " +
" alert(\'That item already exists in the list\');\r\n " +
" return;\r\n }\r\n\r\n " +
" // Add Item\r\n var li = $(\'<li>\')\r\n " +
" .append($(\'<span>\').text(value))\r\n " +
" .append($(\'<i>\').addClass(\'fa fa-times-circle remove\'))\r\n " +
" .attr(\'data-location\', value)\r\n .attr" +
"(\'data-status\', \'new\');\r\n\r\n list.append(li);\r\n\r\n " +
" textAdd.focus();\r\n\r\n updateNoL" +
"ist();\r\n }\r\n\r\n function updateNoLi" +
"st() {\r\n if (list.find(\'li:visible\').length > 0)\r\n " +
" noList.hide();\r\n else\r\n " +
" noList.show();\r\n }\r\n\r\n " +
" function saveChanges() {\r\n var fo" +
"rm = $(\'#Config_Location_List_Dialog_Form\').empty();\r\n\r\n " +
" list.find(\'li[data-status!=\"removed\"]\').each(function () {\r\n " +
" var location = $(this).attr(\'data-location\');\r\n\r\n " +
" form.append($(\'<input>\').attr({\r\n " +
" \'name\': \'LocationList\',\r\n \'type\': \'hidd" +
"en\'\r\n }).val(location));\r\n\r\n " +
" }).get();\r\n\r\n form.submit();\r\n\r\n " +
" dialog.dialog(\"disable\");\r\n dialog.dial" +
"og(\"option\", \"buttons\", null);\r\n }\r\n\r\n " +
" // Import\r\n var dialogImport, formImport;\r\n\r\n " +
" $(\'#Config_Location_List_ImportButton\').click(showDialogImport)" +
";\r\n\r\n function showDialogImport() {\r\n " +
" if (!dialogImport) {\r\n dialogImport = $(\'" +
"#Config_Location_ListImport_Dialog\').dialog({\r\n " +
" resizable: false,\r\n modal: true,\r\n " +
" autoOpen: false,\r\n " +
" width: 350,\r\n height: 420,\r\n " +
" buttons: {\r\n \"Build " +
"Automatic List\": function () {\r\n $(\'#" +
"Config_Location_ListImport_Dialog_AutomaticList\').val(\'True\').closest(\'form\').su" +
"bmit();\r\n dialogImport.dialog(\"disabl" +
"e\");\r\n dialogImport.dialog(\"option\", " +
"\"buttons\", null);\r\n },\r\n " +
" \"Import List\": function () {\r\n " +
" $(\'#Config_Location_ListImport_Dialog_LocationList\').closest(\'f" +
"orm\').submit();\r\n dialogImport.dialog" +
"(\"disable\");\r\n dialogImport.dialog(\"o" +
"ption\", \"buttons\", null);\r\n },\r\n " +
" Cancel: function () {\r\n " +
" dialogImport.dialog(\"close\");\r\n " +
" }\r\n }\r\n " +
" });\r\n }\r\n\r\n dialogImpor" +
"t.dialog(\'open\');\r\n\r\n return false;\r\n " +
" }\r\n\r\n });\r\n </script>\r\n");
" buttons: {\r\n \"Save Changes\": saveCha" +
"nges,\r\n Cancel: cancel\r\n " +
" }\r\n });\r\n\r\n " +
" dialog.on(\'click\', \'.remove\', remove);\r\n\r\n " +
" list = $(\'#Config_Location_List_Dialog_List\');\r\n " +
" noList = $(\'#Config_Location_List_Dialog_None\');\r\n\r\n " +
" textAdd = $(\'#Config_Location_List_Dialog_TextAdd\');\r\n\r\n " +
" textAdd.watermark(\'Location\');\r\n " +
" textAdd.keydown(function (e) {\r\n if (e.key" +
"Code == 13)\r\n add();\r\n " +
" });\r\n\r\n $(\'#Config_Location_List_Dia" +
"log_Add\').click(add);\r\n }\r\n\r\n " +
" dialog.dialog(\'open\');\r\n\r\n updateNoList();\r\n " +
" return false;\r\n }\r\n\r\n " +
" function cancel() {\r\n $(this).dialog(\"clos" +
"e\");\r\n\r\n list.find(\'li\').each(function () {\r\n " +
" $this = $(this);\r\n if ($t" +
"his.is(\'[data-status=\"new\"]\')) {\r\n $this.remo" +
"ve();\r\n } else {\r\n " +
" if ($this.is(\'[data-status=\"removed\"]\')) {\r\n " +
" $this.show();\r\n $this.attr(\'data" +
"-status\', \'\')\r\n }\r\n " +
" }\r\n });\r\n }\r\n\r\n " +
" function remove() {\r\n $this = $(this)." +
"closest(\'li\');\r\n\r\n if ($this.is(\'[data-status=\"new\"]\'" +
")) {\r\n $this.remove();\r\n " +
" } else {\r\n $this.attr(\'data-status\', \'removed\'" +
").hide();\r\n }\r\n\r\n updateNo" +
"List();\r\n }\r\n\r\n function add() {\r\n" +
"\r\n var value = textAdd.val();\r\n\r\n " +
" // Trim\r\n value = jQuery.trim(value);\r\n\r\n " +
" if (!value) {\r\n alert(\'En" +
"ter a location to be added\');\r\n return;\r\n " +
" }\r\n\r\n // Already Exists\r\n " +
" var existingValues = list.find(\'li[data-location]\').filter(\'" +
"[data-status!=\"removed\"]\').map(function () { return $(this).attr(\'data-location\'" +
") }).get();\r\n if (jQuery.inArray(value, existingValue" +
"s) >= 0) {\r\n alert(\'That item already exists in t" +
"he list\');\r\n return;\r\n " +
" }\r\n\r\n // Add Item\r\n var l" +
"i = $(\'<li>\')\r\n .append($(\'<span>\').text(value))\r" +
"\n .append($(\'<i>\').addClass(\'fa fa-times-circle r" +
"emove\'))\r\n .attr(\'data-location\', value)\r\n " +
" .attr(\'data-status\', \'new\');\r\n\r\n " +
" list.append(li);\r\n\r\n textAdd.focus();\r\n\r\n " +
" updateNoList();\r\n }\r\n\r\n " +
" function updateNoList() {\r\n if (list.find(" +
"\'li:visible\').length > 0)\r\n noList.hide();\r\n " +
" else\r\n noList.show();\r\n " +
" }\r\n\r\n function saveChanges() {\r\n " +
" var form = $(\'#Config_Location_List_Dialog_Form\').empty(" +
");\r\n\r\n list.find(\'li[data-status!=\"removed\"]\').each(f" +
"unction () {\r\n var location = $(this).attr(\'data-" +
"location\');\r\n\r\n form.append($(\'<input>\').attr({\r\n" +
" \'name\': \'LocationList\',\r\n " +
" \'type\': \'hidden\'\r\n }).val(locati" +
"on));\r\n\r\n }).get();\r\n\r\n fo" +
"rm.submit();\r\n\r\n dialog.dialog(\"disable\");\r\n " +
" dialog.dialog(\"option\", \"buttons\", null);\r\n " +
" }\r\n\r\n // Import\r\n var dialog" +
"Import, formImport;\r\n\r\n $(\'#Config_Location_List_ImportBu" +
"tton\').click(showDialogImport);\r\n\r\n function showDialogIm" +
"port() {\r\n if (!dialogImport) {\r\n " +
" dialogImport = $(\'#Config_Location_ListImport_Dialog\').dialog({\r\n " +
" resizable: false,\r\n " +
" modal: true,\r\n autoOpen: false,\r\n " +
" width: 350,\r\n " +
" buttons: {\r\n \"Build Automatic List\": fun" +
"ction () {\r\n $(\'#Config_Location_List" +
"Import_Dialog_AutomaticList\').val(\'True\').closest(\'form\').submit();\r\n " +
" dialogImport.dialog(\"disable\");\r\n " +
" dialogImport.dialog(\"option\", \"buttons\", null);\r\n " +
" },\r\n " +
" \"Import List\": function () {\r\n $(\'" +
"#Config_Location_ListImport_Dialog_LocationList\').closest(\'form\').submit();\r\n " +
" dialogImport.dialog(\"disable\");\r\n " +
" dialogImport.dialog(\"option\", \"buttons\", n" +
"ull);\r\n },\r\n " +
" Cancel: function () {\r\n di" +
"alogImport.dialog(\"close\");\r\n }\r\n " +
" }\r\n });\r\n " +
" }\r\n\r\n dialogImport.dialog(\'open\');\r\n\r" +
"\n return false;\r\n }\r\n\r\n " +
" });\r\n </script>\r\n");
#line 274 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 280 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
}
else
{
@@ -519,14 +527,14 @@ WriteLiteral("\',\r\n \'LocationMode\');\r\n\r\n
#line default
#line hidden
#line 277 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 283 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
Write(Model.LocationModeOptions().First(o => o.Key == Model.LocationMode.ToString()).Value);
#line default
#line hidden
#line 277 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
#line 283 "..\..\Areas\Config\Views\JobPreferences\Parts\Locations.cshtml"
}