amalgame/commit

split up overly large builder.css

authorJacco van Ossenbruggen
Mon Aug 4 11:42:42 2014 +0200
committerJacco van Ossenbruggen
Mon Aug 4 11:49:42 2014 +0200
commit351346548640555dc9147833847a120c2a293abd
tree28c13e6f81de7b76e5ffe4c305ff883754404985
parent39ac406cb7123091e98a473581b36cbb2827a0a0
Diff style: patch stat
diff --git a/applications/builder.pl b/applications/builder.pl
index 07cc926..fa80aff 100644
--- a/applications/builder.pl
+++ b/applications/builder.pl
@@ -35,6 +35,30 @@
 
 ag:menu_item(200=http_ag_build, 'build').
 
+:- html_resource(css_ag_build,
+		 [ virtual(true),
+		   requires([ ag_build_core,
+			      ag_build_extra
+		   ])
+		 ]).
+
+:- html_resource(ag_build_core,
+		 [ virtual(true),
+		   requires([ css('builder.css'),
+			      css('strategy_viz.css'),
+			      css('infobox.css'),
+			      css('controls.css'),
+			      css('mappingtable.css'),
+			      css('detail-overlay.css')
+			    ])
+		 ]).
+
+:- html_resource(ag_build_extra,
+		 [ virtual(true)
+-		   requires([css('skosbrowser.css'),
+-                            css('columnbrowser.css')
+			    ])
+		 ]).
 
 backward_compatibilty_fixes(Strategy) :-
 	fix_opmv_ns(Strategy),
