concrete 0.2.0

data/example/themes/fold_button_dots_when_hidden.css

@@ -0,0 +1,18 @@
+/* Folding
+ *****************************************************************************/
+
+.ct_fold_open {
+  display: none;
+}
+
+.ct_fold_closed {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  background-image: url("dots_12px.png");
+}
+
+.ct_fold_empty {
+  display: none;
+}
+

data/example/themes/fold_button_plus_minus.css

@@ -0,0 +1,21 @@
+/* Folding
+ *****************************************************************************/
+
+.ct_fold_open {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  background-image: url("minus_11px.png");
+}
+
+.ct_fold_closed {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  background-image: url("plus_11px.png");
+}
+
+.ct_fold_empty {
+  display: none;
+}
+

data/example/themes/fold_button_plus_when_hidden.css

@@ -0,0 +1,18 @@
+/* Folding
+ *****************************************************************************/
+
+.ct_fold_open {
+  display: none;
+}
+
+.ct_fold_closed {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  background-image: url("plus_11px.png");
+}
+
+.ct_fold_empty {
+  display: none;
+}
+

data/example/themes/light_blue.css

@@ -0,0 +1,177 @@
+
+/* General Editor
+ *****************************************************************************/
+
+body {
+	background-color: #c5cfe7;
+	color: black;
+	font-family: "courier new";
+	font-size: 12;
+  cursor: default;
+}
+ 
+/* editor */
+.ct_editor {
+	padding: 10px;
+	border: 1px solid #888;	
+}
+
+/* editor when focused */
+.ct_editor.ct_focus {
+	border: 1px solid #555;
+}
+
+/* Inline Editor 
+ *****************************************************************************/
+
+/* text input element */
+.ct_inline_editor input {
+	font-family: "courier new";
+	font-size: 12;
+	color: black;
+	background-color: transparent;
+	border: 0;
+}
+
+/* dropdown list */
+.ct_inline_editor ul {
+	padding: 0;
+	margin: 0;
+}
+
+/* dropdown list item */
+.ct_inline_editor ul li {
+	padding: 0;
+	margin: 0;
+	list-style-type: none;
+	color: black;
+	text-align: left;	
+}
+
+/* dropdown list element when selected */
+.ct_inline_editor ul li.selected {
+	background-color: #aaf;		
+}
+
+/* General Syntax Highlighting
+ *****************************************************************************/
+
+/* these styles are mainly intended for textual representations of the model */
+
+/* Class name */
+.ct_class_name {
+	color: #00008b;
+}
+
+/* Feature name */
+.ct_feature_name {
+	color: #8b0000;
+}
+
+/* Element name */
+.ct_identifier_attribute .ct_value {
+	color: black;
+	text-decoration: underline;
+}
+
+/* don't show feature name for identifier attributes */
+.ct_identifier_attribute .ct_feature_name {
+	display: none;
+}
+
+/* indentation of containment features */
+.ct_containment {
+	padding-left: 10px;	
+}
+
+/* indentation of contained elements */
+.ct_containment .ct_element {
+	margin-left: 10px;
+}
+
+/* indentation of inline editor when editing a contained element */
+/* won't work in case a template is putting something around the slot */
+.ct_containment > .ct_slot > .ct_inline_editor {
+	margin-left: 10px;	
+}
+
+/* space between references and attributes */
+.ct_value {
+	margin-right: 5px;
+}
+
+/* empty element/value used to insert new elements/values */
+.ct_empty {
+	background-color: #777;	
+}
+
+/* Selection
+ *****************************************************************************/
+
+/* element/value selected */
+.ct_selected {
+	background-color: #aaf;
+}
+
+/* cursor */
+.ct_cursor {
+	width: 4px;
+	height: 4px;
+	background-color: #00A;
+}
+
+/* Errors
+ *****************************************************************************/
+
+/* element/feature with an error */
+.ct_error {
+	border-left: 5px solid #F77;	
+}
+
+/* inline editor showing an error while editing */
+.inline_editor.ct_error {
+	background-color: #F77;	
+}
+
+/* Message Popup 
+ *****************************************************************************/
+
+/* popup shown when hovering over an element/feature */
+.ct_message_popup {
+	background-color: #FFD;	
+	border: 1px solid #777;
+  color: black;
+}
+
+.ct_error_message {
+  padding-left: 19px;
+  background: url("dialog-error.png") no-repeat;
+  min-height: 16px;
+  margin: 3px;
+}
+
+.ct_info_message {
+  padding-left: 19px;
+  background: url("dialog-information.png") no-repeat;
+  min-height: 16px;
+  margin: 3px;
+}
+
+/* References
+ *****************************************************************************/
+
+/* target of a reference when hovering over the source */
+.ct_ref_target {
+	background: #88F;	
+}
+
+/* source of a reference when hovering over it */
+.ct_ref_source {
+	text-decoration: underline;
+	color: #88F;	
+}
+
+/* source when within target */
+.ct_ref_target .ct_ref_source {
+	color: #FFF;
+}

data/example/themes/white.css

