JavaScript

export class UndefinedValue {

    projectNumber;
    variableContingencyValue;
    actualCost;
    varibleContingencyCost;
    actualPlusContingencyCost;

}

export function writeUndefinedValue(projectNumber, variConRate, actualCost, variConCost, actualPlusCost) {

    let uVo = new UndefinedValue();
    uVo.projectNumber = projectNumber;
    uVo.variableContingencyValue = variConRate;
    uVo.actualCost = actualCost;
    uVo.varibleContingencyCost = variConCost;
    uVo.actualPlusContingencyCost = actualPlusCost;

    localStorage.setItem('undefinedValue', JSON.stringify(uVo));
}

export function readUndefinedValue(projectNumber) {

    let uVo = JSON.Parse(localStorage.getItem('undefinedValue'));
    if (uVo !== undefined || uVo !== null) {
        return uVo;
    }
    return null;

}

<script type="text/javascript">
    import { readUndefinedValue, writeUndefinedValue, UndefinedValue } from './source/js_undefinedValue.js';
</script>

<frameset rows="45, 75%" FRAMEBORDER="0" BORDER="0" FRAMESPACING="0" onUnload="logout()">
   <frameset cols="*, 450" FRAMEBORDER="0" BORDER="0" FRAMESPACING="0">
        <frame id="basicFrame" name="basic" src="page_top.phtml" marginheight="0" marginwidth="0" noresize border="0" scrolling="yes"  >
        <frame id="msrpFrame" name="msrp" src="page_blank.html" marginheight="0" marginwidth="0" noresize border="0">
   </frameset>
   <frame id="mainFrame" name="main" src="page_main.phtml" marginheight="0" marginwidth="0" noresize border="0">
</frameset>

<script language='JavaScript' type='text/javascript'>    
    var mFrame = document.getElementById('mainFrame');
    if (mFrame !== null || mFrame !== undefined) {
        var contentDoc = mFrame.contentDocument || mFrame.contentWindow.document;
        var txtUV = contentDoc.getElementById('undefinedValue');
        if (txtUV !== null) {
            txtUV.value = " . $GLOBALS[undefinedValue] . "
        }
    }
</script>

const reviewSchema = new mongoose.Schema({
    review: {
        type: String,
        required: [true, 'Review can not be empty!']
    },
    rating: {
        type: Number,
        min: 1,
        max: 5
    },
    createdAt: {
        type: Date,
        default: Date.now(),
    },
    tour: [
        {
            type: mongoose.Schema.ObjectId,
            ref: 'Tour',
            required: [true, 'Review must be belong to a tour.']
        }
    ],
    user: [
        {
            type: mongoose.Schema.ObjectId,
            ref: 'User',
            required: [true, 'Review must be belong to a user.']
        }
    ]
},
    {
        //passing options, getting the virual properties to the document/object
        toJSON: { virtuals: true },
        toObject: { virtuals: true },
    }
);

const tourSchema = new mongoose.Schema({
    name: {
        type: String,
        required: [true, 'A tour must have a name'], //validator
        unique: true,
        trim: true,
        maxlength: [40, 'A tour name must have less or equal then 40 characters'],
        minlength: [10, 'A tour name must have at least 10 character']
        //validate: [validator.isAlpha, 'A tour name must have only alphabetic characters']
    },
    slug: {
        type: String
    },
    duration: {
        type: Number,
        required: [true, 'A tour must have a duration']
    },
    maxGroupSize: {
        type: Number,
        required: [true, 'A tour must have a group size']
    },
    difficulty: {
        type: String,
        required: [true, 'A tour must have a difficuulty level'],
        enum: {
            values: ['easy', 'medium', 'difficult'],
            message: 'Difficulty is either "easy", "medium" or "difficult"'
        }
    },
    ratingsAverage: {
        type: Number,
        default: 4.5,
        min: [1, 'Rating must be above 1'],
        max: [5, 'Rating must be below 5']
    },
    ratingsQuantaity: {
        type: Number,
        default: 0
    },
    price: {
        type: Number,
        required: [true, 'A tour must have a price']
    },
    priceDiscount: {
        type: Number,
        validate: {
            validator: function (val) {
                return val < this.price;
            },
            message: 'Discount price ({VALUE}) shoulld be below the regular price'
        }
    },
    summary: {
        type: String,
        trim: true,
    },
    description: {
        type: String,
        trim: true,
        required: [true, 'A tour must have a description']
    },
    imageCover: {
        type: String,
        required: [true, 'A tour must have a image cover']
    },
    images: [String], //array of strings 
    createdAt: {
        type: Date,
        default: Date.now(),
        select: false
    },
    startDates: [Date], //array of dates
    secretTour: {
        type: Boolean,
        default: false
    },
    startLocation: {
        //GeoJSON - Embedded object
        type: {
            type: String,
            default: 'Point',
            enum: ['Point']
        },
        coordinates: [Number], //expect an arr of numbers
        address: String,
        description: String
    },
    locations: [ //arr of GeoJSON objects - Embedded document inside the parent document
        {
            type: {
                type: String,
                default: 'Point',
                enum: ['Point']
            },
            coordinates: [Number],
            address: String,
            description: String,
            day: Number
        }
    ],
    //guides: Array --- array of user id's || embedding
    guides: [ 
        //Reference to the user data model without saving the guides in the tour data model
        //Child referencing
        {
            type: mongoose.Schema.ObjectId,
            ref: 'User'
        }
    ]
},
    {
        //passing options, getting the virual properties to the document/object
        toJSON: { virtuals: true },
        toObject: { virtuals: true }
    }
);

