1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-09-19 16:01:34 +02:00

Working on proposals

This commit is contained in:
Hillel Coren 2018-05-09 21:17:42 +03:00
parent 83e76198e0
commit dfc3fb9c3a
3 changed files with 87 additions and 29 deletions

View File

@ -59,6 +59,47 @@ $(function() {
var blockManager = grapesjsEditor.BlockManager;
var textBlock = blockManager.get('text');
textBlock.set('content', {
type: 'text',
content: 'Insert your text here',
activeOnRender: 1
});
var gridItemsBlock = blockManager.get('grid-items');
gridItemsBlock.set('content', '\
<table>\
<tr>\
<td class="card-content">\
<img src="" alt="Image"/>\
<h1 class="card-title">Insert title here</h1>\
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>\
</td>\
<td class="card-content">\
<img src="" alt="Image"/>\
<h1 class="card-title">Insert title here</h1>\
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>\
</td>\
</tr>\
</table>');
var listItemsBlock = blockManager.get('list-items');
gridItemsBlock.set('content', '\
<table>\
<tr>\
<td class="card-content">\
<img src="" alt="Image"/>\
<h1 class="card-title">Insert title here</h1>\
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>\
</td>\
<td class="card-content">\
<img src="" alt="Image"/>\
<h1 class="card-title">Insert title here</h1>\
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>\
</td>\
</tr>\
</table>');
@foreach ($snippets as $snippet)
blockManager.add("h{{ ($loop->index + 1) }}-block", {
label: '{{ $snippet->name }}',

View File

@ -23,7 +23,7 @@ p span.client {
margin:5px 0px 0px 0px;
}
h1.heading {
h1.cover-heading {
font-size: 48px;
line-height: 53px;
text-transform: uppercase;
@ -57,10 +57,10 @@ span.account.address1, span.account.city, span.account.state, span.account.posta
}
.heading,
.card-title {
font-size: 13px;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: #37a3c6;
font-weight: 600;
}
@ -70,7 +70,6 @@ span.account.address1, span.account.city, span.account.state, span.account.posta
line-height: 21px;
}
a.button {
background: #37a3c6;
padding: 12px 25px;
@ -94,10 +93,14 @@ a.button:hover {
background: #eeefef;
}
table td {
.card-content {
padding: 20px;
}
td {
vertical-align: top;
}
tr.top-header {
height: 350px;
}

View File

@ -1,4 +1,4 @@
<table border="0" cellpadding="0" cellspacing="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr class="grey-bg">
<td><img src="$logoUrl" width="193"/></td>
@ -7,7 +7,7 @@
<tr class="top-header grey-bg">
<td colspan="2" align="center">
<h1 class="heading">New Business Proposal</h1>
<h1 class="cover-heading">New Business Proposal</h1>
<p class="quote quoteDate grey-upper">Valid Until $validUntil</p>
</td>
</tr>
@ -30,55 +30,69 @@
</tr>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" class="card-content">
<h2 class="card-title">Project Description:</h2>
<h2 class="card-title">PROJECT DESCRIPTION:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p><br/>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<hr/>
</td>
</tr>
</table>
<table>
<tr>
<td class="grid-item-card card-content">
<h2 class="card-title">Objective:</h2>
<h2 class="card-title">OBJECTIVE:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
</td>
<td class="grid-item-card card-content">
<h2 class="card-title">Goal:</h2>
<h2 class="card-title">GOAL:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
</td>
</tr>
</table>
<table>
<tr class="block-quote" align="center">
<td colspan="2">
<img src="$quoteImageUrl" width="25"/>
<p class="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue auctor magna id sodales. Maecenas mollis justo sed tempor facilisis. Ut malesuada in nibh ultrices auctor. Proin id maximus ipsum. Sed eu magna ac nisl sollicitudin porta in non augue. Mauris feugiat interdum aliquam. Aliquam ultrices interdum dolor.</p>
</td>
</tr>
</table>
<table>
<tr>
<td colspan="2">
<table>
<tr class="card-content">
<td><img width="150px" srcx="img/thumb-square.jpg"/></td>
<td><h2 class="card-title">Objective:</h2>
<td class="card-content">
<img width="150px" srcx="img/thumb-square.jpg"/>
</td>
<td class="card-content">
<h2 class="card-title">OBJECTIVE:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
</td>
</tr>
<tr class="card-content">
<td><img width="150px" srcx="img/thumb-square.jpg"/></td>
<td><h2 class="card-title">Objective:</h2>
<tr>
<td class="card-content">
<img width="150px" srcx="img/thumb-square.jpg"/>
</td>
<td class="card-content">
<h2 class="card-title">OBJECTIVE:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table>
<tr>
<td colspan="2">
<hr/>
@ -87,13 +101,13 @@
<tr>
<td class="grid-item-card card-content">
<img width="250px" height="150px" srcx="img/thumb-rectangle.jpg"/>
<h2 class="card-title">Objective:</h2>
<img/>
<h2 class="card-title">OBJECTIVE:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
</td>
<td class="grid-item-card card-content">
<img width="250px" height="150px" srcx="img/thumb-rectangle.jpg"/>
<h2 class="card-title">Goal:</h2>
<img/>
<h2 class="card-title">GOAL:</h2>
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
</td>
</tr>