[FIX] web_unsplash: row without container not taking all width in bs4

This commits add a container to make row full width, it also use bs4 classes to
make the content centered.
It also clean useless DOM.

Task-1878245 (chatter)
This commit is contained in:
Romain Derie
2018-09-12 11:30:19 +02:00
parent 4fb73a3de0
commit d7ea1030ab
@@ -9,21 +9,21 @@
</div>
</t>
<t t-jquery=".existing-attachments" t-operation="after">
<div class="unsplash_img_container"></div>
<div class="unsplash_img_container container-fluid"></div>
</t>
</t>
<t t-name="web_unsplash.dialog.image.content">
<div class="row mt16" t-as="row" t-foreach="rows">
<div class="col-sm-2 o_unsplash_img_cell" t-as="img" t-foreach="row">
<div class="col-sm-2 o_unsplash_img_cell text-center" t-as="img" t-foreach="row">
<div class="o_image o_webimage" t-att-data-imgid="img.id" t-att-data-url="img.urls.regular" t-att-data-download-url="img.links.download_location">
<img class="img-fluid" t-att-src="img.urls.thumb" />
</div>
<div class="author_name text-center"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div>
<div class="author_name"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div>
</div>
</div>
<div class="row mt16" t-if="rows.length == 0">
<div class="text-center text-muted not-found">
<div class="m-auto text-muted not-found">
<i class="fa fa-camera mr8"/> Photos not found
</div>
</div>
@@ -31,8 +31,8 @@
<t t-name="web_unsplash.dialog.error.content">
<div class="row mt16 text-muted unsplash_error">
<t t-if="key_not_found">
<div class="text-center">
<div class="m-auto text-center">
<t t-if="key_not_found">
<p class="title">
Access key is not set
</p>
@@ -45,20 +45,16 @@
</div>
</div>
</div>
</div>
</t>
<t t-elif="status == 403">
<div class="text-center">
</t>
<t t-elif="status == 403">
<p class="title">
Search is temporary unavailable
</p>
<div class="details">
The max number of searches is exceeded. Please retry in an hour or extend to a better account.
</div>
</div>
</t>
<t t-elif="status == 401">
<div class="text-center">
</t>
<t t-elif="status == 401">
<p class="title">
Unauthorized Key
</p>
@@ -71,18 +67,16 @@
</div>
</div>
</div>
</div>
</t>
<t t-else="">
<div class="text-center">
</t>
<t t-else="">
<p class="title">
Something went wrong
</p>
<div class="details">
Please check your internet connection or contact administrator.
</div>
</div>
</t>
</t>
</div>
</div>
</t>