Commit da549cba authored by alexandre's avatar alexandre

Harmonization font size, and css naming

parent ca3ab581
This diff is collapsed.
...@@ -935,13 +935,13 @@ window.W = window.W || {}; ...@@ -935,13 +935,13 @@ window.W = window.W || {};
*/ */
W.TreeNode = Marionette.View.extend({ W.TreeNode = Marionette.View.extend({
tagName: 'li', tagName: 'li',
className: 'axis', className: 'axis score__line line',
attributes: function () { // attributes: function () {
return { // return {
id: "foo-" + this.model.get("title") // id: "foo-" + this.model.get("title")
} // }
}, // },
template: '#node-template-vue', template: '#node-template-vue',
...@@ -964,7 +964,7 @@ window.W = window.W || {}; ...@@ -964,7 +964,7 @@ window.W = window.W || {};
ui: { ui: {
'title': '.axis-row', 'title': '.axis-row',
'titleSpan': '.axis-title' 'titleSpan': '.line__title'
}, },
regions: { regions: {
...@@ -1582,7 +1582,6 @@ window.W = window.W || {}; ...@@ -1582,7 +1582,6 @@ window.W = window.W || {};
} }
return ""; return "";
} }
}); });
...@@ -1729,23 +1728,26 @@ window.W = window.W || {}; ...@@ -1729,23 +1728,26 @@ window.W = window.W || {};
}, },
ui: { ui: {
'save': '.save', 'save': '.js-save',
'edit': '.edit', 'edit': '.js-edit',
'expandLevel': '[name="expand-level"]', 'delete': '.js-delete',
'duplicate': '.js-duplicate',
// 'expandLevel': '[name="expand-level"]',
'scoreMeta': '.score-meta', 'scoreMeta': '.score-meta',
'title': '#title', 'title': '#title',
'sidebar': '#sidebar',
'meta': '.panel--score-meta' 'meta': '.panel--score-meta'
}, },
events: { events: {
'click @ui.save': 'save', 'click @ui.save': 'save',
'click @ui.edit': 'toggleForm', 'click @ui.edit': 'toggleForm',
'click .delete': 'delete', 'click @ui.delete': 'delete',
'click .duplicate': 'duplicate', 'click @ui.duplicate': 'duplicate',
'click .unfold': 'unfold', 'click .unfold': 'unfold',
'click .fold': 'fold', 'click .fold': 'fold',
'change @ui.expandLevel': 'expandUntill', // 'change @ui.expandLevel': 'expandUntill',
'click [data-name="export"]': 'downloadAsJSON', 'click [data-name="export"]': 'downloadAsJSON',
'click .panel--score-meta .js-toggle': 'toggleMeta' 'click .panel--score-meta .js-toggle': 'toggleMeta'
}, },
...@@ -1980,7 +1982,6 @@ window.W = window.W || {}; ...@@ -1980,7 +1982,6 @@ window.W = window.W || {};
toggleMeta: function () { toggleMeta: function () {
this.metaExpanded = !this.metaExpanded; this.metaExpanded = !this.metaExpanded;
this.ui.meta.toggleClass('is-collapsed', !this.metaExpanded) this.ui.meta.toggleClass('is-collapsed', !this.metaExpanded)
// this.ui.sidebar.attr('data-expanded', this.metaExpanded);
} }
}); });
...@@ -1988,12 +1989,12 @@ window.W = window.W || {}; ...@@ -1988,12 +1989,12 @@ window.W = window.W || {};
W.SliderView = Marionette.View.extend({ W.SliderView = Marionette.View.extend({
template: '#slider-template', template: '#slider-template',
tagName: 'div', tagName: 'ol',
className: 'expand-level', className: 'score__slider slider',
triggers: { triggers: {
'click .expand-level-option': 'click', 'click .slider__level': 'click',
}, },
templateContext: function () { templateContext: function () {
......
<div class="metadata"> <div class="metadata">
<span class="tag"></span> <div class="metadata__wrapper">
<% if (alternative != "") { %> <span class="tag"></span>
<span class="alternative-wrapper"><span class="alternative"><%- alternative %></span></span> <% if (alternative != "") { %>
<% } %> <span class="alternative"><%- alternative %></span>
<% } %>
</div>
</div> </div>
<ol></ol> <ol></ol>
\ No newline at end of file
{% spaceless %}
<header class="axis-row"> <header class="axis-row">
<span class="icon icon--handle"></span>
<section class="axis-row--background-wrapper"> <section class="axis-row--background-wrapper">
<section class="axis-row--header"> <!-- <section class="axis-row--header"> -->
<span class="icon icon--handle"></span> <!-- </section> -->
</section>
<% if (condition) { %> <% if (condition) { %>
<section class="condition"> <span class="line__condition">
<span class="label"> <span class="label">
<% if (imperative) { %>! <% } %><%- condition %> <% if (imperative) { %>! <% } %><%- condition %>
</span> </span>
</section> </span>
<% } else { %>
<span class="line__condition line__condition--hidden"></span>
<% } %> <% } %>
<% if (actant) { %> <% if (actant) { %>
<section class="axis-row--actant"> <span class="line__actant">
<%- actant %> <%- actant %>
</section> </span>
<% } %> <% } %>
<section class="axis-row--body" <% if (aspect) { %> data-aspect="<%- aspect %>"<% } %>> <section class="line__body" <% if (aspect) { %> data-aspect="<%- aspect %>"<% } %>>
<span class="axis-title"><%- title %></span> <span class="line__title"><%- title %></span>
<% if (attachment) { %> <% if (attachment) { %>
&nbsp;
<section class="attachment--view"></section> <section class="attachment--view"></section>
<% } %> <% } %>
<% if (hasIndications) { %> <% if (hasIndications) { %>
<span class="indications"> <span class="indications">
<span class="icon icon--indications"></span> <span class="icon icon--indications"></span>
<span class="full"> <span class="full">
<% if (indications) { %> <% if (indications) { %>
<%- indications %> <%- indications %>
<% } %> <% } %>
<% if (commandement) { %> <% if (commandement) { %>
<span class="indications-label"><%- t('Commandement') %>:</span> <span class="indications-label"><%- t('Commandement') %>:</span>
<%- commandement %> <%- commandement %>
<% } %> <% } %>
<% if (destination) { %> <% if (destination) { %>
<span class="indications-label"><%- t('Destination') %>:</span> <span class="indications-label"><%- t('Destination') %>:</span>
<%- destination %> <%- destination %>
<% } %> <% } %>
<% if (code) { %> <% if (code) { %>
<span class="indications-label"><%- t('Code') %>:</span> <span class="indications-label"><%- t('Code') %>:</span>
<%- code %> <%- code %>
<% } %> <% } %>
</span> </span>
</span> </span>
<% } %> <% } %>
<span class="axis-inline-title-form"></span> <span class="axis-inline-title-form"></span>
</section> </section>
<% if (adresse) { %> <% if (adresse) { %>
<section class="axis-row--adresse"> <span class="line__adresse">
<%- adresse %> <%- adresse %>
</section> </span>
<% } %> <% } %>
<% if (boucle) { %> <% if (boucle) { %>
<span class="boucle option"> <span class="boucle option">
<!-- <sup> -->
<% if (boucle.type === rangeType.exact) { %> <% if (boucle.type === rangeType.exact) { %>
<%- boucle.value %> <%- boucle.value %>
<% } else if (boucle.type === rangeType.minimal) { %> <% } else if (boucle.type === rangeType.minimal) { %>
...@@ -66,34 +76,33 @@ ...@@ -66,34 +76,33 @@
<% } else if (boucle.type === rangeType.range) { %> <% } else if (boucle.type === rangeType.range) { %>
<%- boucle.value[0] %>-<%- boucle.value[1] %> <%- boucle.value[0] %>-<%- boucle.value[1] %>
<% } %> <% } %>
<!-- </sup> -->
</span> </span>
<% } %> <% } %>
<% if (terme) { %> <% if (terme) { %>
<section class="terme"> <span class="line__terme">
<span class="label"> <span class="label">
<%- terme %> <%- terme %>
</span> </span>
</section> </span>
<% } %> <% } %>
</section> </section>
<section class="axis-row--actions">
<span class="line__actions">
<% if (isLink) { %> <% if (isLink) { %>
<button name="unlink"><%- t('rompre le lien') %></button> <button name="unlink"><%- t('rompre le lien') %></button>
<% } else { %> <% } else { %>
<button name="edit" title="Modifier cet axe">⋯</button> <button name="edit" title="Modifier cet axe">⋯</button>
<button name="add" title="Ajoute un sous-axe">+</button> <button name="add" title="Ajoute un sous-axe">+</button>
<% } %> <% } %>
<button name="delete" title="Supprimer cet axe (et tous ses sous-axes)">x</button> <button name="delete" title="Supprimer cet axe (et tous ses sous-axes)">x</button>
<% if (sublines.length) { %> </span>
<!-- <button name="toggle"></button> -->
<% } %>
</section>
<form></form> <form></form>
</header> </header>
<% if (sublines.length) { %> <% if (sublines.length) { %>
<section class="sublines"></section> <section class="sublines"></section>
<% } %> <% } %>
{% endspaceless %}
<article class="<% if (!is_editable) { %>read-only<% } %>"> <article class="<% if (!is_editable) { %>read-only<% } %>">
<header id="sidebar"> <header class="score__header">
<h1 id="title"><%- title %></h1> <h1 class="score__title"><%- title %></h1>
<div class="score-actions"> <div class="score__actions">
<button class="save" data-label-progress="<%- t('Enregistrer…') %>" data-label="<%- t('Enregistrer') %>" <% if (!hasChanges) { %>disabled<% } %>><%- t('Enregistrer') %></button> <button class="js-save" data-label-progress="<%- t('Enregistrer…') %>" data-label="<%- t('Enregistrer') %>" type="button" <% if (!hasChanges) { %>disabled<% } %>><%- t('Enregistrer') %></button>
<button class="duplicate"><%- t('Dupliquer') %></button> <button class="js-duplicate" type="button"><%- t('Dupliquer') %></button>
<button class="delete"><%- t('Supprimer') %></button> <button class="js-delete" type="button"><%- t('Supprimer') %></button>
<!--<button data-name="export"><%- t('Export') %></button>--> <!--<button data-name="export"><%- t('Export') %></button>-->
</div> </div>
</header> </header>
<div id="main-area"> <div class="score__main">
<div id="expand-level-slider"></div> <div id="expand-level-slider"></div>
<div id="axis-wrapper"> <div id="axis-wrapper">
<ol></ol> <ol class="score__mainline"></ol>
</div> </div>
</div> </div>
</article> </article>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<aside class="panel__alt panel--score-meta <% if (!metaExpanded) { %>is-collapsed<% } %>"> <aside class="panel__alt panel--score-meta <% if (!metaExpanded) { %>is-collapsed<% } %>">
<span class="panel__toggle__alt js-toggle"><%- t('infos') %></span> <span class="panel__toggle__alt js-toggle"><%- t('infos') %></span>
<section class="content"> <section class="content">
<button class="edit score-edit"><%- t('Éditer') %></button> <button class="js-edit score-edit"><%- t('Éditer') %></button>
<dl class="score-meta"> <dl class="score-meta">
<% if (presentation) { %> <% if (presentation) { %>
......
<% for (var l=1; l <= depth; l++) { %><div class="expand-level-option" data-value="<%= l %>"> <% for (var l=1; l <= depth; l++) { %><li class="slider__level" data-value="<%= l %>">
<span class="expand-level-option-label"> <span class="slider__label">
<%= l %> <%= l %>
</span> </span>
</div><% } %> </li><% } %>
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