From 97a1f8d85a639593474906b5816a9a95a2089e72 Mon Sep 17 00:00:00 2001 From: conemint Date: Mon, 28 Dec 2015 16:48:13 -0500 Subject: [PATCH 01/16] toolpane size, search window size sizing, exclude css --- TestMult.html | 176 +++++--------------------------------------------- 1 file changed, 16 insertions(+), 160 deletions(-) diff --git a/TestMult.html b/TestMult.html index de25ef5..652c8db 100644 --- a/TestMult.html +++ b/TestMult.html @@ -7,167 +7,16 @@ ArcGIS API for JavaScript | Search widget with multiple sources + + + + + @@ -476,6 +325,7 @@ h = ""; if (rs == null){ document.getElementById("alerttext").innerHTML = "BBL cannot be find\nPlease enter a valid block and lot."; + document.getElementById('SearchBox').style.height = "150px"; return; } if (rs[1] == null){ @@ -570,6 +420,7 @@ dijit.byId("toolsPane").destroyDescendants(false); domConstruct.empty("toolsPane"); document.getElementById("alerttext").innerHTML=""; + document.getElementById('SearchBox').style.height = "100px"; document.getElementById("execute2").disabled = true; //If multiple results are found, it will default and select the first. searchvar.set("activeSourceIndex", 0); @@ -592,6 +443,7 @@ dijit.byId("toolsPane").destroyDescendants(false); domConstruct.empty("toolsPane"); document.getElementById("alerttext").innerHTML=""; + document.getElementById('SearchBox').style.height = "100px"; var search_block = dom.byId("searchtext_Block").value; var search_lot = dom.byId("searchtext_Lot").value; var searchx = search_block + "/" + search_lot; @@ -614,6 +466,7 @@ execute(); }else{ document.getElementById("alerttext").innerHTML = "BBL cannot be find\nPlease enter a valid block and lot for Condominium Unit."; + document.getElementById('SearchBox').style.height = "150px"; return; }; @@ -637,6 +490,8 @@ query.where = "CONDO_KEY = "+curCDkey +" and Unit='"+curCDunit+"'"; }else{ query.where = "CONDO_KEY = "+curCDkey ; + document.getElementById("alerttext").innerHTML = "Please enter a Condominium Unit block and lot for details on the building."; + document.getElementById('SearchBox').style.height = "150px"; } queryTask.execute(query, showResults,function(error){console.log(error);}); } @@ -728,6 +583,7 @@ var block = bbl[1]; var lot = bbl[2]; document.getElementById("alerttext").innerHTML = ""; + document.getElementById('SearchBox').style.height = "100px"; document.getElementById("searchtext_Block").setAttribute("value", block); document.getElementById("searchtext_Lot").setAttribute("value", lot); if (curCDkey/*curLot>7500*/){ From 72fd8e4189a7951fe702e224298ca77689fa0f5f Mon Sep 17 00:00:00 2001 From: conemint Date: Mon, 28 Dec 2015 16:50:13 -0500 Subject: [PATCH 02/16] Create tc2map.css --- tc2map.css | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 tc2map.css diff --git a/tc2map.css b/tc2map.css new file mode 100644 index 0000000..a8d2cd1 --- /dev/null +++ b/tc2map.css @@ -0,0 +1,173 @@ + + html, body, #borderContainer, #map { + width: 100%; + height: 100%; + } + + html, body { + margin: 0; + overflow: hidden; + } + + #tablePane, #mapPane, #toolsPane { + padding: 0; + } + + #toolsPane { + + width: 25vw; + /*width: 30vm; + width: 350px;*/ + } + + + #tablePane { + height: 200px; + } + + #map progress { + position: absolute; + z-index: 1; + width: 100%; + bottom: 2em; + left: 0; + } + .esriPopup .action.zoomTo { display: none; } + .esriPopup .titleButton.maximize { display: none; } + /* Hide the progress bar when map is not updating */ + #map:not([data-updating]) progress { + display: none; + } + #SearchBox { + background: #fff; + color: #444; + position: absolute; + font-family: arial; + font-weight: bold; + font-size: 12px; + height: 100px; + left: 50px; + margin: 5px; + padding: 10px; + top: 10px; + width: 350px; + z-index: 40; + border: solid 1px #001B33; + border-radius: 4px; + background-color: #fcfcfc; + } + .shadow { + box-shadow: 0 0 5px #888; + } + #BasemapToggle { + position: absolute; + bottom: 20px; + left: 20px; + z-index: 45; + } + /*#search { + display: block; + position: absolute; + z-index: 40; + top: 100px; + left: 65px; + } + #infobox { + top: 31px; + color: #444; + height: auto; + font-family: arial; + font-weight: bold; + font-size: 12px; + left: 60px; + margin: 5px; + padding: 10px; + position: absolute; + width: 400px; + z-index: 40; + border: solid 1px #001B33; + border-radius: 4px; + background-color: #f2f2f2; + } + .searchIcon { + width: 0px; + height: 0px; + line-height: 0px; + display: hide; + } + + .arcgisSearch .searchBtn { + display: none; + } + +*/ + #intro{ + padding: 10px; + } + #headtable { + border: 0px solid #0052A3; + background-color: #0052A3; + width: 100%; + } + .claro .dijitContentPane { + padding: 0; + } + #toolsPane{ + background-color: #f2f2f2; + } + .leading, .center, .tailing { + border: 0px solid #0052A3; + background-color: #0052A3; + font-family: arial; + font-weight: bold; + color: white; + } + #tableheadtext{ + font-family: arial; + font-weight: bold; + color:#003366; + text-shadow:1px 1px 2px #b3d9ff; + margin: 0px; + } + .comments{ + font-family: arial; + font-size: small; + padding: 0px; + } + .tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;} + .tg td{ + font-family:Arial, sans-serif;font-size:14px;padding:1px 10px; + border-style:solid;border-width:0px;overflow:hidden;word-break:normal; + border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} + .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:1px 17px;background-color:#b3d9ff;text-align:left;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} + .tg .tg-qmme{font-family:Arial, Helvetica, sans-serif !important;;font-color:#808080;vertical-align:top; font-weight: bold; } + .tg .tg-yw4l{vertical-align:top} + .tg tr:hover {background-color:#e5f2ff;} + + + /*.tftable {font-family:Arial, sans-serif;font-size:14px;font-weight:normal;color:#333333;width:100%;border-width: 0px;border-color: #0052A3;border-collapse: collapse;} + .tftable th {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #0052A3;text-align:left;} + .tftable tr {background-color:#ffffff; border-width:0px;} + .tftable td {font-size:12px;border-width: 1px;padding:1px 10px; border-style: solid;border-color: #0052A3;} + .tftable tr:hover {background-color:#e5f2ff;}*/ + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + color: #ff6600; + } + .button:hover { background-color: #b5d7e3; } From 6815a5ee2eefc7e087c9d0fefa1a437bf2d3542f Mon Sep 17 00:00:00 2001 From: conemint Date: Mon, 28 Dec 2015 16:52:36 -0500 Subject: [PATCH 03/16] Delete tc2map.css --- tc2map.css | 173 ----------------------------------------------------- 1 file changed, 173 deletions(-) delete mode 100644 tc2map.css diff --git a/tc2map.css b/tc2map.css deleted file mode 100644 index a8d2cd1..0000000 --- a/tc2map.css +++ /dev/null @@ -1,173 +0,0 @@ - - html, body, #borderContainer, #map { - width: 100%; - height: 100%; - } - - html, body { - margin: 0; - overflow: hidden; - } - - #tablePane, #mapPane, #toolsPane { - padding: 0; - } - - #toolsPane { - - width: 25vw; - /*width: 30vm; - width: 350px;*/ - } - - - #tablePane { - height: 200px; - } - - #map progress { - position: absolute; - z-index: 1; - width: 100%; - bottom: 2em; - left: 0; - } - .esriPopup .action.zoomTo { display: none; } - .esriPopup .titleButton.maximize { display: none; } - /* Hide the progress bar when map is not updating */ - #map:not([data-updating]) progress { - display: none; - } - #SearchBox { - background: #fff; - color: #444; - position: absolute; - font-family: arial; - font-weight: bold; - font-size: 12px; - height: 100px; - left: 50px; - margin: 5px; - padding: 10px; - top: 10px; - width: 350px; - z-index: 40; - border: solid 1px #001B33; - border-radius: 4px; - background-color: #fcfcfc; - } - .shadow { - box-shadow: 0 0 5px #888; - } - #BasemapToggle { - position: absolute; - bottom: 20px; - left: 20px; - z-index: 45; - } - /*#search { - display: block; - position: absolute; - z-index: 40; - top: 100px; - left: 65px; - } - #infobox { - top: 31px; - color: #444; - height: auto; - font-family: arial; - font-weight: bold; - font-size: 12px; - left: 60px; - margin: 5px; - padding: 10px; - position: absolute; - width: 400px; - z-index: 40; - border: solid 1px #001B33; - border-radius: 4px; - background-color: #f2f2f2; - } - .searchIcon { - width: 0px; - height: 0px; - line-height: 0px; - display: hide; - } - - .arcgisSearch .searchBtn { - display: none; - } - -*/ - #intro{ - padding: 10px; - } - #headtable { - border: 0px solid #0052A3; - background-color: #0052A3; - width: 100%; - } - .claro .dijitContentPane { - padding: 0; - } - #toolsPane{ - background-color: #f2f2f2; - } - .leading, .center, .tailing { - border: 0px solid #0052A3; - background-color: #0052A3; - font-family: arial; - font-weight: bold; - color: white; - } - #tableheadtext{ - font-family: arial; - font-weight: bold; - color:#003366; - text-shadow:1px 1px 2px #b3d9ff; - margin: 0px; - } - .comments{ - font-family: arial; - font-size: small; - padding: 0px; - } - .tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;} - .tg td{ - font-family:Arial, sans-serif;font-size:14px;padding:1px 10px; - border-style:solid;border-width:0px;overflow:hidden;word-break:normal; - border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} - .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:1px 17px;background-color:#b3d9ff;text-align:left;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} - .tg .tg-qmme{font-family:Arial, Helvetica, sans-serif !important;;font-color:#808080;vertical-align:top; font-weight: bold; } - .tg .tg-yw4l{vertical-align:top} - .tg tr:hover {background-color:#e5f2ff;} - - - /*.tftable {font-family:Arial, sans-serif;font-size:14px;font-weight:normal;color:#333333;width:100%;border-width: 0px;border-color: #0052A3;border-collapse: collapse;} - .tftable th {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #0052A3;text-align:left;} - .tftable tr {background-color:#ffffff; border-width:0px;} - .tftable td {font-size:12px;border-width: 1px;padding:1px 10px; border-style: solid;border-color: #0052A3;} - .tftable tr:hover {background-color:#e5f2ff;}*/ - a:link { - text-decoration: none; - } - - a:visited { - text-decoration: none; - } - - a:hover { - text-decoration: none; - color: #ff6600; - } - .button:hover { background-color: #b5d7e3; } From 0dfb9029800e59f69be101d75f26e496277dac07 Mon Sep 17 00:00:00 2001 From: conemint Date: Mon, 28 Dec 2015 16:54:10 -0500 Subject: [PATCH 04/16] Create tc2map.css --- tc2map.css | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 tc2map.css diff --git a/tc2map.css b/tc2map.css new file mode 100644 index 0000000..a8d2cd1 --- /dev/null +++ b/tc2map.css @@ -0,0 +1,173 @@ + + html, body, #borderContainer, #map { + width: 100%; + height: 100%; + } + + html, body { + margin: 0; + overflow: hidden; + } + + #tablePane, #mapPane, #toolsPane { + padding: 0; + } + + #toolsPane { + + width: 25vw; + /*width: 30vm; + width: 350px;*/ + } + + + #tablePane { + height: 200px; + } + + #map progress { + position: absolute; + z-index: 1; + width: 100%; + bottom: 2em; + left: 0; + } + .esriPopup .action.zoomTo { display: none; } + .esriPopup .titleButton.maximize { display: none; } + /* Hide the progress bar when map is not updating */ + #map:not([data-updating]) progress { + display: none; + } + #SearchBox { + background: #fff; + color: #444; + position: absolute; + font-family: arial; + font-weight: bold; + font-size: 12px; + height: 100px; + left: 50px; + margin: 5px; + padding: 10px; + top: 10px; + width: 350px; + z-index: 40; + border: solid 1px #001B33; + border-radius: 4px; + background-color: #fcfcfc; + } + .shadow { + box-shadow: 0 0 5px #888; + } + #BasemapToggle { + position: absolute; + bottom: 20px; + left: 20px; + z-index: 45; + } + /*#search { + display: block; + position: absolute; + z-index: 40; + top: 100px; + left: 65px; + } + #infobox { + top: 31px; + color: #444; + height: auto; + font-family: arial; + font-weight: bold; + font-size: 12px; + left: 60px; + margin: 5px; + padding: 10px; + position: absolute; + width: 400px; + z-index: 40; + border: solid 1px #001B33; + border-radius: 4px; + background-color: #f2f2f2; + } + .searchIcon { + width: 0px; + height: 0px; + line-height: 0px; + display: hide; + } + + .arcgisSearch .searchBtn { + display: none; + } + +*/ + #intro{ + padding: 10px; + } + #headtable { + border: 0px solid #0052A3; + background-color: #0052A3; + width: 100%; + } + .claro .dijitContentPane { + padding: 0; + } + #toolsPane{ + background-color: #f2f2f2; + } + .leading, .center, .tailing { + border: 0px solid #0052A3; + background-color: #0052A3; + font-family: arial; + font-weight: bold; + color: white; + } + #tableheadtext{ + font-family: arial; + font-weight: bold; + color:#003366; + text-shadow:1px 1px 2px #b3d9ff; + margin: 0px; + } + .comments{ + font-family: arial; + font-size: small; + padding: 0px; + } + .tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;} + .tg td{ + font-family:Arial, sans-serif;font-size:14px;padding:1px 10px; + border-style:solid;border-width:0px;overflow:hidden;word-break:normal; + border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} + .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:1px 17px;background-color:#b3d9ff;text-align:left;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} + .tg .tg-qmme{font-family:Arial, Helvetica, sans-serif !important;;font-color:#808080;vertical-align:top; font-weight: bold; } + .tg .tg-yw4l{vertical-align:top} + .tg tr:hover {background-color:#e5f2ff;} + + + /*.tftable {font-family:Arial, sans-serif;font-size:14px;font-weight:normal;color:#333333;width:100%;border-width: 0px;border-color: #0052A3;border-collapse: collapse;} + .tftable th {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #0052A3;text-align:left;} + .tftable tr {background-color:#ffffff; border-width:0px;} + .tftable td {font-size:12px;border-width: 1px;padding:1px 10px; border-style: solid;border-color: #0052A3;} + .tftable tr:hover {background-color:#e5f2ff;}*/ + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + color: #ff6600; + } + .button:hover { background-color: #b5d7e3; } From e0caae84a5795986f5a30f81b23bb93523c4d277 Mon Sep 17 00:00:00 2001 From: conemint Date: Mon, 28 Dec 2015 16:54:44 -0500 Subject: [PATCH 05/16] Create tc2map_ie.css --- tc2map_ie.css | 167 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 167 insertions(+) create mode 100644 tc2map_ie.css diff --git a/tc2map_ie.css b/tc2map_ie.css new file mode 100644 index 0000000..607db13 --- /dev/null +++ b/tc2map_ie.css @@ -0,0 +1,167 @@ + + html, body, #borderContainer, #map { + width: 100%; + height: 100%; + } + + html, body { + margin: 0; + overflow: hidden; + } + + #tablePane, #mapPane, #toolsPane { + padding: 0; + } + + + #toolsPane { + width: 300px; + } + + #tablePane { + height: 200px; + } + + #map progress { + position: absolute; + z-index: 1; + width: 100%; + bottom: 2em; + left: 0; + } + .esriPopup .action.zoomTo { display: none; } + .esriPopup .titleButton.maximize { display: none; } + /* Hide the progress bar when map is not updating */ + #map:not([data-updating]) progress { + display: none; + } + #SearchBox { + background: #fff; + color: #444; + position: absolute; + font-family: arial; + font-weight: bold; + font-size: 12px; + height: 150px; + left: 50px; + margin: 5px; + padding: 10px; + top: 10px; + width: 350px; + z-index: 40; + border: solid 1px #001B33; + border-radius: 4px; + background-color: #fcfcfc; + } + .shadow { + box-shadow: 0 0 5px #888; + } + #BasemapToggle { + position: absolute; + bottom: 20px; + left: 20px; + z-index: 45; + } + #info{ + color: white; + height: 0px; + } + /*#search { + display: block; + position: absolute; + z-index: 40; + top: 100px; + left: 65px; + } + #infobox { + top: 31px; + color: #444; + height: auto; + font-family: arial; + font-weight: bold; + font-size: 12px; + left: 60px; + margin: 5px; + padding: 10px; + position: absolute; + width: 400px; + z-index: 40; + border: solid 1px #001B33; + border-radius: 4px; + background-color: #f2f2f2; + } + .searchIcon { + width: 0px; + height: 0px; + line-height: 0px; + display: hide; + } + + .arcgisSearch .searchBtn { + display: none; + } + +*/ + #intro{ + padding: 10px; + } + #headtable { + border: 0px solid #0052A3; + background-color: #0052A3; + width: 100%; + } + .claro .dijitContentPane { + padding: 0; + } + /*For IE*/ + #toolsPane{ + background-color: #f2f2f2; + } + .leading, .center, .tailing { + border: 0px solid #0052A3; + background-color: #0052A3; + font-family: arial; + font-weight: bold; + color: white; + } + #tableheadtext{ + font-family: arial; + font-weight: bold; + color:#003366; + text-shadow:1px 1px 2px #b3d9ff; + margin: 0px; + } + .comments{ + font-family: arial; + font-size: small; + padding: 0px; + } + .tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;} + .tg td{ + font-family:Arial, sans-serif;font-size:14px;padding:1px 10px; + border-style:solid;border-width:0px;overflow:hidden;word-break:normal; + border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} + .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:1px 17px;background-color:#b3d9ff;text-align:left;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:0px;border-color: #0052A3;} + .tg .tg-qmme{font-family:Arial, Helvetica, sans-serif !important;;font-color:#808080;vertical-align:top; font-weight: bold; } + .tg .tg-yw4l{vertical-align:top} + .tg tr:hover {background-color:#e5f2ff;} + + + /*.tftable {font-family:Arial, sans-serif;font-size:14px;font-weight:normal;color:#333333;width:100%;border-width: 0px;border-color: #0052A3;border-collapse: collapse;} + .tftable th {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #0052A3;text-align:left;} + .tftable tr {background-color:#ffffff; border-width:0px;} + .tftable td {font-size:12px;border-width: 1px;padding:1px 10px; border-style: solid;border-color: #0052A3;} + .tftable tr:hover {background-color:#e5f2ff;}*/ + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + color: #ff6600; + } + .button:hover { background-color: #b5d7e3; } From 2911b03ad4fa1a6ffd902c1068757f06b0947392 Mon Sep 17 00:00:00 2001 From: conemint Date: Mon, 28 Dec 2015 17:38:27 -0500 Subject: [PATCH 06/16] Create coverslede.html --- coverslede.html | 156 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 156 insertions(+) create mode 100644 coverslede.html diff --git a/coverslede.html b/coverslede.html new file mode 100644 index 0000000..e9e02b3 --- /dev/null +++ b/coverslede.html @@ -0,0 +1,156 @@ + + + +CSS Accordion Slider + + + + + +
+ + + + + + + + + + + + + + +
+

+ Bacon ipsum dolor sit amet landjaeger sausage brisket, jerky drumstick fatback boudin ball tip turducken. Pork belly meatball t-bone bresaola tail filet mignon kevin turkey ribeye shank flank doner cow kielbasa shankle. Pig swine chicken hamburger, tenderloin turkey rump ball tip sirloin frankfurter meatloaf boudin brisket ham hock. Hamburger venison brisket tri-tip andouille pork belly ball tip short ribs biltong meatball chuck. Pork chop ribeye tail short ribs, beef hamburger meatball kielbasa rump corned beef porchetta landjaeger flank. Doner rump frankfurter meatball meatloaf, cow kevin pork pork loin venison fatback spare ribs salami beef ribs. +

+

+ Jerky jowl pork chop tongue, kielbasa shank venison. Capicola shank pig ribeye leberkas filet mignon brisket beef kevin tenderloin porchetta. Capicola fatback venison shank kielbasa, drumstick ribeye landjaeger beef kevin tail meatball pastrami prosciutto pancetta. Tail kevin spare ribs ground round ham ham hock brisket shoulder. Corned beef tri-tip leberkas flank sausage ham hock filet mignon beef ribs pancetta turkey. +

+
+ +
+ +
+
+

+ Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. +

+

+ Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. +

+
+ +
+

+ Bacon ipsum dolor sit amet landjaeger sausage brisket, jerky drumstick fatback boudin ball tip turducken. Pork belly meatball t-bone bresaola tail filet mignon kevin turkey ribeye shank flank doner cow kielbasa shankle. Pig swine chicken hamburger, tenderloin turkey rump ball tip sirloin frankfurter meatloaf boudin brisket ham hock. Hamburger venison brisket tri-tip andouille pork belly ball tip short ribs biltong meatball chuck. Pork chop ribeye tail short ribs, beef hamburger meatball kielbasa rump corned beef porchetta landjaeger flank. Doner rump frankfurter meatball meatloaf, cow kevin pork pork loin venison fatback spare ribs salami beef ribs. +

+

+ Jerky jowl pork chop tongue, kielbasa shank venison. Capicola shank pig ribeye leberkas filet mignon brisket beef kevin tenderloin porchetta. Capicola fatback venison shank kielbasa, drumstick ribeye landjaeger beef kevin tail meatball pastrami prosciutto pancetta. Tail kevin spare ribs ground round ham ham hock brisket shoulder. Corned beef tri-tip leberkas flank sausage ham hock filet mignon beef ribs pancetta turkey. +

+
+ +
From 1bc9bfc9d2d47048292012727bf3b44be6f9884e Mon Sep 17 00:00:00 2001 From: conemint Date: Wed, 30 Dec 2015 16:15:10 -0500 Subject: [PATCH 07/16] Update TestMult.html add guideline data, median neigh, also change hover window (update css) --- TestMult.html | 120 ++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 88 insertions(+), 32 deletions(-) diff --git a/TestMult.html b/TestMult.html index 652c8db..1ebd91e 100644 --- a/TestMult.html +++ b/TestMult.html @@ -4,7 +4,7 @@ - ArcGIS API for JavaScript | Search widget with multiple sources + DOF | TC2 Property Search Map: Manhattan @@ -47,17 +47,49 @@ "dijit/TooltipDialog", "dijit/popup", "dijit/TitlePane", + "dojo/ready", "dijit/registry", + "dojo/aspect", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/form/ToggleButton", "dojo/domReady!" - ], function(Map, BasemapToggle, FeatureLayer, FeatureTable, LayerList, Search,InfoTemplate,domConstruct, dom, on, Query, QueryTask, SimpleLineSymbol, SimpleFillSymbol, SimpleRenderer, Color, Graphic, esriLang,number, domStyle, parser,localeNumber,TooltipDialog,dijitPopup, TitlePane,registry, + ], function(Map, BasemapToggle, FeatureLayer, FeatureTable, LayerList, Search,InfoTemplate,domConstruct, dom, on, Query, QueryTask, SimpleLineSymbol, SimpleFillSymbol, SimpleRenderer, Color, Graphic, esriLang,number, domStyle, parser,localeNumber,TooltipDialog,dijitPopup, TitlePane,ready,registry,aspect, ToggleButton) { - - - - parser.parse(); + dojo.extend(dijit.Tooltip, { + startup: function() { + dojo.forEach(this.connectId, function(id) { + var node = dojo.byId(id); + dojo.connect(node, 'onclick', this, function(e) { + node.blur(); + }); + dijit._Widget.prototype.startup.apply(this, arguments); + }); + } + }); + + var guideline = { + "Variables":["Vacancy Rate","Effective Tax Rate","HighIncome","HighExpense","HighExpense Ratio","HighCap Rate","HighApproximate Market Value Range","HighIncome","MedianExpense","MedianExpense Ratio","MedianCap Rate","MedianApproximate Market Value Range","MedianIncome","LowExpense","LowExpense Ratio","LowCap Rate","LowApproximate Market Value Range","dispBcat"], + "RR31":["4.00%","5.797%"," $44.84 "," $18.42 ","41%","6.70%"," $211 "," $26.08 "," $13.21 ","51%","6.70%"," $103 "," $14.62 "," $9.29 ","64%","8.33%"," $38 ","Rental Walk-Ups"], + "RR32":["3.00%","5.797%"," $40.52 "," $17.31 ","43%","6.70%"," $186 "," $20.81 "," $11.52 ","55%","7.11%"," $72 "," $12.51 "," $8.46 ","68%","9.12%"," $27 ","Pre-1974 Rental Elevator Buildings"], + "RR33":["4.00%","5.797%"," $55.10 "," $20.93 ","38%","6.70%"," $273 "," $36.44 "," $16.22 ","45%","6.70%"," $162 "," $16.70 "," $10.08 ","60%","7.78%"," $49 ","Post-1973 Rental Elevator Buildings"], + "RU31":["5.00%","5.797%"," $58.70 "," $21.77 ","37%","6.70%"," $296 "," $40.89 "," $17.41 ","43%","6.70%"," $188 "," $21.02 "," $11.59 ","55%","7.08%"," $73 ","Rental Walk-Ups"], + "RU32":["5.00%","5.797%"," $55.00 "," $20.91 ","38%","6.70%"," $273 "," $39.45 "," $17.03 ","43%","6.70%"," $179 "," $20.81 "," $11.52 ","55%","7.11%"," $72 ","Pre-1974 Rental Elevator Buildings"], + "RU33":["4.00%","5.797%"," $54.87 "," $20.87 ","38%","6.70%"," $272 "," $40.39 "," $17.28 ","43%","6.70%"," $185 "," $20.75 "," $11.50 ","55%","7.11%"," $72 ","Post-1973 Rental Elevator Buildings"], + "CR31":["4.00%","5.797%"," $44.84 "," $18.42 ","41%","6.70%"," $211 "," $26.08 "," $13.21 ","51%","6.70%"," $103 "," $14.62 "," $9.29 ","64%","8.33%"," $38 ","Cooperative Walk-Ups"], + "CR32":["3.00%","5.797%"," $40.52 "," $17.31 ","43%","6.70%"," $186 "," $20.81 "," $11.52 ","55%","7.11%"," $72 "," $12.51 "," $8.46 ","68%","9.12%"," $27 ","Pre-1974 Cooperative Elevator Buildings"], + "CR33":["4.00%","5.797%"," $55.10 "," $20.93 ","38%","6.70%"," $273 "," $36.44 "," $16.22 ","45%","6.70%"," $162 "," $16.70 "," $10.08 ","60%","7.78%"," $49 ","Post-1973 Cooperative Elevator Buildings"], + "CU31":["5.00%","5.797%"," $58.70 "," $21.77 ","37%","6.70%"," $296 "," $40.89 "," $17.41 ","43%","6.70%"," $188 "," $21.02 "," $11.59 ","55%","7.08%"," $73 ","Cooperative Walk-Ups"], + "CU32":["5.00%","5.797%"," $55.00 "," $20.91 ","38%","6.70%"," $273 "," $39.45 "," $17.03 ","43%","6.70%"," $179 "," $20.81 "," $11.52 ","55%","7.11%"," $72 ","Pre-1974 Cooperative Elevator Buildings"], + "CU33":["4.00%","5.797%"," $54.87 "," $20.87 ","38%","6.70%"," $272 "," $40.39 "," $17.28 ","43%","6.70%"," $185 "," $20.75 "," $11.50 ","55%","7.11%"," $72 ","Post-1973 Cooperative Elevator Buildings"], + "EU31":["5.00%","5.797%"," $58.70 "," $21.77 ","37%","6.70%"," $296 "," $40.89 "," $17.41 ","43%","6.70%"," $188 "," $21.02 "," $11.59 ","55%","7.08%"," $73 ","Condominium Walk-Ups"], + "EU32":["5.00%","5.797%"," $55.00 "," $20.91 ","38%","6.70%"," $273 "," $39.45 "," $17.03 ","43%","6.70%"," $179 "," $20.81 "," $11.52 ","55%","7.11%"," $72 ","Pre-1974 Condominium Elevator Buildings"], + "EU33":["4.00%","5.797%"," $54.87 "," $20.87 ","38%","6.70%"," $272 "," $40.39 "," $17.28 ","43%","6.70%"," $185 "," $20.75 "," $11.50 ","55%","7.11%"," $72 ","Post-1973 Condominium Elevator Buildings"], + "DU31":["5.00%","5.797%"," $58.70 "," $21.77 ","37%","6.70%"," $296 "," $40.89 "," $17.41 ","43%","6.70%"," $188 "," $21.02 "," $11.59 ","55%","7.08%"," $73 ","Condo-Coops/Condo-Rental Walk-Ups"], + "DU32":["5.00%","5.797%"," $55.00 "," $20.91 ","38%","6.70%"," $273 "," $39.45 "," $17.03 ","43%","6.70%"," $179 "," $20.81 "," $11.52 ","55%","7.11%"," $72 ","Pre-1974 Condo-Coops/Condo-Rental Elevator Buildings"], + "DU33":["4.00%","5.797%"," $54.87 "," $20.87 ","38%","6.70%"," $272 "," $40.39 "," $17.28 ","43%","6.70%"," $185 "," $20.75 "," $11.50 ","55%","7.11%"," $72 ","Post-1973 Condo-Coops/Condo-Rental Elevator Buildings"] + } + parser.parse(); var curCDkey, curCDkey_s, curCDunit, curBBL,curLot; var noncdlayer = "//services3.arcgis.com/aD88pT4hjL80xq0F/arcgis/rest/services/TC2_MH_noncd1210/FeatureServer/0"; var cdmainlayer = "//services3.arcgis.com/aD88pT4hjL80xq0F/arcgis/rest/services/MHcdmain/FeatureServer/0"; @@ -361,29 +393,31 @@ resultItems.push("

Tax Information

"); resultItems.push("" - +"" - +"" - +"" - +"" + +"" + +"" + +"" + +"" + +"" +"
DOF Value: $"+setNullValue(localeNumber.format(featureAttributes.fmv), "--")+"
Agi_Pgsf: $"+setNullValue(localeNumber.format(featureAttributes.Agi_Pgsf), "--")+"
Exp_Pgsf: $"+setNullValue(localeNumber.format(featureAttributes.Exp_Pgsf), "--")+"
Noi_Pgsf: $"+setNullValue(localeNumber.format(featureAttributes.Noi_Pgsf), "--")+"
This Parcel Neighborhood Median
DOF Value: $"+setNullValue(localeNumber.format(featureAttributes.fmv), "--")+" $"+setNullValue(localeNumber.format(featureAttributes.mid_fmv), "--")+"
Agi_Pgsf: $"+setNullValue(localeNumber.format(featureAttributes.Agi_Pgsf), "--")+" $"+setNullValue(localeNumber.format(featureAttributes.mid_agi), "--")+"
Exp_Pgsf: $"+setNullValue(localeNumber.format(featureAttributes.Exp_Pgsf), "--")+" $"+setNullValue(localeNumber.format(featureAttributes.mid_exp), "--")+"
Noi_Pgsf: $"+setNullValue(localeNumber.format(featureAttributes.Noi_Pgsf), "--")+" $"+setNullValue(localeNumber.format(featureAttributes.mid_noi), "--")+"
"); resultItems.push("

Guideline Information

"); resultItems.push("" - +"" - +"" - +"" + +"" + +"" + +"" +"" - +"" - +"" - +"" - +"" - +"" + +"" + +"" + +"" + +"" + +"" +"
Bcat:Row:1
Vacancy Rate:Row:1
Effective Tax Rate:Row:1
Building Category:"+guideline[featureAttributes.bcat][17] +"
Max Vacancy Rate:"+guideline[featureAttributes.bcat][0]+"
Effective Tax Rate:"+guideline[featureAttributes.bcat][1]+"
LowMedianHigh
IncomeRow:4 Cell:2Row:4 Cell:3Row:4 Cell:4
ExpenseRow:5 Cell:2Row:5 Cell:3Row:5 Cell:4
Expense RatioRow:6 Cell:2Row:6 Cell:3Row:6 Cell:4
Cap RateRow:7 Cell:2Row:7 Cell:3Row:7 Cell:4
Approximate Market Value RangeRow:8 Cell:2Row:8 Cell:3Row:8 Cell:4
Income"+guideline[featureAttributes.bcat][12]+""+guideline[featureAttributes.bcat][7]+""+guideline[featureAttributes.bcat][2]+"
Expense"+guideline[featureAttributes.bcat][13]+""+guideline[featureAttributes.bcat][8]+""+guideline[featureAttributes.bcat][3]+"
Expense Ratio"+guideline[featureAttributes.bcat][14]+""+guideline[featureAttributes.bcat][9]+""+guideline[featureAttributes.bcat][4]+"
Cap Rate"+guideline[featureAttributes.bcat][15]+""+guideline[featureAttributes.bcat][10]+""+guideline[featureAttributes.bcat][5]+"
Approximate Market Value Range"+guideline[featureAttributes.bcat][16]+""+guideline[featureAttributes.bcat][11]+""+guideline[featureAttributes.bcat][6]+"
"); resultItems.push("

Income= Gross Income per sq.ft.

Expense= Total Expense per sq.ft.

"); - resultItems.push("" - +"" - +"" - +""); + resultItems.push("

Useful Links

"); + resultItems.push("" + +"" + +"" + +"
View Property Tax Bills
Exemptions and Abatements
Request Data Correction
Search on Google Map
"); function setNullValue(value, defaultValue){ @@ -529,15 +563,15 @@ +""); resultItems.push("

Guideline Information

"); resultItems.push("" - +"" - +"" - +"" + +"" + +"" + +"" +"" - +"" - +"" - +"" - +"" - +"" + +"" + +"" + +"" + +"" + +"" +"
Bcat:Row:1
Vacancy Rate:Row:1
Effective Tax Rate:Row:1
Building Category:"+guideline[featureAttributes.bcat][17] +"
Max Vacancy Rate:"+guideline[featureAttributes.bcat][0]+"
Effective Tax Rate:"+guideline[featureAttributes.bcat][1]+"
LowMedianHigh
IncomeRow:4 Cell:2Row:4 Cell:3Row:4 Cell:4
ExpenseRow:5 Cell:2Row:5 Cell:3Row:5 Cell:4
Expense RatioRow:6 Cell:2Row:6 Cell:3Row:6 Cell:4
Cap RateRow:7 Cell:2Row:7 Cell:3Row:7 Cell:4
Approximate Market Value RangeRow:8 Cell:2Row:8 Cell:3Row:8 Cell:4
Income"+guideline[featureAttributes.bcat][12]+""+guideline[featureAttributes.bcat][7]+""+guideline[featureAttributes.bcat][2]+"
Expense"+guideline[featureAttributes.bcat][13]+""+guideline[featureAttributes.bcat][8]+""+guideline[featureAttributes.bcat][3]+"
Expense Ratio"+guideline[featureAttributes.bcat][14]+""+guideline[featureAttributes.bcat][9]+""+guideline[featureAttributes.bcat][4]+"
Cap Rate"+guideline[featureAttributes.bcat][15]+""+guideline[featureAttributes.bcat][10]+""+guideline[featureAttributes.bcat][5]+"
Approximate Market Value Range"+guideline[featureAttributes.bcat][16]+""+guideline[featureAttributes.bcat][11]+""+guideline[featureAttributes.bcat][6]+"
"); resultItems.push("

Income= Gross Income per sq.ft.

Expense= Total Expense per sq.ft.

"); @@ -586,6 +620,7 @@ document.getElementById('SearchBox').style.height = "100px"; document.getElementById("searchtext_Block").setAttribute("value", block); document.getElementById("searchtext_Lot").setAttribute("value", lot); + //add here if (curCDkey/*curLot>7500*/){ //executeunit(); //curBL = curBBL.substring(2,curBBL.length); @@ -606,6 +641,26 @@ } + var splitter = registry.byId("borderContainer").getSplitter("leading"); + var moveHandle = null; + + aspect.after(splitter, "_startDrag", function() { + moveHandle = aspect.after(splitter.domNode, "onmousemove", function() { + var coords = { + x: !splitter.horizontal ? splitter.domNode.style.left : 0, + y: splitter.horizontal ? splitter.domNode.style.top : 0 + } + //dom.byId("dndOutput").textContent = JSON.stringify(coords); + }) + }); + aspect.after(splitter, "_stopDrag", function() { + moveHandle && moveHandle.remove(); + }); + + aspect.after(registry.byId("toolsPane"), "resize", function(duno, size) { + //dom.byId("resizeOutput").textContent = JSON.stringify(size); + }); + }); @@ -613,7 +668,7 @@ -
+
@@ -624,7 +679,7 @@
-
+

This is an interactive map for Tax Class 2 Properties in New York City.

@@ -645,6 +700,7 @@

This is an interactive map for Tax Class 2 Properties in New York City.

For Example: 1845/7501
+