|
|
@@ -31,7 +31,7 @@
|
|
|
.Style2 {
|
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
font-size: 12px;
|
|
|
- font-weight: bold;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.Style3 {
|
|
|
@@ -87,8 +87,8 @@
|
|
|
|
|
|
#year_card {
|
|
|
position: absolute;
|
|
|
- bottom: 94px;
|
|
|
- left: 55px;
|
|
|
+ bottom: 46px;
|
|
|
+ left: 52px;
|
|
|
color: #9d1348;
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
@@ -115,13 +115,18 @@
|
|
|
}
|
|
|
|
|
|
.card_dimension {
|
|
|
- width: 91mm;
|
|
|
- height: 62mm;
|
|
|
+ width: 85mm;
|
|
|
+ height: 54mm;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card_internal_dimension {
|
|
|
+ width: 82mm;
|
|
|
+ height: 50mm;
|
|
|
}
|
|
|
|
|
|
#dashed {
|
|
|
- width: 87mm;
|
|
|
- height: 56mm;
|
|
|
+ width: 85mm;
|
|
|
+ height: 54mm;
|
|
|
border: 1px dashed #0f0f0f;
|
|
|
position: absolute;
|
|
|
border-radius: 4px;
|
|
|
@@ -168,7 +173,7 @@
|
|
|
{% block content %}
|
|
|
{% for licence in model.licences %}
|
|
|
<page data-iri="{{ licence.id }}">
|
|
|
- <table width="500" border="0" cellspacing="0" cellpadding="0">
|
|
|
+ <table width="550" border="0" cellspacing="0" cellpadding="0">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td width="500">
|
|
|
@@ -230,95 +235,93 @@
|
|
|
|
|
|
<div id="card" class="card_dimension">
|
|
|
<table class="card_dimension" align="center" cellpadding="0" cellspacing="0">
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td height="26" colspan="3" align="center" valign="bottom" bgcolor="{{ licence.color }}">
|
|
|
- <div align="center"><span class="Style1">Licence CMF</span></div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="up">
|
|
|
- {% if licence.isOrganizationLicence %}
|
|
|
- <td height="82" width="80" id="avatar">
|
|
|
- <div align="center">
|
|
|
- {% if(licence.logo is null) %}
|
|
|
- <img src="{{ 'images/picto_face.png' }}"
|
|
|
- width="85"
|
|
|
- height="82"/>
|
|
|
- {% else %}
|
|
|
- <img src="{{ fileImagePath(licence.logo, 'sm') }}"
|
|
|
- width="85"
|
|
|
- height="82"/>
|
|
|
- {% endif %}
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td colspan="2">
|
|
|
- <span class="Style2">
|
|
|
- <p>{{ licence.personLastName }} {{ licence.personFirstName }}</p>
|
|
|
- <p>{{ licence.organizationName }}</p>
|
|
|
- <p>{{ licence.federationName }}</p>
|
|
|
- <p>N° : {{ licence.organizationIdentifier }}</p>
|
|
|
- <p>Licence valable jusqu’au 31/12/{{ licence.year }}</p>
|
|
|
- </span>
|
|
|
+ <tbody class="card_internal_dimension">
|
|
|
+ <tr>
|
|
|
+ <td height="18" colspan="3" align="center" valign="bottom" bgcolor="{{ licence.color }}">
|
|
|
+ <div align="center"><span class="Style1">Licence CMF</span></div>
|
|
|
</td>
|
|
|
- {% else %}
|
|
|
- <td height="26" width="80" id="avatar">
|
|
|
+ </tr>
|
|
|
+ <tr class="up">
|
|
|
+ {% if licence.isOrganizationLicence %}
|
|
|
+ <td height="78" width="78" id="avatar">
|
|
|
+ <div align="center">
|
|
|
+ {% if(licence.logo is null) %}
|
|
|
+ <img src="{{ 'images/picto_face.png' }}"
|
|
|
+ height="78"/>
|
|
|
+ {% else %}
|
|
|
+ <img src="{{ fileImagePath(licence.logo, 'sm') }}"
|
|
|
+ height="78"/>
|
|
|
+ {% endif %}
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td colspan="2">
|
|
|
+ <span class="Style2">
|
|
|
+ <p>{{ licence.personLastName }} {{ licence.personFirstName }}</p>
|
|
|
+ <p>{{ licence.organizationName }}</p>
|
|
|
+ <p>{{ licence.federationName }}</p>
|
|
|
+ <p>N° : {{ licence.organizationIdentifier }}</p>
|
|
|
+ <p>Licence valable jusqu’au 31/12/{{ licence.year }}</p>
|
|
|
+ </span>
|
|
|
+ </td>
|
|
|
+ {% else %}
|
|
|
+ <td height="78" width="78" id="avatar">
|
|
|
+ <div align="center">
|
|
|
+ {% if(licence.personAvatar is null) %}
|
|
|
+ <img
|
|
|
+ src="{{ 'images/picto_face.png' }}"
|
|
|
+ height="80"/>
|
|
|
+ {% else %}
|
|
|
+ <img class="avatar"
|
|
|
+ src="{{ fileImagePath(licence.personAvatar, 'sm') }}"/>
|
|
|
+ {% endif %}
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td colspan="2">
|
|
|
+ <span class="Style2">
|
|
|
+ <p>{{ licence.personLastName }} {{ licence.personFirstName }}</p>
|
|
|
+ <p>{{ licence.organizationName }}</p>
|
|
|
+ <p>?</p>
|
|
|
+ <p>N° : {{ licence.organizationIdentifier }}-{{ licence.personId }}</p>
|
|
|
+ <p>Licence valable jusqu’au 31/12/{{ licence.year }}</p>
|
|
|
+ </span>
|
|
|
+ </td>
|
|
|
+ {% endif %}
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr class="top">
|
|
|
+ <td height="30" width="60" valign="middle"
|
|
|
+ style="vertical-align: bottom;">
|
|
|
<div align="center">
|
|
|
- {% if(licence.personAvatar is null) %}
|
|
|
- <img
|
|
|
- src="{{ 'images/picto_face.png' }}"
|
|
|
- width="85"
|
|
|
- height="82"/>
|
|
|
- {% else %}
|
|
|
- <img class="avatar"
|
|
|
- src="{{ fileImagePath(licence.personAvatar, 'sm') }}"/>
|
|
|
- {% endif %}
|
|
|
+ <img src="{{ 'images/cmf_licence.png' }}"
|
|
|
+ height="35"/>
|
|
|
+ <span id="year_card">{{ licence.year }}</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td colspan="2">
|
|
|
- <span class="Style2">
|
|
|
- <p>{{ licence.personLastName }} {{ licence.personFirstName }}</p>
|
|
|
- <p>{{ licence.organizationName }}</p>
|
|
|
- <p>?</p>
|
|
|
- <p>N° : {{ licence.organizationIdentifier }}-{{ licence.personId }}</p>
|
|
|
- <p>Licence valable jusqu’au 31/12/{{ licence.year }}</p>
|
|
|
- </span>
|
|
|
+
|
|
|
+ <td width="112" align="right" valign="middle">
|
|
|
+ <div align="right"><span class="Style4">
|
|
|
+ <p>Consultez vos</p>
|
|
|
+ <p> avantages sur</p>
|
|
|
+ <p>www.cmf-musique.org</p>
|
|
|
+ <p> ou flashez ce code</p></span>
|
|
|
+ </div>
|
|
|
</td>
|
|
|
- {% endif %}
|
|
|
- </tr>
|
|
|
-
|
|
|
- <tr class="bottom">
|
|
|
- <td height="45" width="70" valign="middle"
|
|
|
- style="vertical-align: top;">
|
|
|
- <div align="center">
|
|
|
- <img src="{{ 'images/cmf_licence.png' }}"
|
|
|
- height="45"/>
|
|
|
- <span id="year_card">{{ licence.year }}</span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td width="140" align="right" valign="middle">
|
|
|
- <div align="right"><span class="Style4">
|
|
|
- <p>Consultez vos</p>
|
|
|
- <p> avantages sur</p>
|
|
|
- <p>www.cmf-musique.org</p>
|
|
|
- <p> ou flashez ce code</p></span>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td height="65" width="70" align="right" valign="middle" id="qrCode">
|
|
|
- {% if(licence.qrCode) %}
|
|
|
- <img style="margin-right: 10px;"
|
|
|
- src="{{ fileImagePath(licence.qrCode, 'sm') }}"
|
|
|
- alt=""
|
|
|
- width="65" height="65"/>
|
|
|
- {% endif %}
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
|
|
|
- <tr>
|
|
|
- <td height="26" colspan="3" align="center" bgcolor="{{ licence.color }}">
|
|
|
- <span class="Style3">CMF ● cmf@cmf-musique.org ● 01 55 58 22 82 ● www.cmf-musique.org</span>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <td height="45" width="45" align="right" valign="middle" id="qrCode">
|
|
|
+ {% if(licence.qrCode) %}
|
|
|
+ <img style="margin-right: 10px;"
|
|
|
+ src="{{ fileImagePath(licence.qrCode, 'sm') }}"
|
|
|
+ alt=""
|
|
|
+ width="50" height="50"/>
|
|
|
+ {% endif %}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
|
|
|
+ <tr>
|
|
|
+ <td height="22" colspan="3" align="center" bgcolor="{{ licence.color }}">
|
|
|
+ <span class="Style3">CMF ● cmf@cmf-musique.org ● 01 55 58 22 82 ● www.cmf-musique.org</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
|
|
|
@@ -327,7 +330,7 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <table width="500" border="0" cellspacing="0" cellpadding="0">
|
|
|
+ <table width="550" border="0" cellspacing="0" cellpadding="0">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
<td></td>
|
Olivier Massot