rhodecode-enterprise-ce Files · rhodecode/public/js/src/components/rhodecode-toggle/rhodecode-toggle.js

admin: fixed problems with generating last change in admin panels....

admin: fixed problems with generating last change in admin panels. - from now on also updated_on will refer as last commit change instead of last update of DB. Reason for that is since we have audit logs the last db update should be taken from there along the change info. Storing last commit date in the dedicated field makes it searchable, sortable and faster to read.

marcink - - Load All Authors

File last commit:

r3192:689a0c93 stable


                r4000:52837660

default

Download file

             rhodecode-toggle.js
        
                    57 lines
            
             | 1.7 KiB
            
                | application/javascript
            
             |
                JavascriptLexer
            
             / rhodecode / public / js / src / components / rhodecode-toggle / rhodecode-toggle.js
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';

      import '@polymer/paper-toggle-button/paper-toggle-button.js';

      import '@polymer/paper-spinner/paper-spinner.js';

      import '@polymer/paper-tooltip/paper-tooltip.js';

      export class RhodecodeToggle extends PolymerElement {

          static get is() {

              return 'rhodecode-toggle';

          }

          static get template() {

              return html`

              <style include="shared-styles">

                  .rc-toggle {

                      float: left;

                      position: relative;

                  }

                  .rc-toggle paper-spinner {

                      position: absolute;

                      top: 0;

                      left: -30px;

                      width: 20px;

                      height: 20px;

                  }

              </style>

              <div class="rc-toggle">

                  <paper-toggle-button checked={{checked}}>[[labelStatus(checked)]]

                  </paper-toggle-button>

                  <paper-tooltip>[[tooltipText]]</paper-tooltip>

                  <template is="dom-if" if="[[shouldShow(noSpinner)]]">

                      <paper-spinner active=[[active]]></paper-spinner>

                  </template>

              </div>

          `;

          }

          static get properties() {

              return {

                  noSpinner: {type: Boolean, value: false, reflectToAttribute: true},

                  tooltipText: {type: String, value: "Click to toggle", reflectToAttribute: true},

                  checked: {type: Boolean, value: false, reflectToAttribute: true},

                  active: {type: Boolean, value: false, reflectToAttribute: true, notify: true}

              }

          }

          shouldShow() {

              return !this.noSpinner

          }

          labelStatus(isActive) {

              return this.checked ? 'Enabled' : "Disabled"

          }

      }

      customElements.define(RhodecodeToggle.is, RhodecodeToggle);

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';
				import '@polymer/paper-toggle-button/paper-toggle-button.js';
				import '@polymer/paper-spinner/paper-spinner.js';
				import '@polymer/paper-tooltip/paper-tooltip.js';

				export class RhodecodeToggle extends PolymerElement {

				static get is() {
				return 'rhodecode-toggle';
				}

				static get template() {
				return html`
				<style include="shared-styles">
				.rc-toggle {
				float: left;
				position: relative;
				}

				.rc-toggle paper-spinner {
				position: absolute;
				top: 0;
				left: -30px;
				width: 20px;
				height: 20px;
				}
				</style>
				<div class="rc-toggle">
				<paper-toggle-button checked={{checked}}>[[labelStatus(checked)]]
				</paper-toggle-button>
				<paper-tooltip>[[tooltipText]]</paper-tooltip>
				<template is="dom-if" if="[[shouldShow(noSpinner)]]">
				<paper-spinner active=[[active]]></paper-spinner>
				</template>
				</div>
				`;
				}

				static get properties() {
				return {
				noSpinner: {type: Boolean, value: false, reflectToAttribute: true},
				tooltipText: {type: String, value: "Click to toggle", reflectToAttribute: true},
				checked: {type: Boolean, value: false, reflectToAttribute: true},
				active: {type: Boolean, value: false, reflectToAttribute: true, notify: true}
				}
				}

				shouldShow() {
				return !this.noSpinner
				}

				labelStatus(isActive) {
				return this.checked ? 'Enabled' : "Disabled"
				}
				}

				customElements.define(RhodecodeToggle.is, RhodecodeToggle);