@@ -88,9 +112,7 @@ html_page(Strategy, Focus) :-
 	reply_html_page(amalgame(app),
 			[ title(['Align vocabularies'])
 			],
-			[ \html_requires(css('builder.css')),
-			  \html_requires(css('skosbrowser.css')),
-			  \html_requires(css('columnbrowser.css')),
+			[ \html_requires(css_ag_build),
 			  div(class('yui3-skin-sam yui-skin-sam'),
 			      [ \html_ag_header([
 				     active(http_ag_build),
diff --git a/web/css/builder.css b/web/css/builder.css
index bcbebf9..72ade43 100644
--- a/web/css/builder.css
+++ b/web/css/builder.css
@@ -5,6 +5,8 @@ body {
 	background-color: #FFF;
 	overflow: auto;
 }
+#main { width: 100%; }
+
 #layout {
 	padding: 6px 6px 6px 362px;
 	background-color: #C2C2C2;
@@ -20,9 +22,6 @@ body {
 	background-color: #FFF;
 	height: 100%;
 }
-#main {
-	width: 100%;
-}
 #graph {	
 	height: 500px;
 }
@@ -48,155 +47,6 @@ body {
 	bottom: -10px;
 }
 
-
-/* controls */
-#controls .module-list {
-	border-width: 0;
-}
-#controls .module-list .yui3-accordion-item-hd {
-	/*background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1300px transparent;*/
-	line-height: 1.3em;
-}
-#controls .module-list .yui3-accordion-item {
-	border-top: 1px dotted #CCC;
-	border-bottom: 0;
-}
-#controls .yui3-accordion-item-active .yui3-accordion-item-trigger {
-	background-position: 105% -398px;
-}
-#controls .yui3-accordion-item-trigger {
-	background-position: 105% -348px;
-}
-#controls .yui3-accordion-item-bd .desc,
-#controls .yui3-accordion-item-bd form,
-#controls .yui3-accordion-item-bd .control-buttons {
-	padding: 5px 10px;
-}
-#controls .control.disabled {
-	display: none;
-}
-#controls .c {
-	margin: 0 10px;
-	padding: 5px 0;
-}
-#controls .i {
-	border-top: 1px solid #CCC;
-	padding: 10px 0;
-}
-#controls table {
-	width: 100%;
-}
-#controls th {
-	vertical-align: top;
-	white-space: nowrap;
-	padding-right: 10px;
-}
-#controls td span.warn {
-	color: orange;
-}
-
-#controls .control-buttons {
-	text-align: right;
-}
-.mappingselect {
-	border-bottom: 1px solid #CCCCCC;
-	padding-bottom: 5px;
-    margin-bottom: 5px;
-	max-height: 150px;
-    overflow: auto;
-}
-#controls textarea {
-	width: 97%;
-}
-
-/* control set */
-.control-set {
-	border-width: 0 0 1px;
-	border-style: solid;
-	border-color: #BBB;
-}
-.control-set .hd {
-	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1500px transparent;
-	line-height: 1.4em;
-	padding: 5px 10px 5px 0;
-}
-.control-set .hd .trigger {
-	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -347px transparent;
-    color: #222;
-	font-weight: bold;
-    cursor: default;
-    display: block;
-    padding: 0 5px 0 10px;
-    text-decoration: none;
-    width: auto;
-}
-.control-set.active .hd .trigger {
-	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -397px transparent;
-}
-.control-set .bd {
-	display: none;
-}
-.control-set.active .bd {
-	display: block;
-}
-
-/* infobox */
-#info {
-}
-#info .loading {
-	padding: 20px 0;
-	background: url("loading.gif") no-repeat 50% 50%;
-}
-#info .hidden {
-	display: none;
-}
-#infocontent,
-#info .loading {
-	border-top: 1px solid #CCC;
-	border-bottom: 1px solid #CCC;
-	overflow-y: auto;
-	max-height: 60ex;
-}
-#info .parameters {
-	border-top: 1px solid #CCC;
-	margin-top: 5px;
-	padding-top: 5px;
-}
-#details td {
-	padding-bottom: 4px;
-}
-
-/* select */
-#select li {
-	list-style: disc inside;
-}
-
-/* align */
-#inputselect {
-	padding: 5px 10px;
-}
-
-/* strategy graph */
-.yui3-strategy_viz {
-	padding: 5px 5px 15px;
-}
-.yui3-strategy_viz .edge text {
-	font-size: 11px;
-}
-.yui3-strategy_viz .selected text {
-	font-weight: bold;
-}
-.yui3-strategy_viz .info,
-.yui3-strategy_viz .selected .info {
-	font-weight: normal;
-	font-size: 9px;
-}
-.yui3-strategy_viz .selected ellipse,
-.yui3-strategy_viz .selected polygon {
-	/*fill: #DBEAFF;*/
-	stroke-width: 3px;
-}
-
 img.explain {
 	background-color: white;
 	border: 1pt black solid;
@@ -215,184 +65,6 @@ img.explain {
  cursor: pointer;
 }
 
-
-/* mapping table */
-#mappingtable.hidden {
-	display: none;
-}
-#mappingtable .table.hidden,
-#mappingtable .loading.hidden {
-	display:none;
-}
-#mappingtable .loading {
-	padding: 20px 0;
-	background: url("loading.gif") no-repeat 50% 50%;
-}
-.yui3-datatable { 
-	margin: 0;
-}
-.yui3-datatable table {
-	width: 100%;
-}
-.yui3-datatable caption {
-	display: none;
-}
-.yui3-datatable th {
-	text-align: center;
-}
-.yui3-datatable td {
-	cursor: pointer;
-	vertical-align: top;
-}
-.yui3-datatable-selected {
-	color: #3875D7;
-	background-color: white; /* background does not seem to work in new datatable */
-}
-.yui3-datatable td:first-child,
-.yui3-datatable td:last-child {
-	width: 40%;
-}
-.yui3-datatable td .relation {
-	text-align: center;
-}
-.paginator {
-	text-align: center;
-}
-
-/* overlay */
-
-#detail {
-	border: 1px solid #444;
-	background-color: #DDD;
-	height: 100%;
-}
-#detail.hidden {
-	display: none;
-}
-
-#detail form {
-	height: 80%;
-}
-
-#detail .yui3-widget-hd {
-	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1400px transparent;
-	line-height:1.4em;
-	padding: 5px;
-	text-align: center;
-	color: white;
-	font-weight: bold;
-}	
-#detail .yui3-widget-bd {
-	margin: 5px;
-}
-#detail .yui3-widget-ft {
-	margin: 5px;
-}
-#detail .manualfixes .relations {
-	display: inline-block;
-	text-align: center;
-}
-#detail .manualfixes .comment {
-	display: inline-block;
-	text-align: center;
-	width: 100%;
-}
-#detail .options {
-	display: default;
-	text-align: right;
-}
-#detail .buttons {
-	text-align: right;
-	padding: 5px;
-}
-/* do not show change stuff in builder, only for evaluater */
-#detail .manualfixes { display: none; }
-#detail .buttons .change { display: none; }
-
-#detail .l_lang,
-#detail .lang {
-	color: #777;
-}
-
-.resource-info {
-	height: 250px;
-    padding: 5px;
-	overflow-y: scroll;
-	border: 1px solid #888;
-	background-color: #FFF;
-}
-.resource-info .label {
-	font-size: 130%;
-}
-.resource-info .uri a {
-	font-size: 85%;
-}
-.resource-info .hd {
-	padding-top: 8px;
-}
-.resource-info .bd {
-	padding: 2px 4px;
-}
-.resource-info .definition,
-.resource-info .scope .bd {
-	color: #666;
-	font-size: 90%;
-}
-
-.resource-info ul {
-	margin: 0;
-	padding: 0 0 0 12px;
-}
-.resource-info li,
-.resource-info li {
-	list-style: none;
-	padding: 2px 0;
-}
-.resource-info a {
-	color: #222;
-	text-decoration: none;
-}
-.resource-info a:hover {
-	text-decoration: underline;
-}
-.resource-info li.hit {
-	font-weight: bold;
-}
-.resource-info .moretoggle {
-	color: #666;
-	font-size: 90%;
-	cursor: pointer;
-}
-.resource-info .hidden {
-	display: none;
-}
-
-.evidences {
-	overflow: auto;
-	border-width: 1px 0px 1px 0px;
-	border-style: solid;
-	border-color: #888;
-}
-
-.evidence {
-	border-width: 0 1px 1px 1px;
-	border-style: solid;
-	border-color: #888;
-    background-color: white;
-}
-.evidence .method {
-	padding-left: 5px;
-}	
-.evidence .source {
-	text-align: right;
-}
-.evidence .target {
-	text-align: left;
-}
-.evidence .source object,
-.evidence .target object {
-}
-
 /* vocabulary browser */
 #vocabularybrowser {
 	height: 100%;
