Initial commit

local/modules/OpenGraph/templates/backOffice/default/_notes/dwsync.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<dwsync>
+<file name="module_configuration.html" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+</dwsync>

local/modules/OpenGraph/templates/backOffice/default/module_configuration.html

@@ -0,0 +1,64 @@
+<div class="general-block-decorator">
+    <div class="row">
+        <div class="col-md-12 title title-without-tabs">
+            {intl l='Edit your social media datas.' d='opengraph.bo.default'}
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="form-container">
+                {form name="open.graph.configuration.form"}
+                {if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
+                <form method="POST" action="{url path="/admin/module/OpenGraph/save"}" {form_enctype form=$form} class="clearfix">
+
+                {form_hidden_fields form=$form}
+
+                {form_field form=$form field='company_name'}
+                <div class="form-group {if $error}has-error{/if}">
+                    <label for="{$label_attr.for}" class="control-label">{$label} : </label>
+                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{config key='opengraph_company_name'}" title="{$label}">
+                </div>
+                {/form_field}
+
+                {$twitterLink="<a href='https://twitter.com/theliaecommerce' target='_blank'>@theliaecommerce</a>"}
+
+                {form_field form=$form field='twitter_company_name'}
+                <div class="form-group {if $error}has-error{/if}">
+                    <label for="{$label_attr.for}" class="control-label">{$label} : </label>
+                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{config key='opengraph_twitter_company_name'}" title="{$label}">
+                    <span class="help-block">{intl l='Must be a valid twitter username ( ex : %link )' link=$twitterLink d='opengraph.bo.default'}</span>
+                </div>
+                {/form_field}
+
+                {form_field form=$form field='twitter_creator_name'}
+                <div class="form-group {if $error}has-error{/if}">
+                    <label for="{$label_attr.for}" class="control-label">{$label} : </label>
+                    <input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{config key='opengraph_twitter_creator_name'}" title="{$label}">
+                    <span class="help-block">{intl l='Must be a valid twitter username ( ex : %link )' link=$twitterLink d='opengraph.bo.default'}</span>
+                </div>
+                {/form_field}
+
+                {form_field form=$form field="enable_sharing_buttons"}
+                <div class="form-group">
+                    <label class="control-label" for="{$label_attr.for}">
+                        <input type="checkbox" name="{$name}" id="{$label_attr.for}" {if $value}checked{/if} />
+                        {$label}
+                        {form_error form=$form field="enable_sharing_buttons"}
+                        <br />
+                        <span class="error">{$message}</span>
+                        {/form_error}
+                    </label>
+                    {if ! empty($label_attr.help)}
+                    <span class="help-block">{$label_attr.help}</span>
+                    {/if}
+                </div>
+                {/form_field}
+
+                <button type="submit" name="opengraph_save" value="save" class="form-submit-button btn btn-sm btn-default" title="{intl d='opengraph.bo.default' l='Save'}">{intl d='opengraph.bo.default' l='Save'}</button>
+                </form>
+                {/form}
+            </div>
+        </div>
+    </div>
+</div>

local/modules/OpenGraph/templates/frontOffice/default/_notes/dwsync.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<dwsync>
+<file name="open_graph.html" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+<file name="open_graph_sharing_button.html" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+</dwsync>

local/modules/OpenGraph/templates/frontOffice/default/assets/css/_notes/dwsync.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<dwsync>
+<file name="styles.css" server="51.254.220.106//web/" local="131360681400000000" remote="131360681400000000" />
+</dwsync>

local/modules/OpenGraph/templates/frontOffice/default/assets/css/styles.css

@@ -0,0 +1,86 @@
+.og-share-container {
+    height: 32px;
+}
+.og-share-box {
+    position: fixed;
+    z-index: 1000;
+    bottom: 0;
+    left: 0;
+    height: 32px;
+    width: 100%;
+}
+
+.og-share-btn {
+    float: left;
+    width: 25%;
+    height: 32px;
+}
+
+.og-share-link {
+    display: block;
+    height: 32px;
+    line-height: 32px !important;
+    text-align: center;
+    color: #fff;
+    text-decoration: none;
+}
+.og-share-link:hover {
+    color: #fff;
+    text-decoration: none;
+}
+.og-share-link.fa-facebook-official,
+.og-share-link.fa-facebook-official:hover {
+    background: #3d5fa6;
+}
+.og-share-link.fa-twitter,
+.og-share-link.fa-twitter:hover {
+    background: #53b1f0;
+}
+.og-share-link.fa-google-plus,
+.og-share-link.fa-google-plus:hover {
+    background: #dd4b39;
+}
+.og-share-link.fa-pinterest,
+.og-share-link.fa-pinterest:hover {
+    background: #bd081c;
+}
+
+
+@media (min-width: 768px) {
+    .og-share-container {
+        height: 0;
+    }
+    .og-share-box {
+        top: 20%;
+        bottom: auto;
+        left: 0;
+        width: 32px;
+    }
+    
+    .og-share-btn {
+        float: none;
+        width: 32px;
+    }
+    
+    .og-share-link.fa {
+        display: block;
+        margin-bottom: 1px;
+        width: 32px;
+        background: #666 !important;
+    }
+    .og-share-link:hover {
+        width: 42px;
+    }
+    .og-share-link.fa-facebook-official:hover {
+        background: #3d5fa6 !important;
+    }
+    .og-share-link.fa-twitter:hover {
+        background: #53b1f0 !important;
+    }
+    .og-share-link.fa-google-plus:hover {
+        background: #dd4b39 !important;
+    }
+    .og-share-link.fa-pinterest:hover {
+        background: #bd081c !important;
+    }
+}

local/modules/OpenGraph/templates/frontOffice/default/open_graph.html

@@ -0,0 +1,89 @@
+{$object_id=''}
+
+{if $view_value == 'content'}
+
+    {$object_id={content attr="id"}}
+
+{/if}
+
+{if $view_value == 'folder'}
+
+    {$object_id={folder attr="id"}}
+
+{/if}
+
+{if $view_value == 'category'}
+
+    {$object_id={category attr="id"}}
+
+{/if}
+
+{if $view_value == 'product'}
+
+    {$object_id={product attr="id"}}
+
+{/if}
+
+
+
+{if $object_id !== ''}
+
+    {ifloop rel={$view_value}}
+
+
+
+    {$og_type='article'}
+
+
+
+    {$title=''}
+
+    {$description=''}
+
+    {$image_src=''}
+
+    {$price=''}
+
+    {$url=''}
+
+
+
+    {loop name={$view_value} type={$view_value} id=$object_id limit="1"}
+
+        {$title = $TITLE}
+
+
+
+        {if $META_DESCRIPTION}
+
+            {$description=$META_DESCRIPTION}
+
+        {elseif $CHAPO}
+
+            {$description=$CHAPO|truncate:150:""}
+
+        {/if}
+
+
+
+        {$url={$URL nofilter}}
+
+
+
+        {ifloop rel="image"}
+
+            {loop type="image" name="image" source={$view_value} source_id={$ID} width="400" height="300" resize_mode="borders" limit="1"}
+
+                {$image_src = $IMAGE_URL}
+
+            {/loop}
+
+        {/ifloop}
+
+
+
+        {if $view_value == 'product'}
+
+            {$price = $PRICE}
+
+            {$og_type='product'}

local/modules/OpenGraph/templates/frontOffice/default/open_graph_sharing_button.html

@@ -0,0 +1,45 @@
+{$url={navigate to='current' noamp=1}}
+
+{$object_id=''}
+{if $view_value == 'content'}
+    {$object_id={content attr="id"}}
+{/if}
+{if $view_value == 'folder'}
+    {$object_id={folder attr="id"}}
+{/if}
+{if $view_value == 'category'}
+    {$object_id={category attr="id"}}
+{/if}
+{if $view_value == 'product'}
+    {$object_id={product attr="id"}}
+{/if}
+
+{$image_src=''}
+{ifloop rel="image"}
+    {loop name={$view_value} type={$view_value} id=$object_id limit="1"}
+        {loop type="image" name="image" source={$view_value} source_id={$ID} width="400" height="300" resize_mode="borders" limit="1"}
+            {$image_src = $IMAGE_URL}
+        {/loop}
+    {/loop}
+{/ifloop}
+
+<div class="og-share-container">
+    <div class="og-share-box">
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-facebook-official" href="http://www.facebook.com/sharer.php?u={$url|escape:'url'}" target="_blank">
+            </a>
+        </div>
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-twitter" href="https://twitter.com/intent/tweet?source=webclient&amp;url={$url|escape:'url'}" target="_blank">
+            </a>
+        </div>
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-google-plus" href="https://plus.google.com/share?url={$url|escape:'url'}" target="_blank">
+            </a>
+        </div>
+        <div class="og-share-btn">
+            <a class="og-share-link fa fa-lg fa-pinterest" href="https://www.pinterest.com/pin/create/button/?url={$url|escape:'url'}&amp;media={$image_src|escape:'url'}" target="_blank">
+            </a>
+        </div>
+    </div>
+</div>