superdesk-ui-framework 4.0.52 → 4.0.53

package/examples/pages/components_deprecated/carousel.html

@@ -1,77 +0,0 @@
-<section class="docs-page__container">
-    <h2 class="docs-page__h2">Carousel</h2>
-    <p class="docs-page__paragraph"></p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div>
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example" doc-modal>
-                <button class="btn" ng-click="openCarousel()">Show carousel</button>
-                <div sd-carousel data-model="carouselActive" data-finish="hideCarousel()">
-                    <!--Page 1-->
-                    <div sd-carousel-step data-code="page1">
-                        <div class="sd-carousel__page-header">
-                            <h2 class="sd-carousel__page-heading">First Page!</h2>
-                            <img class="sd-carousel__page-header-illustration" src="/illustration_users.png" alt="User rolew">
-                        </div>
-                        <div class="sd-carousel__page-text">
-                            <h3>Lorem ipsum dolor sit amet</h3>
-                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
-                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
-                        </div>
-                        <div class="sd-carousel__page-footer">
-                            <a class="btn btn--large btn--sd-green" ng-click="hideCarousel()">Ok, i got it!</a>
-                        </div>
-                    </div>
-                    <div sd-carousel-step data-code="page2">
-                        <div class="sd-carousel__page-header sd-carousel__page-header--color-2">
-                            <h2 class="sd-carousel__page-heading">Second Page!</h2>
-                            <img class="sd-carousel__page-header-illustration" src="/illustration_user-privileges.png" alt="User rolew">
-                        </div>
-                        <div class="sd-carousel__page-text">
-                            <h3>Nam liber tempor cum</h3>
-                            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p>
-                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
-                        </div>
-                        <div class="sd-carousel__page-footer">
-                            <a class="btn btn--large btn--sd-green" ng-click="hideCarousel()">Ok, i got it!</a>
-                        </div>
-                    </div>
-                    <div sd-carousel-step data-code="page3">
-                        <div class="sd-carousel__page-header sd-carousel__page-header--color-3">
-                            <h2 class="sd-carousel__page-heading">Third Page!</h2>
-                            <img class="sd-carousel__page-header-illustration" src="/illustration_users.png" alt="User rolew">
-                        </div>
-                        <div class="sd-carousel__page-text">
-                            <h3>Dolores et ea rebum</h3>
-                            <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-                    <button class="btn" ng-click="openCarousel()">Show carousel</button>
-                    <div sd-carousel data-model="carouselActive" data-finish="hideCarousel" ng-non-bindable>
-                        <div sd-carousel-step data-code="page1" >
-                            <div class="sd-carousel__page-header">
-                                <h2 class="sd-carousel__page-heading">First Page!</h2>
-                                <img class="sd-carousel__page-header-illustration" src="/illustration_users.png" alt="User rolew">
-                            </div>
-                            <div class="sd-carousel__page-text">
-                                <h3>Lorem ipsum dolor sit amet</h3>
-                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</div>
-                            <div class="sd-carousel__page-footer">
-                                <a class="btn btn--large btn--sd-green">Ok, i got it!</a>
-                            </div>
-                        </div>
-                        <div sd-carousel-step data-code="page2"></div>
-                        <div sd-carousel-step data-code="page3"></div>
-                    </div>
-                </pre>
-            </div>
-        </div>
-    </div>
-</section>

package/examples/pages/components_deprecated/checkbox.html