diff --git a/web/css/controls.css b/web/css/controls.css
new file mode 100644
index 0000000..719177e
--- /dev/null
+++ b/web/css/controls.css
@@ -0,0 +1,90 @@
+/* controls */
+#controls .module-list {
+	border-width: 0;
+}
+#controls .module-list .yui3-accordion-item-hd {
+	/*background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1300px transparent;*/
+	line-height: 1.3em;
+}
+#controls .module-list .yui3-accordion-item {
+	border-top: 1px dotted #CCC;
+	border-bottom: 0;
+}
+#controls .yui3-accordion-item-active .yui3-accordion-item-trigger {
+	background-position: 105% -398px;
+}
+#controls .yui3-accordion-item-trigger {
+	background-position: 105% -348px;
+}
+#controls .yui3-accordion-item-bd .desc,
+#controls .yui3-accordion-item-bd form,
+#controls .yui3-accordion-item-bd .control-buttons {
+	padding: 5px 10px;
+}
+#controls .control.disabled {
+	display: none;
+}
+#controls .c {
+	margin: 0 10px;
+	padding: 5px 0;
+}
+#controls .i {
+	border-top: 1px solid #CCC;
+	padding: 10px 0;
+}
+#controls table {
+	width: 100%;
+}
+#controls th {
+	vertical-align: top;
+	white-space: nowrap;
+	padding-right: 10px;
+}
+#controls td span.warn {
+	color: orange;
+}
+
+#controls .control-buttons {
+	text-align: right;
+}
+.mappingselect {
+	border-bottom: 1px solid #CCCCCC;
+	padding-bottom: 5px;
+    margin-bottom: 5px;
+	max-height: 150px;
+    overflow: auto;
+}
+#controls textarea {
+	width: 97%;
+}
+
+/* control set */
+.control-set {
+	border-width: 0 0 1px;
+	border-style: solid;
+	border-color: #BBB;
+}
+.control-set .hd {
+	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1500px transparent;
+	line-height: 1.4em;
+	padding: 5px 10px 5px 0;
+}
+.control-set .hd .trigger {
+	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -347px transparent;
+    color: #222;
+	font-weight: bold;
+    cursor: default;
+    display: block;
+    padding: 0 5px 0 10px;
+    text-decoration: none;
+    width: auto;
+}
+.control-set.active .hd .trigger {
+	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -397px transparent;
+}
+.control-set .bd {
+	display: none;
+}
+.control-set.active .bd {
+	display: block;
+}
diff --git a/web/css/detail-overlay.css b/web/css/detail-overlay.css
new file mode 100644
index 0000000..d56d975
--- /dev/null
+++ b/web/css/detail-overlay.css
@@ -0,0 +1,133 @@
+/* overlay */
+
+#detail {
+	border: 1px solid #444;
+	background-color: #DDD;
+	height: 100%;
+}
+#detail.hidden {
+	display: none;
+}
+
+#detail form {
+	height: 80%;
+}
+
+#detail .yui3-widget-hd {
+	background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1400px transparent;
+	line-height:1.4em;
+	padding: 5px;
+	text-align: center;
+	color: white;
+	font-weight: bold;
+}	
+#detail .yui3-widget-bd {
+	margin: 5px;
+}
+#detail .yui3-widget-ft {
+	margin: 5px;
+}
+#detail .manualfixes .relations {
+	display: inline-block;
+	text-align: center;
+}
+#detail .manualfixes .comment {
+	display: inline-block;
+	text-align: center;
+	width: 100%;
+}
+#detail .options {
+	display: default;
+	text-align: right;
+}
+#detail .buttons {
+	text-align: right;
+	padding: 5px;
+}
+/* do not show change stuff in builder, only for evaluater */
+#detail .manualfixes { display: none; }
+#detail .buttons .change { display: none; }
+
+#detail .l_lang,
+#detail .lang {
+	color: #777;
+}
+
+.resource-info {
+	height: 250px;
+    padding: 5px;
+	overflow-y: scroll;
+	border: 1px solid #888;
+	background-color: #FFF;
+}
+.resource-info .label {
+	font-size: 130%;
+}
+.resource-info .uri a {
+	font-size: 85%;
+}
+.resource-info .hd {
+	padding-top: 8px;
+}
+.resource-info .bd {
+	padding: 2px 4px;
+}
+.resource-info .definition,
+.resource-info .scope .bd {
+	color: #666;
+	font-size: 90%;
+}
+
+.resource-info ul {
+	margin: 0;
+	padding: 0 0 0 12px;
+}
+.resource-info li,
+.resource-info li {
+	list-style: none;
+	padding: 2px 0;
+}
+.resource-info a {
+	color: #222;
+	text-decoration: none;
+}
+.resource-info a:hover {
+	text-decoration: underline;
+}
+.resource-info li.hit {
+	font-weight: bold;
+}
+.resource-info .moretoggle {
+	color: #666;
+	font-size: 90%;
+	cursor: pointer;
+}
+.resource-info .hidden {
+	display: none;
+}
+
+.evidences {
+	overflow: auto;
+	border-width: 1px 0px 1px 0px;
+	border-style: solid;
+	border-color: #888;
+}
+
+.evidence {
+	border-width: 0 1px 1px 1px;
+	border-style: solid;
+	border-color: #888;
+    background-color: white;
+}
+.evidence .method {
+	padding-left: 5px;
+}	
+.evidence .source {
+	text-align: right;
+}
+.evidence .target {
+	text-align: left;
+}
+.evidence .source object,
+.evidence .target object {
+}
diff --git a/web/css/infobox.css b/web/css/infobox.css
new file mode 100644
index 0000000..240c9fa
--- /dev/null
+++ b/web/css/infobox.css
@@ -0,0 +1,35 @@
+/* infobox */
+#info {
+}
+#info .loading {
+	padding: 20px 0;
+	background: url("loading.gif") no-repeat 50% 50%;
+}
+#info .hidden {
+	display: none;
+}
+#infocontent,
+#info .loading {
+	border-top: 1px solid #CCC;
+	border-bottom: 1px solid #CCC;
+	overflow-y: auto;
+	max-height: 60ex;
+}
+#info .parameters {
+	border-top: 1px solid #CCC;
+	margin-top: 5px;
+	padding-top: 5px;
+}
+#details td {
+	padding-bottom: 4px;
+}
+
+/* select */
+#select li {
+	list-style: disc inside;
+}
+
+/* align */
+#inputselect {
+	padding: 5px 10px;
+}
diff --git a/web/css/mappingtable.css b/web/css/mappingtable.css
new file mode 100644
index 0000000..f72220e
--- /dev/null
+++ b/web/css/mappingtable.css
@@ -0,0 +1,42 @@
+/* mapping table */
+#mappingtable.hidden {
+	display: none;
+}
+#mappingtable .table.hidden,
+#mappingtable .loading.hidden {
+	display:none;
+}
+#mappingtable .loading {
+	padding: 20px 0;
+	background: url("loading.gif") no-repeat 50% 50%;
+}
+.yui3-datatable { 
+	margin: 0;
+}
+.yui3-datatable table {
+	width: 100%;
+}
+.yui3-datatable caption {
+	display: none;
+}
+.yui3-datatable th {
+	text-align: center;
+}
+.yui3-datatable td {
+	cursor: pointer;
+	vertical-align: top;
+}
+.yui3-datatable-selected {
+	color: #3875D7;
+	background-color: white; /* background does not seem to work in new datatable */
+}
+.yui3-datatable td:first-child,
+.yui3-datatable td:last-child {
+	width: 40%;
+}
+.yui3-datatable td .relation {
+	text-align: center;
+}
+.paginator {
+	text-align: center;
+}
diff --git a/web/css/strategy_viz.css b/web/css/strategy_viz.css
new file mode 100644
index 0000000..6d84413
--- /dev/null
+++ b/web/css/strategy_viz.css
@@ -0,0 +1,20 @@
+/* strategy graph */
+.yui3-strategy_viz {
+	padding: 5px 5px 15px;
+}
+.yui3-strategy_viz .edge text {
+	font-size: 11px;
+}
+.yui3-strategy_viz .selected text {
+	font-weight: bold;
+}
+.yui3-strategy_viz .info,
+.yui3-strategy_viz .selected .info {
+	font-weight: normal;
+	font-size: 9px;
+}
+.yui3-strategy_viz .selected ellipse,
+.yui3-strategy_viz .selected polygon {
+	/*fill: #DBEAFF;*/
+	stroke-width: 3px;
+}