MDL-64506 templates: replace spans where and col-x appears
[moodle.git] / lib / editor / atto / plugins / table / yui / src / button / js / button.js
index 79ca755..884e6bc 100644 (file)
@@ -42,17 +42,17 @@ var COMPONENT = 'atto_table',
     TEMPLATE = '' +
         '<form class="{{CSS.FORM}}">' +
             '<div class="mb-1 form-group row-fluid">' +
     TEMPLATE = '' +
         '<form class="{{CSS.FORM}}">' +
             '<div class="mb-1 form-group row-fluid">' +
-            '<div class="col-sm-4 span4">' +
+            '<div class="col-sm-4">' +
             '<label for="{{elementid}}_atto_table_caption">{{get_string "caption" component}}</label>' +
             '<label for="{{elementid}}_atto_table_caption">{{get_string "caption" component}}</label>' +
-            '</div><div class="col-sm-8 span8">' +
+            '</div><div class="col-sm-8">' +
             '<input type="text" class="form-control {{CSS.CAPTION}}" id="{{elementid}}_atto_table_caption" required />' +
             '</div>' +
             '</div>' +
             '<div class="mb-1 form-group row-fluid">' +
             '<input type="text" class="form-control {{CSS.CAPTION}}" id="{{elementid}}_atto_table_caption" required />' +
             '</div>' +
             '</div>' +
             '<div class="mb-1 form-group row-fluid">' +
-            '<div class="col-sm-4 span4">' +
+            '<div class="col-sm-4">' +
             '<label for="{{elementid}}_atto_table_captionposition">' +
             '{{get_string "captionposition" component}}</label>' +
             '<label for="{{elementid}}_atto_table_captionposition">' +
             '{{get_string "captionposition" component}}</label>' +
-            '</div><div class="col-sm-8 span8">' +
+            '</div><div class="col-sm-8">' +
             '<select class="custom-select {{CSS.CAPTIONPOSITION}}" id="{{elementid}}_atto_table_captionposition">' +
                 '<option value=""></option>' +
                 '<option value="top">{{get_string "top" "editor"}}</option>' +
             '<select class="custom-select {{CSS.CAPTIONPOSITION}}" id="{{elementid}}_atto_table_captionposition">' +
                 '<option value=""></option>' +
                 '<option value="top">{{get_string "top" "editor"}}</option>' +
@@ -61,9 +61,9 @@ var COMPONENT = 'atto_table',
             '</div>' +
             '</div>' +
             '<div class="mb-1 form-group row-fluid">' +
             '</div>' +
             '</div>' +
             '<div class="mb-1 form-group row-fluid">' +
-            '<div class="col-sm-4 span4">' +
+            '<div class="col-sm-4">' +
             '<label for="{{elementid}}_atto_table_headers">{{get_string "headers" component}}</label>' +
             '<label for="{{elementid}}_atto_table_headers">{{get_string "headers" component}}</label>' +
-            '</div><div class="col-sm-8 span8">' +
+            '</div><div class="col-sm-8">' +
             '<select class="custom-select {{CSS.HEADERS}}" id="{{elementid}}_atto_table_headers">' +
                 '<option value="columns">{{get_string "columns" component}}' + '</option>' +
                 '<option value="rows">{{get_string "rows" component}}' + '</option>' +
             '<select class="custom-select {{CSS.HEADERS}}" id="{{elementid}}_atto_table_headers">' +
                 '<option value="columns">{{get_string "columns" component}}' + '</option>' +
                 '<option value="rows">{{get_string "rows" component}}' + '</option>' +
@@ -73,18 +73,18 @@ var COMPONENT = 'atto_table',
             '</div>' +
             '{{#if nonedit}}' +
                 '<div class="mb-1 form-group row-fluid">' +
             '</div>' +
             '{{#if nonedit}}' +
                 '<div class="mb-1 form-group row-fluid">' +
-                '<div class="col-sm-4 span4">' +
+                '<div class="col-sm-4">' +
                 '<label for="{{elementid}}_atto_table_rows">{{get_string "numberofrows" component}}</label>' +
                 '<label for="{{elementid}}_atto_table_rows">{{get_string "numberofrows" component}}</label>' +
-                '</div><div class="col-sm-8 span8">' +
+                '</div><div class="col-sm-8">' +
                 '<input class="form-control w-auto {{CSS.ROWS}}" type="number" value="3" ' +
                 'id="{{elementid}}_atto_table_rows" size="8" min="1" max="50"/>' +
                 '</div>' +
                 '</div>' +
                 '<div class="mb-1 form-group row-fluid">' +
                 '<input class="form-control w-auto {{CSS.ROWS}}" type="number" value="3" ' +
                 'id="{{elementid}}_atto_table_rows" size="8" min="1" max="50"/>' +
                 '</div>' +
                 '</div>' +
                 '<div class="mb-1 form-group row-fluid">' +