//Virtual populate
tourSchema.virtual('reviews', {
    ref: 'review',
    foreignField: 'tour', //the tour field in the Review model
    localField: '_id' //_id of the tour in the Tour model
    //look for the _id of the tour in the tour field in review
});

{{#each tags as |tag index|~}}
    <li class="emberTagInput-tag">
        {{yield tag}}
        {{#if _isRemoveButtonVisible}}
        <a class="emberTagInput-remove" {{action 'removeTag' index}}></a>
        {{/if}}
    </li>
    {{~/each~}}
    
    <li class="emberTagInput-new">
        {{masked-input
        disabled=readOnly    
        class=(concat 'emberTagInput-input js-ember-tag-input-new' (if readOnly ' is-disabled'))
        maxlength='20'
        textMaxLength='20'
        placeholder=placeholder
        input-format='regex'
        input-filter='[A-Za-z0-9\ \-@#]{1,20}'
        input-filter-message='Complaint Id is not valid.'
        }}
    </li>

<div class="col-md-2">
            <div class="form-group">
            <label for="due-date" class=" control-label">Complaint Id</label>
            {{#tag-input
            maxlength=20
            tags=tags
            addTag=(action 'addNewTag')
            removeTagAtIndex=(action 'removeTagAtIndex')
            as |tag|
            }}
            {{tag}}
            {{/tag-input}}
           </div>
        </div>

{{masked-input
   mask='********************'
   disabled=readOnly
   class=(concat 'emberTagInput-input js-ember-tag-input-new' (if readOnly ' is-disabled'))
   maxlength=maxlength
   placeholder=placeholder
   value=model.Address.AltPhone
   input-format='regex'
   input-filter='[A-Za-z0-9 \-_@#]{1,20}'
   input-filter-message='Complaint Id is not valid.'
   maxlength="20"
 }}

<div class="tag-container" id="tag-container">
      tag1tag2tag3
    </div>
<input type="text" value="" placeholder="Add a tag" id="add-tag-input" />

$(document).ready(function(){
    $(function(){
      $("#add-tag-input").on({
        focusout : function() {
          var txt = this.value.replace(/[^a-z0-9\+\-\.\#]/ig,''); // allowed characters
          if(txt) $("<span/>", {text:txt.toLowerCase(), appendTo:"#tag-container", class:"dashfolio-tag"});
    
          this.value = "";
        },
        keyup : function(ev) {
          // if: comma|enter (delimit more keyCodes with | pipe)
          if(/(188|13)/.test(ev.which)) $(this).focusout(); 
        }
      });
      $('.tag-container').on('click', 'span', function() {
        if(confirm("Remove "+ $(this).text() +"?")) $(this).remove(); 
      });
    });
    });

.tag-container {
      max-width: 300px; /* helps wrap the tags in a specific width */
    }
    
    .dashfolio-tag {
      cursor:pointer;
      background-color: blue;
      padding: 5px 10px 5px 10px;
      display: inline-block;
      margin-top: 3px; /*incase tags go in next line, will space */
      color:#fff;
      margin-right: 4px;
      background:#789;
      padding-right: 20px; /* adds space inside the tags for the 'x' button */
    }
    
    .dashfolio-tag:hover{
      opacity:0.7;
    }
    
    .dashfolio-tag:after { 
     position:absolute;
     content:"×";
     padding:2px 2px;
     margin-left:2px;
     font-size:11px;
    }
    
    #add-tag-input {
      background:#eee;
      border:0;
      margin:6px 6px 6px 0px ; /* t r b l */
      padding:5px;
      width:auto;
    }