Successfully open file in browser

Author: amitojsingh

app/assets/javascripts/repository/tab.js.erb

@@ -15,8 +15,17 @@ function addTab(link) {
  var path = $(link).attr("rel");
  var modelist = ace.require("ace/ext/modelist");
  var mode = modelist.getModeForPath(path).mode;
+ $(".current").attr('mode',mode);
  console.log(mode);
  editor.session.setMode(mode);
+ if (mode=="ace/mode/html")
+ {
+ assign($(link).attr('rel'));
+ }
+ else{
+ $(".actions").show();
+ $(".compile").hide();
+ }
  editor.setTheme('ace/theme/twilight');
  console.log(path);
  console.log(url);
@@ -34,11 +43,7 @@ function addTab(link) {
  console.log(error);
  }
  });
- console.log($(link).attr('rel'));
- var a="<%=Dir.pwd%>";
- a= a.replace("home/sifat/directory/public/system/repositories/","")
- console.log("a="+a);
- $(".compile").attr('href',a+"/"+$(link).attr('rel'));
+
  $(function() {
  $('#res-tab').on('change', function() {
  var current = $(this).find(':selected').text();
@@ -53,6 +58,13 @@ function addTab(link) {
  $('#tabs-editor li').each(function() {
  if ($(this).attr('id') == current) {
  $(this).addClass("current");
+ if($(this).attr('mode')=='ace/mode/html'){
+ assign(current);
+ }
+ else{
+ $(".actions").show();
+ $(".compile").hide();
+ }
  }
  });
  console.log(current);
@@ -68,6 +80,14 @@ function addTab(link) {
  console.log($(this).attr('id'));
  if ($(this).attr('id') == $(current).attr('id')) {
  $(this).addClass("current");
+ if($(this).attr('mode')=='ace/mode/html'){
+ assign($(current).attr('id'));
+
+ }
+ else{
+ $(".actions").show();
+ $(".compile").hide();
+ }
  }
  });
  });
@@ -95,3 +115,12 @@ function addTab(link) {
  });
  });
 }
+function assign(current){
+ console.log("current="+current);
+ $(".actions").show();
+ $(".compile").show();
+ var a=$(".root-list").attr('datapath');
+ a= a.replace("home/sifat/directory/public/system/repositories/","")
+ console.log("a="+a);
+ $(".compile").attr('href',a+"/"+current);
+}

app/assets/stylesheets/base/_atom.scss

@@ -96,3 +96,13 @@ a.link {
  height:5%;
  color:$silver;
 }
+
+.actions{
+ background-color:$bg-actions;
+ display:none;
+ text-align: right;
+}
+.compile{
+ text-decoration: none;
+ color: $silver;
+}

app/assets/stylesheets/base/_molecule.scss

@@ -1,5 +1,4 @@
 @import "variable.scss";
-
 .traversal {
  ul {
  a,
@@ -39,9 +38,16 @@
  }
  }
  }
+ .editor-wrapper{
+ height:95%;
+ width:100%;
+ .actions{
+ height:5%;
+ }
+ }
 
  ul#tabs-editor {
-  height: 95%;
+ height:inherit;
  width: 100%;
  list-style: none;
  display: flex;

app/assets/stylesheets/base/_variable.scss

@@ -14,3 +14,4 @@ $search: #171717;
 $tab-border: #7e6800;
 $inactive-color: #0b2833;
 $hover-color: #131313;
+$bg-actions:#1a1c1d;

app/controllers/gitrepos_controller.rb

@@ -17,6 +17,15 @@ def show
  @file = Dir.glob('**/*')
  end
 
+ def moveto
+ goto = {}
+ request.path_parameters.each do |key, value|
+ goto[key] = value
+ end
+ path = "/system/repositories/github/#{goto[:id]}/#{goto[:url]}#{goto[:all]}"
+ redirect_to(path)
+ end
+
  private
 
  def gitrepo_params

app/controllers/repositories_controller.rb

@@ -6,6 +6,8 @@ def new
  end
 
  def index
+ Dir.chdir(Rails.root)
+ puts "present directory=#{Dir.pwd}"
  @repository = Repository.all
  @gitrepo = Gitrepo.all
  end
@@ -72,6 +74,7 @@ def show_repo
  path = "public/system/repositories/uploads/extract/#{@repository.id}"
  @path = Rails.root.join(path, @folder)
  Dir.chdir(@path)
+ puts "after click= #{Dir.pwd}"
  @file = Dir.glob('**/*')
  end
 

app/helpers/repositories_helper.rb

@@ -58,7 +58,7 @@ def traversal
  end
  end
  puts @final_tree
- @html << '<ul>'
+ @html << "<ul class=root-list datapath=#{Dir.pwd}>"
  if @final_tree.is_a?(Hash)
  mainlist = callHash(@final_tree)
  puts "mainlist----#{mainlist}"

app/views/repositories/_traversal.html.erb

@@ -5,10 +5,14 @@
  <div class="search-result"> </div>
  <%=raw traversal%>
  </div>
- <a class=compile target="_blank">compile</a>
  <div class=pannels>
  <select id = 'res-tab'> </select>
  <ul id="tabs"></ul>
+ <div class=editor-wrapper>
+ <div class=actions>
+ <a class=compile target=_blank>Open</a>
+ </div>
  <ul id="tabs-editor"></ul>
+ </div>
  </div>
 </div>

config/routes.rb

@@ -3,6 +3,7 @@
  post 'gitrepos/newrepo'
  get 'gitrepos/:id', to: 'gitrepos#show', as: 'gitrepo'
  post 'gitrepos', to: 'gitrepos#create'
+ get 'github/:id/:url(*all)', to: 'gitrepos#moveto'
  devise_for :users, controllers: { registrations: 'registrations' }
  get 'repositories/new'
  get 'repositories/:id', to: 'repositories#show', as: 'repository'