Skip to content

GitLab

Commit 82f76cbd authored by svilayphiou's avatar svilayphiou
Browse files

Front-end changes.

parent d67c9adf
Hide whitespace changes
Inline Side-by-side
Showing with 24 additions and 19 deletions
generator/static/js/project.js
View file @ 82f76cbd
......@@ -89,7 +89,7 @@ var treeApp = new Vue({
// DOWNLOAD RAW FILE
href = project_path + "/raw/master/" + path;
a = '<p><a download href="' + href + '">Download file</a></p>';
a = '<p><a class="download-me" download href="' + href + '">Download file</a></p>';
// DIFF: SHOWS ALL VERSIONS OF ONE PICTURE ////////////////////////////////////
......
generator/templates/base.html
View file @ 82f76cbd
......@@ -6,6 +6,8 @@
<title>Projects</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/hk-grotesk" type="text/css"/>
</head>
<body>
......@@ -26,7 +28,11 @@
<li><a>Infos</a></li>
</ul>
</nav>
{% block submenu %}
{% endblock %}
</div>
<main>
{% block content %}
......
generator/templates/project.html
View file @ 82f76cbd
{% extends "base.html" %}
{% block submenu %}
<header class="header repo branch-{{ project.default_branch }}">
<h2 class="repo-title">{{ project.name }}</h2>
<h2 class="repo-title"></h2>
<ul id="views">
<li><a href="#readme" id="filter-readme">Description</a></li>
<li><a href="#images" id="filter-images">Visual process </a></li>
<li><a href="#tree" id="filter-tree">Files</a></li>
<li><a href="#commits" id="filter-commit">Last updates</a></li>
<li><a href="#fonts" id="filter-fonts">Font used</a></li>
</ul>
</header>
{% endblock %}
{% block content %}
<div class="repo branch-{{ project.default_branch }}">
<header class="header">
<h2 class="repo-title">{{ project.name }}</h2>
<h2 class="repo-title"></h2>
<ul id="views">
<!-- <span>views:</span>-->
<li><a href="#" id="filter-readme">Description</a></li>
<li><a href="#" id="filter-images">Visual process </a></li>
<li><a href="#tree" id="filter-tree">Files</a></li>
<li><a href="#" id="filter-commit">Last updates</a></li>
<li><a href="" id="filter-fonts">Font used</a></li>
</ul>
</header>
<section id="repo-content">
{% if project.readme %}
......@@ -29,18 +31,15 @@
<div id="processus">
<h3>processus</h3>
<div v-for="image in processusList">
<img v-bind:src="image.src">
</div>
<img v-for="image in processusList" v-bind:src="image.src">
</div>
</section>
<section id="tree" class="repo-views" >
<h3>Tree</h3>
<a href="#" v-on:click.prevent="tree('up', upPath)">↑↑ Parent directory</a>
<a id="go-up-folder" href="#" v-on:click.prevent="tree('up', upPath)">↑↑ Parent directory</a>
<ul>
<li v-bind:class="blob.type" v-for="blob in fileList">
<a v-on:click.prevent="tree(blob.type, blob.path, blob.id)" href="#">
<span v-if="blob.type === 'tree'">█</span>
[[ blob.name ]]
</a>
</li>
......@@ -54,7 +53,7 @@
<p>[[ file.msg ]]</p>
<p>[[ file.author ]]</p>
<img v-if="file.b64" v-bind:src="file.b64">
<a v-bind:href="file.href" download target="_blank">Download that file.</a>
<a class="download-me" v-bind:href="file.href" download target="_blank">Download that file.</a>
</div>
</div>
</section>
......
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