Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Adding imagesDir and javascriptsDir for EH2 project to run.

  • Loading branch information...
commit 29848934280a95f07f98d80676d8ef6c4ec1261d 1 parent 51de2ee
@zdennis zdennis authored
View
14 site/development.html
@@ -71,6 +71,20 @@
</button>
<input class='setting css_dir' id='css_input' value='${cssDir}' />
</div>
+ <div class='option javascripts_dir'>
+ <label for='css_input'>JavaScripts Folder:</label>
+ <button class='dir_find select_javascripts_dir'>
+ <span>Choose</span>
+ </button>
+ <input class='setting javascripts_dir' id='css_input' value='${javascriptsDir}' />
+ </div>
+ <div class='option images_dir'>
+ <label for='css_input'>Images Folder:</label>
+ <button class='dir_find select_images_dir'>
+ <span>Choose</span>
+ </button>
+ <input class='setting images_dir' id='css_input' value='${imagesDir}' />
+ </div>
<div class='option remove'>
<label>Remove Project:</label>
<button class='delete'>
View
31 site/jasminebdd/spec/CompassAppSpec.js
@@ -14,7 +14,10 @@ describe("Compass App", function(){
beforeEach(function() {
// stubs
app.createProjectBySelectingDirectory = function(callback){
- app.createProject("project-a", "/some/path/project-a", "", "");
+ app.createProject({
+ name: "project-a",
+ projectDir: "/some/path/project-a"
+ });
};
app.nukeAllProjects();
});
@@ -54,7 +57,10 @@ describe("Compass App", function(){
it("lists both projects", function(){
app.createProjectBySelectingDirectory = function(callback){
- app.createProject("project-b", "/some/path/project-b", "", "");
+ app.createProject({
+ name: "project-b",
+ projectDir: "/some/path/project-b"
+ });
};
$(".option.add").click();
expect($(".project:visible").length).toBe(2);
@@ -63,8 +69,18 @@ describe("Compass App", function(){
describe("switching between projects", function(){
beforeEach(function(){
- app.createProject("project-a", "/project-a/", "/project-a/sass", "project-a/css");
- app.createProject("project-b", "/project-b/", "/project-b/sass", "project-b/css");
+ app.createProject({
+ name: "project-a",
+ projectDir: "/project-a/",
+ sassDir: "/project-a/sass",
+ cssDir: "project-a/css"
+ });
+ app.createProject({
+ name: "project-b",
+ projectDir: "/project-b/",
+ sassDir: "/project-b/sass",
+ cssDir: "project-b/css"
+ });
app.listProjects();
});
@@ -102,7 +118,12 @@ describe("Compass App", function(){
var project_dir = air.File.createTempDirectory(),
sass_dir = project_dir.resolvePath("sass"),
css_dir = project_dir.resolvePath("css");
- app.createProject("project-a", project_dir.nativePath, sass_dir.nativePath, css_dir.nativePath);
+ app.createProject({
+ name: "project-a",
+ projectDir: project_dir.nativePath,
+ sassDir: sass_dir.nativePath,
+ cssDir: css_dir.nativePath
+ });
app.listProjects();
});
View
78 site/js/application.js
@@ -16,9 +16,15 @@ var app = {
createProjectBySelectingDirectory: function() {
browseDirectories(air.File.userDirectory.nativePath, function(evnt) {
if(air.Capabilities.os.match(/Windows/)) {
- app.createProject(evnt.target.nativePath.replace(/\\$/, '').split('\\').last(), evnt.target.nativePath, "", "");
+ app.createProject({
+ name: evnt.target.nativePath.replace(/\\$/, '').split('\\').last(),
+ projectDir: evnt.target.nativePath
+ });
} else {
- app.createProject(evnt.target.nativePath.replace(/\/$/, '').split('/').last(), evnt.target.nativePath, "", "");
+ app.createProject({
+ name: evnt.target.nativePath.replace(/\/$/, '').split('/').last(),
+ projectDir: evnt.target.nativePath
+ });
}
});
},
@@ -26,17 +32,35 @@ var app = {
createProjectByDroppingADirectory: function(evnt){
evnt.preventDefault();
directoryPath = evnt.dataTransfer.getData("text/uri-list");
- app.createProject(directoryPath.replace(/\/$/, '').split('/').last(), directoryPath, "", "");
+ app.createProject({
+ name: directoryPath.replace(/\/$/, '').split('/').last(),
+ projectDir: directoryPath
+ });
},
- createProject: function(name, projectDir, sassDir, cssDir) {
+ createProject: function(options) {
+ var defaults = {
+ name:"",
+ projectDir:"",
+ sassDir:"",
+ cssDir:"",
+ javascriptsDir:"",
+ imagesDir:"",
+ environment:"development",
+ outputStyle: "expanded"
+ };
+
+ options = $.extend(defaults, options);
+
Projects.save({
- name: name,
- projectDir: projectDir,
- sassDir: sassDir,
- cssDir: cssDir,
- environment: "development",
- outputStyle: "expanded"
+ name: options.name,
+ projectDir: options.projectDir,
+ sassDir: options.sassDir,
+ cssDir: options.cssDir,
+ javascriptDir: options.javascriptsDir,
+ imageDir: options.imagesDir,
+ environment: options.environment,
+ outputStyle: options.outputStyle
}, function(project){
$('.projects').trigger(':changed');
$('.project[data-key='+project.key+']').trigger(':select_and_configure');
@@ -117,8 +141,10 @@ $(document).ready(function() {
$('.project .start').live('click', startWatchingProject);
$('.project .stop').live('click', stopWatchingProject);
- $('.select_sass_dir').live('click', selectInputBySelectingDirectory);
- $('.select_css_dir').live('click', selectOutputBySelectingDirectory);
+ $('.select_sass_dir').live('click', selectSassDirBySelectingDirectory);
+ $('.select_css_dir').live('click', selectCssDirBySelectingDirectory);
+ $('.select_javascripts_dir').live('click', selectJavascriptsDirBySelectingDirectory);
+ $('.select_images_dir').live('click', selectImagesDirBySelectingDirectory);
$('.project_details .delete').live('click', deleteProject);
$('.project .item').live('click', function() {
@@ -214,7 +240,7 @@ function deleteProject() {
return false;
}
-function selectOutputBySelectingDirectory() {
+function selectCssDirBySelectingDirectory() {
key = $(this).parents('.project_details:first').attr('data-key');
Projects.get(key, function(project) {
browseDirectories(project.projectDir, function(evnt){
@@ -226,7 +252,7 @@ function selectOutputBySelectingDirectory() {
return false;
}
-function selectInputBySelectingDirectory() {
+function selectSassDirBySelectingDirectory() {
key = $(this).parents('.project_details:first').attr('data-key');
Projects.get(key, function(project) {
browseDirectories(project.projectDir, function(evnt){
@@ -238,6 +264,30 @@ function selectInputBySelectingDirectory() {
return false;
}
+function selectJavascriptsDirBySelectingDirectory() {
+ key = $(this).parents('.project_details:first').attr('data-key');
+ Projects.get(key, function(project) {
+ browseDirectories(project.projectDir, function(evnt){
+ project.javascriptsDir = evnt.target.nativePath;
+ Projects.save(project);
+ $('.project_details[data-key='+key+'] .javascripts_dir').val(evnt.target.nativePath);
+ });
+ });
+ return false;
+}
+
+function selectImagesDirBySelectingDirectory() {
+ key = $(this).parents('.project_details:first').attr('data-key');
+ Projects.get(key, function(project) {
+ browseDirectories(project.projectDir, function(evnt){
+ project.imagesDir = evnt.target.nativePath;
+ Projects.save(project);
+ $('.project_details[data-key='+key+'] .images_dir').val(evnt.target.nativePath);
+ });
+ });
+ return false;
+}
+
function browseDirectories(initialPath, callback) {
var directory = new air.File(initialPath);
View
12 site/js/process_interaction.js
@@ -11,7 +11,17 @@ $(function(){
nativeProcessStartupInfo.executable = jrubyExecutable();
var processArgs = new air.Vector["<String>"]();
- processArgs.push(compassExecutable().nativePath, "watch", "--sass-dir", data.project.sassDir, "--css-dir", data.project.cssDir, "--environment", data.project.environment, "--output-style", data.project.outputStyle, "--trace");
+ processArgs.push(
+ compassExecutable().nativePath,
+ "watch",
+ "--sass-dir", data.project.sassDir,
+ "--css-dir", data.project.cssDir,
+ "--images-dir", data.project.imagesDir,
+ "--javascripts-dir", data.project.javascriptsDir,
+ "--environment", data.project.environment,
+ "--output-style", data.project.outputStyle,
+ "--trace"
+ );
nativeProcessStartupInfo.arguments = processArgs;
process = new air.NativeProcess();
View
14 site/production.html
@@ -66,6 +66,20 @@
</button>
<input class='setting css_dir' id='css_input' value='${cssDir}' />
</div>
+ <div class='option javascripts_dir'>
+ <label for='css_input'>JavaScripts Folder:</label>
+ <button class='dir_find select_javascripts_dir'>
+ <span>Choose</span>
+ </button>
+ <input class='setting javascripts_dir' id='css_input' value='${javascriptsDir}' />
+ </div>
+ <div class='option images_dir'>
+ <label for='css_input'>Images Folder:</label>
+ <button class='dir_find select_images_dir'>
+ <span>Choose</span>
+ </button>
+ <input class='setting images_dir' id='css_input' value='${imagesDir}' />
+ </div>
<div class='option remove'>
<label>Remove Project:</label>
<button class='delete'>
View
198 site/stylesheets/screen.css
@@ -5,7 +5,7 @@
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*jquery mobile styles - default*/
/*@import "../partials/jquery.mobile-1.0a3.min";*/
-/* line 14, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 14, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@@ -25,82 +25,82 @@ table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
}
-/* line 17, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 17, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
line-height: 1;
color: black;
background: white;
}
-/* line 19, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 19, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none;
}
-/* line 21, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 21, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
}
-/* line 23, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 23, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
-/* line 25, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 25, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: "" "";
}
-/* line 96, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 96, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
-/* line 27, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 27, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
border: none;
}
-/* line 1, ../../src/stylesheets/partials/_base.scss */
+/* line 1, ./src/stylesheets/partials/_base.scss */
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, "Verdana Ref", sans-serif;
font-weight: 400;
font-size: 12px;
}
-/* line 6, ../../src/stylesheets/partials/_base.scss */
+/* line 6, ./src/stylesheets/partials/_base.scss */
body a {
color: #5a5a5a;
text-decoration: none;
}
-/* line 18, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
+/* line 18, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
body a:visited {
color: #5a5a5a;
}
-/* line 24, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
+/* line 24, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
body a:hover {
color: #171717;
}
-/* line 27, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
+/* line 27, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
body a:active {
color: #bbbbbb;
}
-/* line 4, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss */
+/* line 4, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss */
body a:hover {
text-decoration: underline;
}
-/* line 11, ../../src/stylesheets/partials/_base.scss */
+/* line 11, ./src/stylesheets/partials/_base.scss */
body h1 {
font-size: 24px;
}
-/* line 15, ../../src/stylesheets/partials/_base.scss */
+/* line 15, ./src/stylesheets/partials/_base.scss */
body h2 {
font-size: 18px;
}
-/* line 19, ../../src/stylesheets/partials/_base.scss */
+/* line 19, ./src/stylesheets/partials/_base.scss */
body button {
display: inline;
float: left;
@@ -126,7 +126,7 @@ body button {
-o-box-shadow: 0px 1px 2px 0px #a9a9a9;
box-shadow: 0px 1px 2px 0px #a9a9a9;
}
-/* line 34, ../../src/stylesheets/partials/_base.scss */
+/* line 34, ./src/stylesheets/partials/_base.scss */
body button:active {
border-top: 1px solid #15167B;
border-right: 1px solid #689FD6;
@@ -141,12 +141,12 @@ body button:active {
box-shadow: 0px 1px 1px 0px #9c9c9c;
}
-/* line 10, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
+/* line 10, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
html, body {
height: 100%;
}
-/* line 12, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
+/* line 12, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
body {
clear: both;
min-height: 100%;
@@ -154,19 +154,19 @@ body {
height: 100%;
margin-bottom: -18px;
}
-/* line 18, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
+/* line 18, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
body .footer {
height: 18px;
}
-/* line 20, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
+/* line 20, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#footer {
clear: both;
position: relative;
height: 18px;
}
-/* line 3, ../../src/stylesheets/partials/_layout.scss */
+/* line 3, ./src/stylesheets/partials/_layout.scss */
body {
position: relative;
margin: 0;
@@ -174,7 +174,7 @@ body {
background-color: #ECECEC;
}
-/* line 10, ../../src/stylesheets/partials/_layout.scss */
+/* line 10, ./src/stylesheets/partials/_layout.scss */
#header {
height: 53px;
padding: 15px 0 0 15px;
@@ -184,7 +184,7 @@ body {
border-top: 1px solid #393737;
border-bottom: 1px solid #878787;
}
-/* line 17, ../../src/stylesheets/partials/_layout.scss */
+/* line 17, ./src/stylesheets/partials/_layout.scss */
#header h1 {
display: inline;
float: left;
@@ -201,7 +201,7 @@ body {
}
/*shell styles*/
-/* line 2, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 2, ./src/stylesheets/partials/shells/_shell.scss */
body .project_list {
position: absolute;
top: 70px;
@@ -210,7 +210,7 @@ body .project_list {
left: 0;
border-right: 1px solid #939393;
}
-/* line 11, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 11, ./src/stylesheets/partials/shells/_shell.scss */
body .project_details {
position: absolute;
top: 70px;
@@ -218,7 +218,7 @@ body .project_details {
right: 0;
left: 40%;
}
-/* line 18, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 18, ./src/stylesheets/partials/shells/_shell.scss */
body .project_details .view {
position: absolute;
top: 0;
@@ -228,7 +228,7 @@ body .project_details .view {
/* overflow-y: auto;*/
*zoom: 1;
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
body .project_details .view:after {
content: "\0020";
display: block;
@@ -237,7 +237,7 @@ body .project_details .view:after {
overflow: hidden;
visibility: hidden;
}
-/* line 29, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 29, ./src/stylesheets/partials/shells/_shell.scss */
body .footer {
position: absolute;
bottom: 0;
@@ -249,7 +249,7 @@ body .footer {
background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f3f3f3 50%, #e6e6e6 50%, #e6e6e6 100%);
background-image: linear-gradient(top, #f7f7f7 0%, #f3f3f3 50%, #e6e6e6 50%, #e6e6e6 100%);
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
body .footer:after {
content: "\0020";
display: block;
@@ -258,7 +258,7 @@ body .footer:after {
overflow: hidden;
visibility: hidden;
}
-/* line 38, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 38, ./src/stylesheets/partials/shells/_shell.scss */
body .footer .option {
display: inline;
float: left;
@@ -270,20 +270,20 @@ body .footer .option {
background-position: center bottom;
border-right: 1px solid #B3B3B3;
}
-/* line 48, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 48, ./src/stylesheets/partials/shells/_shell.scss */
body .footer .option span {
display: block;
height: 18px;
}
-/* line 53, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 53, ./src/stylesheets/partials/shells/_shell.scss */
body .footer .option:hover {
background-color: #F3F3F3;
}
-/* line 57, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 57, ./src/stylesheets/partials/shells/_shell.scss */
body .footer .option:active {
background-color: #C0C0C0;
}
-/* line 62, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 62, ./src/stylesheets/partials/shells/_shell.scss */
body .footer .option.add span {
text-indent: -119988px;
overflow: hidden;
@@ -294,7 +294,7 @@ body .footer .option.add span {
border-right: 1px solid #F0F0F0;
border-left: 1px solid #F0F0F0;
}
-/* line 70, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 70, ./src/stylesheets/partials/shells/_shell.scss */
body .footer .splitter {
display: inline;
float: right;
@@ -309,24 +309,24 @@ body .footer .splitter {
background-position: center center;
cursor: ew-resize;
}
-/* line 79, ../../src/stylesheets/partials/shells/_shell.scss */
+/* line 79, ./src/stylesheets/partials/shells/_shell.scss */
body .footer #new-project {
margin-top: 2em;
}
/*views styles*/
-/* line 1, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 1, ./src/stylesheets/partials/views/_project_details.scss */
.project_details {
display: none;
}
-/* line 4, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 4, ./src/stylesheets/partials/views/_project_details.scss */
.project_details .view {
border-top: 1px solid #FFFFFF;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, #fafafa), color-stop(100%, #e6e6e6));
background-image: -moz-linear-gradient(top, #fafafa 80%, #e6e6e6);
background-image: linear-gradient(top, #fafafa 80%, #e6e6e6);
}
-/* line 8, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 8, ./src/stylesheets/partials/views/_project_details.scss */
.project_details .view .modes {
padding: 5px 10px 5px 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #cfcfcf));
@@ -335,7 +335,7 @@ body .footer #new-project {
border-bottom: 1px solid #8E8E8E;
*zoom: 1;
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.project_details .view .modes:after {
content: "\0020";
display: block;
@@ -344,7 +344,7 @@ body .footer #new-project {
overflow: hidden;
visibility: hidden;
}
-/* line 14, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 14, ./src/stylesheets/partials/views/_project_details.scss */
.project_details .view .modes .mode {
display: inline;
float: right;
@@ -354,7 +354,7 @@ body .footer #new-project {
color: #000000;
text-shadow: #efefef 0 1px 0;
}
-/* line 23, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 23, ./src/stylesheets/partials/views/_project_details.scss */
.project_details .view .modes .mode:hover {
color: #FFFFFF;
text-shadow: #595959 0 1px 0;
@@ -373,7 +373,7 @@ body .footer #new-project {
-o-box-shadow: inset 0px 0px 0px 0px #8f8f8f;
box-shadow: inset 0px 0px 0px 0px #8f8f8f;
}
-/* line 32, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 32, ./src/stylesheets/partials/views/_project_details.scss */
.project_details .view .modes .mode:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #747474), color-stop(100%, #6e6e6e));
background-image: -moz-linear-gradient(top, #747474, #6e6e6e);
@@ -383,25 +383,25 @@ body .footer #new-project {
-o-box-shadow: inset 0px 1px 1px 1px #484848;
box-shadow: inset 0px 1px 1px 1px #484848;
}
-/* line 40, ../../src/stylesheets/partials/views/_project_details.scss */
+/* line 40, ./src/stylesheets/partials/views/_project_details.scss */
.project_details .footer {
left: 1px;
}
-/* line 2, ../../src/stylesheets/partials/views/project_container/_shell.scss */
+/* line 2, ./src/stylesheets/partials/views/project_container/_shell.scss */
.project_list .view {
background-color: #EFF4F9;
color: yellow;
}
-/* line 4, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 4, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects {
position: relative;
z-index: 100;
margin: 0;
overflow-y: auto;
}
-/* line 10, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 10, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project {
margin: 0;
text-decoration: none;
@@ -413,7 +413,7 @@ body .footer #new-project {
overflow: hidden;
*zoom: 1;
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.project_list .view .projects .project:after {
content: "\0020";
display: block;
@@ -422,12 +422,12 @@ body .footer #new-project {
overflow: hidden;
visibility: hidden;
}
-/* line 22, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 22, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project .item {
padding: 15px;
*zoom: 1;
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.project_list .view .projects .project .item:after {
content: "\0020";
display: block;
@@ -436,13 +436,13 @@ body .footer #new-project {
overflow: hidden;
visibility: hidden;
}
-/* line 26, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 26, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project .item .source {
display: inline;
float: left;
width: 60%;
}
-/* line 31, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 31, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project .item .source h2 {
margin: 0;
padding: 0 0 0 40px;
@@ -451,25 +451,25 @@ body .footer #new-project {
background-repeat: no-repeat;
background-position: left center;
}
-/* line 39, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 39, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project .item .source h2 a {
color: #222222;
font-size: 14px;
}
-/* line 43, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 43, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project .item .source h2 a:hover {
text-decoration: none;
}
-/* line 52, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 52, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project.selected, .project_list .view .projects .project.selected:hover {
background-color: #3875D7;
border-top: 1px solid #3F89FF;
}
-/* line 59, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 59, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project.selected .item .source h2 a, .project_list .view .projects .project.selected:hover .item .source h2 a {
color: #FFFFFF;
}
-/* line 68, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 68, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project.focused, .project_list .view .projects .project:hover {
border-top: 1px solid #EEEEEE;
background-color: #D4D4D4;
@@ -491,19 +491,19 @@ body .footer #new-project {
transition-delay: 0s;
cursor: pointer;
}
-/* line 78, ../../src/stylesheets/partials/views/project_container/_projects.scss */
+/* line 78, ./src/stylesheets/partials/views/project_container/_projects.scss */
.project_list .view .projects .project.focused .item .source h2 a, .project_list .view .projects .project:hover .item .source h2 a {
color: #222222;
}
-/* line 9, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 9, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands {
display: inline;
float: right;
width: 40%;
*zoom: 1;
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.project_list .view .projects .project .item .commands:after {
content: "\0020";
display: block;
@@ -512,7 +512,7 @@ body .footer #new-project {
overflow: hidden;
visibility: hidden;
}
-/* line 14, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 14, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command {
display: inline;
float: right;
@@ -535,7 +535,7 @@ body .footer #new-project {
box-shadow: none;
cursor: pointer;
}
-/* line 25, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 25, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command span {
display: block;
width: 30px;
@@ -547,11 +547,11 @@ body .footer #new-project {
-khtml-border-radius: 21px;
border-radius: 21px;
}
-/* line 32, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 32, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command:focus {
outline: none;
}
-/* line 36, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 36, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command:active {
background-color: #A6A6A6;
-moz-box-shadow: inset 0px 2px 2px 0px #5f5f5f;
@@ -559,7 +559,7 @@ body .footer #new-project {
-o-box-shadow: inset 0px 2px 2px 0px #5f5f5f;
box-shadow: inset 0px 2px 2px 0px #5f5f5f;
}
-/* line 42, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 42, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command.start span {
text-indent: -119988px;
overflow: hidden;
@@ -570,7 +570,7 @@ body .footer #new-project {
background-position: 10px center;
background-repeat: no-repeat;
}
-/* line 50, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 50, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command.stop span {
text-indent: -119988px;
overflow: hidden;
@@ -580,17 +580,17 @@ body .footer #new-project {
background-position: 50% 50%;
background-position: 10px center;
}
-/* line 57, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 57, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command.disabled.start {
cursor: default;
}
-/* line 60, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 60, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project .item .commands .command.disabled.start span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
-/* line 73, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 73, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project.selected .item .commands .command, .project_list .view .projects .project.selected:hover .item .commands .command {
background-color: #5F9DFF;
border: 1px solid #234D8F;
@@ -602,14 +602,14 @@ body .footer #new-project {
-o-box-shadow: none;
box-shadow: none;
}
-/* line 79, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 79, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project.selected .item .commands .command:active, .project_list .view .projects .project.selected:hover .item .commands .command:active {
-moz-box-shadow: inset 0px 2px 2px 0px #1d375f;
-webkit-box-shadow: inset 0px 2px 2px 0px #1d375f;
-o-box-shadow: inset 0px 2px 2px 0px #1d375f;
box-shadow: inset 0px 2px 2px 0px #1d375f;
}
-/* line 83, ../../src/stylesheets/partials/views/project_container/_commands.scss */
+/* line 83, ./src/stylesheets/partials/views/project_container/_commands.scss */
.project_list .view .projects .project.selected .item .commands .command.disabled, .project_list .view .projects .project.selected:hover .item .commands .command.disabled {
cursor: default;
-moz-box-shadow: none;
@@ -619,13 +619,13 @@ body .footer #new-project {
}
/*mode styles*/
-/* line 4, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 4, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container {
min-width: 370px;
margin: 0;
padding: 25px 20px 0;
}
-/* line 9, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 9, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container h2 {
position: relative;
z-index: 1;
@@ -650,7 +650,7 @@ body .footer #new-project {
box-shadow: 0px 1px 1px 0px #9c9c9c;
text-align: center;
}
-/* line 24, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 24, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container .options {
margin-top: -12px;
padding: 52px 25px 48px;
@@ -666,12 +666,12 @@ body .footer #new-project {
-o-box-shadow: inset 0px 1px 2px 1px #bababa;
box-shadow: inset 0px 1px 2px 1px #bababa;
}
-/* line 31, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 31, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container .options .option {
margin-bottom: 12px;
*zoom: 1;
}
-/* line 22, ../vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+/* line 22, /Users/zdennis/source/opensource_projects/compass-app/site/vendor/jruby-1.6.0.RC2/lib/ruby/gems/1.8/gems/compass-0.11.beta.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.project_details .view .option_container .options .option:after {
content: "\0020";
display: block;
@@ -680,7 +680,7 @@ body .footer #new-project {
overflow: hidden;
visibility: hidden;
}
-/* line 35, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 35, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container .options .option label {
display: inline;
float: left;
@@ -690,7 +690,7 @@ body .footer #new-project {
text-align: right;
font-weight: bold;
}
-/* line 44, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 44, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container .options .option .dir_find {
margin-top: 2px;
color: #0A0A0A;
@@ -700,7 +700,7 @@ body .footer #new-project {
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 6px;
}
-/* line 54, ../../src/stylesheets/partials/views/modes/_configuration.scss */
+/* line 54, ./src/stylesheets/partials/views/modes/_configuration.scss */
.project_details .view .option_container .options .option .setting {
display: inline;
float: left;
@@ -709,7 +709,7 @@ body .footer #new-project {
font-size: 13px;
}
-/* line 4, ../../src/stylesheets/partials/views/modes/_log_output.scss */
+/* line 4, ./src/stylesheets/partials/views/modes/_log_output.scss */
.project_details .view .log_output {
position: absolute;
top: 29px;
@@ -725,20 +725,20 @@ body .footer #new-project {
color: #F8F8F8;
background-color: #141414;
}
-/* line 23, ../../src/stylesheets/partials/views/modes/_log_output.scss */
+/* line 23, ./src/stylesheets/partials/views/modes/_log_output.scss */
.project_details .view .log_output span.red {
color: red;
}
-/* line 27, ../../src/stylesheets/partials/views/modes/_log_output.scss */
+/* line 27, ./src/stylesheets/partials/views/modes/_log_output.scss */
.project_details .view .log_output span.green {
color: green;
}
-/* line 31, ../../src/stylesheets/partials/views/modes/_log_output.scss */
+/* line 31, ./src/stylesheets/partials/views/modes/_log_output.scss */
.project_details .view .log_output span.yellow {
color: orange;
}
-/* line 1, ../../src/stylesheets/partials/views/modes/_non_selected.scss */
+/* line 1, ./src/stylesheets/partials/views/modes/_non_selected.scss */
.non_selected {
position: absolute;
top: 70px;
@@ -746,7 +746,7 @@ body .footer #new-project {
bottom: 0;
left: 40%;
}
-/* line 8, ../../src/stylesheets/partials/views/modes/_non_selected.scss */
+/* line 8, ./src/stylesheets/partials/views/modes/_non_selected.scss */
.non_selected .view {
left: 1px;
border-top: 1px solid #FFFFFF;
@@ -757,7 +757,7 @@ body .footer #new-project {
}
/*events styles*/
-/* line 4, ../../src/stylesheets/partials/events/_drag_drop_add_files.scss */
+/* line 4, ./src/stylesheets/partials/events/_drag_drop_add_files.scss */
#list .projects_container.hover .addhere {
position: absolute;
top: 0;
@@ -774,28 +774,28 @@ body .footer #new-project {
opacity: 0.8;
}
-/* line 10, ../../src/stylesheets/partials/events/_command_states.scss */
+/* line 10, ./src/stylesheets/partials/events/_command_states.scss */
.project_list .view .projects .project.stopped .item .commands .command.start {
display: block;
}
-/* line 14, ../../src/stylesheets/partials/events/_command_states.scss */
+/* line 14, ./src/stylesheets/partials/events/_command_states.scss */
.project_list .view .projects .project.stopped .item .commands .command.stop {
display: none;
}
-/* line 26, ../../src/stylesheets/partials/events/_command_states.scss */
+/* line 26, ./src/stylesheets/partials/events/_command_states.scss */
.project_list .view .projects .project.started .item .commands .command.start {
display: none;
}
-/* line 30, ../../src/stylesheets/partials/events/_command_states.scss */
+/* line 30, ./src/stylesheets/partials/events/_command_states.scss */
.project_list .view .projects .project.started .item .commands .command.stop {
display: block;
}
-/* line 40, ../../src/stylesheets/partials/events/_command_states.scss */
+/* line 40, ./src/stylesheets/partials/events/_command_states.scss */
.project_list .view .projects .project.starting .item .commands .command.start, .project_list .view .projects .project.starting .item .commands .command.stop, .project_list .view .projects .project.stopping .item .commands .command.start, .project_list .view .projects .project.stopping .item .commands .command.stop {
display: none;
}
-/* line 4, ../../src/stylesheets/partials/events/_detail_modes.scss */
+/* line 4, ./src/stylesheets/partials/events/_detail_modes.scss */
.project_details.configure .modes .mode.configure {
color: #FFFFFF;
text-shadow: #595959 0 1px 0;
@@ -813,15 +813,15 @@ body .footer #new-project {
-o-box-shadow: inset 0px 1px 1px 1px #616161;
box-shadow: inset 0px 1px 1px 1px #616161;
}
-/* line 13, ../../src/stylesheets/partials/events/_detail_modes.scss */
+/* line 13, ./src/stylesheets/partials/events/_detail_modes.scss */
.project_details.configure .options {
display: block;
}
-/* line 17, ../../src/stylesheets/partials/events/_detail_modes.scss */
+/* line 17, ./src/stylesheets/partials/events/_detail_modes.scss */
.project_details.configure .log_output {
display: none;
}
-/* line 24, ../../src/stylesheets/partials/events/_detail_modes.scss */
+/* line 24, ./src/stylesheets/partials/events/_detail_modes.scss */
.project_details.log .modes .mode.log {
color: #fff;
text-shadow: #595959 0 1px 0;
@@ -839,11 +839,11 @@ body .footer #new-project {
-o-box-shadow: inset 0px 1px 1px 1px #616161;
box-shadow: inset 0px 1px 1px 1px #616161;
}
-/* line 33, ../../src/stylesheets/partials/events/_detail_modes.scss */
+/* line 33, ./src/stylesheets/partials/events/_detail_modes.scss */
.project_details.log .options {
display: none;
}
-/* line 37, ../../src/stylesheets/partials/events/_detail_modes.scss */
+/* line 37, ./src/stylesheets/partials/events/_detail_modes.scss */
.project_details.log .log_output {
display: block;
}
View
14 site/test.html
@@ -82,6 +82,20 @@
</button>
<input class='setting css_dir' id='css_input' value='${cssDir}' />
</div>
+ <div class='option javascripts_dir'>
+ <label for='css_input'>JavaScripts Folder:</label>
+ <button class='dir_find select_javascripts_dir'>
+ <span>Choose</span>
+ </button>
+ <input class='setting javascripts_dir' id='css_input' value='${javascriptsDir}' />
+ </div>
+ <div class='option images_dir'>
+ <label for='css_input'>Images Folder:</label>
+ <button class='dir_find select_images_dir'>
+ <span>Choose</span>
+ </button>
+ <input class='setting images_dir' id='css_input' value='${imagesDir}' />
+ </div>
<div class='option remove'>
<label>Remove Project:</label>
<button class='delete'>
View
13 src/layouts/default.haml
@@ -38,6 +38,19 @@
%button.dir_find.select_css_dir
%span Choose
%input#css_input.setting.css_dir{:value => "${cssDir}"}/
+
+ .option.javascripts_dir
+ %label{:for => "css_input"} JavaScripts Folder:
+ %button.dir_find.select_javascripts_dir
+ %span Choose
+ %input#css_input.setting.javascripts_dir{:value => "${javascriptsDir}"}/
+
+ .option.images_dir
+ %label{:for => "css_input"} Images Folder:
+ %button.dir_find.select_images_dir
+ %span Choose
+ %input#css_input.setting.images_dir{:value => "${imagesDir}"}/
+
.option.remove
%label Remove Project:
%button.delete
Please sign in to comment.
Something went wrong with that request. Please try again.