superdesk-ui-framework 4.0.52 → 4.0.54

package/examples/pages/playgrounds/tags-input.html

@@ -1,55 +0,0 @@
-<header class="sd-top-menu">
-    <a class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
-    <p class="sd-top-menu__header">Cards</p>
-</header>
-<main class="sd-page" data-theme="{{darkUI ? 'dark-ui' : 'light-ui'}}">
-    <section class="sd-page__main-content" ng-class="{'dark-ui': darkUI}">
-        <div class="subnav" ng-class="{'subnav--dark-ui': darkUI}">
-            <h3 class="subnav__page-title">Tag inputs</h3>
-            <button class="navbtn" ng-click="darkUI = !darkUI">
-                <i class="icon-adjust"></i>
-            </button>
-        </div>
-        <div class="sd-page__content">
-            <div class="grid grid--boxed" style="max-width: 500px; margin: 0 auto">
-                <div class="grid__item">
-                    <h3 class="docs-page__h3">Preview</h3>
-                    <br>
-                    <sd-tag-input ng-model="tags" 
-                                  data-max-items="1" 
-                                  data-label="Max number of items limited to 1" 
-                                  data-items="items" 
-                                  data-field="name"
-                                  data-min-length="1" 
-                                  data-freetext="false">
-                    </sd-tag-input>
-                    <div style="margin: -26px 0 30px; opacity: 0.7;">Result: {{tags}}</div>
-
-                    <sd-tag-input ng-model="cars" 
-                                  data-label="Cars"
-                                  data-items="freeItems"
-                                  data-freetext="true"
-                                  placeholder="Pick your favourite cars">
-                    </sd-tag-input>
-                    <div style="margin: -26px 0 30px; opacity: 0.7;">Result: {{cars}}</div>
-
-                    <sd-tag-input ng-model="freetext"
-                                  data-label="Free text"
-                                  data-items="freeItems"
-                                  data-freetext="true">
-                    </sd-tag-input>
-                    <div style="margin: -26px 0 30px; opacity: 0.7;">Result: {{freetext}}</div>
-                    
-                    <sd-tag-input ng-model="freetext"
-                                  data-label="Boxed type"
-                                  data-items="freeItems"
-                                  data-freetext="true"
-                                  data-boxed="true">
-                    </sd-tag-input>
-                    <div style="margin: -26px 0 30px; opacity: 0.7;">Result: {{freetext}}</div>
-                    
-                </div>
-            </div>
-        </div>
-    </section>
-</main>

package/examples/pages/playgrounds/toasts.html

@@ -1,113 +0,0 @@
-<div class="sd-page-grid--test docs-page__full-width-helper">
-    <header class="sd-top-menu">
-        <a href="" class="sd-top-menu__collapse-nav"><i class="icon-collapse icon--white"></i></a>
-        <p class="sd-top-menu__header">Toasts</p>
-    </header>
-    <section class="sd-content sd-content-wrapper">
-            <div class="sd-content-wrapper__main-content-area sd-main-content-grid">
-                <div class="sd-main-content-grid__header">
-                    <div class="subnav" ng-class="{'subnav--dark-ui': darkUI}">
-                        <h3 class="subnav__page-title">Toasts // Work in progress - HTML/CSS only</h3>
-                        <button class="navbtn" ng-click="darkUI = !darkUI">
-                            <i class="icon-adjust"></i>
-                        </button>
-                    </div>
-                </div>
-                <div class="sd-main-content-grid__content sd-padding--2">
-
-                </div>
-
-            </div>
-    </section>
-    <footer class="sd-bottom-bar">
-        This is the optional footer.
-    </footer>
-</div>
-
-<div class="sd-toast__container sd-toast__container--top">
-    <div class="sd-toast">
-        <div class="sd-toast__message">I'm a tasty default Toast message!</div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-    <div class="sd-toast sd-toast--success">
-        <div class="sd-toast__icon">
-            <i class="icon-ok"></i>
-        </div>
-        <div class="sd-toast__message">I'm a very successful Toast message!</div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-</div>
-
-<div class="sd-toast__container sd-toast__container--top-right">
-    <div class="sd-toast sd-toast--warning">
-        <div class="sd-toast__icon">
-            <i class="icon-warning-sign"></i>
-        </div>
-        <div class="sd-toast__message">
-            <h4 class="sd-toast__heading">I have Toaster heading!</h4>
-            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue.
-                Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus.</p>
-            <p>Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
-        </div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-</div>
-
-<div class="sd-toast__container sd-toast__container--bottom">
-    <div class="sd-toast sd-toast--primary">
-        <div class="sd-toast__icon">
-            <i class="icon-info-sign"></i>
-        </div>
-        <div class="sd-toast__message">
-            <h4 class="sd-toast__heading">I have Toaster heading!</h4>
-            <p>Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus.</p>
-        </div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-    <div class="sd-toast sd-toast--alert">
-        <div class="sd-toast__icon">
-            <i class="icon-exclamation-sign"></i>
-        </div>
-        <div class="sd-toast__message">Danger! Condimentum ridiculus ultricies ornare mollis.</div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-</div>
-
-<div class="sd-toast__container sd-toast__container--bottom-right">
-    <div class="sd-toast sd-toast--fixed-l">
-        <div class="sd-toast__icon"></div>
-        <figure class="sd-toast__avatar avatar">sd</figure>
-        <div class="sd-toast__message">
-            <div class="sd-toast__message-header">
-                <h4 class="sd-toast__heading">Martin Mustermann</h4>
-                <time title="March 22, 2017 11:08 AM">16:50, 16.03.2019</time>
-            </div>
-            <p>Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-        </div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-</div>
-
-<div class="sd-toast__container sd-toast__container--bottom-left">
-    <div class="sd-toast">
-        <div class="sd-toast__icon"></div>
-        <div class="sd-toast__message">
-            Curabitur blandit tempus porttitor.
-        </div>
-        <button type="button" class="icn-btn sd-toast__actions">
-            <i class="icon-close-small"></i>
-        </button>
-    </div>
-</div>