@@ -0,0 +1,177 @@
+
+/* General Editor
+ *****************************************************************************/
+
+body {
+	background-color: #fff;
+	color: #000;
+	font-family: "courier new";
+	font-size: 12;
+  cursor: default;
+}
+ 
+/* editor */
+.ct_editor {
+	padding: 10px;
+	border: 1px solid #555;	
+}
+
+/* editor when focused */
+.ct_editor.ct_focus {
+	border: 1px solid #888;
+}
+
+/* Inline Editor 
+ *****************************************************************************/
+
+/* text input element */
+.ct_inline_editor input {
+	font-family: "courier new";
+	font-size: 12;
+	color: #000;
+	background-color: transparent;
+	border: 0;
+}
+
+/* dropdown list */
+.ct_inline_editor ul {
+	padding: 0;
+	margin: 0;
+}
+
+/* dropdown list item */
+.ct_inline_editor ul li {
+	padding: 0;
+	margin: 0;
+	list-style-type: none;
+	color: black;
+	text-align: left;	
+}
+
+/* dropdown list element when selected */
+.ct_inline_editor ul li.selected {
+	background-color: #ccf;		
+}
+
+/* General Syntax Highlighting
+ *****************************************************************************/
+
+/* these styles are mainly intended for textual representations of the model */
+
+/* Class name */
+.ct_class_name {
+	color: #0000aa;
+}
+
+/* Feature name */
+.ct_feature_name {
+	color: #008800;
+}
+
+/* Element name */
+.ct_identifier_attribute .ct_value {
+	color: #aa0000;
+}
+
+/* don't show feature name for identifier attributes */
+.ct_identifier_attribute .ct_feature_name {
+	display: none;
+}
+
+/* indentation of containment features */
+.ct_containment {
+	padding-left: 10px;	
+}
+
+/* indentation of contained elements */
+.ct_containment .ct_element {
+	margin-left: 10px;
+}
+
+/* indentation of inline editor when editing a contained element */
+/* won't work in case a template is putting something around the slot */
+.ct_containment > .ct_slot > .ct_inline_editor {
+	margin-left: 10px;	
+}
+
+/* space between references and attributes */
+.ct_value {
+	margin-right: 5px;
+}
+
+/* empty element/value used to insert new elements/values */
+.ct_empty {
+	background-color: #777;	
+}
+
+/* Selection
+ *****************************************************************************/
+
+/* element/value selected */
+.ct_selected {
+	background-color: #ccf;
+}
+
+/* cursor */
+.ct_cursor {
+	width: 4px;
+	height: 4px;
+	background-color: #f0f;
+}
+
+/* Errors
+ *****************************************************************************/
+
+/* element/feature with an error */
+.ct_error {
+	border-left: 5px solid #F77;	
+}
+
+/* inline editor showing an error while editing */
+.inline_editor.ct_error {
+	background-color: #F77;	
+}
+
+/* Message Popup 
+ *****************************************************************************/
+
+/* popup shown when hovering over an element/feature */
+.ct_message_popup {
+	background-color: #FFD;	
+	border: 1px solid #777;
+  color: black;
+}
+
+.ct_error_message {
+  padding-left: 19px;
+  background: url("dialog-error.png") no-repeat;
+  min-height: 16px;
+  margin: 3px;
+}
+
+.ct_info_message {
+  padding-left: 19px;
+  background: url("dialog-information.png") no-repeat;
+  min-height: 16px;
+  margin: 3px;
+}
+
+/* References
+ *****************************************************************************/
+
+/* target of a reference when hovering over the source */
+.ct_ref_target {
+	background: #77F;	
+}
+
+/* source of a reference when hovering over it */
+.ct_ref_source {
+	text-decoration: underline;
+	color: #77F;	
+}
+
+/* source when within target */
+.ct_ref_target .ct_ref_source {
+	color: #FFF;
+}
+

data/lib/concrete/concrete_syntax_provider.rb

@@ -0,0 +1,63 @@
+module Concrete
+
+class ConcreteSyntaxProvider
+
+  class ConcreteSyntax
+    attr_accessor :ident, :dir, :name, :desc, :htmlTemplates, :cssStyleFile
+  end
+
+  def initialize(configDirs, logger, config=nil)
+    @configDirs = configDirs
+    @logger = logger
+    @config = config
+    @selectedSyntax = nil 
+  end
+
+  def selectedSyntax
+    syn = syntaxes
+    storedIdent = @config.andand.loadValue("concrete_syntax") 
+    storedSyntax = syn.find{|s| s.ident == storedIdent} if storedIdent
+    storedSyntax || @selectedSyntax || syn.first
+  end
+
+  def selectSyntax(ident)
+    @selectedSyntax = syntaxes.find{|s| s.ident == ident}
+    @config.andand.storeValue("concrete_syntax", ident.to_s)
+  end
+
+  def syntaxesAsJson
+    '{ "syntaxes": [' + syntaxes.collect do |s| 
+      '{ "ident": "'+s.ident+'", "name": "'+s.name+'" }'
+    end.join(", ") + '], "selected": "'+@selectedSyntax.andand.ident.to_s+'" }'
+  end
+
+  def syntaxes
+    result = []
+    @configDirs.each do |cd|
+      next unless File.exist?(cd)
+      Dir.entries(cd).sort.each do |sd|
+        next if sd == "." || sd == ".."
+        syntaxDir = cd+"/"+sd
+        templatesFile = syntaxDir + "/templates.html"
+        styleFile = syntaxDir + "/style.css"
+        unless File.exist?(templatesFile) || File.exist?(styleFile)
+          @logger.warn("Concrete syntax dir without a templates.html or a style.css: #{syntaxDir}")
+          next
+        end
+        s = ConcreteSyntax.new
+        s.ident = syntaxDir.gsub("\\","/")
+        s.dir = syntaxDir
+        s.name = sd.split(/[_\W]/).collect{|w| w.capitalize}.join(" ")
+        s.desc = ""
+        s.cssStyleFile = styleFile if File.exist?(styleFile)
+        s.htmlTemplates = File.read(templatesFile) if File.exist?(templatesFile)
+        result << s 
+      end
+    end
+    result
+  end
+   
+end
+
+end
+