-                '<div class="col-sm-4 span4">' +
+                '<div class="col-sm-4">' +
                 '<label for="{{elementid}}_atto_table_columns" ' +
                 '>{{get_string "numberofcolumns" component}}</label>' +
                 '<label for="{{elementid}}_atto_table_columns" ' +
                 '>{{get_string "numberofcolumns" component}}</label>' +
-                '</div><div class="col-sm-8 span8">' +
+                '</div><div class="col-sm-8">' +
                 '<input class="form-control w-auto {{CSS.COLUMNS}}" type="number" value="3" ' +
                     'id="{{elementid}}_atto_table_columns"' +
                 'size="8" min="1" max="20"/>' +
                 '<input class="form-control w-auto {{CSS.COLUMNS}}" type="number" value="3" ' +
                     'id="{{elementid}}_atto_table_columns"' +
                 'size="8" min="1" max="20"/>' +
@@ -96,9 +96,9 @@ var COMPONENT = 'atto_table',
                 '<legend class="mdl-align">{{get_string "appearance" component}}</legend>' +
                 '{{#if allowBorders}}' +
                     '<div class="mb-1 form-group row-fluid">' +
                 '<legend class="mdl-align">{{get_string "appearance" component}}</legend>' +
                 '{{#if allowBorders}}' +
                     '<div class="mb-1 form-group row-fluid">' +
-                    '<div class="col-sm-4 span4">' +
+                    '<div class="col-sm-4">' +
                     '<label for="{{elementid}}_atto_table_borders">{{get_string "borders" component}}</label>' +
                     '<label for="{{elementid}}_atto_table_borders">{{get_string "borders" component}}</label>' +
-                    '</div><div class="col-sm-8 span8">' +
+                    '</div><div class="col-sm-8">' +
                     '<select name="borders" class="custom-select {{CSS.BORDERS}}" id="{{elementid}}_atto_table_borders">' +
                         '<option value="default">{{get_string "themedefault" component}}' + '</option>' +
                         '<option value="outer">{{get_string "outer" component}}' + '</option>' +
                     '<select name="borders" class="custom-select {{CSS.BORDERS}}" id="{{elementid}}_atto_table_borders">' +
                         '<option value="default">{{get_string "themedefault" component}}' + '</option>' +
                         '<option value="outer">{{get_string "outer" component}}' + '</option>' +
@@ -107,10 +107,10 @@ var COMPONENT = 'atto_table',
                     '</div>' +
                     '</div>' +
                     '<div class="mb-1 form-group row-fluid">' +
                     '</div>' +
                     '</div>' +
                     '<div class="mb-1 form-group row-fluid">' +
-                    '<div class="col-sm-4 span4">' +
+                    '<div class="col-sm-4">' +
                     '<label for="{{elementid}}_atto_table_borderstyle">' +
                     '{{get_string "borderstyles" component}}</label>' +
                     '<label for="{{elementid}}_atto_table_borderstyle">' +
                     '{{get_string "borderstyles" component}}</label>' +
-                    '</div><div class="col-sm-8 span8">' +
+                    '</div><div class="col-sm-8">' +
                     '<select name="borderstyles" class="custom-select {{CSS.BORDERSTYLE}}" ' +
                         'id="{{elementid}}_atto_table_borderstyle">' +
                         '{{#each borderStyles}}' +
                     '<select name="borderstyles" class="custom-select {{CSS.BORDERSTYLE}}" ' +
                         'id="{{elementid}}_atto_table_borderstyle">' +
                         '{{#each borderStyles}}' +
@@ -120,10 +120,10 @@ var COMPONENT = 'atto_table',
                     '</div>' +
                     '</div>' +
                     '<div class="mb-1 form-group row-fluid">' +
                     '</div>' +
                     '</div>' +
                     '<div class="mb-1 form-group row-fluid">' +
-                    '<div class="col-sm-4 span4">' +
+                    '<div class="col-sm-4">' +
                     '<label for="{{elementid}}_atto_table_bordersize">' +
                     '{{get_string "bordersize" component}}</label>' +
                     '<label for="{{elementid}}_atto_table_bordersize">' +
                     '{{get_string "bordersize" component}}</label>' +
-                    '</div><div class="col-sm-8 span8">' +
+                    '</div><div class="col-sm-8">' +
                     '<div class="form-inline">' +
                     '<input name="bordersize" id="{{elementid}}_atto_table_bordersize" ' +
                     'class="form-control w-auto mr-1 {{CSS.BORDERSIZE}}"' +
                     '<div class="form-inline">' +
                     '<input name="bordersize" id="{{elementid}}_atto_table_bordersize" ' +
                     'class="form-control w-auto mr-1 {{CSS.BORDERSIZE}}"' +
@@ -133,10 +133,10 @@ var COMPONENT = 'atto_table',
                     '</div>' +
                     '</div>' +
                     '<div class="mb-1 form-group row-fluid">' +
                     '</div>' +
                     '</div>' +
                     '<div class="mb-1 form-group row-fluid">' +
-                    '<div class="col-sm-4 span4">' +
+                    '<div class="col-sm-4">' +
                     '<label for="{{elementid}}_atto_table_bordercolour">' +
                     '{{get_string "bordercolour" component}}</label>' +
                     '<label for="{{elementid}}_atto_table_bordercolour">' +
                     '{{get_string "bordercolour" component}}</label>' +
-                    '</div><div class="col-sm-8 span8">' +
+                    '</div><div class="col-sm-8">' +
                     '<div id="{{elementid}}_atto_table_bordercolour"' +
                     'class="form-inline {{CSS.BORDERCOLOUR}} {{CSS.AVAILABLECOLORS}}" size="1">' +
                         '<div class="tablebordercolor" style="background-color:transparent;color:transparent">' +
                     '<div id="{{elementid}}_atto_table_bordercolour"' +
                     'class="form-inline {{CSS.BORDERCOLOUR}} {{CSS.AVAILABLECOLORS}}" size="1">' +
                         '<div class="tablebordercolor" style="background-color:transparent;color:transparent">' +
@@ -160,10 +160,10 @@ var COMPONENT = 'atto_table',
                 '{{/if}}' +
                 '{{#if allowBackgroundColour}}' +
                     '<div class="mb-1 form-group row-fluid">' +
                 '{{/if}}' +
                 '{{#if allowBackgroundColour}}' +
                     '<div class="mb-1 form-group row-fluid">' +
-                    '<div class="col-sm-4 span4">' +
+                    '<div class="col-sm-4">' +
                     '<label for="{{elementid}}_atto_table_backgroundcolour">' +
                     '{{get_string "backgroundcolour" component}}</label>' +
                     '<label for="{{elementid}}_atto_table_backgroundcolour">' +
                     '{{get_string "backgroundcolour" component}}</label>' +
-                    '</div><div class="col-sm-8 span8">' +
+                    '</div><div class="col-sm-8">' +
                     '<div id="{{elementid}}_atto_table_backgroundcolour"' +
                     'class="form-inline {{CSS.BACKGROUNDCOLOUR}} {{CSS.AVAILABLECOLORS}}" size="1">' +
                         '<div class="tablebackgroundcolor" style="background-color:transparent;color:transparent">' +
                     '<div id="{{elementid}}_atto_table_backgroundcolour"' +
                     'class="form-inline {{CSS.BACKGROUNDCOLOUR}} {{CSS.AVAILABLECOLORS}}" size="1">' +
                         '<div class="tablebackgroundcolor" style="background-color:transparent;color:transparent">' +
@@ -188,10 +188,10 @@ var COMPONENT = 'atto_table',
                 '{{/if}}' +
                 '{{#if allowWidth}}' +
                     '<div class="mb-1 form-group row-fluid">' +
                 '{{/if}}' +
                 '{{#if allowWidth}}' +
                     '<div class="mb-1 form-group row-fluid">' +
-                    '<div class="col-sm-4 span4">' +
+                    '<div class="col-sm-4">' +
                     '<label for="{{elementid}}_atto_table_width">' +
                     '{{get_string "width" component}}</label>' +
                     '<label for="{{elementid}}_atto_table_width">' +
                     '{{get_string "width" component}}</label>' +
-                    '</div><div class="col-sm-8 span8">' +
+                    '</div><div class="col-sm-8">' +
                     '<div class="form-inline">' +
                     '<input name="width" id="{{elementid}}_atto_table_width" ' +
                         'class="form-control w-auto mr-1 {{CSS.WIDTH}}" size="8" ' +
                     '<div class="form-inline">' +
                     '<input name="width" id="{{elementid}}_atto_table_width" ' +
                         'class="form-control w-auto mr-1 {{CSS.WIDTH}}" size="8" ' +