WordPress.org
Get WordPress

Plugin Directory

Changeset 2265900


Ignore:
Timestamp:
03/23/2020 02:14:26 PM (6 years ago)
Author:
glo3d
Message:
  • Glo3D icon was added to gutenberg block.
  • Block controls were added.
  • Tags were updated.
  • Width and Height settings were added.
Location:
glo3d
Files:
1 deleted
10 edited

Legend:

Unmodified
Added
Removed

  • glo3d/tags/2.0/block.js

    r2265438 r2265900  
    1 wp.blocks.registerBlockType('glo3d/spin-photography-360', {
    2     title: 'Glo3D 360 Model',
    3     icon: 'update',
    4     category: 'embed',
    5     attributes: {
    6         content: {type: 'string'}
    7     },
    8     edit: function (props) {
    9         function updateContent(event) {
    10             props.setAttributes({content: event.target.value})
     1( function( blocks, editor, i18n, element ) {
     2    var el = element.createElement;
     3    var __ = i18n.__;
     4    var AlignmentToolbar = editor.AlignmentToolbar;
     5    var BlockControls = editor.BlockControls;
     6
     7    const smileIcon = wp.element.createElement('svg',
     8        {
     9            width: 24,
     10            height: 24
     11        },
     12        wp.element.createElement( 'path',
     13            {
     14                d: "M8.14 14.85L4.78 15.48L3.24 20.93L7.3 22.61L10.67 19.54L15.29 9.52L13.19 2.05L9.26 1.39L5.48 8.13L8.14 14.85Z"
     15            }
     16        ),
     17        wp.element.createElement( 'path',
     18            {
     19                d: "M12 20.25L13.07 21.44L15.32 20.22L16.2 15.64L21.01 11.03L21.74 8.14L19.33 8.16L16.77 10.35L12 20.25Z"
     20            }
     21        )
     22    );
     23    blocks.registerBlockType('glo3d/spin-photography-360', {
     24        title: 'Glo3D 360 Model',
     25        icon: smileIcon,
     26        category: 'embed',
     27        attributes: {
     28            content: {type: 'string'},
     29            width: {type: 'string'},
     30            height: {type: 'string'},
     31            alignment: {type: 'string'}
     32        },
     33        edit: function (props) {
     34            var content = props.attributes.content;
     35            var width = props.attributes.width;
     36            var height = props.attributes.height;
     37            var alignment = props.attributes.alignment;
     38            function updateContent(event) {
     39                props.setAttributes({content: event.target.value})
     40            }
     41
     42            function updateWidth(event) {
     43                props.setAttributes({width: event.target.value})
     44            }
     45
     46            function updateHeight(event) {
     47                props.setAttributes({height: event.target.value})
     48            }
     49
     50            function onChangeAlignment( newAlignment ) {
     51                props.setAttributes( { alignment: newAlignment === undefined ? 'none' : newAlignment } );
     52            }
     53
     54            return [el(
     55                BlockControls,
     56                { key: 'controls' },
     57                el(
     58                    AlignmentToolbar,
     59                    {
     60                        value: alignment,
     61                        onChange: onChangeAlignment,
     62                    }
     63                )
     64            ),wp.element.createElement(
     65                "div",
     66                null,
     67                wp.element.createElement(
     68                    "div",
     69                    {style: {width: "140px", margin: "0 auto"}},
     70                    "Your Glo3D url"
     71                ),
     72                wp.element.createElement(
     73                    "input",
     74                    {
     75                        type: "text",
     76                        style: {width: "100%"},
     77                        value: content,
     78                        onChange: updateContent
     79                    }
     80                ),
     81                wp.element.createElement(
     82                    "span",
     83                    null,
     84                    "Width"
     85                ),
     86                wp.element.createElement(
     87                    "input",
     88                    {
     89                        type: "text",
     90                        value: width !== undefined ? width : 300,
     91                        onChange: updateWidth
     92                    }
     93                ),
     94                wp.element.createElement(
     95                    "span",
     96                    null,
     97                    "Height"
     98                ),
     99                wp.element.createElement(
     100                    "input",
     101                    {
     102                        type: "text",
     103                        value: height !== undefined ? height : 300,
     104                        onChange: updateHeight
     105                    }
     106                ),
     107                wp.element.createElement("iframe", {
     108                    width: width === undefined ? '300px' : width + "px",
     109                    height: height === undefined ? '300px' : height + "px",
     110                    src: content,
     111                    frameborder: "0",
     112                    scrolling: "no"
     113                })
     114            )];
     115        },
     116        save: function (props) {
     117            console.log(props)
     118            return wp.element.createElement("iframe", {
     119                loading: "lazy",
     120                style: "text-align: " + props.attributes.alignment,
     121                width: props.attributes.width === undefined ? '300px' : props.attributes.width + "px",
     122                height: props.attributes.height === undefined ? '300px' : props.attributes.height + "px",
     123                src: props.attributes.content,
     124                frameborder: "0",
     125                scrolling: "no"
     126            });
    11127        }
    12 
    13         return wp.element.createElement(
    14             "div",
    15             null,
    16             wp.element.createElement(
    17                 "h5",
    18                 null,
    19                 "Your Glo3d short url"
    20             ),
    21             wp.element.createElement(
    22                 "input",
    23                 {
    24                     type: "text",
    25                     style: {width: "100%"},
    26                     value: props.attributes.content,
    27                     onChange: updateContent
    28                 }
    29             ),
    30             wp.element.createElement("iframe", {
    31                 loading: "lazy",
    32                 width: "300px",
    33                 height: "300px",
    34                 src: props.attributes.content,
    35                 frameborder: "0",
    36                 scrolling: "no"
    37             })
    38         );
    39     },
    40     save: function (props) {
    41         return wp.element.createElement("iframe", {
    42             loading: "lazy",
    43             width: "300px",
    44             height: "300px",
    45             src: props.attributes.content,
    46             frameborder: "0",
    47             scrolling: "no"
    48         });
    49     }
    50 })
     128    })}(
     129    window.wp.blocks,
     130    window.wp.editor,
     131    window.wp.i18n,
     132    window.wp.element
     133) );

  • glo3d/tags/2.0/glo3d.js

    r2265438 r2265900  
    6868                        $('#glo_height').val(height).removeAttr('disabled')
    6969                    } else {
    70                     //
     70                        //
    7171                    }
    7272                }
    … …  
    113113            return {
    114114                longname : 'Glo3D Buttons',
    115                 author : 'Rahman Haghparast',
    116                 authorurl : 'https://about.me/haghparast',
     115                author : 'Webreed Inc.',
     116                authorurl : 'https://glo3dapp.com',
    117117                infourl : 'https://glo3d.net',
    118                 version : "1.0"
     118                version : "2.0"
    119119            };
    120120        }

  • glo3d/tags/2.0/glo3d.php

    r2265472 r2265900  
    55 * Author: Webreed Inc.
    66 * Author URI: https://glo3dapp.com/
    7  * Version: 2.0.0
     7 * Version: 2.1.1
    88 * Documentation: https://www.glo3d.net
    99 **/

  • glo3d/tags/2.0/readme.txt

    r2265472 r2265900  
    11=== Glo3D ===
    22Contributors: glo3d
    3 Tags: 360 photography, spin, glo3d, 3d, modeling, 360
     3Tags: 360 spin, 360 spin plug in, 360 product photography plug in, 360 spin app, FREE 360 spin plugin, FREE wordpress 360 product photography app, How to embed 360 photo to wordpress, FREE 360 product photography app
    44Requires at least: 3.1
    55Tested up to: 5.3.2
    … …  
    1313== Description ==
    1414
     15FREE - With a push of a button of any smartphone or professional camera, capture, edit, share and embed 360° photo of any product to your online store or website.
     16
    1517    This plugin adds a new block to gutenberg if you are using wordpress 5.0 and above. This block works like an embed block and you can paste the link to your Glo3D 360 model here.
    1618After that, your 360 model will be shown below the text box for preview purposes and once you save the post or page, you can see it on your front end.
    1719    If you are using wordpress without gutenberg support, this plugin adds a button to TinyMCE which is the wordpress default editor. By clicking on this button, you are asked to add a Glo3D url or Glo3D iframe code and it will extract the necessary data from the url and generates a short code for your Glo3D model.
    1820The short code will then be parsed by the plugin to embed your Glo3D model in an iframe in wordpress pages or posts.
     21
     22To get more information about Glo3D platform, including the app and other available plugins, visit our website at Glo3Dapp.com
    1923
    2024== Installation ==
    … …  
    5256== Changelog ==
    5357
     58= 2.1.1 =
     59* Glo3D icon was added to gutenberg block.
     60* Block controls were added.
     61* Tags were updated.
     62* Width and Height settings were added.
     63
    5464= 2.0 =
    5565* Gutenberg support was added

  • glo3d/trunk/block.js

    r2265438 r2265900  
    1 wp.blocks.registerBlockType('glo3d/spin-photography-360', {
    2     title: 'Glo3D 360 Model',
    3     icon: 'update',
    4     category: 'embed',
    5     attributes: {
    6         content: {type: 'string'}
    7     },
    8     edit: function (props) {
    9         function updateContent(event) {
    10             props.setAttributes({content: event.target.value})
     1( function( blocks, editor, i18n, element ) {
     2    var el = element.createElement;
     3    var __ = i18n.__;
     4    var AlignmentToolbar = editor.AlignmentToolbar;
     5    var BlockControls = editor.BlockControls;
     6
     7    const smileIcon = wp.element.createElement('svg',
     8        {
     9            width: 24,
     10            height: 24
     11        },
     12        wp.element.createElement( 'path',
     13            {
     14                d: "M8.14 14.85L4.78 15.48L3.24 20.93L7.3 22.61L10.67 19.54L15.29 9.52L13.19 2.05L9.26 1.39L5.48 8.13L8.14 14.85Z"
     15            }
     16        ),
     17        wp.element.createElement( 'path',
     18            {
     19                d: "M12 20.25L13.07 21.44L15.32 20.22L16.2 15.64L21.01 11.03L21.74 8.14L19.33 8.16L16.77 10.35L12 20.25Z"
     20            }
     21        )
     22    );
     23    blocks.registerBlockType('glo3d/spin-photography-360', {
     24        title: 'Glo3D 360 Model',
     25        icon: smileIcon,
     26        category: 'embed',
     27        attributes: {
     28            content: {type: 'string'},
     29            width: {type: 'string'},
     30            height: {type: 'string'},
     31            alignment: {type: 'string'}
     32        },
     33        edit: function (props) {
     34            var content = props.attributes.content;
     35            var width = props.attributes.width;
     36            var height = props.attributes.height;
     37            var alignment = props.attributes.alignment;
     38            function updateContent(event) {
     39                props.setAttributes({content: event.target.value})
     40            }
     41
     42            function updateWidth(event) {
     43                props.setAttributes({width: event.target.value})
     44            }
     45
     46            function updateHeight(event) {
     47                props.setAttributes({height: event.target.value})
     48            }
     49
     50            function onChangeAlignment( newAlignment ) {
     51                props.setAttributes( { alignment: newAlignment === undefined ? 'none' : newAlignment } );
     52            }
     53
     54            return [el(
     55                BlockControls,
     56                { key: 'controls' },
     57                el(
     58                    AlignmentToolbar,
     59                    {
     60                        value: alignment,
     61                        onChange: onChangeAlignment,
     62                    }
     63                )
     64            ),wp.element.createElement(
     65                "div",
     66                null,
     67                wp.element.createElement(
     68                    "div",
     69                    {style: {width: "140px", margin: "0 auto"}},
     70                    "Your Glo3D url"
     71                ),
     72                wp.element.createElement(
     73                    "input",
     74                    {
     75                        type: "text",
     76                        style: {width: "100%"},
     77                        value: content,
     78                        onChange: updateContent
     79                    }
     80                ),
     81                wp.element.createElement(
     82                    "span",
     83                    null,
     84                    "Width"
     85                ),
     86                wp.element.createElement(
     87                    "input",
     88                    {
     89                        type: "text",
     90                        value: width !== undefined ? width : 300,
     91                        onChange: updateWidth
     92                    }
     93                ),
     94                wp.element.createElement(
     95                    "span",
     96                    null,
     97                    "Height"
     98                ),
     99                wp.element.createElement(
     100                    "input",
     101                    {
     102                        type: "text",
     103                        value: height !== undefined ? height : 300,
     104                        onChange: updateHeight
     105                    }
     106                ),
     107                wp.element.createElement("iframe", {
     108                    width: width === undefined ? '300px' : width + "px",
     109                    height: height === undefined ? '300px' : height + "px",
     110                    src: content,
     111                    frameborder: "0",
     112                    scrolling: "no"
     113                })
     114            )];
     115        },
     116        save: function (props) {
     117            console.log(props)
     118            return wp.element.createElement("iframe", {
     119                loading: "lazy",
     120                style: "text-align: " + props.attributes.alignment,
     121                width: props.attributes.width === undefined ? '300px' : props.attributes.width + "px",
     122                height: props.attributes.height === undefined ? '300px' : props.attributes.height + "px",
     123                src: props.attributes.content,
     124                frameborder: "0",
     125                scrolling: "no"
     126            });
    11127        }
    12 
    13         return wp.element.createElement(
    14             "div",
    15             null,
    16             wp.element.createElement(
    17                 "h5",
    18                 null,
    19                 "Your Glo3d short url"
    20             ),
    21             wp.element.createElement(
    22                 "input",
    23                 {
    24                     type: "text",
    25                     style: {width: "100%"},
    26                     value: props.attributes.content,
    27                     onChange: updateContent
    28                 }
    29             ),
    30             wp.element.createElement("iframe", {
    31                 loading: "lazy",
    32                 width: "300px",
    33                 height: "300px",
    34                 src: props.attributes.content,
    35                 frameborder: "0",
    36                 scrolling: "no"
    37             })
    38         );
    39     },
    40     save: function (props) {
    41         return wp.element.createElement("iframe", {
    42             loading: "lazy",
    43             width: "300px",
    44             height: "300px",
    45             src: props.attributes.content,
    46             frameborder: "0",
    47             scrolling: "no"
    48         });
    49     }
    50 })
     128    })}(
     129    window.wp.blocks,
     130    window.wp.editor,
     131    window.wp.i18n,
     132    window.wp.element
     133) );

  • glo3d/trunk/glo3d.js

    r1995757 r2265900  
    6868                        $('#glo_height').val(height).removeAttr('disabled')
    6969                    } else {
    70                     //
     70                        //
    7171                    }
    7272                }
    … …  
    113113            return {
    114114                longname : 'Glo3D Buttons',
    115                 author : 'Rahman Haghparast',
    116                 authorurl : 'https://about.me/haghparast',
     115                author : 'Webreed Inc.',
     116                authorurl : 'https://glo3dapp.com',
    117117                infourl : 'https://glo3d.net',
    118                 version : "1.0"
     118                version : "2.0"
    119119            };
    120120        }

  • glo3d/trunk/glo3d.php

    r2265438 r2265900  
    22/**
    33 *Plugin Name: Glo3D Plugin
    4  * Description: This plugin adds a new button to tinymce editor of wordpress in order to embed a Glo3D model
    5  * Author: Rahman Haghparast
    6  * Author URI: https://about.me/haghparast
    7  * Version: 1.0.0
     4 * Description: This plugin is used to embed Glo3D models in wordpress posts or pages.
     5 * Author: Webreed Inc.
     6 * Author URI: https://glo3dapp.com/
     7 * Version: 2.1.1
    88 * Documentation: https://www.glo3d.net
    99 **/

  • glo3d/trunk/readme.txt

    r2265472 r2265900  
    11=== Glo3D ===
    22Contributors: glo3d
    3 Tags: 360 photography, spin, glo3d, 3d, modeling, 360
     3Tags: 360 spin, 360 spin plug in, 360 product photography plug in, 360 spin app, FREE 360 spin plugin, FREE wordpress 360 product photography app, How to embed 360 photo to wordpress, FREE 360 product photography app
    44Requires at least: 3.1
    55Tested up to: 5.3.2
    … …  
    1313== Description ==
    1414
     15FREE - With a push of a button of any smartphone or professional camera, capture, edit, share and embed 360° photo of any product to your online store or website.
     16
    1517    This plugin adds a new block to gutenberg if you are using wordpress 5.0 and above. This block works like an embed block and you can paste the link to your Glo3D 360 model here.
    1618After that, your 360 model will be shown below the text box for preview purposes and once you save the post or page, you can see it on your front end.
    1719    If you are using wordpress without gutenberg support, this plugin adds a button to TinyMCE which is the wordpress default editor. By clicking on this button, you are asked to add a Glo3D url or Glo3D iframe code and it will extract the necessary data from the url and generates a short code for your Glo3D model.
    1820The short code will then be parsed by the plugin to embed your Glo3D model in an iframe in wordpress pages or posts.
     21
     22To get more information about Glo3D platform, including the app and other available plugins, visit our website at Glo3Dapp.com
    1923
    2024== Installation ==
    … …  
    5256== Changelog ==
    5357
     58= 2.1.1 =
     59* Glo3D icon was added to gutenberg block.
     60* Block controls were added.
     61* Tags were updated.
     62* Width and Height settings were added.
     63
    5464= 2.0 =
    5565* Gutenberg support was added
Note: See TracChangeset for help on using the changeset viewer.