@@ -1,86 +0,0 @@
-<section class="docs-page__container">  
-    <h2 class="docs-page__h2">Checkbox</h2>
-    <p class="docs-page__paragraph">
-        For creating SD styled checkboxes use the custom <code>&lt;sd-check&gt;</code> tag.
-        The text inside the tag creates the label for the sd-checkbox.
-        By default the label will be placed on the right side of checkbox, to place it on the left add the property <code>label-position="left"</code>.
-        To create the button styled checkbox add <code>label-position="inside"</code> to the sd-check tag. <code>ng-model</code> must be defined for proper functionality.
-        To initially check item, add <code>ng-checked="true"</code>.
-    </p>
-    <p class="docs-page__paragraph docs-page__paragraph--small">
-        To include an icon to the button style checkboxes add the data attribute <code>data-icon</code> to <code>sd-check</code>. Use the desired icon name, without the "icon-" prefix, as the value.
-        If the data attribute <code>data-icon</code> is present the button style will be applied automatically, there is no need to add <code>label-position="inside"</code>, although it will work with it as well.
-        For all available icons options check out the Icon font.
-    </p>
-    <div class="docs-page__code-window" doc-tabs>
-        <div class="docs-page__window-bar">
-            <a id="example" href="#" class="active">Example</a>
-            <a id="markup" href="#">Markup</a>
-        </div>
-        <div class="docs-page__window-content">
-            <div class="docs-page__code-example">
-                <p class="docs-page__paragraph">// Basic SD checkbox</p>
-                <div class="form__row">
-                    <sd-check ng-model="abc1">Checkbox label right</sd-check>
-                    <sd-check ng-model="abc2">Check me!</sd-check>
-                    <sd-check ng-model="abc3">Check me too!</sd-check>
-                    <sd-check ng-model="abc4" disabled="disabled">I'm disabled :( </sd-check>
-                    <sd-check ng-model="abc5" disabled="disabled" ng-checked="true">I'm disabled and checked :( </sd-check>
-                </div>
-                <div class="form__row">
-                    <sd-check ng-model="def" label-position="left">Checkbox label left</sd-check>
-                </div>
-                <div class="form__row">
-                    <sd-check ng-model="aut" ng-true-value="True Value" ng-false-value="False Value">Checkbox with custom values</sd-check>
-                </div>
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Button style checkbox</p>
-                <div class="form__row">
-                    <sd-check ng-model="def1" label-position="inside">Button style checkbox</sd-check>
-                    <sd-check ng-model="def2" label-position="inside" ng-checked="true">Check this out</sd-check>
-                    <sd-check ng-model="def3" label-position="inside">Check this too!</sd-check>
-                    <sd-check ng-model="def4" label-position="inside" disabled="disabled">U can't touch this!</sd-check>
-                </div>
-                <p class="docs-page__paragraph docs-page__paragraph--topMarginL">// Button style with icon</p>
-                <div class="form__row">
-                    <sd-check ng-model="def6" label-position="inside" data-icon="th-list">Button style with icon</sd-check>
-                    <sd-check ng-model="def7" label-position="inside" data-icon="th" ng-checked="true">I have an icon!</sd-check>
-                    <sd-check ng-model="def8" label-position="inside" data-icon="th-large">Yeah, me too!</sd-check>
-                    <sd-check ng-model="def9" data-icon="star" disabled="disabled">I have an icon :) </sd-check>
-                </div>
-            </div>
-
-            <div class="docs-page__code-markup">
-                <pre class="prettyprint lang-html linenums">
-                    <!--Basic SD checkbox-->
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="abc1">Checkbox label right</sd-check>
-                        <sd-check ng-model="abc2">Check me!</sd-check>
-                        <sd-check ng-model="abc3">Check me too!</sd-check>
-                        <sd-check ng-model="abc4" disabled="disabled">I'm disabled :( </sd-check>
-                        <sd-check ng-model="abc5" disabled="disabled" ng-checked="true">I'm disabled and checked :( </sd-check>
-                    </div>
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="def" label-position="left">Checkbox label left</sd-check>
-                    </div>
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="aut" ng-true-value="True Value" ng-false-value="False Value">Checkbox with custom values</sd-check>
-                    </div>
-                    <!--Button style checkbox-->
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="ghi" label-position="inside">Button style checkbox</sd-check>
-                        <sd-check ng-model="jkl" label-position="inside" ng-checked="true">Check this out</sd-check>
-                        <sd-check ng-model="mn" label-position="inside">Check this too!</sd-check>
-                        <sd-check ng-model="def4" label-position="inside" disabled="disabled">U can't touch this!</sd-check>
-                    </div>
-                    <!--Button style with icon-->
-                    <div class="form__row" ng-non-bindable>
-                        <sd-check ng-model="def6" data-icon="th-list">Button style with icon</sd-check>
-                        <sd-check ng-model="def7" data-icon="th" ng-checked="true">I have an icon!</sd-check>
-                        <sd-check ng-model="def8" data-icon="th-large">Yeah, me too!</sd-check>
-                        <sd-check ng-model="def9" data-icon="star">I have an icon :) </sd-check>
-                    </div>
-                </pre>
-            </div>
-        </div>
-    </div>
-</section>  

package/examples/pages/components_deprecated/colors.html

@@ -1,12 +0,0 @@
-<section class="docs-page__container">
-    <h2 class="docs-page__h2 docs-page__text-align--center">Colors</h2>
-    <p class="docs-page__paragraph docs-page__text-align--center"></p>
-    <div class="doc-swatches__grid"  ng-init="colors = ['red', 'pink', 'purple', 'deep-purple', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'deep-orange', 'brown', 'grey', 'blue-grey']; shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]">
-        <div class="doc-swatches__wrapper" ng-repeat="color in colors">
-            <div class="{{color}}--500 doc-swatches__title">
-                <h3>{{color}}</h3>
-            </div>
-            <span ng-repeat="shade in shades" class="doc-swatches__swatch-item {{color}}--{{shade}}">{{shade}}</span>
-        </div>
-    </div>
-</section>