Commit 9c1e5649 authored by Filipa Lacerda's avatar Filipa Lacerda

Adds CSS for children rows to be indented

parent d873a3bd
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
window.gl = window.gl || {}; window.gl = window.gl || {};
window.gl.environmentsList = window.gl.environmentsList || {}; window.gl.environmentsList = window.gl.environmentsList || {};
gl.environmentsList.EnvironmentItem = Vue.component("environment-item", { gl.environmentsList.EnvironmentItem = Vue.component('environment-item', {
template: '#environment-item-template', template: '#environment-item-template',
...@@ -41,6 +41,16 @@ ...@@ -41,6 +41,16 @@
*/ */
isFolder () { isFolder () {
return this.model.children && this.model.children.length return this.model.children && this.model.children.length
},
/**
* If an item is inside a folder structure will return true.
* Used for css purposes.
*
* @returns {Boolean|undefined}
*/
isChildren () {
return this.model['vue-isChildren'];
} }
}, },
......
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
} }
} }
.children-name{ .children-row .environment-name{
margin-left: 17px; margin-left: 17px;
margin-right: -17px; margin-right: -17px;
} }
......
%script#environment-item-template{ "type"=> "text/x-template" } %script#environment-item-template{ "type"=> "text/x-template" }
%tr %tr
%td.folder-name %td{"v-bind:class" => "{ 'children-row': isChildren}"}
%a{ "v-if" => "!isFolder", %a.environment-name{ "v-if" => "!isFolder",
":href" => "'#{namespace_project_environments_path(@project.namespace, @project)}/' + model.id" } ":href" => "'#{namespace_project_environments_path(@project.namespace, @project)}/' + model.id" }
{{model.name}} {{model.name}}
%span{ "v-if" => "isFolder",
%span.folder-name{ "v-if" => "isFolder",
"@click" => "toggle" } "@click" => "toggle" }
%i.folder-icon{ "v-show" => "open"} %i.folder-icon{ "v-show" => "open"}
...@@ -49,4 +50,7 @@ ...@@ -49,4 +50,7 @@
.pull-right{ "v-if" => "!isFolder"} .pull-right{ "v-if" => "!isFolder"}
actions will go here actions will go here
%tr{"v-if" => "open && isFolder", "is" => "environment-item", "v-for" => "model in model.children", ":model" => "model"} %tr{"v-if" => "open && isFolder",
"is" => "environment-item",
"v-for" => "model in model.children",
":model" => "model"}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment